@react-spectrum/autocomplete 3.0.0-alpha.1 → 3.0.0-alpha.4

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 CHANGED
@@ -1,992 +1,1010 @@
1
- var {
2
- useSearchAutocomplete
3
- } = require("@react-aria/autocomplete");
4
-
5
- var {
6
- useProviderProps,
7
- useProvider
8
- } = require("@react-spectrum/provider");
9
-
10
- var {
11
- useLabel
12
- } = require("@react-aria/label");
13
-
14
- var {
15
- useFilter,
16
- useMessageFormatter
17
- } = require("@react-aria/i18n");
18
-
19
- var {
20
- useDialog
21
- } = require("@react-aria/dialog");
22
-
23
- var {
24
- useButton
25
- } = require("@react-aria/button");
26
-
27
- var {
28
- Tray,
29
- Popover
30
- } = require("@react-spectrum/overlays");
31
-
32
- var {
33
- TextFieldBase
34
- } = require("@react-spectrum/textfield");
35
-
36
- var {
37
- setInteractionModality,
38
- useHover
39
- } = require("@react-aria/interactions");
40
-
41
- var _react2 = require("react");
42
-
43
- var _react = $parcel$interopDefault(_react2);
44
-
45
- var {
46
- useCallback,
47
- useEffect,
48
- useRef,
49
- useState,
50
- forwardRef,
51
- useLayoutEffect
52
- } = _react2;
53
-
54
- var {
55
- ProgressCircle
56
- } = require("@react-spectrum/progress");
57
-
58
- var {
59
- mergeProps,
60
- useId
61
- } = require("@react-aria/utils");
62
-
63
- var {
64
- useComboBoxState
65
- } = require("@react-stately/combobox");
66
-
67
- var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
68
-
69
- var _spectrumIconsUiAlertMedium = $parcel$interopDefault(require("@spectrum-icons/ui/AlertMedium"));
70
-
71
- var _spectrumIconsUiMagnifier = $parcel$interopDefault(require("@spectrum-icons/ui/Magnifier"));
72
-
73
- var {
74
- ListBoxBase,
75
- useListBoxLayout
76
- } = require("@react-spectrum/listbox");
77
-
78
- var {
79
- FocusRing,
80
- FocusScope,
81
- focusSafely
82
- } = require("@react-aria/focus");
83
-
84
- var {
85
- Field
86
- } = require("@react-spectrum/label");
87
-
88
- var {
89
- DismissButton,
90
- useOverlayPosition,
91
- useOverlayTrigger
92
- } = require("@react-aria/overlays");
93
-
94
- var {
95
- ClearButton
96
- } = require("@react-spectrum/button");
97
-
98
- var {
99
- classNames,
100
- useFocusableRef,
101
- useIsMobileDevice,
102
- useResizeObserver,
103
- useUnwrapDOMRef
104
- } = require("@react-spectrum/utils");
105
-
106
- var _babelRuntimeHelpersInteropRequireDefault = $parcel$interopDefault(require("@babel/runtime/helpers/interopRequireDefault"));
107
-
108
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
109
-
110
- var {
111
- Item,
112
- Section
113
- } = require("@react-stately/collections");
114
-
115
- exports.Section = Section;
116
- exports.Item = Item;
117
-
118
1
  require("./main.css");
2
+ var $aWXRc$reactstatelycollections = require("@react-stately/collections");
3
+ var $aWXRc$reactspectrumutils = require("@react-spectrum/utils");
4
+ var $aWXRc$reactspectrumbutton = require("@react-spectrum/button");
5
+ var $aWXRc$reactariaoverlays = require("@react-aria/overlays");
6
+ var $aWXRc$reactspectrumlabel = require("@react-spectrum/label");
7
+ var $aWXRc$reactariafocus = require("@react-aria/focus");
8
+ var $aWXRc$reactspectrumlistbox = require("@react-spectrum/listbox");
9
+ var $aWXRc$spectrumiconsuiMagnifier = require("@spectrum-icons/ui/Magnifier");
10
+ var $aWXRc$reactspectrumoverlays = require("@react-spectrum/overlays");
11
+ var $aWXRc$reactspectrumprogress = require("@react-spectrum/progress");
12
+ var $aWXRc$react = require("react");
13
+ var $aWXRc$reactspectrumtextfield = require("@react-spectrum/textfield");
14
+ var $aWXRc$reactstatelycombobox = require("@react-stately/combobox");
15
+ var $aWXRc$reactariai18n = require("@react-aria/i18n");
16
+ var $aWXRc$reactariainteractions = require("@react-aria/interactions");
17
+ var $aWXRc$reactariautils = require("@react-aria/utils");
18
+ var $aWXRc$reactspectrumprovider = require("@react-spectrum/provider");
19
+ var $aWXRc$reactariaautocomplete = require("@react-aria/autocomplete");
20
+ var $aWXRc$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
21
+ var $aWXRc$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
22
+ var $aWXRc$reactariabutton = require("@react-aria/button");
23
+ var $aWXRc$reactariadialog = require("@react-aria/dialog");
24
+ var $aWXRc$reactarialabel = require("@react-aria/label");
25
+
26
+ function $parcel$export(e, n, v, s) {
27
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
28
+ }
29
+ function $parcel$exportWildcard(dest, source) {
30
+ Object.keys(source).forEach(function(key) {
31
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
32
+ return;
33
+ }
34
+
35
+ Object.defineProperty(dest, key, {
36
+ enumerable: true,
37
+ get: function get() {
38
+ return source[key];
39
+ }
40
+ });
41
+ });
119
42
 
43
+ return dest;
44
+ }
120
45
  function $parcel$interopDefault(a) {
121
46
  return a && a.__esModule ? a.default : a;
122
47
  }
123
48
 
