@react-spectrum/autocomplete 3.0.0-alpha.14 → 3.0.0-alpha.15

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.
@@ -0,0 +1,1182 @@
1
+ import "./main.css";
2
+ import {Item as $dc667e3abdbeb6b2$re_export$Item, Section as $dc667e3abdbeb6b2$re_export$Section} from "@react-stately/collections";
3
+ import {useIsMobileDevice as $aQREU$useIsMobileDevice, useUnwrapDOMRef as $aQREU$useUnwrapDOMRef, useFocusableRef as $aQREU$useFocusableRef, useResizeObserver as $aQREU$useResizeObserver, classNames as $aQREU$classNames} from "@react-spectrum/utils";
4
+ import {ClearButton as $aQREU$ClearButton} from "@react-spectrum/button";
5
+ import {Field as $aQREU$Field} from "@react-spectrum/label";
6
+ import {FocusRing as $aQREU$FocusRing, useFocusRing as $aQREU$useFocusRing, focusSafely as $aQREU$focusSafely, FocusScope as $aQREU$FocusScope} from "@react-aria/focus";
7
+ import {useListBoxLayout as $aQREU$useListBoxLayout, ListBoxBase as $aQREU$ListBoxBase} from "@react-spectrum/listbox";
8
+ import $aQREU$spectrumiconsuiMagnifier from "@spectrum-icons/ui/Magnifier";
9
+ import {Popover as $aQREU$Popover, Tray as $aQREU$Tray} from "@react-spectrum/overlays";
10
+ import {ProgressCircle as $aQREU$ProgressCircle} from "@react-spectrum/progress";
11
+ import $aQREU$react, {useRef as $aQREU$useRef, useState as $aQREU$useState, useCallback as $aQREU$useCallback, useEffect as $aQREU$useEffect, forwardRef as $aQREU$forwardRef} from "react";
12
+ import {TextFieldBase as $aQREU$TextFieldBase} from "@react-spectrum/textfield";
13
+ import {useComboBoxState as $aQREU$useComboBoxState} from "@react-stately/combobox";
14
+ import {useLocalizedStringFormatter as $aQREU$useLocalizedStringFormatter, useFilter as $aQREU$useFilter} from "@react-aria/i18n";
15
+ import {useHover as $aQREU$useHover, setInteractionModality as $aQREU$setInteractionModality} from "@react-aria/interactions";
16
+ import {useLayoutEffect as $aQREU$useLayoutEffect, mergeProps as $aQREU$mergeProps, useId as $aQREU$useId} from "@react-aria/utils";
17
+ import {useProviderProps as $aQREU$useProviderProps, useProvider as $aQREU$useProvider} from "@react-spectrum/provider";
18
+ import {useSearchAutocomplete as $aQREU$useSearchAutocomplete} from "@react-aria/autocomplete";
19
+ import $aQREU$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
20
+ import $aQREU$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
21
+ import {useOverlayTrigger as $aQREU$useOverlayTrigger, DismissButton as $aQREU$DismissButton} from "@react-aria/overlays";
22
+ import {useButton as $aQREU$useButton} from "@react-aria/button";
23
+ import {useDialog as $aQREU$useDialog} from "@react-aria/dialog";
24
+ import {useLabel as $aQREU$useLabel} from "@react-aria/label";
25
+
26
+ function $parcel$interopDefault(a) {
27
+ return a && a.__esModule ? a.default : a;
28
+ }
29
+ function $parcel$export(e, n, v, s) {
30
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
31
+ }
32
+ /*
33
+ * Copyright 2021 Adobe. All rights reserved.
34
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
35
+ * you may not use this file except in compliance with the License. You may obtain a copy
36
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
37
+ *
38
+ * Unless required by applicable law or agreed to in writing, software distributed under
39
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
40
+ * OF ANY KIND, either express or implied. See the License for the specific language
41
+ * governing permissions and limitations under the License.
42
+ */ /// <reference types="css-module-types" />
43
+ /*
44
+ * Copyright 2020 Adobe. All rights reserved.
45
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
46
+ * you may not use this file except in compliance with the License. You may obtain a copy
47
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
48
+ *
49
+ * Unless required by applicable law or agreed to in writing, software distributed under
50
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
51
+ * OF ANY KIND, either express or implied. See the License for the specific language
52
+ * governing permissions and limitations under the License.
53
+ */
54
+
55
+
56
+
57
+ var $06f6e8ce74a28744$exports = {};
58
+ var $024cf3aa492e9082$exports = {};
59
+ $024cf3aa492e9082$exports = {
60
+ "clear": `مسح`,
61
+ "invalid": `(غير صالح)`,
62
+ "loading": `جارٍ التحميل...`,
63
+ "noResults": `لا توجد نتائج`
64
+ };
65
+
66
+
67
+ var $b1478ef78bbb453c$exports = {};
68
+ $b1478ef78bbb453c$exports = {
69
+ "clear": `Изчисти`,
70
+ "invalid": `(невалиден)`,
71
+ "loading": `Зареждане...`,
72
+ "noResults": `Няма резултати`
73
+ };
74
+
75
+
76
+ var $a460b76408fa2c12$exports = {};
77
+ $a460b76408fa2c12$exports = {
78
+ "clear": `Vymazat`,
79
+ "invalid": `(neplatné)`,
80
+ "loading": `Načítání...`,
81
+ "noResults": `Žádné výsledky`
82
+ };
83
+
84
+
85
+ var $e9e48f3945b54c4e$exports = {};
86
+ $e9e48f3945b54c4e$exports = {
87
+ "clear": `Ryd`,
88
+ "invalid": `(ugyldig)`,
89
+ "loading": `Indlæser...`,
90
+ "noResults": `Ingen resultater`
91
+ };
92
+
93
+
94
+ var $51a37bbbb04b8d4b$exports = {};
95
+ $51a37bbbb04b8d4b$exports = {
96
+ "clear": `Löschen`,
97
+ "invalid": `(ungültig)`,
98
+ "loading": `Wird geladen...`,
99
+ "noResults": `Keine Ergebnisse`
100
+ };
101
+
102
+
103
+ var $a9652db54e8c657c$exports = {};
104
+ $a9652db54e8c657c$exports = {
105
+ "clear": `Καθαρισμός`,
106
+ "invalid": `(δεν ισχύει)`,
107
+ "loading": `Φόρτωση...`,
108
+ "noResults": `Χωρίς αποτέλεσμα`
109
+ };
110
+
111
+
112
+ var $9d3fddee794c9b57$exports = {};
113
+ $9d3fddee794c9b57$exports = {
114
+ "loading": `Loading...`,
115
+ "noResults": `No results`,
116
+ "clear": `Clear`,
117
+ "invalid": `(invalid)`
118
+ };
119
+
120
+
121
+ var $d19a882e0e4cfd8a$exports = {};
122
+ $d19a882e0e4cfd8a$exports = {
123
+ "clear": `Borrar`,
124
+ "invalid": `(no válido)`,
125
+ "loading": `Cargando...`,
126
+ "noResults": `Sin resultados`
127
+ };
128
+
129
+
130
+ var $f163759b67478eb6$exports = {};
131
+ $f163759b67478eb6$exports = {
132
+ "clear": `Kustuta`,
133
+ "invalid": `(kehtetu)`,
134
+ "loading": `Laadimine...`,
135
+ "noResults": `Tulemusi pole`
136
+ };
137
+
138
+
139
+ var $b156937eefa4b1b2$exports = {};
140
+ $b156937eefa4b1b2$exports = {
141
+ "clear": `Kirkas`,
142
+ "invalid": `(epäkelpo)`,
143
+ "loading": `Ladataan...`,
144
+ "noResults": `Ei tuloksia`
145
+ };
146
+
147
+
148
+ var $21aacec2a5f4c61f$exports = {};
149
+ $21aacec2a5f4c61f$exports = {
150
+ "clear": `Effacer`,
151
+ "invalid": `(non valide)`,
152
+ "loading": `Chargement en cours…`,
153
+ "noResults": `Aucun résultat`
154
+ };
155
+
156
+
157
+ var $a0cc323ab22de2bd$exports = {};
158
+ $a0cc323ab22de2bd$exports = {
159
+ "clear": `נקה`,
160
+ "invalid": `(לא חוקי)`,
161
+ "loading": `טוען...`,
162
+ "noResults": `אין תוצאות`
163
+ };
164
+
165
+
166
+ var $4b1559eab8beeaf7$exports = {};
167
+ $4b1559eab8beeaf7$exports = {
168
+ "clear": `Izbriši`,
169
+ "invalid": `(nevažeće)`,
170
+ "loading": `Učitavam...`,
171
+ "noResults": `Nema rezultata`
172
+ };
173
+
174
+
175
+ var $4dab4b9205a1a185$exports = {};
176
+ $4dab4b9205a1a185$exports = {
177
+ "clear": `Törlés`,
178
+ "invalid": `(érvénytelen)`,
179
+ "loading": `Betöltés folyamatban…`,
180
+ "noResults": `Nincsenek találatok`
181
+ };
182
+
183
+
184
+ var $e68bbe47073afa8a$exports = {};
185
+ $e68bbe47073afa8a$exports = {
186
+ "clear": `Cancella`,
187
+ "invalid": `(non valido)`,
188
+ "loading": `Caricamento...`,
189
+ "noResults": `Nessun risultato`
190
+ };
191
+
192
+
193
+ var $88667c729de33c42$exports = {};
194
+ $88667c729de33c42$exports = {
195
+ "clear": `クリア`,
196
+ "invalid": `(無効)`,
197
+ "loading": `読み込み中...`,
198
+ "noResults": `結果なし`
199
+ };
200
+
201
+
202
+ var $4c3197bb97515799$exports = {};
203
+ $4c3197bb97515799$exports = {
204
+ "clear": `지우기`,
205
+ "invalid": `(유효하지 않음)`,
206
+ "loading": `로드 중...`,
207
+ "noResults": `결과 없음`
208
+ };
209
+
210
+
211
+ var $cd50f414bffb1f7a$exports = {};
212
+ $cd50f414bffb1f7a$exports = {
213
+ "clear": `Išvalyti`,
214
+ "invalid": `(netinkama)`,
215
+ "loading": `Įkeliama...`,
216
+ "noResults": `Rezultatų nėra`
217
+ };
218
+
219
+
220
+ var $0d7f84ef3916515f$exports = {};
221
+ $0d7f84ef3916515f$exports = {
222
+ "clear": `Notīrīt`,
223
+ "invalid": `(nederīgs)`,
224
+ "loading": `Notiek ielāde...`,
225
+ "noResults": `Nav rezultātu`
226
+ };
227
+
228
+
229
+ var $f1a58baeabc47396$exports = {};
230
+ $f1a58baeabc47396$exports = {
231
+ "clear": `Tøm`,
232
+ "invalid": `(ugyldig)`,
233
+ "loading": `Laster inn...`,
234
+ "noResults": `Ingen resultater`
235
+ };
236
+
237
+
238
+ var $a3dd9e27853292c1$exports = {};
239
+ $a3dd9e27853292c1$exports = {
240
+ "clear": `Wissen`,
241
+ "invalid": `(ongeldig)`,
242
+ "loading": `Laden...`,
243
+ "noResults": `Geen resultaten`
244
+ };
245
+
246
+
247
+ var $6e8413d536bb66ca$exports = {};
248
+ $6e8413d536bb66ca$exports = {
249
+ "clear": `Wyczyść`,
250
+ "invalid": `(nieprawidłowy)`,
251
+ "loading": `Wczytywanie...`,
252
+ "noResults": `Brak wyników`
253
+ };
254
+
255
+
256
+ var $bdf278414a496664$exports = {};
257
+ $bdf278414a496664$exports = {
258
+ "clear": `Limpar`,
259
+ "invalid": `(inválido)`,
260
+ "loading": `Carregando...`,
261
+ "noResults": `Nenhum resultado`
262
+ };
263
+
264
+
265
+ var $53a7cad14ed21164$exports = {};
266
+ $53a7cad14ed21164$exports = {
267
+ "clear": `Limpar`,
268
+ "invalid": `(inválido)`,
269
+ "loading": `A carregar...`,
270
+ "noResults": `Sem resultados`
271
+ };
272
+
273
+
274
+ var $f503546cf2f6f1ae$exports = {};
275
+ $f503546cf2f6f1ae$exports = {
276
+ "clear": `Golire`,
277
+ "invalid": `(nevalid)`,
278
+ "loading": `Se încarcă...`,
279
+ "noResults": `Niciun rezultat`
280
+ };
281
+
282
+
283
+ var $9c0df9313a851b51$exports = {};
284
+ $9c0df9313a851b51$exports = {
285
+ "clear": `Очистить`,
286
+ "invalid": `(недействительно)`,
287
+ "loading": `Загрузка...`,
288
+ "noResults": `Результаты отсутствуют`
289
+ };
290
+
291
+
292
+ var $ff7d7295476e23aa$exports = {};
293
+ $ff7d7295476e23aa$exports = {
294
+ "clear": `Vymazať`,
295
+ "invalid": `(neplatné)`,
296
+ "loading": `Načítava sa...`,
297
+ "noResults": `Žiadne výsledky`
298
+ };
299
+
300
+
301
+ var $9a2e91f09cf7ad62$exports = {};
302
+ $9a2e91f09cf7ad62$exports = {
303
+ "clear": `Pobrišite`,
304
+ "invalid": `(neveljavno)`,
305
+ "loading": `Nalaganje...`,
306
+ "noResults": `Ni rezultatov`
307
+ };
308
+
309
+
310
+ var $15b314371291c45e$exports = {};
311
+ $15b314371291c45e$exports = {
312
+ "clear": `Izbriši`,
313
+ "invalid": `(nevažeće)`,
314
+ "loading": `Učitavam...`,
315
+ "noResults": `Nema rezultata`
316
+ };
317
+
318
+
319
+ var $1582d77a65bc529b$exports = {};
320
+ $1582d77a65bc529b$exports = {
321
+ "clear": `Rensa`,
322
+ "invalid": `(ogiltigt)`,
323
+ "loading": `Läser in...`,
324
+ "noResults": `Inga resultat`
325
+ };
326
+
327
+
328
+ var $c43996bbf6a84066$exports = {};
329
+ $c43996bbf6a84066$exports = {
330
+ "clear": `Temizle`,
331
+ "invalid": `(geçersiz)`,
332
+ "loading": `Yükleniyor...`,
333
+ "noResults": `Sonuç yok`
334
+ };
335
+
336
+
337
+ var $f0ebecaa2c26d7b6$exports = {};
338
+ $f0ebecaa2c26d7b6$exports = {
339
+ "clear": `Очистити`,
340
+ "invalid": `(недійсне)`,
341
+ "loading": `Завантаження...`,
342
+ "noResults": `Результатів немає`
343
+ };
344
+
345
+
346
+ var $0d8545e67578a6e4$exports = {};
347
+ $0d8545e67578a6e4$exports = {
348
+ "clear": `清除`,
349
+ "invalid": `(无效)`,
350
+ "loading": `正在加载...`,
351
+ "noResults": `无结果`
352
+ };
353
+
354
+
355
+ var $5a75571ed7cb75fa$exports = {};
356
+ $5a75571ed7cb75fa$exports = {
357
+ "clear": `清除`,
358
+ "invalid": `(無效)`,
359
+ "loading": `正在載入...`,
360
+ "noResults": `無任何結果`
361
+ };
362
+
363
+
364
+ $06f6e8ce74a28744$exports = {
365
+ "ar-AE": $024cf3aa492e9082$exports,
366
+ "bg-BG": $b1478ef78bbb453c$exports,
367
+ "cs-CZ": $a460b76408fa2c12$exports,
368
+ "da-DK": $e9e48f3945b54c4e$exports,
369
+ "de-DE": $51a37bbbb04b8d4b$exports,
370
+ "el-GR": $a9652db54e8c657c$exports,
371
+ "en-US": $9d3fddee794c9b57$exports,
372
+ "es-ES": $d19a882e0e4cfd8a$exports,
373
+ "et-EE": $f163759b67478eb6$exports,
374
+ "fi-FI": $b156937eefa4b1b2$exports,
375
+ "fr-FR": $21aacec2a5f4c61f$exports,
376
+ "he-IL": $a0cc323ab22de2bd$exports,
377
+ "hr-HR": $4b1559eab8beeaf7$exports,
378
+ "hu-HU": $4dab4b9205a1a185$exports,
379
+ "it-IT": $e68bbe47073afa8a$exports,
380
+ "ja-JP": $88667c729de33c42$exports,
381
+ "ko-KR": $4c3197bb97515799$exports,
382
+ "lt-LT": $cd50f414bffb1f7a$exports,
383
+ "lv-LV": $0d7f84ef3916515f$exports,
384
+ "nb-NO": $f1a58baeabc47396$exports,
385
+ "nl-NL": $a3dd9e27853292c1$exports,
386
+ "pl-PL": $6e8413d536bb66ca$exports,
387
+ "pt-BR": $bdf278414a496664$exports,
388
+ "pt-PT": $53a7cad14ed21164$exports,
389
+ "ro-RO": $f503546cf2f6f1ae$exports,
390
+ "ru-RU": $9c0df9313a851b51$exports,
391
+ "sk-SK": $ff7d7295476e23aa$exports,
392
+ "sl-SI": $9a2e91f09cf7ad62$exports,
393
+ "sr-SP": $15b314371291c45e$exports,
394
+ "sv-SE": $1582d77a65bc529b$exports,
395
+ "tr-TR": $c43996bbf6a84066$exports,
396
+ "uk-UA": $f0ebecaa2c26d7b6$exports,
397
+ "zh-CN": $0d8545e67578a6e4$exports,
398
+ "zh-TW": $5a75571ed7cb75fa$exports
399
+ };
400
+
401
+
402
+
403
+
404
+ /*
405
+ * Copyright 2020 Adobe. All rights reserved.
406
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
407
+ * you may not use this file except in compliance with the License. You may obtain a copy
408
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
409
+ *
410
+ * Unless required by applicable law or agreed to in writing, software distributed under
411
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
412
+ * OF ANY KIND, either express or implied. See the License for the specific language
413
+ * governing permissions and limitations under the License.
414
+ */
415
+
416
+
417
+
418
+
419
+
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+
428
+
429
+ var $f6bdc9f20ce7ef93$exports = {};
430
+
431
+ $parcel$export($f6bdc9f20ce7ef93$exports, "no-results", () => $f6bdc9f20ce7ef93$export$5b1939da91820a47, (v) => $f6bdc9f20ce7ef93$export$5b1939da91820a47 = v);
432
+ $parcel$export($f6bdc9f20ce7ef93$exports, "searchautocomplete", () => $f6bdc9f20ce7ef93$export$5096a212edbce2e8, (v) => $f6bdc9f20ce7ef93$export$5096a212edbce2e8 = v);
433
+ $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-searchautocomplete", () => $f6bdc9f20ce7ef93$export$3117ea626976198e, (v) => $f6bdc9f20ce7ef93$export$3117ea626976198e = v);
434
+ $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-input", () => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5, (v) => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = v);
435
+ $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-value", () => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355, (v) => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = v);
436
+ $parcel$export($f6bdc9f20ce7ef93$exports, "tray-dialog", () => $f6bdc9f20ce7ef93$export$3d4198eea215577a, (v) => $f6bdc9f20ce7ef93$export$3d4198eea215577a = v);
437
+ $parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield", () => $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0, (v) => $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0 = v);
438
+ $parcel$export($f6bdc9f20ce7ef93$exports, "has-label", () => $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2, (v) => $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2 = v);
439
+ $parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield-input", () => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8, (v) => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = v);
440
+ $parcel$export($f6bdc9f20ce7ef93$exports, "tray-listbox", () => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed, (v) => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed = v);
441
+ var $f6bdc9f20ce7ef93$export$5b1939da91820a47;
442
+ var $f6bdc9f20ce7ef93$export$5096a212edbce2e8;
443
+ var $f6bdc9f20ce7ef93$export$3117ea626976198e;
444
+ var $f6bdc9f20ce7ef93$export$bededa1c0ac414c5;
445
+ var $f6bdc9f20ce7ef93$export$e32ca2bb9f795355;
446
+ var $f6bdc9f20ce7ef93$export$3d4198eea215577a;
447
+ var $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0;
448
+ var $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2;
449
+ var $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8;
450
+ var $f6bdc9f20ce7ef93$export$7281dc54d38d4bed;
451
+ $f6bdc9f20ce7ef93$export$5b1939da91820a47 = "no-results_83bf62";
452
+ $f6bdc9f20ce7ef93$export$5096a212edbce2e8 = "searchautocomplete_83bf62";
453
+ $f6bdc9f20ce7ef93$export$3117ea626976198e = "mobile-searchautocomplete_83bf62";
454
+ $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = "mobile-input_83bf62";
455
+ $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = "mobile-value_83bf62";
456
+ $f6bdc9f20ce7ef93$export$3d4198eea215577a = "tray-dialog_83bf62";
457
+ $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0 = "tray-textfield_83bf62";
458
+ $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2 = "has-label_83bf62";
459
+ $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = "tray-textfield-input_83bf62";
460
+ $f6bdc9f20ce7ef93$export$7281dc54d38d4bed = "tray-listbox_83bf62";
461
+
462
+
463
+ var $5589e2270a5c2f51$exports = {};
464
+
465
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search", () => $5589e2270a5c2f51$export$713911d754e1e4ae, (v) => $5589e2270a5c2f51$export$713911d754e1e4ae = v);
466
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-ClearButton", () => $5589e2270a5c2f51$export$b752ce409e5660c, (v) => $5589e2270a5c2f51$export$b752ce409e5660c = v);
467
+ $parcel$export($5589e2270a5c2f51$exports, "is-quiet", () => $5589e2270a5c2f51$export$6d5c5433f0da4241, (v) => $5589e2270a5c2f51$export$6d5c5433f0da4241 = v);
468
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-input", () => $5589e2270a5c2f51$export$50e02603f2d97ae1, (v) => $5589e2270a5c2f51$export$50e02603f2d97ae1 = v);
469
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--invalid", () => $5589e2270a5c2f51$export$77a6151a0b46a6a3, (v) => $5589e2270a5c2f51$export$77a6151a0b46a6a3 = v);
470
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
471
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--loadable", () => $5589e2270a5c2f51$export$9c74d64afae3b2d4, (v) => $5589e2270a5c2f51$export$9c74d64afae3b2d4 = v);
472
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-circleLoader", () => $5589e2270a5c2f51$export$70ae4353602451dc, (v) => $5589e2270a5c2f51$export$70ae4353602451dc = v);
473
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-validationIcon", () => $5589e2270a5c2f51$export$938f0981825eae6e, (v) => $5589e2270a5c2f51$export$938f0981825eae6e = v);
474
+ $parcel$export($5589e2270a5c2f51$exports, "spectrum-Textfield", () => $5589e2270a5c2f51$export$2c8a10299d8b3418, (v) => $5589e2270a5c2f51$export$2c8a10299d8b3418 = v);
475
+ var $5589e2270a5c2f51$export$713911d754e1e4ae;
476
+ var $5589e2270a5c2f51$export$b752ce409e5660c;
477
+ var $5589e2270a5c2f51$export$6d5c5433f0da4241;
478
+ var $5589e2270a5c2f51$export$50e02603f2d97ae1;
479
+ var $5589e2270a5c2f51$export$77a6151a0b46a6a3;
480
+ var $5589e2270a5c2f51$export$aa81e3ab40f37567;
481
+ var $5589e2270a5c2f51$export$9c74d64afae3b2d4;
482
+ var $5589e2270a5c2f51$export$70ae4353602451dc;
483
+ var $5589e2270a5c2f51$export$938f0981825eae6e;
484
+ var $5589e2270a5c2f51$export$2c8a10299d8b3418;
485
+ $5589e2270a5c2f51$export$713911d754e1e4ae = "spectrum-Search_d3c0f3";
486
+ $5589e2270a5c2f51$export$b752ce409e5660c = "spectrum-ClearButton_d3c0f3";
487
+ $5589e2270a5c2f51$export$6d5c5433f0da4241 = "is-quiet_d3c0f3";
488
+ $5589e2270a5c2f51$export$50e02603f2d97ae1 = "spectrum-Search-input_d3c0f3";
489
+ $5589e2270a5c2f51$export$77a6151a0b46a6a3 = "spectrum-Search--invalid_d3c0f3";
490
+ $5589e2270a5c2f51$export$aa81e3ab40f37567 = "spectrum-Search--valid_d3c0f3";
491
+ $5589e2270a5c2f51$export$9c74d64afae3b2d4 = "spectrum-Search--loadable_d3c0f3";
492
+ $5589e2270a5c2f51$export$70ae4353602451dc = "spectrum-Search-circleLoader_d3c0f3";
493
+ $5589e2270a5c2f51$export$938f0981825eae6e = "spectrum-Search-validationIcon_d3c0f3";
494
+ $5589e2270a5c2f51$export$2c8a10299d8b3418 = "spectrum-Textfield_d3c0f3";
495
+
496
+
497
+
498
+ var $8fb52a80fe52b1c7$exports = {};
499
+
500
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup", () => $8fb52a80fe52b1c7$export$5be359c1227eedcb, (v) => $8fb52a80fe52b1c7$export$5be359c1227eedcb = v);
501
+ $parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
502
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--quiet", () => $8fb52a80fe52b1c7$export$ebf265ffc062029b, (v) => $8fb52a80fe52b1c7$export$ebf265ffc062029b = v);
503
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton", () => $8fb52a80fe52b1c7$export$a024c99ecf6b5741, (v) => $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = v);
504
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-disabled", () => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf, (v) => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = v);
505
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--invalid", () => $8fb52a80fe52b1c7$export$3b48509739a9cda0, (v) => $8fb52a80fe52b1c7$export$3b48509739a9cda0 = v);
506
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-field", () => $8fb52a80fe52b1c7$export$ea77459595e26bec, (v) => $8fb52a80fe52b1c7$export$ea77459595e26bec = v);
507
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-validationIcon", () => $8fb52a80fe52b1c7$export$f7ab13ee113f4884, (v) => $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = v);
508
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-circleLoader", () => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa, (v) => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = v);
509
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input", () => $8fb52a80fe52b1c7$export$92706f5c6fe4074, (v) => $8fb52a80fe52b1c7$export$92706f5c6fe4074 = v);
510
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-icon", () => $8fb52a80fe52b1c7$export$b91b6af799fd93a8, (v) => $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = v);
511
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-popover--quiet", () => $8fb52a80fe52b1c7$export$5e116178f9b1556a, (v) => $8fb52a80fe52b1c7$export$5e116178f9b1556a = v);
512
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--range", () => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd, (v) => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = v);
513
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--datetimeRange", () => $8fb52a80fe52b1c7$export$58dd7cd23c92699f, (v) => $8fb52a80fe52b1c7$export$58dd7cd23c92699f = v);
514
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-startField", () => $8fb52a80fe52b1c7$export$80f9c838a8406469, (v) => $8fb52a80fe52b1c7$export$80f9c838a8406469 = v);
515
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-endField", () => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee, (v) => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = v);
516
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--rangeDash", () => $8fb52a80fe52b1c7$export$202113e883898dc, (v) => $8fb52a80fe52b1c7$export$202113e883898dc = v);
517
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-focused", () => $8fb52a80fe52b1c7$export$e7dc768d35940237, (v) => $8fb52a80fe52b1c7$export$e7dc768d35940237 = v);
518
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-focusRing", () => $8fb52a80fe52b1c7$export$eb262b15b9261fde, (v) => $8fb52a80fe52b1c7$export$eb262b15b9261fde = v);
519
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-hovered", () => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7, (v) => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = v);
520
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-selected", () => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a, (v) => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = v);
521
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton--invalid", () => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1, (v) => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = v);
522
+ var $8fb52a80fe52b1c7$export$5be359c1227eedcb;
523
+ var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
524
+ var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
525
+ var $8fb52a80fe52b1c7$export$a024c99ecf6b5741;
526
+ var $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf;
527
+ var $8fb52a80fe52b1c7$export$3b48509739a9cda0;
528
+ var $8fb52a80fe52b1c7$export$ea77459595e26bec;
529
+ var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
530
+ var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
531
+ var $8fb52a80fe52b1c7$export$92706f5c6fe4074;
532
+ var $8fb52a80fe52b1c7$export$b91b6af799fd93a8;
533
+ var $8fb52a80fe52b1c7$export$5e116178f9b1556a;
534
+ var $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd;
535
+ var $8fb52a80fe52b1c7$export$58dd7cd23c92699f;
536
+ var $8fb52a80fe52b1c7$export$80f9c838a8406469;
537
+ var $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee;
538
+ var $8fb52a80fe52b1c7$export$202113e883898dc;
539
+ var $8fb52a80fe52b1c7$export$e7dc768d35940237;
540
+ var $8fb52a80fe52b1c7$export$eb262b15b9261fde;
541
+ var $8fb52a80fe52b1c7$export$b8813cd5d7824ce7;
542
+ var $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a;
543
+ var $8fb52a80fe52b1c7$export$c9f503f672e8a3c1;
544
+ $8fb52a80fe52b1c7$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
545
+ $8fb52a80fe52b1c7$export$f39a09f249340e2a = "focus-ring_a0942f";
546
+ $8fb52a80fe52b1c7$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
547
+ $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
548
+ $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
549
+ $8fb52a80fe52b1c7$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
550
+ $8fb52a80fe52b1c7$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
551
+ $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
552
+ $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
553
+ $8fb52a80fe52b1c7$export$92706f5c6fe4074 = "spectrum-InputGroup-input_a0942f";
554
+ $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = "spectrum-InputGroup-icon_a0942f";
555
+ $8fb52a80fe52b1c7$export$5e116178f9b1556a = "spectrum-InputGroup-popover--quiet_a0942f";
556
+ $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = "spectrum-Datepicker--range_a0942f";
557
+ $8fb52a80fe52b1c7$export$58dd7cd23c92699f = "spectrum-Datepicker--datetimeRange_a0942f";
558
+ $8fb52a80fe52b1c7$export$80f9c838a8406469 = "spectrum-Datepicker-startField_a0942f";
559
+ $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = "spectrum-Datepicker-endField_a0942f";
560
+ $8fb52a80fe52b1c7$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942f";
561
+ $8fb52a80fe52b1c7$export$e7dc768d35940237 = "is-focused_a0942f";
562
+ $8fb52a80fe52b1c7$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
563
+ $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
564
+ $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = "is-selected_a0942f";
565
+ $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
566
+
567
+
568
+
569
+ var $c14528ddc146317f$exports = {};
570
+
571
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
572
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
573
+ $parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
574
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
575
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
576
+ $parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
577
+ $parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
578
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
579
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
580
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
581
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper", () => $c14528ddc146317f$export$dd1165e0e6012973, (v) => $c14528ddc146317f$export$dd1165e0e6012973 = v);
582
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper--quiet", () => $c14528ddc146317f$export$9fcb3d6af94a9d12, (v) => $c14528ddc146317f$export$9fcb3d6af94a9d12 = v);
583
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
584
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
585
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
586
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
587
+ $parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
588
+ $parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
589
+ var $c14528ddc146317f$export$1ac009feb2b0bd0c;
590
+ var $c14528ddc146317f$export$2c8a10299d8b3418;
591
+ var $c14528ddc146317f$export$f39a09f249340e2a;
592
+ var $c14528ddc146317f$export$bffd5e3d61a81737;
593
+ var $c14528ddc146317f$export$9699f1c538a448a0;
594
+ var $c14528ddc146317f$export$e5b2f5233e4e5194;
595
+ var $c14528ddc146317f$export$b8813cd5d7824ce7;
596
+ var $c14528ddc146317f$export$c2abbc3f970170b7;
597
+ var $c14528ddc146317f$export$58e50b10d30123df;
598
+ var $c14528ddc146317f$export$14fd30fea6f1348c;
599
+ var $c14528ddc146317f$export$dd1165e0e6012973;
600
+ var $c14528ddc146317f$export$9fcb3d6af94a9d12;
601
+ var $c14528ddc146317f$export$cf0ead5b44db0da3;
602
+ var $c14528ddc146317f$export$222d1ccd1870be1d;
603
+ var $c14528ddc146317f$export$c1cdcaa5fe76a871;
604
+ var $c14528ddc146317f$export$82a249fb4d6127;
605
+ var $c14528ddc146317f$export$e7dc768d35940237;
606
+ var $c14528ddc146317f$export$d35bc1e505d1ebbf;
607
+ $c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
608
+ $c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
609
+ $c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
610
+ $c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
611
+ $c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
612
+ $c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
613
+ $c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
614
+ $c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
615
+ $c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
616
+ $c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
617
+ $c14528ddc146317f$export$dd1165e0e6012973 = "spectrum-Textfield-wrapper_73bc77";
618
+ $c14528ddc146317f$export$9fcb3d6af94a9d12 = "spectrum-Textfield-wrapper--quiet_73bc77";
619
+ $c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
620
+ $c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
621
+ $c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
622
+ $c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
623
+ $c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
624
+ $c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
625
+
626
+
627
+
628
+
629
+
630
+
631
+
632
+
633
+
634
+
635
+
636
+ function $c940f54e16bafef5$var$_MobileSearchAutocomplete(props, ref) {
637
+ props = (0, $aQREU$useProviderProps)(props);
638
+ let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , isReadOnly: isReadOnly , onSubmit: onSubmit = ()=>{} } = props;
639
+ let { contains: contains } = (0, $aQREU$useFilter)({
640
+ sensitivity: "base"
641
+ });
642
+ let state = (0, $aQREU$useComboBoxState)({
643
+ ...props,
644
+ defaultFilter: contains,
645
+ allowsEmptyCollection: true,
646
+ // Needs to be false here otherwise we double up on commitSelection/commitCustomValue calls when
647
+ // user taps on underlay (i.e. initial tap will call setFocused(false) -> commitSelection/commitCustomValue via onBlur,
648
+ // then the closing of the tray will call setFocused(false) again due to cleanup effect)
649
+ shouldCloseOnBlur: false,
650
+ allowsCustomValue: true,
651
+ onSelectionChange: (key)=>key !== null && onSubmit(null, key),
652
+ selectedKey: undefined,
653
+ defaultSelectedKey: undefined
654
+ });
655
+ let buttonRef = (0, $aQREU$useRef)(null);
656
+ let domRef = (0, $aQREU$useFocusableRef)(ref, buttonRef);
657
+ let { triggerProps: triggerProps , overlayProps: overlayProps } = (0, $aQREU$useOverlayTrigger)({
658
+ type: "listbox"
659
+ }, state, buttonRef);
660
+ let { labelProps: labelProps , fieldProps: fieldProps } = (0, $aQREU$useLabel)({
661
+ ...props,
662
+ labelElementType: "span"
663
+ });
664
+ // Focus the button and show focus ring when clicking on the label
665
+ labelProps.onClick = ()=>{
666
+ if (!props.isDisabled && buttonRef.current) {
667
+ buttonRef.current.focus();
668
+ (0, $aQREU$setInteractionModality)("keyboard");
669
+ }
670
+ };
671
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
672
+ ...props,
673
+ labelProps: labelProps,
674
+ elementType: "span",
675
+ ref: domRef,
676
+ includeNecessityIndicatorInAccessibilityName: true
677
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteButton, {
678
+ ...(0, $aQREU$mergeProps)(triggerProps, fieldProps, {
679
+ autoFocus: props.autoFocus,
680
+ icon: props.icon
681
+ }),
682
+ ref: buttonRef,
683
+ isQuiet: isQuiet,
684
+ isDisabled: isDisabled,
685
+ isReadOnly: isReadOnly,
686
+ isPlaceholder: !state.inputValue,
687
+ validationState: validationState,
688
+ inputValue: state.inputValue,
689
+ clearInput: ()=>state.setInputValue(""),
690
+ onPress: ()=>!isReadOnly && state.open(null, "manual")
691
+ }, state.inputValue || props.placeholder || "")), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Tray), {
692
+ state: state,
693
+ isFixedHeight: true,
694
+ ...overlayProps
695
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteTray, {
696
+ ...props,
697
+ onClose: state.close,
698
+ overlayProps: overlayProps,
699
+ state: state
700
+ })));
701
+ }
702
+ let $c940f54e16bafef5$export$e7a90f7d6b078162 = /*#__PURE__*/ (0, $aQREU$react).forwardRef($c940f54e16bafef5$var$_MobileSearchAutocomplete);
703
+ // any type is because we don't want to call useObjectRef because this is an internal component and we know
704
+ // we are always passing an object ref
705
+ const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ (0, $aQREU$react).forwardRef(function SearchAutocompleteButton(props, ref) {
706
+ let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
707
+ "data-testid": "searchicon"
708
+ });
709
+ let { icon: icon = searchIcon , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , isPlaceholder: isPlaceholder , validationState: validationState , inputValue: inputValue , clearInput: clearInput , children: children , style: style , className: className } = props;
710
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($06f6e8ce74a28744$exports))));
711
+ let valueId = (0, $aQREU$useId)();
712
+ let invalidId = (0, $aQREU$useId)();
713
+ let validationIcon = validationState === "invalid" ? /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiAlertMedium), {
714
+ id: invalidId,
715
+ "aria-label": stringFormatter.format("invalid")
716
+ }) : /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiCheckmarkMedium), null);
717
+ if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
718
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
719
+ size: "S"
720
+ });
721
+ let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
722
+ onPress: (e)=>{
723
+ var _props_onPress;
724
+ clearInput === null || clearInput === void 0 ? void 0 : clearInput();
725
+ props === null || props === void 0 ? void 0 : (_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, e);
726
+ },
727
+ preventFocus: true,
728
+ "aria-label": stringFormatter.format("clear"),
729
+ excludeFromTabOrder: true,
730
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
731
+ isDisabled: isDisabled
732
+ });
733
+ let validation = /*#__PURE__*/ (0, $aQREU$react).cloneElement(validationIcon, {
734
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-validationIcon", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input-validationIcon"))
735
+ });
736
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $aQREU$useHover)({});
737
+ let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $aQREU$useFocusRing)();
738
+ let { buttonProps: buttonProps } = (0, $aQREU$useButton)({
739
+ ...props,
740
+ "aria-labelledby": [
741
+ props["aria-labelledby"],
742
+ props["aria-label"] && !props["aria-labelledby"] ? props.id : null,
743
+ valueId,
744
+ validationState === "invalid" ? invalidId : null
745
+ ].filter(Boolean).join(" "),
746
+ elementType: "div"
747
+ }, ref);
748
+ return /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
749
+ ...(0, $aQREU$mergeProps)(hoverProps, focusProps, buttonProps),
750
+ "aria-haspopup": "dialog",
751
+ ref: ref,
752
+ style: {
753
+ ...style,
754
+ outline: "none"
755
+ },
756
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
757
+ "spectrum-InputGroup--quiet": isQuiet,
758
+ "is-disabled": isDisabled,
759
+ "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
760
+ "is-hovered": isHovered,
761
+ "is-focused": isFocused,
762
+ "focus-ring": isFocusVisible
763
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete", "mobile-searchautocomplete"), className)
764
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
765
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield", {
766
+ "spectrum-Textfield--invalid": validationState === "invalid" && !isDisabled,
767
+ "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
768
+ "spectrum-Textfield--quiet": isQuiet
769
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", {
770
+ "is-disabled": isDisabled,
771
+ "is-quiet": isQuiet,
772
+ "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
773
+ "spectrum-Search--valid": validationState === "valid" && !isDisabled
774
+ }))
775
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
776
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-input", {
777
+ "spectrum-Textfield-inputIcon": !!icon,
778
+ "is-hovered": isHovered,
779
+ "is-placeholder": isPlaceholder,
780
+ "is-disabled": isDisabled,
781
+ "is-quiet": isQuiet,
782
+ "is-focused": isFocused
783
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-input"))
784
+ }, icon, /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
785
+ id: valueId,
786
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-value")
787
+ }, children)), validationState && !isDisabled ? validation : null, (inputValue !== "" || validationState != null) && !isReadOnly && clearButton));
788
+ });
789
+ function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
790
+ let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
791
+ "data-testid": "searchicon"
792
+ });
793
+ let { state: // completionMode = 'suggest',
794
+ state , icon: icon = searchIcon , isDisabled: isDisabled , validationState: validationState , label: label , overlayProps: overlayProps , loadingState: loadingState , onLoadMore: onLoadMore , onClose: onClose , onSubmit: onSubmit } = props;
795
+ let timeout = (0, $aQREU$useRef)(null);
796
+ let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
797
+ let inputRef = (0, $aQREU$useRef)(null);
798
+ let popoverRef = (0, $aQREU$useRef)(null);
799
+ let listBoxRef = (0, $aQREU$useRef)(null);
800
+ let layout = (0, $aQREU$useListBoxLayout)(state);
801
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($06f6e8ce74a28744$exports))));
802
+ let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps } = (0, $aQREU$useSearchAutocomplete)({
803
+ ...props,
804
+ keyboardDelegate: layout,
805
+ popoverRef: popoverRef,
806
+ listBoxRef: listBoxRef,
807
+ inputRef: inputRef
808
+ }, state);
809
+ (0, $aQREU$react).useEffect(()=>{
810
+ if (inputRef.current) (0, $aQREU$focusSafely)(inputRef.current);
811
+ // When the tray unmounts, set state.isFocused (i.e. the tray input's focus tracker) to false.
812
+ // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
813
+ // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
814
+ // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
815
+ return ()=>{
816
+ state.setFocused(false);
817
+ };
818
+ // eslint-disable-next-line react-hooks/exhaustive-deps
819
+ }, []);
820
+ let { dialogProps: dialogProps } = (0, $aQREU$useDialog)({
821
+ "aria-labelledby": (0, $aQREU$useId)(labelProps.id)
822
+ }, popoverRef);
823
+ // Override the role of the input to "searchbox" instead of "combobox".
824
+ // Since the listbox is always visible, the combobox role doesn't really give us anything.
825
+ // VoiceOver on iOS reads "double tap to collapse" when focused on the input rather than
826
+ // "double tap to edit text", as with a textbox or searchbox. We'd like double tapping to
827
+ // open the virtual keyboard rather than closing the tray.
828
+ inputProps.role = "searchbox";
829
+ inputProps["aria-haspopup"] = "listbox";
830
+ delete inputProps.onTouchEnd;
831
+ let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
832
+ ...clearButtonProps,
833
+ preventFocus: true,
834
+ "aria-label": stringFormatter.format("clear"),
835
+ excludeFromTabOrder: true,
836
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
837
+ isDisabled: isDisabled
838
+ });
839
+ let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
840
+ "aria-label": stringFormatter.format("loading"),
841
+ size: "S",
842
+ isIndeterminate: true,
843
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-circleLoader", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-circleLoader"))
844
+ });
845
+ // Close the software keyboard on scroll to give the user a bigger area to scroll.
846
+ // But only do this if scrolling with touch, otherwise it can cause issues with touch
847
+ // screen readers.
848
+ let isTouchDown = (0, $aQREU$useRef)(false);
849
+ let onTouchStart = ()=>{
850
+ isTouchDown.current = true;
851
+ };
852
+ let onTouchEnd = ()=>{
853
+ isTouchDown.current = false;
854
+ };
855
+ let onScroll = (0, $aQREU$useCallback)(()=>{
856
+ if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) return;
857
+ if (popoverRef.current) popoverRef.current.focus();
858
+ }, [
859
+ inputRef,
860
+ popoverRef,
861
+ isTouchDown
862
+ ]);
863
+ let inputValue = inputProps.value;
864
+ let lastInputValue = (0, $aQREU$useRef)(inputValue);
865
+ (0, $aQREU$useEffect)(()=>{
866
+ if (loadingState === "filtering" && !showLoading) {
867
+ if (timeout.current === null) timeout.current = setTimeout(()=>{
868
+ setShowLoading(true);
869
+ }, 500);
870
+ // If user is typing, clear the timer and restart since it is a new request
871
+ if (inputValue !== lastInputValue.current) {
872
+ clearTimeout(timeout.current);
873
+ timeout.current = setTimeout(()=>{
874
+ setShowLoading(true);
875
+ }, 500);
876
+ }
877
+ } else if (loadingState !== "filtering") {
878
+ // If loading is no longer happening, clear any timers and hide the loading circle
879
+ setShowLoading(false);
880
+ if (timeout.current !== null) {
881
+ clearTimeout(timeout.current);
882
+ timeout.current = null;
883
+ }
884
+ }
885
+ lastInputValue.current = inputValue;
886
+ }, [
887
+ loadingState,
888
+ inputValue,
889
+ showLoading
890
+ ]);
891
+ let onKeyDown = (e)=>{
892
+ // Close virtual keyboard, close tray, and fire onSubmit if user hits Enter w/o any focused options
893
+ if (e.key === "Enter" && state.selectionManager.focusedKey == null) {
894
+ var _popoverRef_current;
895
+ (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.focus();
896
+ if (onClose) onClose();
897
+ if (onSubmit) onSubmit(inputValue == null ? null : inputValue.toString(), null);
898
+ } else if (inputProps.onKeyDown) inputProps.onKeyDown(e);
899
+ };
900
+ if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
901
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
902
+ size: "S"
903
+ });
904
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusScope), {
905
+ restoreFocus: true,
906
+ contain: true
907
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
908
+ ...(0, $aQREU$mergeProps)(overlayProps, dialogProps),
909
+ ref: popoverRef,
910
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-dialog")
911
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
912
+ onDismiss: onClose
913
+ }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
914
+ label: label,
915
+ labelProps: labelProps,
916
+ inputProps: {
917
+ ...inputProps,
918
+ onKeyDown: onKeyDown
919
+ },
920
+ inputRef: inputRef,
921
+ isDisabled: isDisabled,
922
+ isLoading: showLoading && loadingState === "filtering",
923
+ loadingIndicator: loadingState != null ? loadingCircle : undefined,
924
+ validationState: validationState,
925
+ wrapperChildren: (state.inputValue !== "" || loadingState === "filtering" || validationState != null) && !props.isReadOnly ? clearButton : undefined,
926
+ icon: icon,
927
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Textfield", "spectrum-Search--loadable", {
928
+ "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
929
+ "spectrum-Search--valid": validationState === "valid" && !isDisabled
930
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-textfield", {
931
+ "has-label": !!props.label
932
+ })),
933
+ inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
934
+ validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon")
935
+ }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
936
+ ...listBoxProps,
937
+ domProps: {
938
+ onTouchStart: onTouchStart,
939
+ onTouchEnd: onTouchEnd
940
+ },
941
+ disallowEmptySelection: true,
942
+ shouldSelectOnPressUp: true,
943
+ focusOnPointerEnter: true,
944
+ layout: layout,
945
+ state: state,
946
+ shouldUseVirtualFocus: true,
947
+ renderEmptyState: ()=>loadingState !== "loading" && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
948
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
949
+ }, stringFormatter.format("noResults")),
950
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-listbox"),
951
+ ref: listBoxRef,
952
+ onScroll: onScroll,
953
+ onLoadMore: onLoadMore,
954
+ isLoading: loadingState === "loading" || loadingState === "loadingMore"
955
+ }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
956
+ onDismiss: onClose
957
+ })));
958
+ }
959
+
960
+
961
+
962
+
963
+
964
+
965
+
966
+
967
+
968
+
969
+
970
+
971
+
972
+
973
+
974
+
975
+ function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
976
+ props = (0, $aQREU$useProviderProps)(props);
977
+ if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
978
+ let isMobile = (0, $aQREU$useIsMobileDevice)();
979
+ if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
980
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $c940f54e16bafef5$export$e7a90f7d6b078162), {
981
+ ...props,
982
+ menuTrigger: "input",
983
+ ref: ref
984
+ });
985
+ else return /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteBase, {
986
+ ...props,
987
+ ref: ref
988
+ });
989
+ }
990
+ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
991
+ props = (0, $aQREU$useProviderProps)(props);
992
+ let { menuTrigger: menuTrigger = "input" , shouldFlip: shouldFlip = true , direction: direction = "bottom" , isQuiet: isQuiet , loadingState: loadingState , onLoadMore: onLoadMore , onSubmit: onSubmit = ()=>{} } = props;
993
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($06f6e8ce74a28744$exports))));
994
+ let isAsync = loadingState != null;
995
+ let popoverRef = (0, $aQREU$useRef)(null);
996
+ let unwrappedPopoverRef = (0, $aQREU$useUnwrapDOMRef)(popoverRef);
997
+ let listBoxRef = (0, $aQREU$useRef)(null);
998
+ let inputRef = (0, $aQREU$useRef)(null);
999
+ let domRef = (0, $aQREU$useFocusableRef)(ref, inputRef);
1000
+ let { contains: contains } = (0, $aQREU$useFilter)({
1001
+ sensitivity: "base"
1002
+ });
1003
+ let state = (0, $aQREU$useComboBoxState)({
1004
+ ...props,
1005
+ defaultFilter: contains,
1006
+ allowsEmptyCollection: isAsync,
1007
+ allowsCustomValue: true,
1008
+ onSelectionChange: (key)=>key !== null && onSubmit(null, key),
1009
+ selectedKey: undefined,
1010
+ defaultSelectedKey: undefined
1011
+ });
1012
+ let layout = (0, $aQREU$useListBoxLayout)(state);
1013
+ let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps } = (0, $aQREU$useSearchAutocomplete)({
1014
+ ...props,
1015
+ keyboardDelegate: layout,
1016
+ popoverRef: unwrappedPopoverRef,
1017
+ listBoxRef: listBoxRef,
1018
+ inputRef: inputRef,
1019
+ menuTrigger: menuTrigger
1020
+ }, state);
1021
+ // Measure the width of the inputfield to inform the width of the menu (below).
1022
+ let [menuWidth, setMenuWidth] = (0, $aQREU$useState)(0);
1023
+ let { scale: scale } = (0, $aQREU$useProvider)();
1024
+ let onResize = (0, $aQREU$useCallback)(()=>{
1025
+ if (inputRef.current) {
1026
+ let inputWidth = inputRef.current.offsetWidth;
1027
+ setMenuWidth(inputWidth);
1028
+ }
1029
+ }, [
1030
+ inputRef,
1031
+ setMenuWidth
1032
+ ]);
1033
+ (0, $aQREU$useResizeObserver)({
1034
+ ref: domRef,
1035
+ onResize: onResize
1036
+ });
1037
+ (0, $aQREU$useLayoutEffect)(onResize, [
1038
+ scale,
1039
+ onResize
1040
+ ]);
1041
+ let style = {
1042
+ width: isQuiet ? undefined : menuWidth,
1043
+ minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
1044
+ };
1045
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
1046
+ ...props,
1047
+ labelProps: labelProps,
1048
+ ref: domRef
1049
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteInput, {
1050
+ ...props,
1051
+ isOpen: state.isOpen,
1052
+ loadingState: loadingState,
1053
+ inputProps: inputProps,
1054
+ inputRef: inputRef,
1055
+ clearButtonProps: clearButtonProps
1056
+ })), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Popover), {
1057
+ state: state,
1058
+ UNSAFE_style: style,
1059
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-popover", {
1060
+ "spectrum-InputGroup-popover--quiet": isQuiet
1061
+ }),
1062
+ ref: popoverRef,
1063
+ triggerRef: inputRef,
1064
+ placement: `${direction} end`,
1065
+ hideArrow: true,
1066
+ isNonModal: true,
1067
+ shouldFlip: shouldFlip
1068
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
1069
+ ...listBoxProps,
1070
+ ref: listBoxRef,
1071
+ disallowEmptySelection: true,
1072
+ autoFocus: state.focusStrategy,
1073
+ shouldSelectOnPressUp: true,
1074
+ focusOnPointerEnter: true,
1075
+ layout: layout,
1076
+ state: state,
1077
+ shouldUseVirtualFocus: true,
1078
+ isLoading: loadingState === "loadingMore",
1079
+ onLoadMore: onLoadMore,
1080
+ renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, $aQREU$react).createElement("span", null, stringFormatter.format("noResults"))
1081
+ })));
1082
+ }
1083
+ let $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteBase);
1084
+ // any type is because we don't want to call useObjectRef because this is an internal component and we know
1085
+ // we are always passing an object ref
1086
+ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
1087
+ let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
1088
+ "data-testid": "searchicon"
1089
+ });
1090
+ let { icon: icon = searchIcon , 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;
1091
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $aQREU$useHover)({});
1092
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($06f6e8ce74a28744$exports))));
1093
+ let timeout = (0, $aQREU$useRef)(null);
1094
+ let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
1095
+ let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
1096
+ "aria-label": stringFormatter.format("loading"),
1097
+ size: "S",
1098
+ isIndeterminate: true,
1099
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-circleLoader", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input-circleLoader"))
1100
+ });
1101
+ let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
1102
+ ...clearButtonProps,
1103
+ preventFocus: true,
1104
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
1105
+ isDisabled: isDisabled
1106
+ });
1107
+ let isLoading = loadingState === "loading" || loadingState === "filtering";
1108
+ let inputValue = inputProps.value;
1109
+ let lastInputValue = (0, $aQREU$useRef)(inputValue);
1110
+ (0, $aQREU$useEffect)(()=>{
1111
+ if (isLoading && !showLoading) {
1112
+ if (timeout.current === null) timeout.current = setTimeout(()=>{
1113
+ setShowLoading(true);
1114
+ }, 500);
1115
+ // If user is typing, clear the timer and restart since it is a new request
1116
+ if (inputValue !== lastInputValue.current) {
1117
+ clearTimeout(timeout.current);
1118
+ timeout.current = setTimeout(()=>{
1119
+ setShowLoading(true);
1120
+ }, 500);
1121
+ }
1122
+ } else if (!isLoading) {
1123
+ // If loading is no longer happening, clear any timers and hide the loading circle
1124
+ setShowLoading(false);
1125
+ if (timeout.current != null) {
1126
+ clearTimeout(timeout.current);
1127
+ timeout.current = null;
1128
+ }
1129
+ }
1130
+ lastInputValue.current = inputValue;
1131
+ }, [
1132
+ isLoading,
1133
+ showLoading,
1134
+ inputValue
1135
+ ]);
1136
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusRing), {
1137
+ within: true,
1138
+ isTextInput: true,
1139
+ focusClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "is-focused"),
1140
+ focusRingClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "focus-ring"),
1141
+ autoFocus: autoFocus
1142
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
1143
+ ...hoverProps,
1144
+ ref: ref,
1145
+ style: style,
1146
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
1147
+ "spectrum-InputGroup--quiet": isQuiet,
1148
+ "is-disabled": isDisabled,
1149
+ "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
1150
+ "is-hovered": isHovered
1151
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete"), className)
1152
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
1153
+ inputProps: inputProps,
1154
+ inputRef: inputRef,
1155
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Textfield", {
1156
+ "is-disabled": isDisabled,
1157
+ "is-quiet": isQuiet,
1158
+ "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
1159
+ "spectrum-Search--valid": validationState === "valid" && !isDisabled
1160
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field")),
1161
+ inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
1162
+ isDisabled: isDisabled,
1163
+ isQuiet: isQuiet,
1164
+ validationState: validationState,
1165
+ isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
1166
+ loadingIndicator: loadingState != null ? loadingCircle : undefined,
1167
+ icon: icon,
1168
+ wrapperChildren: inputValue !== "" && !isReadOnly ? clearButton : undefined,
1169
+ disableFocusRing: true
1170
+ })));
1171
+ }
1172
+ let $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteInput);
1173
+ /**
1174
+ * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
1175
+ */ let $f3f3b62273a2d260$export$dd65332a5b19fa63 = /*#__PURE__*/ (0, $aQREU$forwardRef)($f3f3b62273a2d260$var$SearchAutocomplete);
1176
+
1177
+
1178
+
1179
+
1180
+
1181
+ export {$f3f3b62273a2d260$export$dd65332a5b19fa63 as SearchAutocomplete, $dc667e3abdbeb6b2$re_export$Item as Item, $dc667e3abdbeb6b2$re_export$Section as Section};
1182
+ //# sourceMappingURL=module.js.map