@react-aria/combobox 3.2.3-nightly.3111 → 3.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +155 -152
- package/dist/main.js.map +1 -1
- package/dist/module.js +155 -152
- package/dist/module.js.map +1 -1
- package/package.json +17 -17
package/dist/module.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {announce as $
|
|
2
|
-
import {ariaHideOutside as $
|
|
3
|
-
import {listData as $
|
|
4
|
-
import {chain as $
|
|
5
|
-
import {useMemo as $
|
|
6
|
-
import {getItemCount as $
|
|
7
|
-
import {ListKeyboardDelegate as $
|
|
8
|
-
import {useMenuTrigger as $
|
|
9
|
-
import {useMessageFormatter as $
|
|
10
|
-
import {useTextField as $
|
|
1
|
+
import {announce as $bIA3N$announce} from "@react-aria/live-announcer";
|
|
2
|
+
import {ariaHideOutside as $bIA3N$ariaHideOutside} from "@react-aria/overlays";
|
|
3
|
+
import {listData as $bIA3N$listData, getItemId as $bIA3N$getItemId} from "@react-aria/listbox";
|
|
4
|
+
import {chain as $bIA3N$chain, useLabels as $bIA3N$useLabels, isAppleDevice as $bIA3N$isAppleDevice, mergeProps as $bIA3N$mergeProps} from "@react-aria/utils";
|
|
5
|
+
import {useMemo as $bIA3N$useMemo, useRef as $bIA3N$useRef, useEffect as $bIA3N$useEffect} from "react";
|
|
6
|
+
import {getItemCount as $bIA3N$getItemCount} from "@react-stately/collections";
|
|
7
|
+
import {ListKeyboardDelegate as $bIA3N$ListKeyboardDelegate, useSelectableCollection as $bIA3N$useSelectableCollection} from "@react-aria/selection";
|
|
8
|
+
import {useMenuTrigger as $bIA3N$useMenuTrigger} from "@react-aria/menu";
|
|
9
|
+
import {useMessageFormatter as $bIA3N$useMessageFormatter} from "@react-aria/i18n";
|
|
10
|
+
import {useTextField as $bIA3N$useTextField} from "@react-aria/textfield";
|
|
11
11
|
|
|
12
12
|
function $parcel$interopDefault(a) {
|
|
13
13
|
return a && a.__esModule ? a.default : a;
|
|
@@ -15,187 +15,187 @@ function $parcel$interopDefault(a) {
|
|
|
15
15
|
function $parcel$export(e, n, v, s) {
|
|
16
16
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
17
17
|
}
|
|
18
|
-
var $
|
|
18
|
+
var $be1e4cc1f2d16e08$exports = {};
|
|
19
19
|
|
|
20
|
-
$parcel$export($
|
|
20
|
+
$parcel$export($be1e4cc1f2d16e08$exports, "useComboBox", () => $be1e4cc1f2d16e08$export$8c18d1b4f7232bbf);
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
var $
|
|
28
|
-
var $
|
|
29
|
-
$
|
|
27
|
+
var $c91563d0bb59aea2$exports = {};
|
|
28
|
+
var $1f6a58a5b39f6e71$exports = {};
|
|
29
|
+
$1f6a58a5b39f6e71$exports = JSON.parse("{\"buttonLabel\":\"عرض المقترحات\",\"countAnnouncement\":\"{optionCount, plural, one {# خيار} other {# خيارات}} متاحة.\",\"focusAnnouncement\":\"{isGroupChange, select, true {المجموعة المدخلة {groupTitle}, مع {groupCount, plural, one {# خيار} other {# خيارات}}. } other {}}{optionText}{isSelected, select, true {, محدد} other {}}\",\"listboxLabel\":\"مقترحات\",\"selectedAnnouncement\":\"{optionText}، محدد\"}");
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
var $
|
|
33
|
-
$
|
|
32
|
+
var $f008909a2a1ceb35$exports = {};
|
|
33
|
+
$f008909a2a1ceb35$exports = JSON.parse("{\"buttonLabel\":\"Покажи предложения\",\"countAnnouncement\":\"{optionCount, plural, one {# опция} other {# опции}} на разположение.\",\"focusAnnouncement\":\"{isGroupChange, select, true {Въведена група {groupTitle}, с {groupCount, plural, one {# опция} other {# опции}}. } other {}}{optionText}{isSelected, select, true {, избрани} other {}}\",\"listboxLabel\":\"Предложения\",\"selectedAnnouncement\":\"{optionText}, избрани\"}");
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
var $
|
|
37
|
-
$
|
|
36
|
+
var $60ab47abc1517dca$exports = {};
|
|
37
|
+
$60ab47abc1517dca$exports = JSON.parse("{\"buttonLabel\":\"Zobrazit doporučení\",\"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\"}");
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
var $
|
|
41
|
-
$
|
|
40
|
+
var $3913da5fefc7601a$exports = {};
|
|
41
|
+
$3913da5fefc7601a$exports = JSON.parse("{\"buttonLabel\":\"Vis forslag\",\"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\"}");
|
|
42
42
|
|
|
43
43
|
|
|
44
|
-
var $
|
|
45
|
-
$
|
|
44
|
+
var $b8d161955151e0f6$exports = {};
|
|
45
|
+
$b8d161955151e0f6$exports = JSON.parse("{\"buttonLabel\":\"Empfehlungen anzeigen\",\"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\"}");
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var $
|
|
49
|
-
$
|
|
48
|
+
var $73f7b3d6c602698e$exports = {};
|
|
49
|
+
$73f7b3d6c602698e$exports = JSON.parse("{\"buttonLabel\":\"Προβολή προτάσεων\",\"countAnnouncement\":\"{optionCount, plural, one {# επιλογή} other {# επιλογές }} διαθέσιμες.\",\"focusAnnouncement\":\"{isGroupChange, select, true {Εισαγμένη ομάδα {groupTitle}, με {groupCount, plural, one {# επιλογή} other {# επιλογές}}. } other {}}{optionText}{isSelected, select, true {, επιλεγμένο} other {}}\",\"listboxLabel\":\"Προτάσεις\",\"selectedAnnouncement\":\"{optionText}, επιλέχθηκε\"}");
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var $
|
|
53
|
-
$
|
|
52
|
+
var $782f18330a78d599$exports = {};
|
|
53
|
+
$782f18330a78d599$exports = JSON.parse("{\"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\",\"buttonLabel\":\"Show suggestions\",\"listboxLabel\":\"Suggestions\"}");
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
var $
|
|
57
|
-
$
|
|
56
|
+
var $0a944896d36c6fd0$exports = {};
|
|
57
|
+
$0a944896d36c6fd0$exports = JSON.parse("{\"buttonLabel\":\"Mostrar sugerencias\",\"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\"}");
|
|
58
58
|
|
|
59
59
|
|
|
60
|
-
var $
|
|
61
|
-
$
|
|
60
|
+
var $964948fb231a6aa1$exports = {};
|
|
61
|
+
$964948fb231a6aa1$exports = JSON.parse("{\"buttonLabel\":\"Kuva soovitused\",\"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\"}");
|
|
62
62
|
|
|
63
63
|
|
|
64
|
-
var $
|
|
65
|
-
$
|
|
64
|
+
var $b984c37ae5a20f87$exports = {};
|
|
65
|
+
$b984c37ae5a20f87$exports = JSON.parse("{\"buttonLabel\":\"Näytä ehdotukset\",\"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\"}");
|
|
66
66
|
|
|
67
67
|
|
|
68
|
-
var $
|
|
69
|
-
$
|
|
68
|
+
var $829e8ee3506087dc$exports = {};
|
|
69
|
+
$829e8ee3506087dc$exports = JSON.parse("{\"buttonLabel\":\"Afficher les suggestions\",\"countAnnouncement\":\"{optionCount, plural, one {# option} other {# options}} disponible(s).\",\"focusAnnouncement\":\"{isGroupChange, select, true {Groupe {groupTitle} saisi, avec {groupCount, plural, one {# option} other {# options}}. } other {}}{optionText}{isSelected, select, true {, sélectionné(s)} other {}}\",\"listboxLabel\":\"Suggestions\",\"selectedAnnouncement\":\"{optionText}, sélectionné\"}");
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
var $
|
|
73
|
-
$
|
|
72
|
+
var $6866bf2239ad1c43$exports = {};
|
|
73
|
+
$6866bf2239ad1c43$exports = JSON.parse("{\"buttonLabel\":\"הצג הצעות\",\"countAnnouncement\":\"{optionCount, plural, one {אפשרות #} other {# אפשרויות}} במצב זמין.\",\"focusAnnouncement\":\"{isGroupChange, select, true {נכנס לקבוצה {groupTitle}, עם {groupCount, plural, one {אפשרות #} other {# אפשרויות}}. } other {}}{optionText}{isSelected, select, true {, נבחר} other {}}\",\"listboxLabel\":\"הצעות\",\"selectedAnnouncement\":\"{optionText}, נבחר\"}");
|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
var $
|
|
77
|
-
$
|
|
76
|
+
var $485c6fb9ca26dd02$exports = {};
|
|
77
|
+
$485c6fb9ca26dd02$exports = JSON.parse("{\"buttonLabel\":\"Prikaži prijedloge\",\"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\"}");
|
|
78
78
|
|
|
79
79
|
|
|
80
|
-
var $
|
|
81
|
-
$
|
|
80
|
+
var $6b5a0d19bb7cabf9$exports = {};
|
|
81
|
+
$6b5a0d19bb7cabf9$exports = JSON.parse("{\"buttonLabel\":\"Javaslatok megjelenítése\",\"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\"}");
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
var $
|
|
85
|
-
$
|
|
84
|
+
var $e33cfd051d372887$exports = {};
|
|
85
|
+
$e33cfd051d372887$exports = JSON.parse("{\"buttonLabel\":\"Mostra suggerimenti\",\"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\"}");
|
|
86
86
|
|
|
87
87
|
|
|
88
|
-
var $
|
|
89
|
-
$
|
|
88
|
+
var $60eeaf252d9a698b$exports = {};
|
|
89
|
+
$60eeaf252d9a698b$exports = JSON.parse("{\"buttonLabel\":\"候補を表示\",\"countAnnouncement\":\"{optionCount, plural, one {# 個のオプション} other {# 個のオプション}}を利用できます。\",\"focusAnnouncement\":\"{isGroupChange, select, true {入力されたグループ {groupTitle}、{groupCount, plural, one {# 個のオプション} other {# 個のオプション}}を含む。} other {}}{optionText}{isSelected, select, true {、選択済み} other {}}\",\"listboxLabel\":\"候補\",\"selectedAnnouncement\":\"{optionText}、選択済み\"}");
|
|
90
90
|
|
|
91
91
|
|
|
92
|
-
var $
|
|
93
|
-
$
|
|
92
|
+
var $ee3d71b97030df85$exports = {};
|
|
93
|
+
$ee3d71b97030df85$exports = JSON.parse("{\"buttonLabel\":\"제안 사항 표시\",\"countAnnouncement\":\"{optionCount, plural, one {#개 옵션} other {#개 옵션}}을 사용할 수 있습니다.\",\"focusAnnouncement\":\"{isGroupChange, select, true {입력한 그룹 {groupTitle}, {groupCount, plural, one {#개 옵션} other {#개 옵션}}. } other {}}{optionText}{isSelected, select, true {, 선택됨} other {}}\",\"listboxLabel\":\"제안\",\"selectedAnnouncement\":\"{optionText}, 선택됨\"}");
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
var $
|
|
97
|
-
$
|
|
96
|
+
var $cfab2754c5e90042$exports = {};
|
|
97
|
+
$cfab2754c5e90042$exports = JSON.parse("{\"buttonLabel\":\"Rodyti pasiūlymus\",\"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\"}");
|
|
98
98
|
|
|
99
99
|
|
|
100
|
-
var $
|
|
101
|
-
$
|
|
100
|
+
var $f66a70d3b8513f3c$exports = {};
|
|
101
|
+
$f66a70d3b8513f3c$exports = JSON.parse("{\"buttonLabel\":\"Rādīt ieteikumus\",\"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\"}");
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
var $
|
|
105
|
-
$
|
|
104
|
+
var $7ae5ad988c32d843$exports = {};
|
|
105
|
+
$7ae5ad988c32d843$exports = JSON.parse("{\"buttonLabel\":\"Vis forslag\",\"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\"}");
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
var $
|
|
109
|
-
$
|
|
108
|
+
var $9f989af7d6b000f1$exports = {};
|
|
109
|
+
$9f989af7d6b000f1$exports = JSON.parse("{\"buttonLabel\":\"Suggesties weergeven\",\"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\"}");
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var $
|
|
113
|
-
$
|
|
112
|
+
var $56367aace7c7a725$exports = {};
|
|
113
|
+
$56367aace7c7a725$exports = JSON.parse("{\"buttonLabel\":\"Wyświetlaj sugestie\",\"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\"}");
|
|
114
114
|
|
|
115
115
|
|
|
116
|
-
var $
|
|
117
|
-
$
|
|
116
|
+
var $4c13d56874f05286$exports = {};
|
|
117
|
+
$4c13d56874f05286$exports = JSON.parse("{\"buttonLabel\":\"Mostrar sugestões\",\"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\"}");
|
|
118
118
|
|
|
119
119
|
|
|
120
|
-
var $
|
|
121
|
-
$
|
|
120
|
+
var $40a8f7316dbf3d1c$exports = {};
|
|
121
|
+
$40a8f7316dbf3d1c$exports = JSON.parse("{\"buttonLabel\":\"Apresentar sugestões\",\"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\"}");
|
|
122
122
|
|
|
123
123
|
|
|
124
|
-
var $
|
|
125
|
-
$
|
|
124
|
+
var $4d563d95cc9f2c75$exports = {};
|
|
125
|
+
$4d563d95cc9f2c75$exports = JSON.parse("{\"buttonLabel\":\"Afișare sugestii\",\"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\"}");
|
|
126
126
|
|
|
127
127
|
|
|
128
|
-
var $
|
|
129
|
-
$
|
|
128
|
+
var $73acfab650545f07$exports = {};
|
|
129
|
+
$73acfab650545f07$exports = JSON.parse("{\"buttonLabel\":\"Показать предложения\",\"countAnnouncement\":\"{optionCount, plural, one {# параметр} other {# параметров}} доступно.\",\"focusAnnouncement\":\"{isGroupChange, select, true {Введенная группа {groupTitle}, с {groupCount, plural, one {# параметром} other {# параметрами}}. } other {}}{optionText}{isSelected, select, true {, выбранными} other {}}\",\"listboxLabel\":\"Предложения\",\"selectedAnnouncement\":\"{optionText}, выбрано\"}");
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
var $
|
|
133
|
-
$
|
|
132
|
+
var $5c4dc19a93fd38cd$exports = {};
|
|
133
|
+
$5c4dc19a93fd38cd$exports = JSON.parse("{\"buttonLabel\":\"Zobraziť návrhy\",\"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é\"}");
|
|
134
134
|
|
|
135
135
|
|
|
136
|
-
var $
|
|
137
|
-
$
|
|
136
|
+
var $451365aefec6f3cf$exports = {};
|
|
137
|
+
$451365aefec6f3cf$exports = JSON.parse("{\"buttonLabel\":\"Prikaži predloge\",\"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\"}");
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
var $
|
|
141
|
-
$
|
|
140
|
+
var $f89b4acce44604d3$exports = {};
|
|
141
|
+
$f89b4acce44604d3$exports = JSON.parse("{\"buttonLabel\":\"Prikaži predloge\",\"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\"}");
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
var $
|
|
145
|
-
$
|
|
144
|
+
var $bbd57ae992cd9ad6$exports = {};
|
|
145
|
+
$bbd57ae992cd9ad6$exports = JSON.parse("{\"buttonLabel\":\"Visa förslag\",\"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\"}");
|
|
146
146
|
|
|
147
147
|
|
|
148
|
-
var $
|
|
149
|
-
$
|
|
148
|
+
var $416302ec43d67c78$exports = {};
|
|
149
|
+
$416302ec43d67c78$exports = JSON.parse("{\"buttonLabel\":\"Önerileri göster\",\"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\"}");
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
var $
|
|
153
|
-
$
|
|
152
|
+
var $f5ae729b81e1292a$exports = {};
|
|
153
|
+
$f5ae729b81e1292a$exports = JSON.parse("{\"buttonLabel\":\"Показати пропозиції\",\"countAnnouncement\":\"{optionCount, plural, one {# параметр} other {# параметри(-ів)}} доступно.\",\"focusAnnouncement\":\"{isGroupChange, select, true {Введена група {groupTitle}, з {groupCount, plural, one {# параметр} other {# параметри(-ів)}}. } other {}}{optionText}{isSelected, select, true {, вибрано} other {}}\",\"listboxLabel\":\"Пропозиції\",\"selectedAnnouncement\":\"{optionText}, вибрано\"}");
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
var $
|
|
157
|
-
$
|
|
156
|
+
var $1e9d114f783a0361$exports = {};
|
|
157
|
+
$1e9d114f783a0361$exports = JSON.parse("{\"buttonLabel\":\"显示建议\",\"countAnnouncement\":\"有 {optionCount, plural, one {# 个选项} other {# 个选项}}可用。\",\"focusAnnouncement\":\"{isGroupChange, select, true {进入了 {groupTitle} 组，其中有 {groupCount, plural, one {# 个选项} other {# 个选项}}. } other {}}{optionText}{isSelected, select, true {, 已选择} other {}}\",\"listboxLabel\":\"建议\",\"selectedAnnouncement\":\"{optionText}, 已选择\"}");
|
|
158
158
|
|
|
159
159
|
|
|
160
|
-
var $
|
|
161
|
-
$
|
|
160
|
+
var $fa69d714e827d240$exports = {};
|
|
161
|
+
$fa69d714e827d240$exports = JSON.parse("{\"buttonLabel\":\"顯示建議\",\"countAnnouncement\":\"{optionCount, plural, one {# 選項} other {# 選項}} 可用。\",\"focusAnnouncement\":\"{isGroupChange, select, true {輸入的群組 {groupTitle}, 有 {groupCount, plural, one {# 選項} other {# 選項}}. } other {}}{optionText}{isSelected, select, true {, 已選取} other {}}\",\"listboxLabel\":\"建議\",\"selectedAnnouncement\":\"{optionText}, 已選取\"}");
|
|
162
162
|
|
|
163
163
|
|
|
164
|
-
$
|
|
165
|
-
"ar-AE": $
|
|
166
|
-
"bg-BG": $
|
|
167
|
-
"cs-CZ": $
|
|
168
|
-
"da-DK": $
|
|
169
|
-
"de-DE": $
|
|
170
|
-
"el-GR": $
|
|
171
|
-
"en-US": $
|
|
172
|
-
"es-ES": $
|
|
173
|
-
"et-EE": $
|
|
174
|
-
"fi-FI": $
|
|
175
|
-
"fr-FR": $
|
|
176
|
-
"he-IL": $
|
|
177
|
-
"hr-HR": $
|
|
178
|
-
"hu-HU": $
|
|
179
|
-
"it-IT": $
|
|
180
|
-
"ja-JP": $
|
|
181
|
-
"ko-KR": $
|
|
182
|
-
"lt-LT": $
|
|
183
|
-
"lv-LV": $
|
|
184
|
-
"nb-NO": $
|
|
185
|
-
"nl-NL": $
|
|
186
|
-
"pl-PL": $
|
|
187
|
-
"pt-BR": $
|
|
188
|
-
"pt-PT": $
|
|
189
|
-
"ro-RO": $
|
|
190
|
-
"ru-RU": $
|
|
191
|
-
"sk-SK": $
|
|
192
|
-
"sl-SI": $
|
|
193
|
-
"sr-SP": $
|
|
194
|
-
"sv-SE": $
|
|
195
|
-
"tr-TR": $
|
|
196
|
-
"uk-UA": $
|
|
197
|
-
"zh-CN": $
|
|
198
|
-
"zh-TW": $
|
|
164
|
+
$c91563d0bb59aea2$exports = {
|
|
165
|
+
"ar-AE": $1f6a58a5b39f6e71$exports,
|
|
166
|
+
"bg-BG": $f008909a2a1ceb35$exports,
|
|
167
|
+
"cs-CZ": $60ab47abc1517dca$exports,
|
|
168
|
+
"da-DK": $3913da5fefc7601a$exports,
|
|
169
|
+
"de-DE": $b8d161955151e0f6$exports,
|
|
170
|
+
"el-GR": $73f7b3d6c602698e$exports,
|
|
171
|
+
"en-US": $782f18330a78d599$exports,
|
|
172
|
+
"es-ES": $0a944896d36c6fd0$exports,
|
|
173
|
+
"et-EE": $964948fb231a6aa1$exports,
|
|
174
|
+
"fi-FI": $b984c37ae5a20f87$exports,
|
|
175
|
+
"fr-FR": $829e8ee3506087dc$exports,
|
|
176
|
+
"he-IL": $6866bf2239ad1c43$exports,
|
|
177
|
+
"hr-HR": $485c6fb9ca26dd02$exports,
|
|
178
|
+
"hu-HU": $6b5a0d19bb7cabf9$exports,
|
|
179
|
+
"it-IT": $e33cfd051d372887$exports,
|
|
180
|
+
"ja-JP": $60eeaf252d9a698b$exports,
|
|
181
|
+
"ko-KR": $ee3d71b97030df85$exports,
|
|
182
|
+
"lt-LT": $cfab2754c5e90042$exports,
|
|
183
|
+
"lv-LV": $f66a70d3b8513f3c$exports,
|
|
184
|
+
"nb-NO": $7ae5ad988c32d843$exports,
|
|
185
|
+
"nl-NL": $9f989af7d6b000f1$exports,
|
|
186
|
+
"pl-PL": $56367aace7c7a725$exports,
|
|
187
|
+
"pt-BR": $4c13d56874f05286$exports,
|
|
188
|
+
"pt-PT": $40a8f7316dbf3d1c$exports,
|
|
189
|
+
"ro-RO": $4d563d95cc9f2c75$exports,
|
|
190
|
+
"ru-RU": $73acfab650545f07$exports,
|
|
191
|
+
"sk-SK": $5c4dc19a93fd38cd$exports,
|
|
192
|
+
"sl-SI": $451365aefec6f3cf$exports,
|
|
193
|
+
"sr-SP": $f89b4acce44604d3$exports,
|
|
194
|
+
"sv-SE": $bbd57ae992cd9ad6$exports,
|
|
195
|
+
"tr-TR": $416302ec43d67c78$exports,
|
|
196
|
+
"uk-UA": $f5ae729b81e1292a$exports,
|
|
197
|
+
"zh-CN": $1e9d114f783a0361$exports,
|
|
198
|
+
"zh-TW": $fa69d714e827d240$exports
|
|
199
199
|
};
|
|
200
200
|
|
|
201
201
|
|
|
@@ -203,21 +203,21 @@ $5abbcf3a77d64a68$exports = {
|
|
|
203
203
|
|
|
204
204
|
|
|
205
205
|
|
|
206
|
-
function $
|
|
206
|
+
function $be1e4cc1f2d16e08$export$8c18d1b4f7232bbf(props, state) {
|
|
207
207
|
let { buttonRef: buttonRef , popoverRef: popoverRef , inputRef: inputRef , listBoxRef: listBoxRef , keyboardDelegate: keyboardDelegate , shouldFocusWrap: // completionMode = 'suggest',
|
|
208
208
|
shouldFocusWrap , isReadOnly: isReadOnly , isDisabled: isDisabled } = props;
|
|
209
|
-
let formatMessage = $
|
|
210
|
-
let { menuTriggerProps: menuTriggerProps , menuProps: menuProps } = $
|
|
209
|
+
let formatMessage = $bIA3N$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($c91563d0bb59aea2$exports)));
|
|
210
|
+
let { menuTriggerProps: menuTriggerProps , menuProps: menuProps } = $bIA3N$useMenuTrigger({
|
|
211
211
|
type: 'listbox',
|
|
212
212
|
isDisabled: isDisabled || isReadOnly
|
|
213
213
|
}, state, buttonRef);
|
|
214
214
|
// Set listbox id so it can be used when calling getItemId later
|
|
215
|
-
$
|
|
215
|
+
$bIA3N$listData.set(state, {
|
|
216
216
|
id: menuProps.id
|
|
217
217
|
});
|
|
218
218
|
// By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
|
|
219
219
|
// When virtualized, the layout object will be passed in as a prop and override this.
|
|
220
|
-
let delegate = $
|
|
220
|
+
let delegate = $bIA3N$useMemo(()=>keyboardDelegate || new $bIA3N$ListKeyboardDelegate(state.collection, state.disabledKeys, listBoxRef)
|
|
221
221
|
, [
|
|
222
222
|
keyboardDelegate,
|
|
223
223
|
state.collection,
|
|
@@ -225,7 +225,7 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
225
225
|
listBoxRef
|
|
226
226
|
]);
|
|
227
227
|
// Use useSelectableCollection to get the keyboard handlers to apply to the textfield
|
|
228
|
-
let { collectionProps: collectionProps } = $
|
|
228
|
+
let { collectionProps: collectionProps } = $bIA3N$useSelectableCollection({
|
|
229
229
|
selectionManager: state.selectionManager,
|
|
230
230
|
keyboardDelegate: delegate,
|
|
231
231
|
disallowTypeAhead: true,
|
|
@@ -260,8 +260,9 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
260
260
|
}
|
|
261
261
|
};
|
|
262
262
|
let onBlur = (e)=>{
|
|
263
|
+
var ref;
|
|
263
264
|
// Ignore blur if focused moved to the button or into the popover.
|
|
264
|
-
if (e.relatedTarget === buttonRef
|
|
265
|
+
if (e.relatedTarget === (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) || ((ref = popoverRef.current) === null || ref === void 0 ? void 0 : ref.contains(e.relatedTarget))) return;
|
|
265
266
|
if (props.onBlur) props.onBlur(e);
|
|
266
267
|
state.setFocused(false);
|
|
267
268
|
};
|
|
@@ -270,10 +271,10 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
270
271
|
if (props.onFocus) props.onFocus(e);
|
|
271
272
|
state.setFocused(true);
|
|
272
273
|
};
|
|
273
|
-
let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $
|
|
274
|
+
let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $bIA3N$useTextField({
|
|
274
275
|
...props,
|
|
275
276
|
onChange: state.setInputValue,
|
|
276
|
-
onKeyDown: !isReadOnly && $
|
|
277
|
+
onKeyDown: !isReadOnly && $bIA3N$chain(state.isOpen && collectionProps.onKeyDown, onKeyDown, props.onKeyDown),
|
|
277
278
|
onBlur: onBlur,
|
|
278
279
|
value: state.inputValue,
|
|
279
280
|
onFocus: onFocus,
|
|
@@ -293,18 +294,18 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
293
294
|
state.toggle(e.pointerType === 'keyboard' || e.pointerType === 'virtual' ? 'first' : null, 'manual');
|
|
294
295
|
}
|
|
295
296
|
};
|
|
296
|
-
let triggerLabelProps = $
|
|
297
|
+
let triggerLabelProps = $bIA3N$useLabels({
|
|
297
298
|
id: menuTriggerProps.id,
|
|
298
299
|
'aria-label': formatMessage('buttonLabel'),
|
|
299
300
|
'aria-labelledby': props['aria-labelledby'] || labelProps.id
|
|
300
301
|
});
|
|
301
|
-
let listBoxProps = $
|
|
302
|
+
let listBoxProps = $bIA3N$useLabels({
|
|
302
303
|
id: menuProps.id,
|
|
303
304
|
'aria-label': formatMessage('listboxLabel'),
|
|
304
305
|
'aria-labelledby': props['aria-labelledby'] || labelProps.id
|
|
305
306
|
});
|
|
306
307
|
// If a touch happens on direct center of ComboBox input, might be virtual click from iPad so open ComboBox menu
|
|
307
|
-
let lastEventTime = $
|
|
308
|
+
let lastEventTime = $bIA3N$useRef(0);
|
|
308
309
|
let onTouchEnd = (e)=>{
|
|
309
310
|
if (isDisabled || isReadOnly) return;
|
|
310
311
|
// Sometimes VoiceOver on iOS fires two touchend events in quick succession. Ignore the second one.
|
|
@@ -328,15 +329,17 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
328
329
|
// (especially on iOS). We use a live region announcer to announce focus changes
|
|
329
330
|
// manually. In addition, section titles are announced when navigating into a new section.
|
|
330
331
|
let focusedItem = state.selectionManager.focusedKey != null && state.isOpen ? state.collection.getItem(state.selectionManager.focusedKey) : undefined;
|
|
331
|
-
|
|
332
|
-
let
|
|
333
|
-
|
|
334
|
-
let
|
|
335
|
-
$
|
|
336
|
-
|
|
332
|
+
var ref1;
|
|
333
|
+
let sectionKey = (ref1 = focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) !== null && ref1 !== void 0 ? ref1 : null;
|
|
334
|
+
var _focusedKey;
|
|
335
|
+
let itemKey = (_focusedKey = state.selectionManager.focusedKey) !== null && _focusedKey !== void 0 ? _focusedKey : null;
|
|
336
|
+
let lastSection = $bIA3N$useRef(sectionKey);
|
|
337
|
+
let lastItem = $bIA3N$useRef(itemKey);
|
|
338
|
+
$bIA3N$useEffect(()=>{
|
|
339
|
+
if ($bIA3N$isAppleDevice() && focusedItem != null && itemKey !== lastItem.current) {
|
|
337
340
|
let isSelected = state.selectionManager.isSelected(itemKey);
|
|
338
341
|
let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
|
|
339
|
-
let sectionTitle = section
|
|
342
|
+
let sectionTitle = (section === null || section === void 0 ? void 0 : section['aria-label']) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === 'string' ? section.rendered : '') || '';
|
|
340
343
|
let announcement = formatMessage('focusAnnouncement', {
|
|
341
344
|
isGroupChange: section && sectionKey !== lastSection.current,
|
|
342
345
|
groupTitle: sectionTitle,
|
|
@@ -346,43 +349,43 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
346
349
|
optionText: focusedItem['aria-label'] || focusedItem.textValue || '',
|
|
347
350
|
isSelected: isSelected
|
|
348
351
|
});
|
|
349
|
-
$
|
|
352
|
+
$bIA3N$announce(announcement);
|
|
350
353
|
}
|
|
351
354
|
lastSection.current = sectionKey;
|
|
352
355
|
lastItem.current = itemKey;
|
|
353
356
|
});
|
|
354
357
|
// Announce the number of available suggestions when it changes
|
|
355
|
-
let optionCount = $
|
|
356
|
-
let lastSize = $
|
|
357
|
-
let lastOpen = $
|
|
358
|
-
$
|
|
358
|
+
let optionCount = $bIA3N$getItemCount(state.collection);
|
|
359
|
+
let lastSize = $bIA3N$useRef(optionCount);
|
|
360
|
+
let lastOpen = $bIA3N$useRef(state.isOpen);
|
|
361
|
+
$bIA3N$useEffect(()=>{
|
|
359
362
|
// Only announce the number of options available when the menu opens if there is no
|
|
360
363
|
// focused item, otherwise screen readers will typically read e.g. "1 of 6".
|
|
361
364
|
// The exception is VoiceOver since this isn't included in the message above.
|
|
362
|
-
let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || $
|
|
365
|
+
let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || $bIA3N$isAppleDevice());
|
|
363
366
|
if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
|
|
364
367
|
let announcement = formatMessage('countAnnouncement', {
|
|
365
368
|
optionCount: optionCount
|
|
366
369
|
});
|
|
367
|
-
$
|
|
370
|
+
$bIA3N$announce(announcement);
|
|
368
371
|
}
|
|
369
372
|
lastSize.current = optionCount;
|
|
370
373
|
lastOpen.current = state.isOpen;
|
|
371
374
|
});
|
|
372
375
|
// Announce when a selection occurs for VoiceOver. Other screen readers typically do this automatically.
|
|
373
|
-
let lastSelectedKey = $
|
|
374
|
-
$
|
|
375
|
-
if ($
|
|
376
|
+
let lastSelectedKey = $bIA3N$useRef(state.selectedKey);
|
|
377
|
+
$bIA3N$useEffect(()=>{
|
|
378
|
+
if ($bIA3N$isAppleDevice() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
|
|
376
379
|
let optionText = state.selectedItem['aria-label'] || state.selectedItem.textValue || '';
|
|
377
380
|
let announcement = formatMessage('selectedAnnouncement', {
|
|
378
381
|
optionText: optionText
|
|
379
382
|
});
|
|
380
|
-
$
|
|
383
|
+
$bIA3N$announce(announcement);
|
|
381
384
|
}
|
|
382
385
|
lastSelectedKey.current = state.selectedKey;
|
|
383
386
|
});
|
|
384
|
-
$
|
|
385
|
-
if (state.isOpen) return $
|
|
387
|
+
$bIA3N$useEffect(()=>{
|
|
388
|
+
if (state.isOpen) return $bIA3N$ariaHideOutside([
|
|
386
389
|
inputRef.current,
|
|
387
390
|
popoverRef.current
|
|
388
391
|
]);
|
|
@@ -401,20 +404,20 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
401
404
|
onPressStart: onPressStart,
|
|
402
405
|
isDisabled: isDisabled || isReadOnly
|
|
403
406
|
},
|
|
404
|
-
inputProps: $
|
|
407
|
+
inputProps: $bIA3N$mergeProps(inputProps, {
|
|
405
408
|
role: 'combobox',
|
|
406
409
|
'aria-expanded': menuTriggerProps['aria-expanded'],
|
|
407
410
|
'aria-controls': state.isOpen ? menuProps.id : undefined,
|
|
408
411
|
// TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
|
|
409
412
|
'aria-autocomplete': 'list',
|
|
410
|
-
'aria-activedescendant': focusedItem ? $
|
|
413
|
+
'aria-activedescendant': focusedItem ? $bIA3N$getItemId(state, focusedItem.key) : undefined,
|
|
411
414
|
onTouchEnd: onTouchEnd,
|
|
412
415
|
// This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
|
|
413
416
|
autoCorrect: 'off',
|
|
414
417
|
// This disable's the macOS Safari spell check auto corrections.
|
|
415
418
|
spellCheck: 'false'
|
|
416
419
|
}),
|
|
417
|
-
listBoxProps: $
|
|
420
|
+
listBoxProps: $bIA3N$mergeProps(menuProps, listBoxProps, {
|
|
418
421
|
autoFocus: state.focusStrategy,
|
|
419
422
|
shouldUseVirtualFocus: true,
|
|
420
423
|
shouldSelectOnPressUp: true,
|
|
@@ -428,5 +431,5 @@ function $be4ea813a2bafd2a$export$8c18d1b4f7232bbf(props, state) {
|
|
|
428
431
|
|
|
429
432
|
|
|
430
433
|
|
|
431
|
-
export {$
|
|
434
|
+
export {$be1e4cc1f2d16e08$export$8c18d1b4f7232bbf as useComboBox};
|
|
432
435
|
//# sourceMappingURL=module.js.map
|