124
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/ar-AE.json
125
- var $fc7bafa81a9f922d8da4ecc7e697178$exports = {};
126
- $fc7bafa81a9f922d8da4ecc7e697178$exports = JSON.parse("{\"clear\":\"مسح\",\"invalid\":\"(غير صالح)\",\"loading\":\"جارٍ التحميل...\",\"noResults\":\"لا توجد نتائج\"}");
127
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/bg-BG.json
128
- var $b736489bb1cd18472433d1$exports = {};
129
- $b736489bb1cd18472433d1$exports = JSON.parse("{\"clear\":\"Изчисти\",\"invalid\":\"(невалиден)\",\"loading\":\"Зареждане...\",\"noResults\":\"Няма резултати\"}");
130
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/cs-CZ.json
131
- var $cd63ed4adb9e458e27aa3a233fd4860$exports = {};
132
- $cd63ed4adb9e458e27aa3a233fd4860$exports = JSON.parse("{\"clear\":\"Vymazat\",\"invalid\":\"(neplatné)\",\"loading\":\"Načítání...\",\"noResults\":\"Žádné výsledky\"}");
133
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/da-DK.json
134
- var $dbba429ceeb7f4a8e78228dd1857fc$exports = {};
135
- $dbba429ceeb7f4a8e78228dd1857fc$exports = JSON.parse("{\"clear\":\"Ryd\",\"invalid\":\"(ugyldig)\",\"loading\":\"Indlæser ...\",\"noResults\":\"Ingen resultater\"}");
136
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/de-DE.json
137
- var $b556932a5c08976d2766dd9bdd362a$exports = {};
138
- $b556932a5c08976d2766dd9bdd362a$exports = JSON.parse("{\"clear\":\"Löschen\",\"invalid\":\"(ungültig)\",\"loading\":\"Wird geladen...\",\"noResults\":\"Keine Ergebnisse\"}");
139
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/el-GR.json
140
- var $a9a5c902434ef07af6a5143624875865$exports = {};
141
- $a9a5c902434ef07af6a5143624875865$exports = JSON.parse("{\"clear\":\"Καθαρισμός\",\"invalid\":\"(δεν ισχύει)\",\"loading\":\"Φόρτωση...\",\"noResults\":\"Χωρίς αποτέλεσμα\"}");
142
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/en-US.json
143
- var $e751b397f98859bf908d24f5701f777$exports = {};
144
- $e751b397f98859bf908d24f5701f777$exports = JSON.parse("{\"loading\":\"Loading...\",\"noResults\":\"No results\",\"clear\":\"Clear\",\"invalid\":\"(invalid)\"}");
145
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/es-ES.json
146
- var $f53f7753834c6c478d338f7be4b8582d$exports = {};
147
- $f53f7753834c6c478d338f7be4b8582d$exports = JSON.parse("{\"clear\":\"Borrar\",\"invalid\":\"(no válido)\",\"loading\":\"Cargando...\",\"noResults\":\"Sin resultados\"}");
148
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/et-EE.json
149
- var $c23e5d78f28674f138bcbdcb1fa764d$exports = {};
150
- $c23e5d78f28674f138bcbdcb1fa764d$exports = JSON.parse("{\"clear\":\"Puhasta\",\"invalid\":\"(kehtetu)\",\"loading\":\"Laadimine...\",\"noResults\":\"Tulemusi pole\"}");
151
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/fi-FI.json
152
- var $f203e77d99027a089f7b4dfd4cae353$exports = {};
153
- $f203e77d99027a089f7b4dfd4cae353$exports = JSON.parse("{\"clear\":\"Kirkas\",\"invalid\":\"(epäkelpo)\",\"loading\":\"Ladataan...\",\"noResults\":\"Ei tuloksia\"}");
154
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/fr-FR.json
155
- var $e3bca43fc01d9ef18c76c685c9844d$exports = {};
156
- $e3bca43fc01d9ef18c76c685c9844d$exports = JSON.parse("{\"clear\":\"Effacer\",\"invalid\":\"(non valide)\",\"loading\":\"Chargement en cours...\",\"noResults\":\"Aucun résultat\"}");
157
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/he-IL.json
158
- var $be64d56886f1f6b5a53245598d98ec9d$exports = {};
159
- $be64d56886f1f6b5a53245598d98ec9d$exports = JSON.parse("{\"clear\":\"נקי\",\"invalid\":\"(לא חוקי)\",\"loading\":\"טוען...\",\"noResults\":\"אין תוצאות\"}");
160
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/hr-HR.json
161
- var $b7f2d8c1fff0b6469da142685e85a0$exports = {};
162
- $b7f2d8c1fff0b6469da142685e85a0$exports = JSON.parse("{\"clear\":\"Izbriši\",\"invalid\":\"(nevažeće)\",\"loading\":\"Učitavam...\",\"noResults\":\"Nema rezultata\"}");
163
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/hu-HU.json
164
- var $c58f2248e3e79f1291ef6663ccb$exports = {};
165
- $c58f2248e3e79f1291ef6663ccb$exports = JSON.parse("{\"clear\":\"Törlés\",\"invalid\":\"(érvénytelen)\",\"loading\":\"Betöltés folyamatban…\",\"noResults\":\"Nincsenek találatok\"}");
166
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/it-IT.json
167
- var $db08ddc5d09b9019556eb78d42760a1b$exports = {};
168
- $db08ddc5d09b9019556eb78d42760a1b$exports = JSON.parse("{\"clear\":\"Cancella\",\"invalid\":\"(non valido)\",\"loading\":\"Caricamento in corso...\",\"noResults\":\"Nessun risultato\"}");
169
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/ja-JP.json
170
- var $d8f163666e1225491fa989667318aad4$exports = {};
171
- $d8f163666e1225491fa989667318aad4$exports = JSON.parse("{\"clear\":\"クリア\",\"invalid\":\"(無効)\",\"loading\":\"読み込み中...\",\"noResults\":\"結果なし\"}");
172
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/ko-KR.json
173
- var $ad939868c252caf173f585ac80a516dc$exports = {};
174
- $ad939868c252caf173f585ac80a516dc$exports = JSON.parse("{\"clear\":\"지우기\",\"invalid\":\"(유효하지 않음)\",\"loading\":\"로드 중...\",\"noResults\":\"결과 없음\"}");
175
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/lt-LT.json
176
- var $a8058b2bd5e9ab1481c5fc5195f$exports = {};
177
- $a8058b2bd5e9ab1481c5fc5195f$exports = JSON.parse("{\"clear\":\"Skaidrus\",\"invalid\":\"(netinkama)\",\"loading\":\"Įkeliama...\",\"noResults\":\"Be rezultatų\"}");
178
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/lv-LV.json
179
- var $aad16187fb1a0627b1d7f03736932d9f$exports = {};
180
- $aad16187fb1a0627b1d7f03736932d9f$exports = JSON.parse("{\"clear\":\"Notīrīt\",\"invalid\":\"(nederīgs)\",\"loading\":\"Notiek ielāde...\",\"noResults\":\"Nav rezultātu\"}");
181
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/nb-NO.json
182
- var $fe1d9c920f75d9635a7059d$exports = {};
183
- $fe1d9c920f75d9635a7059d$exports = JSON.parse("{\"clear\":\"Tøm\",\"invalid\":\"(ugyldig)\",\"loading\":\"Laster inn ...\",\"noResults\":\"Ingen resultater\"}");
184
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/nl-NL.json
185
- var $d4b1921d0722f542b9d5361bcc9bae8$exports = {};
186
- $d4b1921d0722f542b9d5361bcc9bae8$exports = JSON.parse("{\"clear\":\"Helder\",\"invalid\":\"(ongeldig)\",\"loading\":\"Laden...\",\"noResults\":\"Geen resultaten\"}");
187
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/pl-PL.json
188
- var $f31c90701ba26f8f4e49653a9ed$exports = {};
189
- $f31c90701ba26f8f4e49653a9ed$exports = JSON.parse("{\"clear\":\"Wyczyść\",\"invalid\":\"(nieprawidłowy)\",\"loading\":\"Trwa ładowanie...\",\"noResults\":\"Brak wyników\"}");
190
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/pt-BR.json
191
- var $c54095bc6d2f00a3910b4e833836$exports = {};
192
- $c54095bc6d2f00a3910b4e833836$exports = JSON.parse("{\"clear\":\"Limpar\",\"invalid\":\"(inválido)\",\"loading\":\"Carregando...\",\"noResults\":\"Nenhum resultado\"}");
193
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/pt-PT.json
194
- var $d9a7127699d8132e5dec5179b391f9$exports = {};
195
- $d9a7127699d8132e5dec5179b391f9$exports = JSON.parse("{\"clear\":\"Limpar\",\"invalid\":\"(inválido)\",\"loading\":\"A carregar...\",\"noResults\":\"Sem resultados\"}");
196
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/ro-RO.json
197
- var $eb5698c3d954848ed483147d0c9ae736$exports = {};
198
- $eb5698c3d954848ed483147d0c9ae736$exports = JSON.parse("{\"clear\":\"Golire\",\"invalid\":\"(nevalid)\",\"loading\":\"Se încarcă...\",\"noResults\":\"Niciun rezultat\"}");
199
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/ru-RU.json
200
- var $bb801964bec717414e5647aa8d1110d$exports = {};
201
- $bb801964bec717414e5647aa8d1110d$exports = JSON.parse("{\"clear\":\"Очистить\",\"invalid\":\"(недействительно)\",\"loading\":\"Загрузка...\",\"noResults\":\"Результаты отсутствуют\"}");
202
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/sk-SK.json
203
- var $d3a7ef1d148cf16d3931e89d99638b60$exports = {};
204
- $d3a7ef1d148cf16d3931e89d99638b60$exports = JSON.parse("{\"clear\":\"Vymazať\",\"invalid\":\"(neplatné)\",\"loading\":\"Načítava sa...\",\"noResults\":\"Žiadne výsledky\"}");
205
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/sl-SI.json
206
- var $e99aa627958b6f3b0e66163006d$exports = {};
207
- $e99aa627958b6f3b0e66163006d$exports = JSON.parse("{\"clear\":\"Jasen\",\"invalid\":\"(neveljavno)\",\"loading\":\"Nalaganje...\",\"noResults\":\"Ni rezultatov\"}");
208
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/sr-SP.json
209
- var $e6a071c220b7eda79056f8ff486d4c9f$exports = {};
210
- $e6a071c220b7eda79056f8ff486d4c9f$exports = JSON.parse("{\"clear\":\"Izbriši\",\"invalid\":\"(nevažeće)\",\"loading\":\"Učitavam...\",\"noResults\":\"Nema rezultata\"}");
211
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/sv-SE.json
212
- var $d0627bc811a015340d00d6c09bc8d$exports = {};
213
- $d0627bc811a015340d00d6c09bc8d$exports = JSON.parse("{\"clear\":\"Rensa\",\"invalid\":\"(ogiltigt)\",\"loading\":\"Läser in...\",\"noResults\":\"Inga resultat\"}");
214
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/tr-TR.json
215
- var $e9094b63b674e60e74e5e1a630e37ceb$exports = {};
216
- $e9094b63b674e60e74e5e1a630e37ceb$exports = JSON.parse("{\"clear\":\"Temizle\",\"invalid\":\"(geçersiz)\",\"loading\":\"Yükleniyor...\",\"noResults\":\"Sonuç yok\"}");
217
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/uk-UA.json
218
- var $cc3efc20c3fc6164e606a07023517da3$exports = {};
219
- $cc3efc20c3fc6164e606a07023517da3$exports = JSON.parse("{\"clear\":\"Очистити\",\"invalid\":\"(недійсне)\",\"loading\":\"Завантаження...\",\"noResults\":\"Результатів немає\"}");
220
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/zh-CN.json
221
- var $d45c36a344e9c40345563b4dcfbd$exports = {};
222
- $d45c36a344e9c40345563b4dcfbd$exports = JSON.parse("{\"clear\":\"透明\",\"invalid\":\"(无效)\",\"loading\":\"正在加载...\",\"noResults\":\"无结果\"}");
223
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/intl/zh-TW.json
224
- var $d7529ad525fce30b26618ff34ffdc395$exports = {};
225
- $d7529ad525fce30b26618ff34ffdc395$exports = JSON.parse("{\"clear\":\"清除\",\"invalid\":\"(無效)\",\"loading\":\"正在載入...\",\"noResults\":\"無任何結果\"}");
226
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/autocomplete/src/searchautocomplete.css
227
- var $aefa750ab2f7601998029cdc83ab$exports = {};
228
- $aefa750ab2f7601998029cdc83ab$exports = {
229
- "no-results": "_no-results_2a260",
230
- "mobile-searchautocomplete": "_mobile-searchautocomplete_2a260",
231
- "mobile-input": "_mobile-input_2a260",
232
- "mobile-value": "_mobile-value_2a260",
233
- "tray-dialog": "_tray-dialog_2a260",
234
- "tray-textfield": "_tray-textfield_2a260",
235
- "has-label": "_has-label_2a260",
236
- "tray-textfield-input": "_tray-textfield-input_2a260",
237
- "tray-listbox": "_tray-listbox_2a260"
238
- };
239
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/search/vars.css
240
- var $b42ee6503342f63a10b70c33e73302b1$exports = {};
241
- $b42ee6503342f63a10b70c33e73302b1$exports = {
242
- "spectrum-Search": "_spectrum-Search_d08c7",
243
- "spectrum-ClearButton": "_spectrum-ClearButton_d08c7",
244
- "is-quiet": "_is-quiet_d08c7",
245
- "spectrum-Search-input": "_spectrum-Search-input_d08c7",
246
- "spectrum-Search--invalid": "_spectrum-Search--invalid_d08c7",
247
- "spectrum-Search--valid": "_spectrum-Search--valid_d08c7",
248
- "spectrum-Search--loadable": "_spectrum-Search--loadable_d08c7",
249
- "spectrum-Search-circleLoader": "_spectrum-Search-circleLoader_d08c7",
250
- "spectrum-Search-validationIcon": "_spectrum-Search-validationIcon_d08c7",
251
- "spectrum-Textfield": "_spectrum-Textfield_d08c7"
252
- };
253
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/inputgroup/vars.css
254
- var $da042374adac990dbdf960d689b813$exports = {};
255
- $da042374adac990dbdf960d689b813$exports = {
256
- "spectrum-InputGroup": "_spectrum-InputGroup_d053e",
257
- "spectrum-FieldButton": "_spectrum-FieldButton_d053e",
258
- "is-disabled": "_is-disabled_d053e",
259
- "spectrum-InputGroup--invalid": "_spectrum-InputGroup--invalid_d053e",
260
- "spectrum-InputGroup--quiet": "_spectrum-InputGroup--quiet_d053e",
261
- "spectrum-InputGroup-field": "_spectrum-InputGroup-field_d053e",
262
- "spectrum-InputGroup-input-validationIcon": "_spectrum-InputGroup-input-validationIcon_d053e",
263
- "spectrum-InputGroup-input-circleLoader": "_spectrum-InputGroup-input-circleLoader_d053e",
264
- "spectrum-InputGroup-input": "_spectrum-InputGroup-input_d053e",
265
- "spectrum-InputGroup-icon": "_spectrum-InputGroup-icon_d053e",
266
- "spectrum-InputGroup-popover--quiet": "_spectrum-InputGroup-popover--quiet_d053e",
267
- "spectrum-Datepicker--range": "_spectrum-Datepicker--range_d053e",
268
- "spectrum-Datepicker--datetimeRange": "_spectrum-Datepicker--datetimeRange_d053e",
269
- "spectrum-Datepicker-startField": "_spectrum-Datepicker-startField_d053e",
270
- "spectrum-Datepicker-endField": "_spectrum-Datepicker-endField_d053e",
271
- "spectrum-Datepicker--rangeDash": "_spectrum-Datepicker--rangeDash_d053e",
272
- "is-focused": "_is-focused_d053e",
273
- "spectrum-Datepicker-focusRing": "_spectrum-Datepicker-focusRing_d053e",
274
- "is-hovered": "_is-hovered_d053e",
275
- "focus-ring": "_focus-ring_d053e",
276
- "is-selected": "_is-selected_d053e",
277
- "spectrum-FieldButton--invalid": "_spectrum-FieldButton--invalid_d053e"
278
- };
279
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css
280
- var $d6ccebc39ce6c9807064e14b8824ec$exports = {};
281
- $d6ccebc39ce6c9807064e14b8824ec$exports = {
282
- "spectrum-Textfield": "_spectrum-Textfield_61339",
283
- "spectrum-Textfield--quiet": "_spectrum-Textfield--quiet_61339",
284
- "spectrum-Textfield--multiline": "_spectrum-Textfield--multiline_61339",
285
- "spectrum-Textfield-input": "_spectrum-Textfield-input_61339",
286
- "is-placeholder": "_is-placeholder_61339",
287
- "is-hovered": "_is-hovered_61339",
288
- "spectrum-Textfield--valid": "_spectrum-Textfield--valid_61339",
289
- "spectrum-Textfield--invalid": "_spectrum-Textfield--invalid_61339",
290
- "spectrum-Textfield--loadable": "_spectrum-Textfield--loadable_61339",
291
- "spectrum-Textfield-validationIcon": "_spectrum-Textfield-validationIcon_61339",
292
- "spectrum-Textfield-icon": "_spectrum-Textfield-icon_61339",
293
- "spectrum-Textfield-inputIcon": "_spectrum-Textfield-inputIcon_61339",
294
- "spectrum-Textfield-circleLoader": "_spectrum-Textfield-circleLoader_61339",
295
- "is-focused": "_is-focused_61339",
296
- "focus-ring": "_focus-ring_61339",
297
- "is-disabled": "_is-disabled_61339"
298
- };
299
- // @ts-ignore
300
- const $a67a23fd84ca6b570cc16ecbd021d$var$intlMessages = {
301
- "ar-AE": _babelRuntimeHelpersInteropRequireDefault($fc7bafa81a9f922d8da4ecc7e697178$exports).default,
302
- "bg-BG": _babelRuntimeHelpersInteropRequireDefault($b736489bb1cd18472433d1$exports).default,
303
- "cs-CZ": _babelRuntimeHelpersInteropRequireDefault($cd63ed4adb9e458e27aa3a233fd4860$exports).default,
304
- "da-DK": _babelRuntimeHelpersInteropRequireDefault($dbba429ceeb7f4a8e78228dd1857fc$exports).default,
305
- "de-DE": _babelRuntimeHelpersInteropRequireDefault($b556932a5c08976d2766dd9bdd362a$exports).default,
306
- "el-GR": _babelRuntimeHelpersInteropRequireDefault($a9a5c902434ef07af6a5143624875865$exports).default,
307
- "en-US": _babelRuntimeHelpersInteropRequireDefault($e751b397f98859bf908d24f5701f777$exports).default,
308
- "es-ES": _babelRuntimeHelpersInteropRequireDefault($f53f7753834c6c478d338f7be4b8582d$exports).default,
309
- "et-EE": _babelRuntimeHelpersInteropRequireDefault($c23e5d78f28674f138bcbdcb1fa764d$exports).default,
310
- "fi-FI": _babelRuntimeHelpersInteropRequireDefault($f203e77d99027a089f7b4dfd4cae353$exports).default,
311
- "fr-FR": _babelRuntimeHelpersInteropRequireDefault($e3bca43fc01d9ef18c76c685c9844d$exports).default,
312
- "he-IL": _babelRuntimeHelpersInteropRequireDefault($be64d56886f1f6b5a53245598d98ec9d$exports).default,
313
- "hr-HR": _babelRuntimeHelpersInteropRequireDefault($b7f2d8c1fff0b6469da142685e85a0$exports).default,
314
- "hu-HU": _babelRuntimeHelpersInteropRequireDefault($c58f2248e3e79f1291ef6663ccb$exports).default,
315
- "it-IT": _babelRuntimeHelpersInteropRequireDefault($db08ddc5d09b9019556eb78d42760a1b$exports).default,
316
- "ja-JP": _babelRuntimeHelpersInteropRequireDefault($d8f163666e1225491fa989667318aad4$exports).default,
317
- "ko-KR": _babelRuntimeHelpersInteropRequireDefault($ad939868c252caf173f585ac80a516dc$exports).default,
318
- "lt-LT": _babelRuntimeHelpersInteropRequireDefault($a8058b2bd5e9ab1481c5fc5195f$exports).default,
319
- "lv-LV": _babelRuntimeHelpersInteropRequireDefault($aad16187fb1a0627b1d7f03736932d9f$exports).default,
320
- "nb-NO": _babelRuntimeHelpersInteropRequireDefault($fe1d9c920f75d9635a7059d$exports).default,
321
- "nl-NL": _babelRuntimeHelpersInteropRequireDefault($d4b1921d0722f542b9d5361bcc9bae8$exports).default,
322
- "pl-PL": _babelRuntimeHelpersInteropRequireDefault($f31c90701ba26f8f4e49653a9ed$exports).default,
323
- "pt-BR": _babelRuntimeHelpersInteropRequireDefault($c54095bc6d2f00a3910b4e833836$exports).default,
324
- "pt-PT": _babelRuntimeHelpersInteropRequireDefault($d9a7127699d8132e5dec5179b391f9$exports).default,
325
- "ro-RO": _babelRuntimeHelpersInteropRequireDefault($eb5698c3d954848ed483147d0c9ae736$exports).default,
326
- "ru-RU": _babelRuntimeHelpersInteropRequireDefault($bb801964bec717414e5647aa8d1110d$exports).default,
327
- "sk-SK": _babelRuntimeHelpersInteropRequireDefault($d3a7ef1d148cf16d3931e89d99638b60$exports).default,
328
- "sl-SI": _babelRuntimeHelpersInteropRequireDefault($e99aa627958b6f3b0e66163006d$exports).default,
329
- "sr-SP": _babelRuntimeHelpersInteropRequireDefault($e6a071c220b7eda79056f8ff486d4c9f$exports).default,
330
- "sv-SE": _babelRuntimeHelpersInteropRequireDefault($d0627bc811a015340d00d6c09bc8d$exports).default,
331
- "tr-TR": _babelRuntimeHelpersInteropRequireDefault($e9094b63b674e60e74e5e1a630e37ceb$exports).default,
332
- "uk-UA": _babelRuntimeHelpersInteropRequireDefault($cc3efc20c3fc6164e606a07023517da3$exports).default,
333
- "zh-CN": _babelRuntimeHelpersInteropRequireDefault($d45c36a344e9c40345563b4dcfbd$exports).default,
334
- "zh-TW": _babelRuntimeHelpersInteropRequireDefault($d7529ad525fce30b26618ff34ffdc395$exports).default
335
- };
49
+ $parcel$export(module.exports, "Item", () => $aWXRc$reactstatelycollections.Item);
50
+ $parcel$export(module.exports, "Section", () => $aWXRc$reactstatelycollections.Section);
51
+ var $dcf500d58a031ca6$exports = {};
336
52
 
