Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add Autocomplete wrapper for Menu and ListBox #7181

Open
wants to merge 48 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 6 commits
Commits
Show all changes
48 commits
Select commit Hold shift + click to select a range
c33ac96
scaffolding, copied Combobox and renamed to Autocomplete
LFDanLu Oct 9, 2024
a185473
get listbox rendering by default without open state
LFDanLu Oct 9, 2024
e6fa7c1
update intl file and more clean up to get rid of combobox stuff
LFDanLu Oct 10, 2024
61aab83
fix lint
LFDanLu Oct 10, 2024
66fecc8
rough working version of Menu instead of Listbox in autocomplete
LFDanLu Oct 11, 2024
779309b
fix submenu
LFDanLu Oct 11, 2024
78de7f8
Update autocomplete to have the wrapped menu filter itself
LFDanLu Oct 19, 2024
e0f098a
fix keyboard interactions, and clean up
LFDanLu Oct 22, 2024
5914d11
fix menu, add more stories, fix strict
LFDanLu Oct 22, 2024
12480fd
add announcements to menu and various clean up
LFDanLu Oct 22, 2024
ad8942a
update yarn.lock
LFDanLu Oct 22, 2024
70c2d0f
Merge branch 'main' of github.com:adobe/react-spectrum into autocomplete
LFDanLu Oct 22, 2024
9812c3c
get rid of dom node in Autocomplete and fix readOnly bugs
LFDanLu Oct 23, 2024
8478937
fix build failure
LFDanLu Oct 23, 2024
3fbd35f
test against popover experience
LFDanLu Oct 23, 2024
e15d999
fix popover story
LFDanLu Oct 24, 2024
368a677
properly clear aria-activedecendant
LFDanLu Oct 24, 2024
82b3120
cleanup
LFDanLu Oct 24, 2024
423b73c
fix build
LFDanLu Oct 24, 2024
6c498f1
Merge branch 'main' into autocomplete
LFDanLu Oct 28, 2024
fe5bfbe
properly focus trap the autocomplete popover
LFDanLu Oct 29, 2024
477ca7f
update interaction pattern as per discussion
LFDanLu Nov 1, 2024
9a58613
update yarn.lock
LFDanLu Nov 1, 2024
574bd67
dont autofocus if user hasnt typed in the field yet
LFDanLu Nov 5, 2024
ae7a00f
add delay for now to make NVDA announcement better
LFDanLu Nov 5, 2024
7b11c5d
fix lint and scrap custom announcements
LFDanLu Nov 5, 2024
04e8777
intial tests
LFDanLu Nov 6, 2024
79c9064
more tests and fixes to BaseCollection and keyboard interactions from…
LFDanLu Nov 6, 2024
b20b626
fix lint and add RAC test
LFDanLu Nov 7, 2024
28afe21
Merge branch 'main' of github.com:adobe/react-spectrum into autocomplete
LFDanLu Nov 7, 2024
2d0a15f
use MenuSection
LFDanLu Nov 7, 2024
c87a507
(WIP) Refactor autocomplete logic to use custom events to update virt…
LFDanLu Nov 20, 2024
682357f
Merge branch 'main' of github.com:adobe/react-spectrum into autocomplete
LFDanLu Nov 20, 2024
3871e7b
fix lint and test with wrapping Listbox
LFDanLu Nov 21, 2024
e3c3c35
refactor so that we defer to the child input as much as possible for …
LFDanLu Nov 23, 2024
04d9a8b
cleanup
LFDanLu Nov 23, 2024
0757832
fix listbox test
LFDanLu Nov 23, 2024
fd709a2
Merge branch 'main' of github.com:adobe/react-spectrum into autocomplete
LFDanLu Nov 23, 2024
9eede0c
fix build and react 19
LFDanLu Nov 23, 2024
6bd5270
get rid of leftover react 19 testing changes
LFDanLu Nov 25, 2024
150bd7e
clean up some todos
LFDanLu Nov 25, 2024
c13544b
fix listbox listeners not registering
LFDanLu Nov 25, 2024
0d68f68
updating tests and making enter trigger listbox link
LFDanLu Nov 26, 2024
d8c5259
initial review comments
LFDanLu Nov 26, 2024
00f67ad
update tests and remove menu id coercing in favor of user defined ids
LFDanLu Nov 27, 2024
1a26d79
fix lock
LFDanLu Nov 27, 2024
435c6dc
Merge branch 'main' of github.com:adobe/react-spectrum into autocomplete
LFDanLu Nov 27, 2024
df03339
update forward ref for react fast refresh
LFDanLu Nov 27, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/ar-AE.json
LFDanLu marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# خيار} other {# خيارات}} متاحة.",
"focusAnnouncement": "{isGroupChange, select, true {المجموعة المدخلة {groupTitle}, مع {groupCount, plural, one {# خيار} other {# خيارات}}. } other {}}{optionText}{isSelected, select, true {, محدد} other {}}",
"listboxLabel": "مقترحات",
"selectedAnnouncement": "{optionText}، محدد"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/bg-BG.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# опция} other {# опции}} на разположение.",
"focusAnnouncement": "{isGroupChange, select, true {Въведена група {groupTitle}, с {groupCount, plural, one {# опция} other {# опции}}. } other {}}{optionText}{isSelected, select, true {, избрани} other {}}",
"listboxLabel": "Предложения",
"selectedAnnouncement": "{optionText}, избрани"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/cs-CZ.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "K dispozici {optionCount, plural, one {je # možnost} other {jsou/je # možnosti/-í}}.",
"focusAnnouncement": "{isGroupChange, select, true {Zadaná skupina „{groupTitle}“ {groupCount, plural, one {s # možností} other {se # možnostmi}}. } other {}}{optionText}{isSelected, select, true { (vybráno)} other {}}",
"listboxLabel": "Návrhy",
"selectedAnnouncement": "{optionText}, vybráno"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/da-DK.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# mulighed tilgængelig} other {# muligheder tilgængelige}}.",
"focusAnnouncement": "{isGroupChange, select, true {Angivet gruppe {groupTitle}, med {groupCount, plural, one {# mulighed} other {# muligheder}}. } other {}}{optionText}{isSelected, select, true {, valgt} other {}}",
"listboxLabel": "Forslag",
"selectedAnnouncement": "{optionText}, valgt"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/de-DE.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# Option} other {# Optionen}} verfügbar.",
"focusAnnouncement": "{isGroupChange, select, true {Eingetretene Gruppe {groupTitle}, mit {groupCount, plural, one {# Option} other {# Optionen}}. } other {}}{optionText}{isSelected, select, true {, ausgewählt} other {}}",
"listboxLabel": "Empfehlungen",
"selectedAnnouncement": "{optionText}, ausgewählt"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/el-GR.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# επιλογή} other {# επιλογές }} διαθέσιμες.",
"focusAnnouncement": "{isGroupChange, select, true {Εισαγμένη ομάδα {groupTitle}, με {groupCount, plural, one {# επιλογή} other {# επιλογές}}. } other {}}{optionText}{isSelected, select, true {, επιλεγμένο} other {}}",
"listboxLabel": "Προτάσεις",
"selectedAnnouncement": "{optionText}, επιλέχθηκε"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/en-US.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"focusAnnouncement": "{isGroupChange, select, true {Entered group {groupTitle}, with {groupCount, plural, one {# option} other {# options}}. } other {}}{optionText}{isSelected, select, true {, selected} other {}}",
"countAnnouncement": "{optionCount, plural, one {# option} other {# options}} available.",
"selectedAnnouncement": "{optionText}, selected",
"listboxLabel": "Suggestions"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/es-ES.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# opción} other {# opciones}} disponible(s).",
"focusAnnouncement": "{isGroupChange, select, true {Se ha unido al grupo {groupTitle}, con {groupCount, plural, one {# opción} other {# opciones}}. } other {}}{optionText}{isSelected, select, true {, seleccionado} other {}}",
"listboxLabel": "Sugerencias",
"selectedAnnouncement": "{optionText}, seleccionado"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/et-EE.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# valik} other {# valikud}} saadaval.",
"focusAnnouncement": "{isGroupChange, select, true {Sisestatud rühm {groupTitle}, valikuga {groupCount, plural, one {# valik} other {# valikud}}. } other {}}{optionText}{isSelected, select, true {, valitud} other {}}",
"listboxLabel": "Soovitused",
"selectedAnnouncement": "{optionText}, valitud"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/fi-FI.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# vaihtoehto} other {# vaihtoehdot}} saatavilla.",
"focusAnnouncement": "{isGroupChange, select, true {Mentiin ryhmään {groupTitle}, {groupCount, plural, one {# vaihtoehdon} other {# vaihtoehdon}} kanssa.} other {}}{optionText}{isSelected, select, true {, valittu} other {}}",
"listboxLabel": "Ehdotukset",
"selectedAnnouncement": "{optionText}, valittu"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/fr-FR.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# option} other {# options}} disponible(s).",
"focusAnnouncement": "{isGroupChange, select, true {Groupe {groupTitle} rejoint, avec {groupCount, plural, one {# option} other {# options}}. } other {}}{optionText}{isSelected, select, true {, sélectionné(s)} other {}}",
"listboxLabel": "Suggestions",
"selectedAnnouncement": "{optionText}, sélectionné"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/he-IL.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {אפשרות #} other {# אפשרויות}} במצב זמין.",
"focusAnnouncement": "{isGroupChange, select, true {נכנס לקבוצה {groupTitle}, עם {groupCount, plural, one {אפשרות #} other {# אפשרויות}}. } other {}}{optionText}{isSelected, select, true {, נבחר} other {}}",
"listboxLabel": "הצעות",
"selectedAnnouncement": "{optionText}, נבחר"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/hr-HR.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "Dostupno još: {optionCount, plural, one {# opcija} other {# opcije/a}}.",
"focusAnnouncement": "{isGroupChange, select, true {Unesena skupina {groupTitle}, s {groupCount, plural, one {# opcijom} other {# opcije/a}}. } other {}}{optionText}{isSelected, select, true {, odabranih} other {}}",
"listboxLabel": "Prijedlozi",
"selectedAnnouncement": "{optionText}, odabrano"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/hu-HU.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# lehetőség} other {# lehetőség}} áll rendelkezésre.",
"focusAnnouncement": "{isGroupChange, select, true {Belépett a(z) {groupTitle} csoportba, amely {groupCount, plural, one {# lehetőséget} other {# lehetőséget}} tartalmaz. } other {}}{optionText}{isSelected, select, true {, kijelölve} other {}}",
"listboxLabel": "Javaslatok",
"selectedAnnouncement": "{optionText}, kijelölve"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/it-IT.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# opzione disponibile} other {# opzioni disponibili}}.",
"focusAnnouncement": "{isGroupChange, select, true {Ingresso nel gruppo {groupTitle}, con {groupCount, plural, one {# opzione} other {# opzioni}}. } other {}}{optionText}{isSelected, select, true {, selezionato} other {}}",
"listboxLabel": "Suggerimenti",
"selectedAnnouncement": "{optionText}, selezionato"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/ja-JP.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# 個のオプション} other {# 個のオプション}}を利用できます。",
"focusAnnouncement": "{isGroupChange, select, true {入力されたグループ {groupTitle}、{groupCount, plural, one {# 個のオプション} other {# 個のオプション}}を含む。} other {}}{optionText}{isSelected, select, true {、選択済み} other {}}",
"listboxLabel": "候補",
"selectedAnnouncement": "{optionText}、選択済み"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/ko-KR.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {#개 옵션} other {#개 옵션}}을 사용할 수 있습니다.",
"focusAnnouncement": "{isGroupChange, select, true {입력한 그룹 {groupTitle}, {groupCount, plural, one {#개 옵션} other {#개 옵션}}. } other {}}{optionText}{isSelected, select, true {, 선택됨} other {}}",
"listboxLabel": "제안",
"selectedAnnouncement": "{optionText}, 선택됨"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/lt-LT.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "Yra {optionCount, plural, one {# parinktis} other {# parinktys (-ių)}}.",
"focusAnnouncement": "{isGroupChange, select, true {Įvesta grupė {groupTitle}, su {groupCount, plural, one {# parinktimi} other {# parinktimis (-ių)}}. } other {}}{optionText}{isSelected, select, true {, pasirinkta} other {}}",
"listboxLabel": "Pasiūlymai",
"selectedAnnouncement": "{optionText}, pasirinkta"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/lv-LV.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "Pieejamo opciju skaits: {optionCount, plural, one {# opcija} other {# opcijas}}.",
"focusAnnouncement": "{isGroupChange, select, true {Ievadīta grupa {groupTitle}, ar {groupCount, plural, one {# opciju} other {# opcijām}}. } other {}}{optionText}{isSelected, select, true {, atlasīta} other {}}",
"listboxLabel": "Ieteikumi",
"selectedAnnouncement": "{optionText}, atlasīta"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/nb-NO.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# alternativ} other {# alternativer}} finnes.",
"focusAnnouncement": "{isGroupChange, select, true {Angitt gruppe {groupTitle}, med {groupCount, plural, one {# alternativ} other {# alternativer}}. } other {}}{optionText}{isSelected, select, true {, valgt} other {}}",
"listboxLabel": "Forslag",
"selectedAnnouncement": "{optionText}, valgt"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/nl-NL.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# optie} other {# opties}} beschikbaar.",
"focusAnnouncement": "{isGroupChange, select, true {Groep {groupTitle} ingevoerd met {groupCount, plural, one {# optie} other {# opties}}. } other {}}{optionText}{isSelected, select, true {, geselecteerd} other {}}",
"listboxLabel": "Suggesties",
"selectedAnnouncement": "{optionText}, geselecteerd"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/pl-PL.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "dostępna/dostępne(-nych) {optionCount, plural, one {# opcja} other {# opcje(-i)}}.",
"focusAnnouncement": "{isGroupChange, select, true {Dołączono do grupy {groupTitle}, z {groupCount, plural, one {# opcją} other {# opcjami}}. } other {}}{optionText}{isSelected, select, true {, wybrano} other {}}",
"listboxLabel": "Sugestie",
"selectedAnnouncement": "{optionText}, wybrano"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/pt-BR.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# opção} other {# opções}} disponível.",
"focusAnnouncement": "{isGroupChange, select, true {Grupo inserido {groupTitle}, com {groupCount, plural, one {# opção} other {# opções}}. } other {}}{optionText}{isSelected, select, true {, selecionado} other {}}",
"listboxLabel": "Sugestões",
"selectedAnnouncement": "{optionText}, selecionado"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/pt-PT.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# opção} other {# opções}} disponível.",
"focusAnnouncement": "{isGroupChange, select, true {Grupo introduzido {groupTitle}, com {groupCount, plural, one {# opção} other {# opções}}. } other {}}{optionText}{isSelected, select, true {, selecionado} other {}}",
"listboxLabel": "Sugestões",
"selectedAnnouncement": "{optionText}, selecionado"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/ro-RO.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# opțiune} other {# opțiuni}} disponibile.",
"focusAnnouncement": "{isGroupChange, select, true {Grup {groupTitle} introdus, cu {groupCount, plural, one {# opțiune} other {# opțiuni}}. } other {}}{optionText}{isSelected, select, true {, selectat} other {}}",
"listboxLabel": "Sugestii",
"selectedAnnouncement": "{optionText}, selectat"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/ru-RU.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# параметр} other {# параметров}} доступно.",
"focusAnnouncement": "{isGroupChange, select, true {Введенная группа {groupTitle}, с {groupCount, plural, one {# параметром} other {# параметрами}}. } other {}}{optionText}{isSelected, select, true {, выбранными} other {}}",
"listboxLabel": "Предложения",
"selectedAnnouncement": "{optionText}, выбрано"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/sk-SK.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# možnosť} other {# možnosti/-í}} k dispozícii.",
"focusAnnouncement": "{isGroupChange, select, true {Zadaná skupina {groupTitle}, s {groupCount, plural, one {# možnosťou} other {# možnosťami}}. } other {}}{optionText}{isSelected, select, true {, vybraté} other {}}",
"listboxLabel": "Návrhy",
"selectedAnnouncement": "{optionText}, vybraté"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/sl-SI.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "Na voljo je {optionCount, plural, one {# opcija} other {# opcije}}.",
"focusAnnouncement": "{isGroupChange, select, true {Vnesena skupina {groupTitle}, z {groupCount, plural, one {# opcija} other {# opcije}}. } other {}}{optionText}{isSelected, select, true {, izbrano} other {}}",
"listboxLabel": "Predlogi",
"selectedAnnouncement": "{optionText}, izbrano"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/sr-SP.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "Dostupno još: {optionCount, plural, one {# opcija} other {# opcije/a}}.",
"focusAnnouncement": "{isGroupChange, select, true {Unesena grupa {groupTitle}, s {groupCount, plural, one {# opcijom} other {# optione/a}}. } other {}}{optionText}{isSelected, select, true {, izabranih} other {}}",
"listboxLabel": "Predlozi",
"selectedAnnouncement": "{optionText}, izabrano"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/sv-SE.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# alternativ} other {# alternativ}} tillgängliga.",
"focusAnnouncement": "{isGroupChange, select, true {Ingick i gruppen {groupTitle} med {groupCount, plural, one {# alternativ} other {# alternativ}}. } other {}}{optionText}{isSelected, select, true {, valda} other {}}",
"listboxLabel": "Förslag",
"selectedAnnouncement": "{optionText}, valda"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/tr-TR.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# seçenek} other {# seçenekler}} kullanılabilir.",
"focusAnnouncement": "{isGroupChange, select, true {Girilen grup {groupTitle}, ile {groupCount, plural, one {# seçenek} other {# seçenekler}}. } other {}}{optionText}{isSelected, select, true {, seçildi} other {}}",
"listboxLabel": "Öneriler",
"selectedAnnouncement": "{optionText}, seçildi"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/uk-UA.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# параметр} other {# параметри(-ів)}} доступно.",
"focusAnnouncement": "{isGroupChange, select, true {Введена група {groupTitle}, з {groupCount, plural, one {# параметр} other {# параметри(-ів)}}. } other {}}{optionText}{isSelected, select, true {, вибрано} other {}}",
"listboxLabel": "Пропозиції",
"selectedAnnouncement": "{optionText}, вибрано"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/zh-CN.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "有 {optionCount, plural, one {# 个选项} other {# 个选项}}可用。",
"focusAnnouncement": "{isGroupChange, select, true {进入了 {groupTitle} 组,其中有 {groupCount, plural, one {# 个选项} other {# 个选项}}. } other {}}{optionText}{isSelected, select, true {, 已选择} other {}}",
"listboxLabel": "建议",
"selectedAnnouncement": "{optionText}, 已选择"
}
6 changes: 6 additions & 0 deletions packages/@react-aria/autocomplete/intl/zh-TW.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"countAnnouncement": "{optionCount, plural, one {# 選項} other {# 選項}} 可用。",
"focusAnnouncement": "{isGroupChange, select, true {輸入的群組 {groupTitle}, 有 {groupCount, plural, one {# 選項} other {# 選項}}. } other {}}{optionText}{isSelected, select, true {, 已選取} other {}}",
"listboxLabel": "建議",
"selectedAnnouncement": "{optionText}, 已選取"
}
10 changes: 10 additions & 0 deletions packages/@react-aria/autocomplete/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -23,12 +23,22 @@
},
"dependencies": {
"@react-aria/combobox": "^3.10.4",
"@react-aria/i18n": "^3.12.3",
"@react-aria/listbox": "^3.13.4",
"@react-aria/live-announcer": "^3.4.0",
"@react-aria/menu": "^3.15.4",
"@react-aria/overlays": "^3.23.3",
"@react-aria/searchfield": "^3.7.9",
"@react-aria/selection": "^3.20.0",
"@react-aria/textfield": "^3.14.9",
"@react-aria/utils": "^3.25.3",
"@react-stately/autocomplete": "3.0.0-alpha.1",
"@react-stately/collections": "^3.11.0",
"@react-stately/combobox": "^3.10.0",
"@react-stately/form": "^3.0.6",
"@react-types/autocomplete": "3.0.0-alpha.26",
"@react-types/button": "^3.10.0",
"@react-types/combobox": "^3.13.0",
"@react-types/shared": "^3.25.0",
"@swc/helpers": "^0.5.0"
},
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-aria/autocomplete/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,8 @@
* governing permissions and limitations under the License.
*/
export {useSearchAutocomplete} from './useSearchAutocomplete';
export {useAutocomplete} from './useAutocomplete';

export type {AriaSearchAutocompleteOptions, SearchAutocompleteAria} from './useSearchAutocomplete';
export type {AriaSearchAutocompleteProps} from '@react-types/autocomplete';
export type {AriaAutocompleteProps, AriaAutocompleteOptions, AutocompleteAria} from './useAutocomplete';
Loading