337
- const $a67a23fd84ca6b570cc16ecbd021d$export$MobileSearchAutocomplete = /*#__PURE__*/_react.forwardRef(function MobileSearchAutocomplete(props, ref) {
338
- props = useProviderProps(props);
339
- let {
340
- isQuiet,
341
- isDisabled,
342
- validationState,
343
- isReadOnly,
344
- onSubmit = () => {}
345
- } = props;
346
- let {
347
- contains
348
- } = useFilter({
349
- sensitivity: 'base'
350
- });
351
- let state = useComboBoxState(_babelRuntimeHelpersExtends({}, props, {
352
- defaultFilter: contains,
353
- allowsEmptyCollection: true,
354
- // Needs to be false here otherwise we double up on commitSelection/commitCustomValue calls when
355
- // user taps on underlay (i.e. initial tap will call setFocused(false) -> commitSelection/commitCustomValue via onBlur,
356
- // then the closing of the tray will call setFocused(false) again due to cleanup effect)
357
- shouldCloseOnBlur: false,
358
- allowsCustomValue: true,
359
- onSelectionChange: key => key !== null && onSubmit(null, key),
360
- selectedKey: undefined,
361
- defaultSelectedKey: undefined
362
- }));
363
- let buttonRef = useRef();
364
- let domRef = useFocusableRef(ref, buttonRef);
365
- let {
366
- triggerProps,
367
- overlayProps
368
- } = useOverlayTrigger({
369
- type: 'listbox'
370
- }, state, buttonRef);
371
- let {
372
- labelProps,
373
- fieldProps
374
- } = useLabel(_babelRuntimeHelpersExtends({}, props, {
375
- labelElementType: 'span'
376
- })); // Focus the button and show focus ring when clicking on the label
377
-
378
- labelProps.onClick = () => {
379
- if (!props.isDisabled) {
380
- buttonRef.current.focus();
381
- setInteractionModality('keyboard');
382
- }
383
- };
384
-
385
- let onClose = () => state.commit();
386
-
387
- return /*#__PURE__*/_react.createElement(_react.Fragment, null, /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
388
- labelProps: labelProps,
389
- elementType: "span",
390
- ref: domRef,
391
- includeNecessityIndicatorInAccessibilityName: true
392
- }), /*#__PURE__*/_react.createElement($a67a23fd84ca6b570cc16ecbd021d$var$SearchAutocompleteButton, _babelRuntimeHelpersExtends({}, mergeProps(triggerProps, fieldProps, {
393
- autoFocus: props.autoFocus
394
- }), {
395
- ref: buttonRef,
396
- isQuiet: isQuiet,
397
- isDisabled: isDisabled,
398
- isReadOnly: isReadOnly,
399
- isPlaceholder: !state.inputValue,
400
- validationState: validationState,
401
- inputValue: state.inputValue,
402
- clearInput: () => state.setInputValue(''),
403
- onPress: () => !isReadOnly && state.open(null, 'manual')
404
- }), state.inputValue || props.placeholder || '')), /*#__PURE__*/_react.createElement(Tray, _babelRuntimeHelpersExtends({
405
- isOpen: state.isOpen,
406
- onClose: onClose,
407
- isFixedHeight: true,
408
- isNonModal: true
409
- }, overlayProps), /*#__PURE__*/_react.createElement($a67a23fd84ca6b570cc16ecbd021d$var$SearchAutocompleteTray, _babelRuntimeHelpersExtends({}, props, {
410
- onClose: onClose,
411
- overlayProps: overlayProps,
412
- state: state
413
- }))));
414
- });
53
+ $parcel$export($dcf500d58a031ca6$exports, "SearchAutocomplete", () => $dcf500d58a031ca6$export$dd65332a5b19fa63);
415
54
 
416
- var $d6ccebc39ce6c9807064e14b8824ec$$interop$default = $parcel$interopDefault($d6ccebc39ce6c9807064e14b8824ec$exports);
417
- var $b42ee6503342f63a10b70c33e73302b1$$interop$default = $parcel$interopDefault($b42ee6503342f63a10b70c33e73302b1$exports);
418
- var $da042374adac990dbdf960d689b813$$interop$default = $parcel$interopDefault($da042374adac990dbdf960d689b813$exports);
419
- var $aefa750ab2f7601998029cdc83ab$$interop$default = $parcel$interopDefault($aefa750ab2f7601998029cdc83ab$exports);
420
-
421
- const $a67a23fd84ca6b570cc16ecbd021d$var$SearchAutocompleteButton = /*#__PURE__*/_react.forwardRef(function SearchAutocompleteButton(props, ref) {
422
- let {
423
- isQuiet,
424
- isDisabled,
425
- isReadOnly,
426
- isPlaceholder,
427
- validationState,
428
- inputValue,
429
- clearInput,
430
- children,
431
- style,
432
- className
433
- } = props;
434
- let formatMessage = useMessageFormatter($a67a23fd84ca6b570cc16ecbd021d$var$intlMessages);
435
- let valueId = useId();
436
- let invalidId = useId();
437
- let validationIcon = validationState === 'invalid' ? /*#__PURE__*/_react.createElement(_spectrumIconsUiAlertMedium, {
438
- id: invalidId,
439
- "aria-label": formatMessage('invalid')
440
- }) : /*#__PURE__*/_react.createElement(_spectrumIconsUiCheckmarkMedium, null);
441
-
442
- let searchIcon = /*#__PURE__*/_react.createElement(_spectrumIconsUiMagnifier, null);
443
-
444
- let icon = /*#__PURE__*/_react.cloneElement(searchIcon, {
445
- UNSAFE_className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-icon'),
446
- size: 'S'
447
- });
448
55
 
449
- let clearButton = /*#__PURE__*/_react.createElement(ClearButton, {
450
- onPress: e => {
451
- clearInput();
452
- props.onPress(e);
453
- },
454
- preventFocus: true,
455
- "aria-label": formatMessage('clear'),
456
- excludeFromTabOrder: true,
457
- UNSAFE_className: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-ClearButton'),
458
- isDisabled: isDisabled
459
- });
460
56
 
461
- let validation = /*#__PURE__*/_react.cloneElement(validationIcon, {
462
- UNSAFE_className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-validationIcon', classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup-input-validationIcon'))
463
- });
464
57
 
465
- let {
466
- hoverProps,
467
- isHovered
468
- } = useHover({});
469
- let {
470
- buttonProps
471
- } = useButton(_babelRuntimeHelpersExtends({}, props, {
472
- 'aria-labelledby': [props['aria-labelledby'], props['aria-label'] && !props['aria-labelledby'] ? props.id : null, valueId, validationState === 'invalid' ? invalidId : null].filter(Boolean).join(' '),
473
- elementType: 'div'
474
- }), ref);
475
- return /*#__PURE__*/_react.createElement(FocusRing, {
476
- focusClass: classNames($da042374adac990dbdf960d689b813$$interop$default, 'is-focused'),
477
- focusRingClass: classNames($da042374adac990dbdf960d689b813$$interop$default, 'focus-ring')
478
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(hoverProps, buttonProps), {
479
- "aria-haspopup": "dialog",
480
- ref: ref,
481
- style: _babelRuntimeHelpersExtends({}, style, {
482
- outline: 'none'
483
- }),
484
- className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup', {
485
- 'spectrum-InputGroup--quiet': isQuiet,
486
- 'is-disabled': isDisabled,
487
- 'spectrum-InputGroup--invalid': validationState === 'invalid',
488
- 'is-hovered': isHovered
489
- }, classNames($aefa750ab2f7601998029cdc83ab$$interop$default, 'mobile-searchautocomplete'), className)
490
- }), /*#__PURE__*/_react.createElement("div", {
491
- className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield', {
492
- 'spectrum-Textfield--invalid': validationState === 'invalid',
493
- 'spectrum-Textfield--valid': validationState === 'valid',
494
- 'spectrum-Textfield--quiet': isQuiet
495
- }, classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search', {
496
- 'is-disabled': isDisabled,
497
- 'is-quiet': isQuiet,
498
- 'spectrum-Search--invalid': validationState === 'invalid',
499
- 'spectrum-Search--valid': validationState === 'valid'
500
- }))
501
- }, /*#__PURE__*/_react.createElement("div", {
502
- className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-input', 'spectrum-Textfield-inputIcon', {
503
- 'is-hovered': isHovered,
504
- 'is-placeholder': isPlaceholder,
505
- 'is-disabled': isDisabled,
506
- 'is-quiet': isQuiet
507
- }, classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search-input'))
508
- }, icon, /*#__PURE__*/_react.createElement("span", {
509
- id: valueId,
510
- className: classNames($aefa750ab2f7601998029cdc83ab$$interop$default, 'mobile-value')
511
- }, children)), validationState ? validation : null, (inputValue !== '' || validationState != null) && !isReadOnly && clearButton)));
512
- });
513
58
 
514
- function $a67a23fd84ca6b570cc16ecbd021d$var$SearchAutocompleteTray(props) {
515
- let {
516
- // completionMode = 'suggest',
517
- state,
518
- isDisabled,
519
- validationState,
520
- label,
521
- overlayProps,
522
- loadingState,
523
- onLoadMore,
524
- onClose,
525
- onSubmit
526
- } = props;
527
- let timeout = useRef(null);
528
- let [showLoading, setShowLoading] = useState(false);
529
- let inputRef = useRef();
530
- let popoverRef = useRef();
531
- let listBoxRef = useRef();
532
- let layout = useListBoxLayout(state);
533
- let formatMessage = useMessageFormatter($a67a23fd84ca6b570cc16ecbd021d$var$intlMessages);
534
- let {
535
- inputProps,
536
- listBoxProps,
537
- labelProps,
538
- clearButtonProps
539
- } = useSearchAutocomplete(_babelRuntimeHelpersExtends({}, props, {
540
- keyboardDelegate: layout,
541
- popoverRef: popoverRef,
542
- listBoxRef,
543
- inputRef
544
- }), state);
545
-
546
- _react.useEffect(() => {
547
- focusSafely(inputRef.current); // When the tray unmounts, set state.isFocused (i.e. the tray input's focus tracker) to false.
548
- // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
549
- // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
550
- // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
551
-
552
- return () => {
553
- state.setFocused(false);
554
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
555
- }, []);
556
-
557
- let {
558
- dialogProps
559
- } = useDialog({
560
- 'aria-labelledby': useId(labelProps.id)
561
- }, popoverRef); // Override the role of the input to "searchbox" instead of "combobox".
562
- // Since the listbox is always visible, the combobox role doesn't really give us anything.
563
- // VoiceOver on iOS reads "double tap to collapse" when focused on the input rather than
564
- // "double tap to edit text", as with a textbox or searchbox. We'd like double tapping to
565
- // open the virtual keyboard rather than closing the tray.
566
-
567
- inputProps.role = 'searchbox';
568
- inputProps['aria-haspopup'] = 'listbox';
569
- delete inputProps.onTouchEnd;
570
-
571
- let clearButton = /*#__PURE__*/_react.createElement(ClearButton, _babelRuntimeHelpersExtends({}, clearButtonProps, {
572
- preventFocus: true,
573
- "aria-label": formatMessage('clear'),
574
- excludeFromTabOrder: true,
575
- UNSAFE_className: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-ClearButton'),
576
- isDisabled: isDisabled
577
- }));
578
-
579
- let loadingCircle = /*#__PURE__*/_react.createElement(ProgressCircle, {
580
- "aria-label": formatMessage('loading'),
581
- size: "S",
582
- isIndeterminate: true,
583
- UNSAFE_className: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search-circleLoader', classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-circleLoader'))
584
- }); // Close the software keyboard on scroll to give the user a bigger area to scroll.
585
- // But only do this if scrolling with touch, otherwise it can cause issues with touch
586
- // screen readers.
587
-
588
-
589
- let isTouchDown = useRef(false);
590
-
591
- let onTouchStart = () => {
592
- isTouchDown.current = true;
593
- };
594
-
595
- let onTouchEnd = () => {
596
- isTouchDown.current = false;
597
- };
598
-
599
- let onScroll = useCallback(() => {
600
- if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) {
601
- return;
602
- }
59
+ var $ccb60979256717ac$exports = {};
60
+ var $30f25a2842ddccb3$exports = {};
61
+ $30f25a2842ddccb3$exports = JSON.parse("{\"clear\":\"مسح\",\"invalid\":\"(غير صالح)\",\"loading\":\"جارٍ التحميل...\",\"noResults\":\"لا توجد نتائج\"}");
603
62
 
604
- popoverRef.current.focus();
605
- }, [inputRef, popoverRef, isTouchDown]);
606
- let inputValue = inputProps.value;
607
- let lastInputValue = useRef(inputValue);
608
- useEffect(() => {
609
- if (loadingState === 'filtering' && !showLoading) {
610
- if (timeout.current === null) {
611
- timeout.current = setTimeout(() => {
612
- setShowLoading(true);
613
- }, 500);
614
- } // If user is typing, clear the timer and restart since it is a new request
615
-
616
-
617
- if (inputValue !== lastInputValue.current) {
618
- clearTimeout(timeout.current);
619
- timeout.current = setTimeout(() => {
620
- setShowLoading(true);
621
- }, 500);
622
- }
623
- } else if (loadingState !== 'filtering') {
624
- // If loading is no longer happening, clear any timers and hide the loading circle
625
- setShowLoading(false);
626
- clearTimeout(timeout.current);
627
- timeout.current = null;
628
- }
629
63
 
630
- lastInputValue.current = inputValue;
631
- }, [loadingState, inputValue, showLoading]);
632
-
633
- let onKeyDown = e => {
634
- // Close virtual keyboard, close tray, and fire onSubmit if user hits Enter w/o any focused options
635
- if (e.key === 'Enter' && state.selectionManager.focusedKey == null) {
636
- popoverRef.current.focus();
637
- onClose();
638
- onSubmit(inputValue.toString(), null);
639
- } else {
640
- inputProps.onKeyDown(e);
641
- }
642
- };
64
+ var $cac3fa002dc020e4$exports = {};
65
+ $cac3fa002dc020e4$exports = JSON.parse("{\"clear\":\"Изчисти\",\"invalid\":\"(невалиден)\",\"loading\":\"Зареждане...\",\"noResults\":\"Няма резултати\"}");
643
66
 
644
- let searchIcon = /*#__PURE__*/_react.createElement(_spectrumIconsUiMagnifier, null);
645
67
 
646
- let icon = /*#__PURE__*/_react.cloneElement(searchIcon, {
647
- UNSAFE_className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-icon'),
648
- size: 'S'
649
- });
68
+ var $e04b5fd2abea86b9$exports = {};
69
+ $e04b5fd2abea86b9$exports = JSON.parse("{\"clear\":\"Vymazat\",\"invalid\":\"(neplatné)\",\"loading\":\"Načítání...\",\"noResults\":\"Žádné výsledky\"}");
70
+
71
+
72
+ var $3d2af4ea163335d6$exports = {};
73
+ $3d2af4ea163335d6$exports = JSON.parse("{\"clear\":\"Ryd\",\"invalid\":\"(ugyldig)\",\"loading\":\"Indlæser ...\",\"noResults\":\"Ingen resultater\"}");
74
+
75
+
76
+ var $ff8a3f2ebad8ae77$exports = {};
77
+ $ff8a3f2ebad8ae77$exports = JSON.parse("{\"clear\":\"Löschen\",\"invalid\":\"(ungültig)\",\"loading\":\"Wird geladen...\",\"noResults\":\"Keine Ergebnisse\"}");
78
+
79
+
80
+ var $0883dc5de0143a5f$exports = {};
81
+ $0883dc5de0143a5f$exports = JSON.parse("{\"clear\":\"Καθαρισμός\",\"invalid\":\"(δεν ισχύει)\",\"loading\":\"Φόρτωση...\",\"noResults\":\"Χωρίς αποτέλεσμα\"}");
82
+
83
+
84
+ var $ffb5a79a666ee5f4$exports = {};
85
+ $ffb5a79a666ee5f4$exports = JSON.parse("{\"loading\":\"Loading...\",\"noResults\":\"No results\",\"clear\":\"Clear\",\"invalid\":\"(invalid)\"}");
86
+
87
+
88
+ var $b1888d86831eae7b$exports = {};
89
+ $b1888d86831eae7b$exports = JSON.parse("{\"clear\":\"Borrar\",\"invalid\":\"(no válido)\",\"loading\":\"Cargando...\",\"noResults\":\"Sin resultados\"}");
90
+
91
+
92
+ var $256eaae10133a7dd$exports = {};
93
+ $256eaae10133a7dd$exports = JSON.parse("{\"clear\":\"Puhasta\",\"invalid\":\"(kehtetu)\",\"loading\":\"Laadimine...\",\"noResults\":\"Tulemusi pole\"}");
94
+
95
+
96
+ var $fffacc8467d6f45d$exports = {};
97
+ $fffacc8467d6f45d$exports = JSON.parse("{\"clear\":\"Kirkas\",\"invalid\":\"(epäkelpo)\",\"loading\":\"Ladataan...\",\"noResults\":\"Ei tuloksia\"}");
98
+
99
+
100
+ var $ceff60bacac3f813$exports = {};
101
+ $ceff60bacac3f813$exports = JSON.parse("{\"clear\":\"Effacer\",\"invalid\":\"(non valide)\",\"loading\":\"Chargement en cours...\",\"noResults\":\"Aucun résultat\"}");
102
+
103
+
104
+ var $a3efa3338ae30884$exports = {};
105
+ $a3efa3338ae30884$exports = JSON.parse("{\"clear\":\"נקי\",\"invalid\":\"(לא חוקי)\",\"loading\":\"טוען...\",\"noResults\":\"אין תוצאות\"}");
106
+
107
+
108
+ var $27c9d17e7436a9c6$exports = {};
109
+ $27c9d17e7436a9c6$exports = JSON.parse("{\"clear\":\"Izbriši\",\"invalid\":\"(nevažeće)\",\"loading\":\"Učitavam...\",\"noResults\":\"Nema rezultata\"}");
110
+
111
+
112
+ var $2e5ccf84fdce50a1$exports = {};
113
+ $2e5ccf84fdce50a1$exports = JSON.parse("{\"clear\":\"Törlés\",\"invalid\":\"(érvénytelen)\",\"loading\":\"Betöltés folyamatban…\",\"noResults\":\"Nincsenek találatok\"}");
114
+
115
+
116
+ var $ec3368142e92ed69$exports = {};
117
+ $ec3368142e92ed69$exports = JSON.parse("{\"clear\":\"Cancella\",\"invalid\":\"(non valido)\",\"loading\":\"Caricamento in corso...\",\"noResults\":\"Nessun risultato\"}");
118
+
119
+
120
+ var $ec5956e20e8a9e87$exports = {};
121
+ $ec5956e20e8a9e87$exports = JSON.parse("{\"clear\":\"クリア\",\"invalid\":\"(無効)\",\"loading\":\"読み込み中...\",\"noResults\":\"結果なし\"}");
122
+
123
+
124
+ var $5bab18039270ed42$exports = {};
125
+ $5bab18039270ed42$exports = JSON.parse("{\"clear\":\"지우기\",\"invalid\":\"(유효하지 않음)\",\"loading\":\"로드 중...\",\"noResults\":\"결과 없음\"}");
126
+
127
+
128
+ var $e1c74f3398a74c92$exports = {};
129
+ $e1c74f3398a74c92$exports = JSON.parse("{\"clear\":\"Skaidrus\",\"invalid\":\"(netinkama)\",\"loading\":\"Įkeliama...\",\"noResults\":\"Be rezultatų\"}");
130
+
131
+
132
+ var $f0b13093747e2840$exports = {};
133
+ $f0b13093747e2840$exports = JSON.parse("{\"clear\":\"Notīrīt\",\"invalid\":\"(nederīgs)\",\"loading\":\"Notiek ielāde...\",\"noResults\":\"Nav rezultātu\"}");
134
+
135
+
136
+ var $53eed8628e04e423$exports = {};
137
+ $53eed8628e04e423$exports = JSON.parse("{\"clear\":\"Tøm\",\"invalid\":\"(ugyldig)\",\"loading\":\"Laster inn ...\",\"noResults\":\"Ingen resultater\"}");
138
+
139
+
140
+ var $c53a14e3c7e194ff$exports = {};
141
+ $c53a14e3c7e194ff$exports = JSON.parse("{\"clear\":\"Helder\",\"invalid\":\"(ongeldig)\",\"loading\":\"Laden...\",\"noResults\":\"Geen resultaten\"}");
142
+
143
+
144
+ var $31dd4c4cfef7991f$exports = {};
145
+ $31dd4c4cfef7991f$exports = JSON.parse("{\"clear\":\"Wyczyść\",\"invalid\":\"(nieprawidłowy)\",\"loading\":\"Trwa ładowanie...\",\"noResults\":\"Brak wyników\"}");
146
+
147
+
148
+ var $ee5f8cd44d30767f$exports = {};
149
+ $ee5f8cd44d30767f$exports = JSON.parse("{\"clear\":\"Limpar\",\"invalid\":\"(inválido)\",\"loading\":\"Carregando...\",\"noResults\":\"Nenhum resultado\"}");
650
150
 
651
- return /*#__PURE__*/_react.createElement(FocusScope, {
652
- restoreFocus: true,
653
- contain: true
654
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(overlayProps, dialogProps), {
655
- ref: popoverRef,
656
- className: classNames($aefa750ab2f7601998029cdc83ab$$interop$default, 'tray-dialog')
657
- }), /*#__PURE__*/_react.createElement(DismissButton, {
658
- onDismiss: onClose
659
- }), /*#__PURE__*/_react.createElement(TextFieldBase, {
660
- label: label,
661
- labelProps: labelProps,
662
- inputProps: _babelRuntimeHelpersExtends({}, inputProps, {
663
- onKeyDown
664
- }),
665
- inputRef: inputRef,
666
- isDisabled: isDisabled,
667
- isLoading: showLoading && loadingState === 'filtering',
668
- loadingIndicator: loadingState != null && loadingCircle,
669
- validationState: validationState,
670
- wrapperChildren: (state.inputValue !== '' || loadingState === 'filtering' || validationState != null) && !props.isReadOnly && clearButton,
671
- icon: icon,
672
- UNSAFE_className: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search', 'spectrum-Textfield', 'spectrum-Search--loadable', {
673
- 'spectrum-Search--invalid': validationState === 'invalid',
674
- 'spectrum-Search--valid': validationState === 'valid'
675
- }, classNames($aefa750ab2f7601998029cdc83ab$$interop$default, 'tray-textfield', {
676
- 'has-label': !!props.label
677
- })),
678
- inputClassName: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search-input'),
679
- validationIconClassName: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search-validationIcon')
680
- }), /*#__PURE__*/_react.createElement(ListBoxBase, _babelRuntimeHelpersExtends({}, listBoxProps, {
681
- domProps: {
682
- onTouchStart,
683
- onTouchEnd
684
- },
685
- disallowEmptySelection: true,
686
- shouldSelectOnPressUp: true,
687
- focusOnPointerEnter: true,
688
- layout: layout,
689
- state: state,
690
- shouldUseVirtualFocus: true,
691
- renderEmptyState: () => loadingState !== 'loading' && /*#__PURE__*/_react.createElement("span", {
692
- className: classNames($aefa750ab2f7601998029cdc83ab$$interop$default, 'no-results')
693
- }, formatMessage('noResults')),
694
- UNSAFE_className: classNames($aefa750ab2f7601998029cdc83ab$$interop$default, 'tray-listbox'),
695
- ref: listBoxRef,
696
- onScroll: onScroll,
697
- onLoadMore: onLoadMore,
698
- isLoading: loadingState === 'loading' || loadingState === 'loadingMore'
699
- })), /*#__PURE__*/_react.createElement(DismissButton, {
700
- onDismiss: onClose
701
- })));
702
- }
703
151
 
704
- // @ts-ignore
705
- const $d09d5529e9a072d3823598875d55994e$var$intlMessages = {
706
- "ar-AE": _babelRuntimeHelpersInteropRequireDefault($fc7bafa81a9f922d8da4ecc7e697178$exports).default,
707
- "bg-BG": _babelRuntimeHelpersInteropRequireDefault($b736489bb1cd18472433d1$exports).default,
708
- "cs-CZ": _babelRuntimeHelpersInteropRequireDefault($cd63ed4adb9e458e27aa3a233fd4860$exports).default,
709
- "da-DK": _babelRuntimeHelpersInteropRequireDefault($dbba429ceeb7f4a8e78228dd1857fc$exports).default,
710
- "de-DE": _babelRuntimeHelpersInteropRequireDefault($b556932a5c08976d2766dd9bdd362a$exports).default,
711
- "el-GR": _babelRuntimeHelpersInteropRequireDefault($a9a5c902434ef07af6a5143624875865$exports).default,
712
- "en-US": _babelRuntimeHelpersInteropRequireDefault($e751b397f98859bf908d24f5701f777$exports).default,
713
- "es-ES": _babelRuntimeHelpersInteropRequireDefault($f53f7753834c6c478d338f7be4b8582d$exports).default,
714
- "et-EE": _babelRuntimeHelpersInteropRequireDefault($c23e5d78f28674f138bcbdcb1fa764d$exports).default,
715
- "fi-FI": _babelRuntimeHelpersInteropRequireDefault($f203e77d99027a089f7b4dfd4cae353$exports).default,
716
- "fr-FR": _babelRuntimeHelpersInteropRequireDefault($e3bca43fc01d9ef18c76c685c9844d$exports).default,
717
- "he-IL": _babelRuntimeHelpersInteropRequireDefault($be64d56886f1f6b5a53245598d98ec9d$exports).default,
718
- "hr-HR": _babelRuntimeHelpersInteropRequireDefault($b7f2d8c1fff0b6469da142685e85a0$exports).default,
719
- "hu-HU": _babelRuntimeHelpersInteropRequireDefault($c58f2248e3e79f1291ef6663ccb$exports).default,
720
- "it-IT": _babelRuntimeHelpersInteropRequireDefault($db08ddc5d09b9019556eb78d42760a1b$exports).default,
721
- "ja-JP": _babelRuntimeHelpersInteropRequireDefault($d8f163666e1225491fa989667318aad4$exports).default,
722
- "ko-KR": _babelRuntimeHelpersInteropRequireDefault($ad939868c252caf173f585ac80a516dc$exports).default,
723
- "lt-LT": _babelRuntimeHelpersInteropRequireDefault($a8058b2bd5e9ab1481c5fc5195f$exports).default,
724
- "lv-LV": _babelRuntimeHelpersInteropRequireDefault($aad16187fb1a0627b1d7f03736932d9f$exports).default,
725
- "nb-NO": _babelRuntimeHelpersInteropRequireDefault($fe1d9c920f75d9635a7059d$exports).default,
726
- "nl-NL": _babelRuntimeHelpersInteropRequireDefault($d4b1921d0722f542b9d5361bcc9bae8$exports).default,
727
- "pl-PL": _babelRuntimeHelpersInteropRequireDefault($f31c90701ba26f8f4e49653a9ed$exports).default,
728
- "pt-BR": _babelRuntimeHelpersInteropRequireDefault($c54095bc6d2f00a3910b4e833836$exports).default,
729
- "pt-PT": _babelRuntimeHelpersInteropRequireDefault($d9a7127699d8132e5dec5179b391f9$exports).default,
730
- "ro-RO": _babelRuntimeHelpersInteropRequireDefault($eb5698c3d954848ed483147d0c9ae736$exports).default,
731
- "ru-RU": _babelRuntimeHelpersInteropRequireDefault($bb801964bec717414e5647aa8d1110d$exports).default,
732
- "sk-SK": _babelRuntimeHelpersInteropRequireDefault($d3a7ef1d148cf16d3931e89d99638b60$exports).default,
733
- "sl-SI": _babelRuntimeHelpersInteropRequireDefault($e99aa627958b6f3b0e66163006d$exports).default,
734
- "sr-SP": _babelRuntimeHelpersInteropRequireDefault($e6a071c220b7eda79056f8ff486d4c9f$exports).default,
735
- "sv-SE": _babelRuntimeHelpersInteropRequireDefault($d0627bc811a015340d00d6c09bc8d$exports).default,
736
- "tr-TR": _babelRuntimeHelpersInteropRequireDefault($e9094b63b674e60e74e5e1a630e37ceb$exports).default,
737
- "uk-UA": _babelRuntimeHelpersInteropRequireDefault($cc3efc20c3fc6164e606a07023517da3$exports).default,
738
- "zh-CN": _babelRuntimeHelpersInteropRequireDefault($d45c36a344e9c40345563b4dcfbd$exports).default,
739
- "zh-TW": _babelRuntimeHelpersInteropRequireDefault($d7529ad525fce30b26618ff34ffdc395$exports).default
152
+ var $e1e81ac532f43ec3$exports = {};
153
+ $e1e81ac532f43ec3$exports = JSON.parse("{\"clear\":\"Limpar\",\"invalid\":\"(inválido)\",\"loading\":\"A carregar...\",\"noResults\":\"Sem resultados\"}");
154
+
155
+
156
+ var $84833449245ceb5d$exports = {};
157
+ $84833449245ceb5d$exports = JSON.parse("{\"clear\":\"Golire\",\"invalid\":\"(nevalid)\",\"loading\":\"Se încarcă...\",\"noResults\":\"Niciun rezultat\"}");
158
+
159
+
160
+ var $e61aebc75bb4053d$exports = {};
161
+ $e61aebc75bb4053d$exports = JSON.parse("{\"clear\":\"Очистить\",\"invalid\":\"(недействительно)\",\"loading\":\"Загрузка...\",\"noResults\":\"Результаты отсутствуют\"}");
162
+
163
+
164
+ var $9fb3fa59d7a387b5$exports = {};
165
+ $9fb3fa59d7a387b5$exports = JSON.parse("{\"clear\":\"Vymazať\",\"invalid\":\"(neplatné)\",\"loading\":\"Načítava sa...\",\"noResults\":\"Žiadne výsledky\"}");
166
+
167
+
168
+ var $b1f7c524b12894ba$exports = {};
169
+ $b1f7c524b12894ba$exports = JSON.parse("{\"clear\":\"Jasen\",\"invalid\":\"(neveljavno)\",\"loading\":\"Nalaganje...\",\"noResults\":\"Ni rezultatov\"}");
170
+
171
+
172
+ var $351ddac352253927$exports = {};
173
+ $351ddac352253927$exports = JSON.parse("{\"clear\":\"Izbriši\",\"invalid\":\"(nevažeće)\",\"loading\":\"Učitavam...\",\"noResults\":\"Nema rezultata\"}");
174
+
175
+
176
+ var $0b2327cdf441a2f3$exports = {};
177
+ $0b2327cdf441a2f3$exports = JSON.parse("{\"clear\":\"Rensa\",\"invalid\":\"(ogiltigt)\",\"loading\":\"Läser in...\",\"noResults\":\"Inga resultat\"}");
178
+
179
+
180
+ var $e76d948ffa14db88$exports = {};
181
+ $e76d948ffa14db88$exports = JSON.parse("{\"clear\":\"Temizle\",\"invalid\":\"(geçersiz)\",\"loading\":\"Yükleniyor...\",\"noResults\":\"Sonuç yok\"}");
182
+
183
+
184
+ var $24da432165d9ae1d$exports = {};
185
+ $24da432165d9ae1d$exports = JSON.parse("{\"clear\":\"Очистити\",\"invalid\":\"(недійсне)\",\"loading\":\"Завантаження...\",\"noResults\":\"Результатів немає\"}");
186
+
187
+
188
+ var $ff524249124594a8$exports = {};
189
+ $ff524249124594a8$exports = JSON.parse("{\"clear\":\"透明\",\"invalid\":\"(无效)\",\"loading\":\"正在加载...\",\"noResults\":\"无结果\"}");
190
+
191
+
192
+ var $dc179c328f3f5ad3$exports = {};
193
+ $dc179c328f3f5ad3$exports = JSON.parse("{\"clear\":\"清除\",\"invalid\":\"(無效)\",\"loading\":\"正在載入...\",\"noResults\":\"無任何結果\"}");
194
+
195
+
196
+ $ccb60979256717ac$exports = {
197
+ "ar-AE": $30f25a2842ddccb3$exports,
198
+ "bg-BG": $cac3fa002dc020e4$exports,
199
+ "cs-CZ": $e04b5fd2abea86b9$exports,
200
+ "da-DK": $3d2af4ea163335d6$exports,
201
+ "de-DE": $ff8a3f2ebad8ae77$exports,
202
+ "el-GR": $0883dc5de0143a5f$exports,
203
+ "en-US": $ffb5a79a666ee5f4$exports,
204
+ "es-ES": $b1888d86831eae7b$exports,
205
+ "et-EE": $256eaae10133a7dd$exports,
206
+ "fi-FI": $fffacc8467d6f45d$exports,
207
+ "fr-FR": $ceff60bacac3f813$exports,
208
+ "he-IL": $a3efa3338ae30884$exports,
209
+ "hr-HR": $27c9d17e7436a9c6$exports,
210
+ "hu-HU": $2e5ccf84fdce50a1$exports,
211
+ "it-IT": $ec3368142e92ed69$exports,
212
+ "ja-JP": $ec5956e20e8a9e87$exports,
213
+ "ko-KR": $5bab18039270ed42$exports,
214
+ "lt-LT": $e1c74f3398a74c92$exports,
215
+ "lv-LV": $f0b13093747e2840$exports,
216
+ "nb-NO": $53eed8628e04e423$exports,
217
+ "nl-NL": $c53a14e3c7e194ff$exports,
218
+ "pl-PL": $31dd4c4cfef7991f$exports,
219
+ "pt-BR": $ee5f8cd44d30767f$exports,
220
+ "pt-PT": $e1e81ac532f43ec3$exports,
221
+ "ro-RO": $84833449245ceb5d$exports,
222
+ "ru-RU": $e61aebc75bb4053d$exports,
223
+ "sk-SK": $9fb3fa59d7a387b5$exports,
224
+ "sl-SI": $b1f7c524b12894ba$exports,
225
+ "sr-SP": $351ddac352253927$exports,
226
+ "sv-SE": $0b2327cdf441a2f3$exports,
227
+ "tr-TR": $e76d948ffa14db88$exports,
228
+ "uk-UA": $24da432165d9ae1d$exports,
229
+ "zh-CN": $ff524249124594a8$exports,
230
+ "zh-TW": $dc179c328f3f5ad3$exports
740
231
  };
741
232
 
742
- function $d09d5529e9a072d3823598875d55994e$var$SearchAutocomplete(props, ref) {
743
- props = useProviderProps(props);
744
- let isMobile = useIsMobileDevice();
745
233
 
746
- if (isMobile) {
747
- // menuTrigger=focus/manual don't apply to mobile searchwithin
748
- return /*#__PURE__*/_react.createElement($a67a23fd84ca6b570cc16ecbd021d$export$MobileSearchAutocomplete, _babelRuntimeHelpersExtends({}, props, {
749
- menuTrigger: "input",
750
- ref: ref
751
- }));
752
- } else {
753
- return /*#__PURE__*/_react.createElement($d09d5529e9a072d3823598875d55994e$var$SearchAutocompleteBase, _babelRuntimeHelpersExtends({}, props, {
754
- ref: ref
755
- }));
756
- }
757
- }
758
234
 
759
- const $d09d5529e9a072d3823598875d55994e$var$SearchAutocompleteBase = /*#__PURE__*/_react.forwardRef(function SearchAutocompleteBase(props, ref) {
760
- props = useProviderProps(props);
761
- let {
762
- menuTrigger = 'input',
763
- shouldFlip = true,
764
- direction = 'bottom',
765
- isQuiet,
766
- loadingState,
767
- onLoadMore,
768
- onSubmit = () => {}
769
- } = props;
770
- let formatMessage = useMessageFormatter($d09d5529e9a072d3823598875d55994e$var$intlMessages);
771
- let isAsync = loadingState != null;
772
- let popoverRef = useRef();
773
- let unwrappedPopoverRef = useUnwrapDOMRef(popoverRef);
774
- let listBoxRef = useRef();
775
- let inputRef = useRef();
776
- let domRef = useFocusableRef(ref, inputRef);
777
- let {
778
- contains
779
- } = useFilter({
780
- sensitivity: 'base'
781
- });
782
- let state = useComboBoxState(_babelRuntimeHelpersExtends({}, props, {
783
- defaultFilter: contains,
784
- allowsEmptyCollection: isAsync,
785
- allowsCustomValue: true,
786
- onSelectionChange: key => key !== null && onSubmit(null, key),
787
- selectedKey: undefined,
788
- defaultSelectedKey: undefined
789
- }));
790
- let layout = useListBoxLayout(state);
791
- let {
792
- inputProps,
793
- listBoxProps,
794
- labelProps,
795
- clearButtonProps
796
- } = useSearchAutocomplete(_babelRuntimeHelpersExtends({}, props, {
797
- keyboardDelegate: layout,
798
- popoverRef: unwrappedPopoverRef,
799
- listBoxRef,
800
- inputRef,
801
- menuTrigger
802
- }), state);
803
- let {
804
- overlayProps,
805
- placement,
806
- updatePosition
807
- } = useOverlayPosition({
808
- targetRef: inputRef,
809
- overlayRef: unwrappedPopoverRef,
810
- scrollRef: listBoxRef,
811
- placement: direction + " end",
812
- shouldFlip: shouldFlip,
813
- isOpen: state.isOpen,
814
- onClose: state.close
815
- }); // Measure the width of the inputfield to inform the width of the menu (below).
816
-
817
- let [menuWidth, setMenuWidth] = useState(null);
818
- let {
819
- scale
820
- } = useProvider();
821
- let onResize = useCallback(() => {
822
- if (inputRef.current) {
823
- let inputWidth = inputRef.current.offsetWidth;
824
- setMenuWidth(inputWidth);
825
- }
826
- }, [inputRef, setMenuWidth]);
827
- useResizeObserver({
828
- ref: domRef,
829
- onResize: onResize
830
- });
831
- useLayoutEffect(onResize, [scale, onResize]); // Update position once the ListBox has rendered. This ensures that
832
- // it flips properly when it doesn't fit in the available space.
833
- // TODO: add ResizeObserver to useOverlayPosition so we don't need this.
834
-
835
- useLayoutEffect(() => {
836
- if (state.isOpen) {
837
- requestAnimationFrame(() => {
838
- updatePosition();
839
- });
840
- }
841
- }, [state.isOpen, updatePosition]);
842
235
 
843
- let style = _babelRuntimeHelpersExtends({}, overlayProps.style, {
844
- width: isQuiet ? null : menuWidth,
845
- minWidth: isQuiet ? "calc(" + menuWidth + "px + calc(2 * var(--spectrum-dropdown-quiet-offset)))" : menuWidth
846
- });
847
236
 
848
- return /*#__PURE__*/_react.createElement(_react.Fragment, null, /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
849
- labelProps: labelProps,
850
- ref: domRef
851
- }), /*#__PURE__*/_react.createElement($d09d5529e9a072d3823598875d55994e$var$SearchAutocompleteInput, _babelRuntimeHelpersExtends({}, props, {
852
- isOpen: state.isOpen,
853
- loadingState: loadingState,
854
- inputProps: inputProps,
855
- inputRef: inputRef,
856
- clearButtonProps: clearButtonProps
857
- }))), /*#__PURE__*/_react.createElement(Popover, {
858
- isOpen: state.isOpen,
859
- UNSAFE_style: style,
860
- UNSAFE_className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup-popover', {
861
- 'spectrum-InputGroup-popover--quiet': isQuiet
862
- }),
863
- ref: popoverRef,
864
- placement: placement,
865
- hideArrow: true,
866
- isNonModal: true,
867
- isDismissable: false
868
- }, /*#__PURE__*/_react.createElement(ListBoxBase, _babelRuntimeHelpersExtends({}, listBoxProps, {
869
- ref: listBoxRef,
870
- disallowEmptySelection: true,
871
- autoFocus: state.focusStrategy,
872
- shouldSelectOnPressUp: true,
873
- focusOnPointerEnter: true,
874
- layout: layout,
875
- state: state,
876
- shouldUseVirtualFocus: true,
877
- isLoading: loadingState === 'loadingMore',
878
- onLoadMore: onLoadMore,
879
- renderEmptyState: () => isAsync && /*#__PURE__*/_react.createElement("span", null, formatMessage('noResults'))
880
- })), /*#__PURE__*/_react.createElement(DismissButton, {
881
- onDismiss: () => state.close()
882
- })));
237
+
238
+
239
+
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+
250
+
251
+ var $83da5c2df967875d$exports = {};
252
+
253
+ $parcel$export($83da5c2df967875d$exports, "no-results", () => $83da5c2df967875d$export$5b1939da91820a47, (v) => $83da5c2df967875d$export$5b1939da91820a47 = v);
254
+ $parcel$export($83da5c2df967875d$exports, "mobile-searchautocomplete", () => $83da5c2df967875d$export$3117ea626976198e, (v) => $83da5c2df967875d$export$3117ea626976198e = v);
255
+ $parcel$export($83da5c2df967875d$exports, "mobile-input", () => $83da5c2df967875d$export$bededa1c0ac414c5, (v) => $83da5c2df967875d$export$bededa1c0ac414c5 = v);
256
+ $parcel$export($83da5c2df967875d$exports, "mobile-value", () => $83da5c2df967875d$export$e32ca2bb9f795355, (v) => $83da5c2df967875d$export$e32ca2bb9f795355 = v);
257
+ $parcel$export($83da5c2df967875d$exports, "tray-dialog", () => $83da5c2df967875d$export$3d4198eea215577a, (v) => $83da5c2df967875d$export$3d4198eea215577a = v);
258
+ $parcel$export($83da5c2df967875d$exports, "tray-textfield", () => $83da5c2df967875d$export$73cc97e04e76a6d0, (v) => $83da5c2df967875d$export$73cc97e04e76a6d0 = v);
259
+ $parcel$export($83da5c2df967875d$exports, "has-label", () => $83da5c2df967875d$export$b8e014ff9ad5e5e2, (v) => $83da5c2df967875d$export$b8e014ff9ad5e5e2 = v);
260
+ $parcel$export($83da5c2df967875d$exports, "tray-textfield-input", () => $83da5c2df967875d$export$feb70b7bc717e2b8, (v) => $83da5c2df967875d$export$feb70b7bc717e2b8 = v);
261
+ $parcel$export($83da5c2df967875d$exports, "tray-listbox", () => $83da5c2df967875d$export$7281dc54d38d4bed, (v) => $83da5c2df967875d$export$7281dc54d38d4bed = v);
262
+ var $83da5c2df967875d$export$5b1939da91820a47;
263
+ var $83da5c2df967875d$export$3117ea626976198e;
264
+ var $83da5c2df967875d$export$bededa1c0ac414c5;
265
+ var $83da5c2df967875d$export$e32ca2bb9f795355;
266
+ var $83da5c2df967875d$export$3d4198eea215577a;
267
+ var $83da5c2df967875d$export$73cc97e04e76a6d0;
268
+ var $83da5c2df967875d$export$b8e014ff9ad5e5e2;
269
+ var $83da5c2df967875d$export$feb70b7bc717e2b8;
270
+ var $83da5c2df967875d$export$7281dc54d38d4bed;
271
+ $83da5c2df967875d$export$5b1939da91820a47 = "no-results_83bf62";
272
+ $83da5c2df967875d$export$3117ea626976198e = "mobile-searchautocomplete_83bf62";
273
+ $83da5c2df967875d$export$bededa1c0ac414c5 = "mobile-input_83bf62";
274
+ $83da5c2df967875d$export$e32ca2bb9f795355 = "mobile-value_83bf62";
275
+ $83da5c2df967875d$export$3d4198eea215577a = "tray-dialog_83bf62";
276
+ $83da5c2df967875d$export$73cc97e04e76a6d0 = "tray-textfield_83bf62";
277
+ $83da5c2df967875d$export$b8e014ff9ad5e5e2 = "has-label_83bf62";
278
+ $83da5c2df967875d$export$feb70b7bc717e2b8 = "tray-textfield-input_83bf62";
279
+ $83da5c2df967875d$export$7281dc54d38d4bed = "tray-listbox_83bf62";
280
+
281
+
282
+ var $1e139f06a0a4b696$exports = {};
283
+
284
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search", () => $1e139f06a0a4b696$export$713911d754e1e4ae, (v) => $1e139f06a0a4b696$export$713911d754e1e4ae = v);
285
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-ClearButton", () => $1e139f06a0a4b696$export$b752ce409e5660c, (v) => $1e139f06a0a4b696$export$b752ce409e5660c = v);
286
+ $parcel$export($1e139f06a0a4b696$exports, "is-quiet", () => $1e139f06a0a4b696$export$6d5c5433f0da4241, (v) => $1e139f06a0a4b696$export$6d5c5433f0da4241 = v);
287
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search-input", () => $1e139f06a0a4b696$export$50e02603f2d97ae1, (v) => $1e139f06a0a4b696$export$50e02603f2d97ae1 = v);
288
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--invalid", () => $1e139f06a0a4b696$export$77a6151a0b46a6a3, (v) => $1e139f06a0a4b696$export$77a6151a0b46a6a3 = v);
289
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--valid", () => $1e139f06a0a4b696$export$aa81e3ab40f37567, (v) => $1e139f06a0a4b696$export$aa81e3ab40f37567 = v);
290
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--loadable", () => $1e139f06a0a4b696$export$9c74d64afae3b2d4, (v) => $1e139f06a0a4b696$export$9c74d64afae3b2d4 = v);
291
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search-circleLoader", () => $1e139f06a0a4b696$export$70ae4353602451dc, (v) => $1e139f06a0a4b696$export$70ae4353602451dc = v);
292
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Search-validationIcon", () => $1e139f06a0a4b696$export$938f0981825eae6e, (v) => $1e139f06a0a4b696$export$938f0981825eae6e = v);
293
+ $parcel$export($1e139f06a0a4b696$exports, "spectrum-Textfield", () => $1e139f06a0a4b696$export$2c8a10299d8b3418, (v) => $1e139f06a0a4b696$export$2c8a10299d8b3418 = v);
294
+ var $1e139f06a0a4b696$export$713911d754e1e4ae;
295
+ var $1e139f06a0a4b696$export$b752ce409e5660c;
296
+ var $1e139f06a0a4b696$export$6d5c5433f0da4241;
297
+ var $1e139f06a0a4b696$export$50e02603f2d97ae1;
298
+ var $1e139f06a0a4b696$export$77a6151a0b46a6a3;
299
+ var $1e139f06a0a4b696$export$aa81e3ab40f37567;
300
+ var $1e139f06a0a4b696$export$9c74d64afae3b2d4;
301
+ var $1e139f06a0a4b696$export$70ae4353602451dc;
302
+ var $1e139f06a0a4b696$export$938f0981825eae6e;
303
+ var $1e139f06a0a4b696$export$2c8a10299d8b3418;
304
+ $1e139f06a0a4b696$export$713911d754e1e4ae = "spectrum-Search_d3c0f3";
305
+ $1e139f06a0a4b696$export$b752ce409e5660c = "spectrum-ClearButton_d3c0f3";
306
+ $1e139f06a0a4b696$export$6d5c5433f0da4241 = "is-quiet_d3c0f3";
307
+ $1e139f06a0a4b696$export$50e02603f2d97ae1 = "spectrum-Search-input_d3c0f3";
308
+ $1e139f06a0a4b696$export$77a6151a0b46a6a3 = "spectrum-Search--invalid_d3c0f3";
309
+ $1e139f06a0a4b696$export$aa81e3ab40f37567 = "spectrum-Search--valid_d3c0f3";
310
+ $1e139f06a0a4b696$export$9c74d64afae3b2d4 = "spectrum-Search--loadable_d3c0f3";
311
+ $1e139f06a0a4b696$export$70ae4353602451dc = "spectrum-Search-circleLoader_d3c0f3";
312
+ $1e139f06a0a4b696$export$938f0981825eae6e = "spectrum-Search-validationIcon_d3c0f3";
313
+ $1e139f06a0a4b696$export$2c8a10299d8b3418 = "spectrum-Textfield_d3c0f3";
314
+
315
+
316
+
317
+ var $2f86633ce5b04f1e$exports = {};
318
+
319
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup", () => $2f86633ce5b04f1e$export$5be359c1227eedcb, (v) => $2f86633ce5b04f1e$export$5be359c1227eedcb = v);
320
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-FieldButton", () => $2f86633ce5b04f1e$export$a024c99ecf6b5741, (v) => $2f86633ce5b04f1e$export$a024c99ecf6b5741 = v);
321
+ $parcel$export($2f86633ce5b04f1e$exports, "is-disabled", () => $2f86633ce5b04f1e$export$d35bc1e505d1ebbf, (v) => $2f86633ce5b04f1e$export$d35bc1e505d1ebbf = v);
322
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--invalid", () => $2f86633ce5b04f1e$export$3b48509739a9cda0, (v) => $2f86633ce5b04f1e$export$3b48509739a9cda0 = v);
323
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--quiet", () => $2f86633ce5b04f1e$export$ebf265ffc062029b, (v) => $2f86633ce5b04f1e$export$ebf265ffc062029b = v);
324
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-field", () => $2f86633ce5b04f1e$export$ea77459595e26bec, (v) => $2f86633ce5b04f1e$export$ea77459595e26bec = v);
325
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input-validationIcon", () => $2f86633ce5b04f1e$export$f7ab13ee113f4884, (v) => $2f86633ce5b04f1e$export$f7ab13ee113f4884 = v);
326
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input-circleLoader", () => $2f86633ce5b04f1e$export$dcc9e00cdad967fa, (v) => $2f86633ce5b04f1e$export$dcc9e00cdad967fa = v);
327
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input", () => $2f86633ce5b04f1e$export$92706f5c6fe4074, (v) => $2f86633ce5b04f1e$export$92706f5c6fe4074 = v);
328
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-icon", () => $2f86633ce5b04f1e$export$b91b6af799fd93a8, (v) => $2f86633ce5b04f1e$export$b91b6af799fd93a8 = v);
329
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-popover--quiet", () => $2f86633ce5b04f1e$export$5e116178f9b1556a, (v) => $2f86633ce5b04f1e$export$5e116178f9b1556a = v);
330
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--range", () => $2f86633ce5b04f1e$export$1d8b0b29e11d7cd, (v) => $2f86633ce5b04f1e$export$1d8b0b29e11d7cd = v);
331
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--datetimeRange", () => $2f86633ce5b04f1e$export$58dd7cd23c92699f, (v) => $2f86633ce5b04f1e$export$58dd7cd23c92699f = v);
332
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-startField", () => $2f86633ce5b04f1e$export$80f9c838a8406469, (v) => $2f86633ce5b04f1e$export$80f9c838a8406469 = v);
333
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-endField", () => $2f86633ce5b04f1e$export$1c72fb41fa4f21ee, (v) => $2f86633ce5b04f1e$export$1c72fb41fa4f21ee = v);
334
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--rangeDash", () => $2f86633ce5b04f1e$export$202113e883898dc, (v) => $2f86633ce5b04f1e$export$202113e883898dc = v);
335
+ $parcel$export($2f86633ce5b04f1e$exports, "is-focused", () => $2f86633ce5b04f1e$export$e7dc768d35940237, (v) => $2f86633ce5b04f1e$export$e7dc768d35940237 = v);
336
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-focusRing", () => $2f86633ce5b04f1e$export$eb262b15b9261fde, (v) => $2f86633ce5b04f1e$export$eb262b15b9261fde = v);
337
+ $parcel$export($2f86633ce5b04f1e$exports, "is-hovered", () => $2f86633ce5b04f1e$export$b8813cd5d7824ce7, (v) => $2f86633ce5b04f1e$export$b8813cd5d7824ce7 = v);
338
+ $parcel$export($2f86633ce5b04f1e$exports, "focus-ring", () => $2f86633ce5b04f1e$export$f39a09f249340e2a, (v) => $2f86633ce5b04f1e$export$f39a09f249340e2a = v);
339
+ $parcel$export($2f86633ce5b04f1e$exports, "is-selected", () => $2f86633ce5b04f1e$export$1e0fb04f31d3c22a, (v) => $2f86633ce5b04f1e$export$1e0fb04f31d3c22a = v);
340
+ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-FieldButton--invalid", () => $2f86633ce5b04f1e$export$c9f503f672e8a3c1, (v) => $2f86633ce5b04f1e$export$c9f503f672e8a3c1 = v);
341
+ var $2f86633ce5b04f1e$export$5be359c1227eedcb;
342
+ var $2f86633ce5b04f1e$export$a024c99ecf6b5741;
343
+ var $2f86633ce5b04f1e$export$d35bc1e505d1ebbf;
344
+ var $2f86633ce5b04f1e$export$3b48509739a9cda0;
345
+ var $2f86633ce5b04f1e$export$ebf265ffc062029b;
346
+ var $2f86633ce5b04f1e$export$ea77459595e26bec;
347
+ var $2f86633ce5b04f1e$export$f7ab13ee113f4884;
348
+ var $2f86633ce5b04f1e$export$dcc9e00cdad967fa;
349
+ var $2f86633ce5b04f1e$export$92706f5c6fe4074;
350
+ var $2f86633ce5b04f1e$export$b91b6af799fd93a8;
351
+ var $2f86633ce5b04f1e$export$5e116178f9b1556a;
352
+ var $2f86633ce5b04f1e$export$1d8b0b29e11d7cd;
353
+ var $2f86633ce5b04f1e$export$58dd7cd23c92699f;
354
+ var $2f86633ce5b04f1e$export$80f9c838a8406469;
355
+ var $2f86633ce5b04f1e$export$1c72fb41fa4f21ee;
356
+ var $2f86633ce5b04f1e$export$202113e883898dc;
357
+ var $2f86633ce5b04f1e$export$e7dc768d35940237;
358
+ var $2f86633ce5b04f1e$export$eb262b15b9261fde;
359
+ var $2f86633ce5b04f1e$export$b8813cd5d7824ce7;
360
+ var $2f86633ce5b04f1e$export$f39a09f249340e2a;
361
+ var $2f86633ce5b04f1e$export$1e0fb04f31d3c22a;
362
+ var $2f86633ce5b04f1e$export$c9f503f672e8a3c1;
363
+ $2f86633ce5b04f1e$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
364
+ $2f86633ce5b04f1e$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
365
+ $2f86633ce5b04f1e$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
366
+ $2f86633ce5b04f1e$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
367
+ $2f86633ce5b04f1e$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
368
+ $2f86633ce5b04f1e$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
369
+ $2f86633ce5b04f1e$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
370
+ $2f86633ce5b04f1e$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
371
+ $2f86633ce5b04f1e$export$92706f5c6fe4074 = "spectrum-InputGroup-input_a0942f";
372
+ $2f86633ce5b04f1e$export$b91b6af799fd93a8 = "spectrum-InputGroup-icon_a0942f";
373
+ $2f86633ce5b04f1e$export$5e116178f9b1556a = "spectrum-InputGroup-popover--quiet_a0942f";
374
+ $2f86633ce5b04f1e$export$1d8b0b29e11d7cd = "spectrum-Datepicker--range_a0942f";
375
+ $2f86633ce5b04f1e$export$58dd7cd23c92699f = "spectrum-Datepicker--datetimeRange_a0942f";
376
+ $2f86633ce5b04f1e$export$80f9c838a8406469 = "spectrum-Datepicker-startField_a0942f";
377
+ $2f86633ce5b04f1e$export$1c72fb41fa4f21ee = "spectrum-Datepicker-endField_a0942f";
378
+ $2f86633ce5b04f1e$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942f";
379
+ $2f86633ce5b04f1e$export$e7dc768d35940237 = "is-focused_a0942f";
380
+ $2f86633ce5b04f1e$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
381
+ $2f86633ce5b04f1e$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
382
+ $2f86633ce5b04f1e$export$f39a09f249340e2a = "focus-ring_a0942f";
383
+ $2f86633ce5b04f1e$export$1e0fb04f31d3c22a = "is-selected_a0942f";
384
+ $2f86633ce5b04f1e$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
385
+
386
+
387
+
388
+ var $40cb3a00c193680f$exports = {};
389
+
390
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
391
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
392
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
393
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
394
+ $parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
395
+ $parcel$export($40cb3a00c193680f$exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
396
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
397
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
398
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
399
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
400
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
401
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
402
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
403
+ $parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
404
+ $parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
405
+ $parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
406
+ var $40cb3a00c193680f$export$1ac009feb2b0bd0c;
407
+ var $40cb3a00c193680f$export$2c8a10299d8b3418;
408
+ var $40cb3a00c193680f$export$bffd5e3d61a81737;
409
+ var $40cb3a00c193680f$export$9699f1c538a448a0;
410
+ var $40cb3a00c193680f$export$e5b2f5233e4e5194;
411
+ var $40cb3a00c193680f$export$b8813cd5d7824ce7;
412
+ var $40cb3a00c193680f$export$c2abbc3f970170b7;
413
+ var $40cb3a00c193680f$export$58e50b10d30123df;
414
+ var $40cb3a00c193680f$export$14fd30fea6f1348c;
415
+ var $40cb3a00c193680f$export$cf0ead5b44db0da3;
416
+ var $40cb3a00c193680f$export$222d1ccd1870be1d;
417
+ var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
418
+ var $40cb3a00c193680f$export$82a249fb4d6127;
419
+ var $40cb3a00c193680f$export$e7dc768d35940237;
420
+ var $40cb3a00c193680f$export$f39a09f249340e2a;
421
+ var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
422
+ $40cb3a00c193680f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
423
+ $40cb3a00c193680f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
424
+ $40cb3a00c193680f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
425
+ $40cb3a00c193680f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
426
+ $40cb3a00c193680f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
427
+ $40cb3a00c193680f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
428
+ $40cb3a00c193680f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
429
+ $40cb3a00c193680f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
430
+ $40cb3a00c193680f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
431
+ $40cb3a00c193680f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
432
+ $40cb3a00c193680f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
433
+ $40cb3a00c193680f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
434
+ $40cb3a00c193680f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
435
+ $40cb3a00c193680f$export$e7dc768d35940237 = "is-focused_73bc77";
436
+ $40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
437
+ $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
438
+
439
+
440
+
441
+
442
+
443
+
444
+
445
+
446
+
447
+
448
+
449
+ const $a9f98e219df0b64d$export$e7a90f7d6b078162 = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function $a9f98e219df0b64d$export$e7a90f7d6b078162(props, ref) {
450
+ props = $aWXRc$reactspectrumprovider.useProviderProps(props);
451
+ let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , isReadOnly: isReadOnly , onSubmit: onSubmit = ()=>{
452
+ } } = props;
453
+ let { contains: contains } = $aWXRc$reactariai18n.useFilter({
454
+ sensitivity: 'base'
455
+ });
456
+ let state = $aWXRc$reactstatelycombobox.useComboBoxState({
457
+ ...props,
458
+ defaultFilter: contains,
459
+ allowsEmptyCollection: true,
460
+ // Needs to be false here otherwise we double up on commitSelection/commitCustomValue calls when
461
+ // user taps on underlay (i.e. initial tap will call setFocused(false) -> commitSelection/commitCustomValue via onBlur,
462
+ // then the closing of the tray will call setFocused(false) again due to cleanup effect)
463
+ shouldCloseOnBlur: false,
464
+ allowsCustomValue: true,
465
+ onSelectionChange: (key)=>key !== null && onSubmit(null, key)
466
+ ,
467
+ selectedKey: undefined,
468
+ defaultSelectedKey: undefined
469
+ });
470
+ let buttonRef = $aWXRc$react.useRef();
471
+ let domRef = $aWXRc$reactspectrumutils.useFocusableRef(ref, buttonRef);
472
+ let { triggerProps: triggerProps , overlayProps: overlayProps } = $aWXRc$reactariaoverlays.useOverlayTrigger({
473
+ type: 'listbox'
474
+ }, state, buttonRef);
475
+ let { labelProps: labelProps , fieldProps: fieldProps } = $aWXRc$reactarialabel.useLabel({
476
+ ...props,
477
+ labelElementType: 'span'
478
+ });
479
+ // Focus the button and show focus ring when clicking on the label
480
+ labelProps.onClick = ()=>{
481
+ if (!props.isDisabled) {
482
+ buttonRef.current.focus();
483
+ $aWXRc$reactariainteractions.setInteractionModality('keyboard');
484
+ }
485
+ };
486
+ let onClose = ()=>state.commit()
487
+ ;
488
+ return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlabel.Field, {
489
+ ...props,
490
+ labelProps: labelProps,
491
+ elementType: "span",
492
+ ref: domRef,
493
+ includeNecessityIndicatorInAccessibilityName: true
494
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($a9f98e219df0b64d$var$SearchAutocompleteButton, {
495
+ ...$aWXRc$reactariautils.mergeProps(triggerProps, fieldProps, {
496
+ autoFocus: props.autoFocus
497
+ }),
498
+ ref: buttonRef,
499
+ isQuiet: isQuiet,
500
+ isDisabled: isDisabled,
501
+ isReadOnly: isReadOnly,
502
+ isPlaceholder: !state.inputValue,
503
+ validationState: validationState,
504
+ inputValue: state.inputValue,
505
+ clearInput: ()=>state.setInputValue('')
506
+ ,
507
+ onPress: ()=>!isReadOnly && state.open(null, 'manual')
508
+ }, state.inputValue || props.placeholder || '')), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumoverlays.Tray, {
509
+ isOpen: state.isOpen,
510
+ onClose: onClose,
511
+ isFixedHeight: true,
512
+ isNonModal: true,
513
+ ...overlayProps
514
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($a9f98e219df0b64d$var$SearchAutocompleteTray, {
515
+ ...props,
516
+ onClose: onClose,
517
+ overlayProps: overlayProps,
518
+ state: state
519
+ }))));
520
+ });
521
+ const $a9f98e219df0b64d$var$SearchAutocompleteButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function SearchAutocompleteButton(props, ref) {
522
+ let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , isPlaceholder: isPlaceholder , validationState: validationState , inputValue: inputValue , clearInput: clearInput , children: children , style: style , className: className } = props;
523
+ let formatMessage = $aWXRc$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
524
+ let valueId = $aWXRc$reactariautils.useId();
525
+ let invalidId = $aWXRc$reactariautils.useId();
526
+ let validationIcon = validationState === 'invalid' ? /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiAlertMedium)), {
527
+ id: invalidId,
528
+ "aria-label": formatMessage('invalid')
529
+ }) : /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiCheckmarkMedium)), null);
530
+ let searchIcon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiMagnifier)), {
531
+ "data-testid": "searchicon"
532
+ });
533
+ let icon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).cloneElement(searchIcon, {
534
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-icon'),
535
+ size: 'S'
536
+ });
537
+ let clearButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumbutton.ClearButton, {
538
+ onPress: (e)=>{
539
+ clearInput();
540
+ props.onPress(e);
541
+ },
542
+ preventFocus: true,
543
+ "aria-label": formatMessage('clear'),
544
+ excludeFromTabOrder: true,
545
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-ClearButton'),
546
+ isDisabled: isDisabled
547
+ });
548
+ let validation = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).cloneElement(validationIcon, {
549
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-validationIcon', $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-input-validationIcon'))
550
+ });
551
+ let { hoverProps: hoverProps , isHovered: isHovered } = $aWXRc$reactariainteractions.useHover({
552
+ });
553
+ let { buttonProps: buttonProps } = $aWXRc$reactariabutton.useButton({
554
+ ...props,
555
+ 'aria-labelledby': [
556
+ props['aria-labelledby'],
557
+ props['aria-label'] && !props['aria-labelledby'] ? props.id : null,
558
+ valueId,
559
+ validationState === 'invalid' ? invalidId : null
560
+ ].filter(Boolean).join(' '),
561
+ elementType: 'div'
562
+ }, ref);
563
+ return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariafocus.FocusRing, {
564
+ focusClass: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'is-focused'),
565
+ focusRingClass: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'focus-ring')
566
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
567
+ ...$aWXRc$reactariautils.mergeProps(hoverProps, buttonProps),
568
+ "aria-haspopup": "dialog",
569
+ ref: ref,
570
+ style: {
571
+ ...style,
572
+ outline: 'none'
573
+ },
574
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup', {
575
+ 'spectrum-InputGroup--quiet': isQuiet,
576
+ 'is-disabled': isDisabled,
577
+ 'spectrum-InputGroup--invalid': validationState === 'invalid',
578
+ 'is-hovered': isHovered
579
+ }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'mobile-searchautocomplete'), className)
580
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
581
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
582
+ 'spectrum-Textfield--invalid': validationState === 'invalid',
583
+ 'spectrum-Textfield--valid': validationState === 'valid',
584
+ 'spectrum-Textfield--quiet': isQuiet
585
+ }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', {
586
+ 'is-disabled': isDisabled,
587
+ 'is-quiet': isQuiet,
588
+ 'spectrum-Search--invalid': validationState === 'invalid',
589
+ 'spectrum-Search--valid': validationState === 'valid'
590
+ }))
591
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
592
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-input', 'spectrum-Textfield-inputIcon', {
593
+ 'is-hovered': isHovered,
594
+ 'is-placeholder': isPlaceholder,
595
+ 'is-disabled': isDisabled,
596
+ 'is-quiet': isQuiet
597
+ }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-input'))
598
+ }, icon, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("span", {
599
+ id: valueId,
600
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'mobile-value')
601
+ }, children)), validationState ? validation : null, (inputValue !== '' || validationState != null) && !isReadOnly && clearButton))));
883
602
  });
603
+ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
604
+ let { state: // completionMode = 'suggest',
605
+ state , isDisabled: isDisabled , validationState: validationState , label: label , overlayProps: overlayProps , loadingState: loadingState , onLoadMore: onLoadMore , onClose: onClose , onSubmit: onSubmit } = props;
606
+ let timeout = $aWXRc$react.useRef(null);
607
+ let [showLoading, setShowLoading] = $aWXRc$react.useState(false);
608
+ let inputRef = $aWXRc$react.useRef();
609
+ let popoverRef = $aWXRc$react.useRef();
610
+ let listBoxRef = $aWXRc$react.useRef();
611
+ let layout = $aWXRc$reactspectrumlistbox.useListBoxLayout(state);
612
+ let formatMessage = $aWXRc$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
613
+ let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps } = $aWXRc$reactariaautocomplete.useSearchAutocomplete({
614
+ ...props,
615
+ keyboardDelegate: layout,
616
+ popoverRef: popoverRef,
617
+ listBoxRef: listBoxRef,
618
+ inputRef: inputRef
619
+ }, state);
620
+ ($parcel$interopDefault($aWXRc$react)).useEffect(()=>{
621
+ $aWXRc$reactariafocus.focusSafely(inputRef.current);
622
+ // When the tray unmounts, set state.isFocused (i.e. the tray input's focus tracker) to false.
623
+ // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
624
+ // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
625
+ // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
626
+ return ()=>{
627
+ state.setFocused(false);
628
+ };
629
+ // eslint-disable-next-line react-hooks/exhaustive-deps
630
+ }, []);
631
+ let { dialogProps: dialogProps } = $aWXRc$reactariadialog.useDialog({
632
+ 'aria-labelledby': $aWXRc$reactariautils.useId(labelProps.id)
633
+ }, popoverRef);
634
+ // Override the role of the input to "searchbox" instead of "combobox".
635
+ // Since the listbox is always visible, the combobox role doesn't really give us anything.
636
+ // VoiceOver on iOS reads "double tap to collapse" when focused on the input rather than
637
+ // "double tap to edit text", as with a textbox or searchbox. We'd like double tapping to
638
+ // open the virtual keyboard rather than closing the tray.
639
+ inputProps.role = 'searchbox';
640
+ inputProps['aria-haspopup'] = 'listbox';
641
+ delete inputProps.onTouchEnd;
642
+ let clearButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumbutton.ClearButton, {
643
+ ...clearButtonProps,
644
+ preventFocus: true,
645
+ "aria-label": formatMessage('clear'),
646
+ excludeFromTabOrder: true,
647
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-ClearButton'),
648
+ isDisabled: isDisabled
649
+ });
650
+ let loadingCircle = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumprogress.ProgressCircle, {
651
+ "aria-label": formatMessage('loading'),
652
+ size: "S",
653
+ isIndeterminate: true,
654
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-circleLoader', $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-circleLoader'))
655
+ });
656
+ // Close the software keyboard on scroll to give the user a bigger area to scroll.
657
+ // But only do this if scrolling with touch, otherwise it can cause issues with touch
658
+ // screen readers.
659
+ let isTouchDown = $aWXRc$react.useRef(false);
660
+ let onTouchStart = ()=>{
661
+ isTouchDown.current = true;
662
+ };
663
+ let onTouchEnd = ()=>{
664
+ isTouchDown.current = false;
665
+ };
666
+ let onScroll = $aWXRc$react.useCallback(()=>{
667
+ if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) return;
668
+ popoverRef.current.focus();
669
+ }, [
670
+ inputRef,
671
+ popoverRef,
672
+ isTouchDown
673
+ ]);
674
+ let inputValue = inputProps.value;
675
+ let lastInputValue = $aWXRc$react.useRef(inputValue);
676
+ $aWXRc$react.useEffect(()=>{
677
+ if (loadingState === 'filtering' && !showLoading) {
678
+ if (timeout.current === null) timeout.current = setTimeout(()=>{
679
+ setShowLoading(true);
680
+ }, 500);
681
+ // If user is typing, clear the timer and restart since it is a new request
682
+ if (inputValue !== lastInputValue.current) {
683
+ clearTimeout(timeout.current);
684
+ timeout.current = setTimeout(()=>{
685
+ setShowLoading(true);
686
+ }, 500);
687
+ }
688
+ } else if (loadingState !== 'filtering') {
689
+ // If loading is no longer happening, clear any timers and hide the loading circle
690
+ setShowLoading(false);
691
+ clearTimeout(timeout.current);
692
+ timeout.current = null;
693
+ }
694
+ lastInputValue.current = inputValue;
695
+ }, [
696
+ loadingState,
697
+ inputValue,
698
+ showLoading
699
+ ]);
700
+ let onKeyDown = (e)=>{
701
+ // Close virtual keyboard, close tray, and fire onSubmit if user hits Enter w/o any focused options
702
+ if (e.key === 'Enter' && state.selectionManager.focusedKey == null) {
703
+ popoverRef.current.focus();
704
+ onClose();
705
+ onSubmit(inputValue.toString(), null);
706
+ } else inputProps.onKeyDown(e);
707
+ };
708
+ let searchIcon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiMagnifier)), {
709
+ "data-testid": "searchicon"
710
+ });
711
+ let icon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).cloneElement(searchIcon, {
712
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-icon'),
713
+ size: 'S'
714
+ });
715
+ return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariafocus.FocusScope, {
716
+ restoreFocus: true,
717
+ contain: true
718
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
719
+ ...$aWXRc$reactariautils.mergeProps(overlayProps, dialogProps),
720
+ ref: popoverRef,
721
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'tray-dialog')
722
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariaoverlays.DismissButton, {
723
+ onDismiss: onClose
724
+ }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumtextfield.TextFieldBase, {
725
+ label: label,
726
+ labelProps: labelProps,
727
+ inputProps: {
728
+ ...inputProps,
729
+ onKeyDown: onKeyDown
730
+ },
731
+ inputRef: inputRef,
732
+ isDisabled: isDisabled,
733
+ isLoading: showLoading && loadingState === 'filtering',
734
+ loadingIndicator: loadingState != null && loadingCircle,
735
+ validationState: validationState,
736
+ wrapperChildren: (state.inputValue !== '' || loadingState === 'filtering' || validationState != null) && !props.isReadOnly && clearButton,
737
+ icon: icon,
738
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', 'spectrum-Textfield', 'spectrum-Search--loadable', {
739
+ 'spectrum-Search--invalid': validationState === 'invalid',
740
+ 'spectrum-Search--valid': validationState === 'valid'
741
+ }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'tray-textfield', {
742
+ 'has-label': !!props.label
743
+ })),
744
+ inputClassName: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-input'),
745
+ validationIconClassName: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-validationIcon')
746
+ }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlistbox.ListBoxBase, {
747
+ ...listBoxProps,
748
+ domProps: {
749
+ onTouchStart: onTouchStart,
750
+ onTouchEnd: onTouchEnd
751
+ },
752
+ disallowEmptySelection: true,
753
+ shouldSelectOnPressUp: true,
754
+ focusOnPointerEnter: true,
755
+ layout: layout,
756
+ state: state,
757
+ shouldUseVirtualFocus: true,
758
+ renderEmptyState: ()=>loadingState !== 'loading' && /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("span", {
759
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'no-results')
760
+ }, formatMessage('noResults'))
761
+ ,
762
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'tray-listbox'),
763
+ ref: listBoxRef,
764
+ onScroll: onScroll,
765
+ onLoadMore: onLoadMore,
766
+ isLoading: loadingState === 'loading' || loadingState === 'loadingMore'
767
+ }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariaoverlays.DismissButton, {
768
+ onDismiss: onClose
769
+ }))));
770
+ }
771
+
772
+
884
773
 
885
- const $d09d5529e9a072d3823598875d55994e$var$SearchAutocompleteInput = /*#__PURE__*/_react.forwardRef(function SearchAutocompleteInput(props, ref) {
886
- let {
887
- isQuiet,
888
- isDisabled,
889
- isReadOnly,
890
- validationState,
891
- inputProps,
892
- inputRef,
893
- autoFocus,
894
- style,
895
- className,
896
- loadingState,
897
- isOpen,
898
- menuTrigger,
899
- clearButtonProps
900
- } = props;
901
- let {
902
- hoverProps,
903
- isHovered
904
- } = useHover({});
905
- let formatMessage = useMessageFormatter($d09d5529e9a072d3823598875d55994e$var$intlMessages);
906
- let timeout = useRef(null);
907
- let [showLoading, setShowLoading] = useState(false);
908
-
909
- let loadingCircle = /*#__PURE__*/_react.createElement(ProgressCircle, {
910
- "aria-label": formatMessage('loading'),
911
- size: "S",
912
- isIndeterminate: true,
913
- UNSAFE_className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-circleLoader', classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup-input-circleLoader'))
914
- });
915
774
 
916
- let searchIcon = /*#__PURE__*/_react.createElement(_spectrumIconsUiMagnifier, null);
917
-
918
- let clearButton = /*#__PURE__*/_react.createElement(ClearButton, _babelRuntimeHelpersExtends({}, clearButtonProps, {
919
- preventFocus: true,
920
- UNSAFE_className: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-ClearButton'),
921
- isDisabled: isDisabled
922
- }));
923
-
924
- let isLoading = loadingState === 'loading' || loadingState === 'filtering';
925
- let inputValue = inputProps.value;
926
- let lastInputValue = useRef(inputValue);
927
- useEffect(() => {
928
- if (isLoading && !showLoading) {
929
- if (timeout.current === null) {
930
- timeout.current = setTimeout(() => {
931
- setShowLoading(true);
932
- }, 500);
933
- } // If user is typing, clear the timer and restart since it is a new request
934
-
935
-
936
- if (inputValue !== lastInputValue.current) {
937
- clearTimeout(timeout.current);
938
- timeout.current = setTimeout(() => {
939
- setShowLoading(true);
940
- }, 500);
941
- }
942
- } else if (!isLoading) {
943
- // If loading is no longer happening, clear any timers and hide the loading circle
944
- setShowLoading(false);
945
- clearTimeout(timeout.current);
946
- timeout.current = null;
947
- }
948
775
 
949
- lastInputValue.current = inputValue;
950
- }, [isLoading, showLoading, inputValue]);
951
- return /*#__PURE__*/_react.createElement(FocusRing, {
952
- within: true,
953
- isTextInput: true,
954
- focusClass: classNames($da042374adac990dbdf960d689b813$$interop$default, 'is-focused'),
955
- focusRingClass: classNames($da042374adac990dbdf960d689b813$$interop$default, 'focus-ring'),
956
- autoFocus: autoFocus
957
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, hoverProps, {
958
- ref: ref,
959
- style: style,
960
- className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup', {
961
- 'spectrum-InputGroup--quiet': isQuiet,
962
- 'is-disabled': isDisabled,
963
- 'spectrum-InputGroup--invalid': validationState === 'invalid',
964
- 'is-hovered': isHovered
965
- }, className)
966
- }), /*#__PURE__*/_react.createElement(TextFieldBase, {
967
- inputProps: inputProps,
968
- inputRef: inputRef,
969
- UNSAFE_className: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search', 'spectrum-Textfield', {
970
- 'is-disabled': isDisabled,
971
- 'is-quiet': isQuiet,
972
- 'spectrum-Search--invalid': validationState === 'invalid',
973
- 'spectrum-Search--valid': validationState === 'valid'
974
- }),
975
- inputClassName: classNames($b42ee6503342f63a10b70c33e73302b1$$interop$default, 'spectrum-Search-input'),
976
- isDisabled: isDisabled,
977
- isQuiet: isQuiet,
978
- validationState: validationState,
979
- isLoading: showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),
980
- loadingIndicator: loadingState != null && loadingCircle,
981
- icon: searchIcon,
982
- wrapperChildren: inputValue !== '' && !isReadOnly && clearButton
983
- })));
776
+
777
+
778
+
779
+
780
+
781
+
782
+
783
+
784
+
785
+
786
+ function $dcf500d58a031ca6$var$SearchAutocomplete(props, ref) {
787
+ props = $aWXRc$reactspectrumprovider.useProviderProps(props);
788
+ let isMobile = $aWXRc$reactspectrumutils.useIsMobileDevice();
789
+ if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
790
+ return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($a9f98e219df0b64d$export$e7a90f7d6b078162, {
791
+ ...props,
792
+ menuTrigger: "input",
793
+ ref: ref
794
+ }));
795
+ else return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($dcf500d58a031ca6$var$SearchAutocompleteBase, {
796
+ ...props,
797
+ ref: ref
798
+ }));
799
+ }
800
+ const $dcf500d58a031ca6$var$SearchAutocompleteBase = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function SearchAutocompleteBase(props, ref) {
801
+ props = $aWXRc$reactspectrumprovider.useProviderProps(props);
802
+ let { menuTrigger: menuTrigger = 'input' , shouldFlip: shouldFlip = true , direction: direction = 'bottom' , isQuiet: isQuiet , loadingState: loadingState , onLoadMore: onLoadMore , onSubmit: onSubmit = ()=>{
803
+ } } = props;
804
+ let formatMessage = $aWXRc$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
805
+ let isAsync = loadingState != null;
806
+ let popoverRef = $aWXRc$react.useRef();
807
+ let unwrappedPopoverRef = $aWXRc$reactspectrumutils.useUnwrapDOMRef(popoverRef);
808
+ let listBoxRef = $aWXRc$react.useRef();
809
+ let inputRef = $aWXRc$react.useRef();
810
+ let domRef = $aWXRc$reactspectrumutils.useFocusableRef(ref, inputRef);
811
+ let { contains: contains } = $aWXRc$reactariai18n.useFilter({
812
+ sensitivity: 'base'
813
+ });
814
+ let state = $aWXRc$reactstatelycombobox.useComboBoxState({
815
+ ...props,
816
+ defaultFilter: contains,
817
+ allowsEmptyCollection: isAsync,
818
+ allowsCustomValue: true,
819
+ onSelectionChange: (key)=>key !== null && onSubmit(null, key)
820
+ ,
821
+ selectedKey: undefined,
822
+ defaultSelectedKey: undefined
823
+ });
824
+ let layout = $aWXRc$reactspectrumlistbox.useListBoxLayout(state);
825
+ let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps } = $aWXRc$reactariaautocomplete.useSearchAutocomplete({
826
+ ...props,
827
+ keyboardDelegate: layout,
828
+ popoverRef: unwrappedPopoverRef,
829
+ listBoxRef: listBoxRef,
830
+ inputRef: inputRef,
831
+ menuTrigger: menuTrigger
832
+ }, state);
833
+ let { overlayProps: overlayProps , placement: placement , updatePosition: updatePosition } = $aWXRc$reactariaoverlays.useOverlayPosition({
834
+ targetRef: inputRef,
835
+ overlayRef: unwrappedPopoverRef,
836
+ scrollRef: listBoxRef,
837
+ placement: `${direction} end`,
838
+ shouldFlip: shouldFlip,
839
+ isOpen: state.isOpen,
840
+ onClose: state.close
841
+ });
842
+ // Measure the width of the inputfield to inform the width of the menu (below).
843
+ let [menuWidth, setMenuWidth] = $aWXRc$react.useState(null);
844
+ let { scale: scale } = $aWXRc$reactspectrumprovider.useProvider();
845
+ let onResize = $aWXRc$react.useCallback(()=>{
846
+ if (inputRef.current) {
847
+ let inputWidth = inputRef.current.offsetWidth;
848
+ setMenuWidth(inputWidth);
849
+ }
850
+ }, [
851
+ inputRef,
852
+ setMenuWidth
853
+ ]);
854
+ $aWXRc$reactspectrumutils.useResizeObserver({
855
+ ref: domRef,
856
+ onResize: onResize
857
+ });
858
+ $aWXRc$reactariautils.useLayoutEffect(onResize, [
859
+ scale,
860
+ onResize
861
+ ]);
862
+ // Update position once the ListBox has rendered. This ensures that
863
+ // it flips properly when it doesn't fit in the available space.
864
+ // TODO: add ResizeObserver to useOverlayPosition so we don't need this.
865
+ $aWXRc$reactariautils.useLayoutEffect(()=>{
866
+ if (state.isOpen) requestAnimationFrame(()=>{
867
+ updatePosition();
868
+ });
869
+ }, [
870
+ state.isOpen,
871
+ updatePosition
872
+ ]);
873
+ let style = {
874
+ ...overlayProps.style,
875
+ width: isQuiet ? null : menuWidth,
876
+ minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
877
+ };
878
+ return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlabel.Field, {
879
+ ...props,
880
+ labelProps: labelProps,
881
+ ref: domRef
882
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($dcf500d58a031ca6$var$SearchAutocompleteInput, {
883
+ ...props,
884
+ isOpen: state.isOpen,
885
+ loadingState: loadingState,
886
+ inputProps: inputProps,
887
+ inputRef: inputRef,
888
+ clearButtonProps: clearButtonProps
889
+ })), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumoverlays.Popover, {
890
+ isOpen: state.isOpen,
891
+ UNSAFE_style: style,
892
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-popover', {
893
+ 'spectrum-InputGroup-popover--quiet': isQuiet
894
+ }),
895
+ ref: popoverRef,
896
+ placement: placement,
897
+ hideArrow: true,
898
+ isNonModal: true,
899
+ isDismissable: false
900
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlistbox.ListBoxBase, {
901
+ ...listBoxProps,
902
+ ref: listBoxRef,
903
+ disallowEmptySelection: true,
904
+ autoFocus: state.focusStrategy,
905
+ shouldSelectOnPressUp: true,
906
+ focusOnPointerEnter: true,
907
+ layout: layout,
908
+ state: state,
909
+ shouldUseVirtualFocus: true,
910
+ isLoading: loadingState === 'loadingMore',
911
+ onLoadMore: onLoadMore,
912
+ renderEmptyState: ()=>isAsync && /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("span", null, formatMessage('noResults'))
913
+ }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariaoverlays.DismissButton, {
914
+ onDismiss: ()=>state.close()
915
+ }))));
916
+ });
917
+ const $dcf500d58a031ca6$var$SearchAutocompleteInput = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function SearchAutocompleteInput(props, ref) {
918
+ let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , validationState: validationState , inputProps: inputProps , inputRef: inputRef , autoFocus: autoFocus , style: style , className: className , loadingState: loadingState , isOpen: isOpen , menuTrigger: menuTrigger , clearButtonProps: clearButtonProps } = props;
919
+ let { hoverProps: hoverProps , isHovered: isHovered } = $aWXRc$reactariainteractions.useHover({
920
+ });
921
+ let formatMessage = $aWXRc$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
922
+ let timeout = $aWXRc$react.useRef(null);
923
+ let [showLoading, setShowLoading] = $aWXRc$react.useState(false);
924
+ let loadingCircle = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumprogress.ProgressCircle, {
925
+ "aria-label": formatMessage('loading'),
926
+ size: "S",
927
+ isIndeterminate: true,
928
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-circleLoader', $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-input-circleLoader'))
929
+ });
930
+ let searchIcon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiMagnifier)), {
931
+ "data-testid": "searchicon"
932
+ });
933
+ let clearButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumbutton.ClearButton, {
934
+ ...clearButtonProps,
935
+ preventFocus: true,
936
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-ClearButton'),
937
+ isDisabled: isDisabled
938
+ });
939
+ let isLoading = loadingState === 'loading' || loadingState === 'filtering';
940
+ let inputValue = inputProps.value;
941
+ let lastInputValue = $aWXRc$react.useRef(inputValue);
942
+ $aWXRc$react.useEffect(()=>{
943
+ if (isLoading && !showLoading) {
944
+ if (timeout.current === null) timeout.current = setTimeout(()=>{
945
+ setShowLoading(true);
946
+ }, 500);
947
+ // If user is typing, clear the timer and restart since it is a new request
948
+ if (inputValue !== lastInputValue.current) {
949
+ clearTimeout(timeout.current);
950
+ timeout.current = setTimeout(()=>{
951
+ setShowLoading(true);
952
+ }, 500);
953
+ }
954
+ } else if (!isLoading) {
955
+ // If loading is no longer happening, clear any timers and hide the loading circle
956
+ setShowLoading(false);
957
+ clearTimeout(timeout.current);
958
+ timeout.current = null;
959
+ }
960
+ lastInputValue.current = inputValue;
961
+ }, [
962
+ isLoading,
963
+ showLoading,
964
+ inputValue
965
+ ]);
966
+ return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariafocus.FocusRing, {
967
+ within: true,
968
+ isTextInput: true,
969
+ focusClass: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'is-focused'),
970
+ focusRingClass: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'focus-ring'),
971
+ autoFocus: autoFocus
972
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
973
+ ...hoverProps,
974
+ ref: ref,
975
+ style: style,
976
+ className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup', {
977
+ 'spectrum-InputGroup--quiet': isQuiet,
978
+ 'is-disabled': isDisabled,
979
+ 'spectrum-InputGroup--invalid': validationState === 'invalid',
980
+ 'is-hovered': isHovered
981
+ }, className)
982
+ }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumtextfield.TextFieldBase, {
983
+ inputProps: inputProps,
984
+ inputRef: inputRef,
985
+ UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', 'spectrum-Textfield', {
986
+ 'is-disabled': isDisabled,
987
+ 'is-quiet': isQuiet,
988
+ 'spectrum-Search--invalid': validationState === 'invalid',
989
+ 'spectrum-Search--valid': validationState === 'valid'
990
+ }),
991
+ inputClassName: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-input'),
992
+ isDisabled: isDisabled,
993
+ isQuiet: isQuiet,
994
+ validationState: validationState,
995
+ isLoading: showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),
996
+ loadingIndicator: loadingState != null && loadingCircle,
997
+ icon: searchIcon,
998
+ wrapperChildren: inputValue !== '' && !isReadOnly && clearButton
999
+ }))));
984
1000
  });
985
1001
  /**
986
1002
  * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
987
- */
1003
+ */ let $dcf500d58a031ca6$export$dd65332a5b19fa63 = /*#__PURE__*/ $aWXRc$react.forwardRef($dcf500d58a031ca6$var$SearchAutocomplete);
1004
+
1005
+
1006
+
1007
+ $parcel$exportWildcard(module.exports, $dcf500d58a031ca6$exports);
988
1008
 
989
1009
 
990
- let SearchAutocomplete = /*#__PURE__*/forwardRef($d09d5529e9a072d3823598875d55994e$var$SearchAutocomplete);
991
- exports.SearchAutocomplete = SearchAutocomplete;
992
1010
  //# sourceMappingURL=main.js.map