@react-spectrum/autocomplete 3.0.0-alpha.2 → 3.0.0-alpha.20

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,1187 @@
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 {useLayoutEffect as $aQREU$useLayoutEffect, filterDOMProps as $aQREU$filterDOMProps, mergeProps as $aQREU$mergeProps, useId as $aQREU$useId} from "@react-aria/utils";
7
+ import {FocusRing as $aQREU$FocusRing, useFocusRing as $aQREU$useFocusRing, focusSafely as $aQREU$focusSafely, FocusScope as $aQREU$FocusScope} from "@react-aria/focus";
8
+ import {useListBoxLayout as $aQREU$useListBoxLayout, ListBoxBase as $aQREU$ListBoxBase} from "@react-spectrum/listbox";
9
+ import $aQREU$spectrumiconsuiMagnifier from "@spectrum-icons/ui/Magnifier";
10
+ import {Popover as $aQREU$Popover, Tray as $aQREU$Tray} from "@react-spectrum/overlays";
11
+ import {ProgressCircle as $aQREU$ProgressCircle} from "@react-spectrum/progress";
12
+ 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";
13
+ import {TextFieldBase as $aQREU$TextFieldBase} from "@react-spectrum/textfield";
14
+ import {useComboBoxState as $aQREU$useComboBoxState} from "@react-stately/combobox";
15
+ import {useLocalizedStringFormatter as $aQREU$useLocalizedStringFormatter, useFilter as $aQREU$useFilter} from "@react-aria/i18n";
16
+ import {useHover as $aQREU$useHover, setInteractionModality as $aQREU$setInteractionModality} from "@react-aria/interactions";
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
+
58
+ var $67773d1975e0a845$exports = {};
59
+ var $024cf3aa492e9082$exports = {};
60
+ $024cf3aa492e9082$exports = {
61
+ "clear": `مسح`,
62
+ "invalid": `(غير صالح)`,
63
+ "loading": `جارٍ التحميل...`,
64
+ "noResults": `لا توجد نتائج`
65
+ };
66
+
67
+
68
+ var $b1478ef78bbb453c$exports = {};
69
+ $b1478ef78bbb453c$exports = {
70
+ "clear": `Изчисти`,
71
+ "invalid": `(невалиден)`,
72
+ "loading": `Зареждане...`,
73
+ "noResults": `Няма резултати`
74
+ };
75
+
76
+
77
+ var $a460b76408fa2c12$exports = {};
78
+ $a460b76408fa2c12$exports = {
79
+ "clear": `Vymazat`,
80
+ "invalid": `(neplatné)`,
81
+ "loading": `Načítání...`,
82
+ "noResults": `Žádné výsledky`
83
+ };
84
+
85
+
86
+ var $e9e48f3945b54c4e$exports = {};
87
+ $e9e48f3945b54c4e$exports = {
88
+ "clear": `Ryd`,
89
+ "invalid": `(ugyldig)`,
90
+ "loading": `Indlæser...`,
91
+ "noResults": `Ingen resultater`
92
+ };
93
+
94
+
95
+ var $51a37bbbb04b8d4b$exports = {};
96
+ $51a37bbbb04b8d4b$exports = {
97
+ "clear": `Löschen`,
98
+ "invalid": `(ungültig)`,
99
+ "loading": `Wird geladen...`,
100
+ "noResults": `Keine Ergebnisse`
101
+ };
102
+
103
+
104
+ var $a9652db54e8c657c$exports = {};
105
+ $a9652db54e8c657c$exports = {
106
+ "clear": `Καθαρισμός`,
107
+ "invalid": `(δεν ισχύει)`,
108
+ "loading": `Φόρτωση...`,
109
+ "noResults": `Χωρίς αποτέλεσμα`
110
+ };
111
+
112
+
113
+ var $9d3fddee794c9b57$exports = {};
114
+ $9d3fddee794c9b57$exports = {
115
+ "loading": `Loading...`,
116
+ "noResults": `No results`,
117
+ "clear": `Clear`,
118
+ "invalid": `(invalid)`
119
+ };
120
+
121
+
122
+ var $d19a882e0e4cfd8a$exports = {};
123
+ $d19a882e0e4cfd8a$exports = {
124
+ "clear": `Borrar`,
125
+ "invalid": `(no válido)`,
126
+ "loading": `Cargando...`,
127
+ "noResults": `Sin resultados`
128
+ };
129
+
130
+
131
+ var $f163759b67478eb6$exports = {};
132
+ $f163759b67478eb6$exports = {
133
+ "clear": `Kustuta`,
134
+ "invalid": `(kehtetu)`,
135
+ "loading": `Laadimine...`,
136
+ "noResults": `Tulemusi pole`
137
+ };
138
+
139
+
140
+ var $b156937eefa4b1b2$exports = {};
141
+ $b156937eefa4b1b2$exports = {
142
+ "clear": `Kirkas`,
143
+ "invalid": `(epäkelpo)`,
144
+ "loading": `Ladataan...`,
145
+ "noResults": `Ei tuloksia`
146
+ };
147
+
148
+
149
+ var $21aacec2a5f4c61f$exports = {};
150
+ $21aacec2a5f4c61f$exports = {
151
+ "clear": `Effacer`,
152
+ "invalid": `(non valide)`,
153
+ "loading": `Chargement en cours…`,
154
+ "noResults": `Aucun résultat`
155
+ };
156
+
157
+
158
+ var $a0cc323ab22de2bd$exports = {};
159
+ $a0cc323ab22de2bd$exports = {
160
+ "clear": `נקה`,
161
+ "invalid": `(לא חוקי)`,
162
+ "loading": `טוען...`,
163
+ "noResults": `אין תוצאות`
164
+ };
165
+
166
+
167
+ var $4b1559eab8beeaf7$exports = {};
168
+ $4b1559eab8beeaf7$exports = {
169
+ "clear": `Izbriši`,
170
+ "invalid": `(nevažeće)`,
171
+ "loading": `Učitavam...`,
172
+ "noResults": `Nema rezultata`
173
+ };
174
+
175
+
176
+ var $4dab4b9205a1a185$exports = {};
177
+ $4dab4b9205a1a185$exports = {
178
+ "clear": `Törlés`,
179
+ "invalid": `(érvénytelen)`,
180
+ "loading": `Betöltés folyamatban…`,
181
+ "noResults": `Nincsenek találatok`
182
+ };
183
+
184
+
185
+ var $e68bbe47073afa8a$exports = {};
186
+ $e68bbe47073afa8a$exports = {
187
+ "clear": `Cancella`,
188
+ "invalid": `(non valido)`,
189
+ "loading": `Caricamento...`,
190
+ "noResults": `Nessun risultato`
191
+ };
192
+
193
+
194
+ var $88667c729de33c42$exports = {};
195
+ $88667c729de33c42$exports = {
196
+ "clear": `クリア`,
197
+ "invalid": `(無効)`,
198
+ "loading": `読み込み中...`,
199
+ "noResults": `結果なし`
200
+ };
201
+
202
+
203
+ var $4c3197bb97515799$exports = {};
204
+ $4c3197bb97515799$exports = {
205
+ "clear": `지우기`,
206
+ "invalid": `(유효하지 않음)`,
207
+ "loading": `로드 중...`,
208
+ "noResults": `결과 없음`
209
+ };
210
+
211
+
212
+ var $cd50f414bffb1f7a$exports = {};
213
+ $cd50f414bffb1f7a$exports = {
214
+ "clear": `Išvalyti`,
215
+ "invalid": `(netinkama)`,
216
+ "loading": `Įkeliama...`,
217
+ "noResults": `Rezultatų nėra`
218
+ };
219
+
220
+
221
+ var $0d7f84ef3916515f$exports = {};
222
+ $0d7f84ef3916515f$exports = {
223
+ "clear": `Notīrīt`,
224
+ "invalid": `(nederīgs)`,
225
+ "loading": `Notiek ielāde...`,
226
+ "noResults": `Nav rezultātu`
227
+ };
228
+
229
+
230
+ var $f1a58baeabc47396$exports = {};
231
+ $f1a58baeabc47396$exports = {
232
+ "clear": `Tøm`,
233
+ "invalid": `(ugyldig)`,
234
+ "loading": `Laster inn...`,
235
+ "noResults": `Ingen resultater`
236
+ };
237
+
238
+
239
+ var $a3dd9e27853292c1$exports = {};
240
+ $a3dd9e27853292c1$exports = {
241
+ "clear": `Wissen`,
242
+ "invalid": `(ongeldig)`,
243
+ "loading": `Laden...`,
244
+ "noResults": `Geen resultaten`
245
+ };
246
+
247
+
248
+ var $6e8413d536bb66ca$exports = {};
249
+ $6e8413d536bb66ca$exports = {
250
+ "clear": `Wyczyść`,
251
+ "invalid": `(nieprawidłowy)`,
252
+ "loading": `Wczytywanie...`,
253
+ "noResults": `Brak wyników`
254
+ };
255
+
256
+
257
+ var $bdf278414a496664$exports = {};
258
+ $bdf278414a496664$exports = {
259
+ "clear": `Limpar`,
260
+ "invalid": `(inválido)`,
261
+ "loading": `Carregando...`,
262
+ "noResults": `Nenhum resultado`
263
+ };
264
+
265
+
266
+ var $53a7cad14ed21164$exports = {};
267
+ $53a7cad14ed21164$exports = {
268
+ "clear": `Limpar`,
269
+ "invalid": `(inválido)`,
270
+ "loading": `A carregar...`,
271
+ "noResults": `Sem resultados`
272
+ };
273
+
274
+
275
+ var $f503546cf2f6f1ae$exports = {};
276
+ $f503546cf2f6f1ae$exports = {
277
+ "clear": `Golire`,
278
+ "invalid": `(nevalid)`,
279
+ "loading": `Se încarcă...`,
280
+ "noResults": `Niciun rezultat`
281
+ };
282
+
283
+
284
+ var $9c0df9313a851b51$exports = {};
285
+ $9c0df9313a851b51$exports = {
286
+ "clear": `Очистить`,
287
+ "invalid": `(недействительно)`,
288
+ "loading": `Загрузка...`,
289
+ "noResults": `Результаты отсутствуют`
290
+ };
291
+
292
+
293
+ var $ff7d7295476e23aa$exports = {};
294
+ $ff7d7295476e23aa$exports = {
295
+ "clear": `Vymazať`,
296
+ "invalid": `(neplatné)`,
297
+ "loading": `Načítava sa...`,
298
+ "noResults": `Žiadne výsledky`
299
+ };
300
+
301
+
302
+ var $9a2e91f09cf7ad62$exports = {};
303
+ $9a2e91f09cf7ad62$exports = {
304
+ "clear": `Pobrišite`,
305
+ "invalid": `(neveljavno)`,
306
+ "loading": `Nalaganje...`,
307
+ "noResults": `Ni rezultatov`
308
+ };
309
+
310
+
311
+ var $15b314371291c45e$exports = {};
312
+ $15b314371291c45e$exports = {
313
+ "clear": `Izbriši`,
314
+ "invalid": `(nevažeće)`,
315
+ "loading": `Učitavam...`,
316
+ "noResults": `Nema rezultata`
317
+ };
318
+
319
+
320
+ var $1582d77a65bc529b$exports = {};
321
+ $1582d77a65bc529b$exports = {
322
+ "clear": `Rensa`,
323
+ "invalid": `(ogiltigt)`,
324
+ "loading": `Läser in...`,
325
+ "noResults": `Inga resultat`
326
+ };
327
+
328
+
329
+ var $c43996bbf6a84066$exports = {};
330
+ $c43996bbf6a84066$exports = {
331
+ "clear": `Temizle`,
332
+ "invalid": `(geçersiz)`,
333
+ "loading": `Yükleniyor...`,
334
+ "noResults": `Sonuç yok`
335
+ };
336
+
337
+
338
+ var $f0ebecaa2c26d7b6$exports = {};
339
+ $f0ebecaa2c26d7b6$exports = {
340
+ "clear": `Очистити`,
341
+ "invalid": `(недійсне)`,
342
+ "loading": `Завантаження...`,
343
+ "noResults": `Результатів немає`
344
+ };
345
+
346
+
347
+ var $0d8545e67578a6e4$exports = {};
348
+ $0d8545e67578a6e4$exports = {
349
+ "clear": `清除`,
350
+ "invalid": `(无效)`,
351
+ "loading": `正在加载...`,
352
+ "noResults": `无结果`
353
+ };
354
+
355
+
356
+ var $5a75571ed7cb75fa$exports = {};
357
+ $5a75571ed7cb75fa$exports = {
358
+ "clear": `清除`,
359
+ "invalid": `(無效)`,
360
+ "loading": `正在載入...`,
361
+ "noResults": `無任何結果`
362
+ };
363
+
364
+
365
+ $67773d1975e0a845$exports = {
366
+ "ar-AE": $024cf3aa492e9082$exports,
367
+ "bg-BG": $b1478ef78bbb453c$exports,
368
+ "cs-CZ": $a460b76408fa2c12$exports,
369
+ "da-DK": $e9e48f3945b54c4e$exports,
370
+ "de-DE": $51a37bbbb04b8d4b$exports,
371
+ "el-GR": $a9652db54e8c657c$exports,
372
+ "en-US": $9d3fddee794c9b57$exports,
373
+ "es-ES": $d19a882e0e4cfd8a$exports,
374
+ "et-EE": $f163759b67478eb6$exports,
375
+ "fi-FI": $b156937eefa4b1b2$exports,
376
+ "fr-FR": $21aacec2a5f4c61f$exports,
377
+ "he-IL": $a0cc323ab22de2bd$exports,
378
+ "hr-HR": $4b1559eab8beeaf7$exports,
379
+ "hu-HU": $4dab4b9205a1a185$exports,
380
+ "it-IT": $e68bbe47073afa8a$exports,
381
+ "ja-JP": $88667c729de33c42$exports,
382
+ "ko-KR": $4c3197bb97515799$exports,
383
+ "lt-LT": $cd50f414bffb1f7a$exports,
384
+ "lv-LV": $0d7f84ef3916515f$exports,
385
+ "nb-NO": $f1a58baeabc47396$exports,
386
+ "nl-NL": $a3dd9e27853292c1$exports,
387
+ "pl-PL": $6e8413d536bb66ca$exports,
388
+ "pt-BR": $bdf278414a496664$exports,
389
+ "pt-PT": $53a7cad14ed21164$exports,
390
+ "ro-RO": $f503546cf2f6f1ae$exports,
391
+ "ru-RU": $9c0df9313a851b51$exports,
392
+ "sk-SK": $ff7d7295476e23aa$exports,
393
+ "sl-SI": $9a2e91f09cf7ad62$exports,
394
+ "sr-SP": $15b314371291c45e$exports,
395
+ "sv-SE": $1582d77a65bc529b$exports,
396
+ "tr-TR": $c43996bbf6a84066$exports,
397
+ "uk-UA": $f0ebecaa2c26d7b6$exports,
398
+ "zh-CN": $0d8545e67578a6e4$exports,
399
+ "zh-TW": $5a75571ed7cb75fa$exports
400
+ };
401
+
402
+
403
+
404
+
405
+ /*
406
+ * Copyright 2020 Adobe. All rights reserved.
407
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
408
+ * you may not use this file except in compliance with the License. You may obtain a copy
409
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
410
+ *
411
+ * Unless required by applicable law or agreed to in writing, software distributed under
412
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
413
+ * OF ANY KIND, either express or implied. See the License for the specific language
414
+ * governing permissions and limitations under the License.
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
+ function $c940f54e16bafef5$var$_MobileSearchAutocomplete(props, ref) {
635
+ props = (0, $aQREU$useProviderProps)(props);
636
+ let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , isReadOnly: isReadOnly , onSubmit: onSubmit = ()=>{} } = props;
637
+ let { contains: contains } = (0, $aQREU$useFilter)({
638
+ sensitivity: "base"
639
+ });
640
+ let state = (0, $aQREU$useComboBoxState)({
641
+ ...props,
642
+ defaultFilter: contains,
643
+ allowsEmptyCollection: true,
644
+ // Needs to be false here otherwise we double up on commitSelection/commitCustomValue calls when
645
+ // user taps on underlay (i.e. initial tap will call setFocused(false) -> commitSelection/commitCustomValue via onBlur,
646
+ // then the closing of the tray will call setFocused(false) again due to cleanup effect)
647
+ shouldCloseOnBlur: false,
648
+ allowsCustomValue: true,
649
+ onSelectionChange: (key)=>key !== null && onSubmit(null, key),
650
+ selectedKey: undefined,
651
+ defaultSelectedKey: undefined
652
+ });
653
+ let buttonRef = (0, $aQREU$useRef)(null);
654
+ let domRef = (0, $aQREU$useFocusableRef)(ref, buttonRef);
655
+ let { triggerProps: triggerProps , overlayProps: overlayProps } = (0, $aQREU$useOverlayTrigger)({
656
+ type: "listbox"
657
+ }, state, buttonRef);
658
+ let { labelProps: labelProps , fieldProps: fieldProps } = (0, $aQREU$useLabel)({
659
+ ...props,
660
+ labelElementType: "span"
661
+ });
662
+ // Focus the button and show focus ring when clicking on the label
663
+ labelProps.onClick = ()=>{
664
+ if (!props.isDisabled && buttonRef.current) {
665
+ buttonRef.current.focus();
666
+ (0, $aQREU$setInteractionModality)("keyboard");
667
+ }
668
+ };
669
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
670
+ ...props,
671
+ labelProps: labelProps,
672
+ elementType: "span",
673
+ ref: domRef,
674
+ includeNecessityIndicatorInAccessibilityName: true
675
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteButton, {
676
+ ...(0, $aQREU$mergeProps)(triggerProps, fieldProps, {
677
+ autoFocus: props.autoFocus,
678
+ icon: props.icon
679
+ }),
680
+ ref: buttonRef,
681
+ isQuiet: isQuiet,
682
+ isDisabled: isDisabled,
683
+ isReadOnly: isReadOnly,
684
+ isPlaceholder: !state.inputValue,
685
+ validationState: validationState,
686
+ inputValue: state.inputValue,
687
+ clearInput: ()=>state.setInputValue(""),
688
+ onPress: ()=>!isReadOnly && state.open(null, "manual")
689
+ }, state.inputValue || props.placeholder || "")), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Tray), {
690
+ state: state,
691
+ isFixedHeight: true,
692
+ ...overlayProps
693
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteTray, {
694
+ ...props,
695
+ onClose: state.close,
696
+ overlayProps: overlayProps,
697
+ state: state
698
+ })));
699
+ }
700
+ let $c940f54e16bafef5$export$e7a90f7d6b078162 = /*#__PURE__*/ (0, $aQREU$react).forwardRef($c940f54e16bafef5$var$_MobileSearchAutocomplete);
701
+ // any type is because we don't want to call useObjectRef because this is an internal component and we know
702
+ // we are always passing an object ref
703
+ const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ (0, $aQREU$react).forwardRef(function SearchAutocompleteButton(props, ref) {
704
+ let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
705
+ "data-testid": "searchicon"
706
+ });
707
+ 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;
708
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
709
+ let valueId = (0, $aQREU$useId)();
710
+ let invalidId = (0, $aQREU$useId)();
711
+ let validationIcon = validationState === "invalid" ? /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiAlertMedium), {
712
+ id: invalidId,
713
+ "aria-label": stringFormatter.format("invalid")
714
+ }) : /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiCheckmarkMedium), null);
715
+ if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
716
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
717
+ size: "S"
718
+ });
719
+ let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
720
+ onPress: (e)=>{
721
+ var _props_onPress;
722
+ clearInput === null || clearInput === void 0 ? void 0 : clearInput();
723
+ props === null || props === void 0 ? void 0 : (_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, e);
724
+ },
725
+ preventFocus: true,
726
+ "aria-label": stringFormatter.format("clear"),
727
+ excludeFromTabOrder: true,
728
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
729
+ isDisabled: isDisabled
730
+ });
731
+ let validation = /*#__PURE__*/ (0, $aQREU$react).cloneElement(validationIcon, {
732
+ 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"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon"))
733
+ });
734
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $aQREU$useHover)({});
735
+ let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $aQREU$useFocusRing)();
736
+ let { buttonProps: buttonProps } = (0, $aQREU$useButton)({
737
+ ...props,
738
+ "aria-labelledby": [
739
+ props["aria-labelledby"],
740
+ props["aria-label"] && !props["aria-labelledby"] ? props.id : null,
741
+ valueId,
742
+ validationState === "invalid" ? invalidId : null
743
+ ].filter(Boolean).join(" "),
744
+ elementType: "div"
745
+ }, ref);
746
+ return /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
747
+ ...(0, $aQREU$mergeProps)(hoverProps, focusProps, buttonProps),
748
+ "aria-haspopup": "dialog",
749
+ ref: ref,
750
+ style: {
751
+ ...style,
752
+ outline: "none"
753
+ },
754
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
755
+ "spectrum-InputGroup--quiet": isQuiet,
756
+ "is-disabled": isDisabled,
757
+ "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
758
+ "is-hovered": isHovered,
759
+ "is-focused": isFocused,
760
+ "focus-ring": isFocusVisible
761
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete", "mobile-searchautocomplete"), className)
762
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
763
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield", {
764
+ "spectrum-Textfield--invalid": validationState === "invalid" && !isDisabled,
765
+ "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
766
+ "spectrum-Textfield--quiet": isQuiet
767
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Search--loadable", {
768
+ "is-disabled": isDisabled,
769
+ "is-quiet": isQuiet,
770
+ "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
771
+ "spectrum-Search--valid": validationState === "valid" && !isDisabled
772
+ }), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field"))
773
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
774
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-input", {
775
+ "spectrum-Textfield-inputIcon": !!icon,
776
+ "is-hovered": isHovered,
777
+ "is-placeholder": isPlaceholder,
778
+ "is-disabled": isDisabled,
779
+ "is-quiet": isQuiet,
780
+ "is-focused": isFocused
781
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-input"))
782
+ }, icon, /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
783
+ id: valueId,
784
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-value")
785
+ }, children)), validationState && !isDisabled ? validation : null, (inputValue !== "" || validationState != null) && !isReadOnly && clearButton));
786
+ });
787
+ function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
788
+ let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
789
+ "data-testid": "searchicon"
790
+ });
791
+ let { state: // completionMode = 'suggest',
792
+ state , icon: icon = searchIcon , isDisabled: isDisabled , validationState: validationState , label: label , overlayProps: overlayProps , loadingState: loadingState , onLoadMore: onLoadMore , onClose: onClose , onSubmit: onSubmit } = props;
793
+ let timeout = (0, $aQREU$useRef)(null);
794
+ let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
795
+ let inputRef = (0, $aQREU$useRef)(null);
796
+ let popoverRef = (0, $aQREU$useRef)(null);
797
+ let listBoxRef = (0, $aQREU$useRef)(null);
798
+ let isLoading = loadingState === "loading" || loadingState === "loadingMore";
799
+ let layout = (0, $aQREU$useListBoxLayout)(state, isLoading);
800
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
801
+ let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps } = (0, $aQREU$useSearchAutocomplete)({
802
+ ...props,
803
+ keyboardDelegate: layout,
804
+ popoverRef: popoverRef,
805
+ listBoxRef: listBoxRef,
806
+ inputRef: inputRef
807
+ }, state);
808
+ (0, $aQREU$react).useEffect(()=>{
809
+ if (inputRef.current) (0, $aQREU$focusSafely)(inputRef.current);
810
+ // When the tray unmounts, set state.isFocused (i.e. the tray input's focus tracker) to false.
811
+ // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
812
+ // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
813
+ // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
814
+ return ()=>{
815
+ state.setFocused(false);
816
+ };
817
+ // eslint-disable-next-line react-hooks/exhaustive-deps
818
+ }, []);
819
+ let { dialogProps: dialogProps } = (0, $aQREU$useDialog)({
820
+ "aria-labelledby": (0, $aQREU$useId)(labelProps.id)
821
+ }, popoverRef);
822
+ // Override the role of the input to "searchbox" instead of "combobox".
823
+ // Since the listbox is always visible, the combobox role doesn't really give us anything.
824
+ // VoiceOver on iOS reads "double tap to collapse" when focused on the input rather than
825
+ // "double tap to edit text", as with a textbox or searchbox. We'd like double tapping to
826
+ // open the virtual keyboard rather than closing the tray.
827
+ inputProps.role = "searchbox";
828
+ inputProps["aria-haspopup"] = "listbox";
829
+ delete inputProps.onTouchEnd;
830
+ let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
831
+ ...clearButtonProps,
832
+ preventFocus: true,
833
+ "aria-label": stringFormatter.format("clear"),
834
+ excludeFromTabOrder: true,
835
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
836
+ isDisabled: isDisabled
837
+ });
838
+ let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
839
+ "aria-label": stringFormatter.format("loading"),
840
+ size: "S",
841
+ isIndeterminate: true,
842
+ 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"))
843
+ });
844
+ // Close the software keyboard on scroll to give the user a bigger area to scroll.
845
+ // But only do this if scrolling with touch, otherwise it can cause issues with touch
846
+ // screen readers.
847
+ let isTouchDown = (0, $aQREU$useRef)(false);
848
+ let onTouchStart = ()=>{
849
+ isTouchDown.current = true;
850
+ };
851
+ let onTouchEnd = ()=>{
852
+ isTouchDown.current = false;
853
+ };
854
+ let onScroll = (0, $aQREU$useCallback)(()=>{
855
+ if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) return;
856
+ if (popoverRef.current) popoverRef.current.focus();
857
+ }, [
858
+ inputRef,
859
+ popoverRef,
860
+ isTouchDown
861
+ ]);
862
+ let inputValue = inputProps.value;
863
+ let lastInputValue = (0, $aQREU$useRef)(inputValue);
864
+ (0, $aQREU$useEffect)(()=>{
865
+ if (loadingState === "filtering" && !showLoading) {
866
+ if (timeout.current === null) timeout.current = setTimeout(()=>{
867
+ setShowLoading(true);
868
+ }, 500);
869
+ // If user is typing, clear the timer and restart since it is a new request
870
+ if (inputValue !== lastInputValue.current) {
871
+ clearTimeout(timeout.current);
872
+ timeout.current = setTimeout(()=>{
873
+ setShowLoading(true);
874
+ }, 500);
875
+ }
876
+ } else if (loadingState !== "filtering") {
877
+ // If loading is no longer happening, clear any timers and hide the loading circle
878
+ setShowLoading(false);
879
+ if (timeout.current !== null) {
880
+ clearTimeout(timeout.current);
881
+ timeout.current = null;
882
+ }
883
+ }
884
+ lastInputValue.current = inputValue;
885
+ }, [
886
+ loadingState,
887
+ inputValue,
888
+ showLoading
889
+ ]);
890
+ let onKeyDown = (e)=>{
891
+ // Close virtual keyboard, close tray, and fire onSubmit if user hits Enter w/o any focused options
892
+ if (e.key === "Enter" && state.selectionManager.focusedKey == null) {
893
+ var _popoverRef_current;
894
+ (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.focus();
895
+ if (onClose) onClose();
896
+ if (onSubmit) onSubmit(inputValue == null ? null : inputValue.toString(), null);
897
+ } else if (inputProps.onKeyDown) inputProps.onKeyDown(e);
898
+ };
899
+ if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
900
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
901
+ size: "S"
902
+ });
903
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusScope), {
904
+ restoreFocus: true,
905
+ contain: true
906
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
907
+ ...(0, $aQREU$mergeProps)(overlayProps, dialogProps),
908
+ ref: popoverRef,
909
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-dialog")
910
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
911
+ onDismiss: onClose
912
+ }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
913
+ label: label,
914
+ labelProps: labelProps,
915
+ inputProps: {
916
+ ...inputProps,
917
+ onKeyDown: onKeyDown
918
+ },
919
+ inputRef: inputRef,
920
+ isDisabled: isDisabled,
921
+ isLoading: showLoading && loadingState === "filtering",
922
+ loadingIndicator: loadingState != null ? loadingCircle : undefined,
923
+ validationState: validationState,
924
+ wrapperChildren: (state.inputValue !== "" || loadingState === "filtering" || validationState != null) && !props.isReadOnly ? clearButton : undefined,
925
+ icon: icon,
926
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Textfield", "spectrum-Search--loadable", {
927
+ "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
928
+ "spectrum-Search--valid": validationState === "valid" && !isDisabled
929
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-textfield", {
930
+ "has-label": !!props.label
931
+ })),
932
+ inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
933
+ validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon")
934
+ }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
935
+ ...listBoxProps,
936
+ domProps: {
937
+ onTouchStart: onTouchStart,
938
+ onTouchEnd: onTouchEnd
939
+ },
940
+ disallowEmptySelection: true,
941
+ shouldSelectOnPressUp: true,
942
+ focusOnPointerEnter: true,
943
+ layout: layout,
944
+ state: state,
945
+ shouldUseVirtualFocus: true,
946
+ renderEmptyState: ()=>loadingState !== "loading" && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
947
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
948
+ }, stringFormatter.format("noResults")),
949
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-listbox"),
950
+ ref: listBoxRef,
951
+ onScroll: onScroll,
952
+ onLoadMore: onLoadMore,
953
+ isLoading: isLoading
954
+ }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
955
+ onDismiss: onClose
956
+ })));
957
+ }
958
+
959
+
960
+
961
+
962
+
963
+
964
+
965
+
966
+
967
+
968
+
969
+
970
+
971
+
972
+
973
+ function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
974
+ props = (0, $aQREU$useProviderProps)(props);
975
+ if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
976
+ let isMobile = (0, $aQREU$useIsMobileDevice)();
977
+ if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
978
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $c940f54e16bafef5$export$e7a90f7d6b078162), {
979
+ ...props,
980
+ menuTrigger: "input",
981
+ ref: ref
982
+ });
983
+ else return /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteBase, {
984
+ ...props,
985
+ ref: ref
986
+ });
987
+ }
988
+ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
989
+ props = (0, $aQREU$useProviderProps)(props);
990
+ let { menuTrigger: menuTrigger = "input" , shouldFlip: shouldFlip = true , direction: direction = "bottom" , isQuiet: isQuiet , loadingState: loadingState , onLoadMore: onLoadMore , onSubmit: onSubmit = ()=>{} } = props;
991
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
992
+ let isAsync = loadingState != null;
993
+ let popoverRef = (0, $aQREU$useRef)(null);
994
+ let unwrappedPopoverRef = (0, $aQREU$useUnwrapDOMRef)(popoverRef);
995
+ let listBoxRef = (0, $aQREU$useRef)(null);
996
+ let inputRef = (0, $aQREU$useRef)(null);
997
+ let domRef = (0, $aQREU$useFocusableRef)(ref, inputRef);
998
+ let { contains: contains } = (0, $aQREU$useFilter)({
999
+ sensitivity: "base"
1000
+ });
1001
+ let state = (0, $aQREU$useComboBoxState)({
1002
+ ...props,
1003
+ defaultFilter: contains,
1004
+ allowsEmptyCollection: isAsync,
1005
+ allowsCustomValue: true,
1006
+ onSelectionChange: (key)=>key !== null && onSubmit(null, key),
1007
+ selectedKey: undefined,
1008
+ defaultSelectedKey: undefined
1009
+ });
1010
+ let layout = (0, $aQREU$useListBoxLayout)(state, loadingState === "loadingMore");
1011
+ let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $aQREU$useSearchAutocomplete)({
1012
+ ...props,
1013
+ keyboardDelegate: layout,
1014
+ popoverRef: unwrappedPopoverRef,
1015
+ listBoxRef: listBoxRef,
1016
+ inputRef: inputRef,
1017
+ menuTrigger: menuTrigger
1018
+ }, state);
1019
+ // Measure the width of the inputfield to inform the width of the menu (below).
1020
+ let [menuWidth, setMenuWidth] = (0, $aQREU$useState)(0);
1021
+ let { scale: scale } = (0, $aQREU$useProvider)();
1022
+ let onResize = (0, $aQREU$useCallback)(()=>{
1023
+ if (inputRef.current) {
1024
+ let inputWidth = inputRef.current.offsetWidth;
1025
+ setMenuWidth(inputWidth);
1026
+ }
1027
+ }, [
1028
+ inputRef,
1029
+ setMenuWidth
1030
+ ]);
1031
+ (0, $aQREU$useResizeObserver)({
1032
+ ref: domRef,
1033
+ onResize: onResize
1034
+ });
1035
+ (0, $aQREU$useLayoutEffect)(onResize, [
1036
+ scale,
1037
+ onResize
1038
+ ]);
1039
+ let style = {
1040
+ width: isQuiet ? undefined : menuWidth,
1041
+ minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
1042
+ };
1043
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
1044
+ ...props,
1045
+ descriptionProps: descriptionProps,
1046
+ errorMessageProps: errorMessageProps,
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 === "loading" || loadingState === "loadingMore",
1079
+ onLoadMore: onLoadMore,
1080
+ renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
1081
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
1082
+ }, stringFormatter.format("noResults"))
1083
+ })));
1084
+ }
1085
+ let $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteBase);
1086
+ // any type is because we don't want to call useObjectRef because this is an internal component and we know
1087
+ // we are always passing an object ref
1088
+ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
1089
+ let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
1090
+ "data-testid": "searchicon"
1091
+ });
1092
+ 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;
1093
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $aQREU$useHover)({});
1094
+ let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
1095
+ let domProps = (0, $aQREU$filterDOMProps)(props);
1096
+ let timeout = (0, $aQREU$useRef)(null);
1097
+ let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
1098
+ let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
1099
+ "aria-label": stringFormatter.format("loading"),
1100
+ size: "S",
1101
+ isIndeterminate: true,
1102
+ 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"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-circleLoader"))
1103
+ });
1104
+ let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
1105
+ ...clearButtonProps,
1106
+ preventFocus: true,
1107
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
1108
+ isDisabled: isDisabled
1109
+ });
1110
+ let isLoading = loadingState === "loading" || loadingState === "filtering";
1111
+ let inputValue = inputProps.value;
1112
+ let lastInputValue = (0, $aQREU$useRef)(inputValue);
1113
+ (0, $aQREU$useEffect)(()=>{
1114
+ if (isLoading && !showLoading) {
1115
+ if (timeout.current === null) timeout.current = setTimeout(()=>{
1116
+ setShowLoading(true);
1117
+ }, 500);
1118
+ // If user is typing, clear the timer and restart since it is a new request
1119
+ if (inputValue !== lastInputValue.current) {
1120
+ clearTimeout(timeout.current);
1121
+ timeout.current = setTimeout(()=>{
1122
+ setShowLoading(true);
1123
+ }, 500);
1124
+ }
1125
+ } else if (!isLoading) {
1126
+ // If loading is no longer happening, clear any timers and hide the loading circle
1127
+ setShowLoading(false);
1128
+ if (timeout.current != null) {
1129
+ clearTimeout(timeout.current);
1130
+ timeout.current = null;
1131
+ }
1132
+ }
1133
+ lastInputValue.current = inputValue;
1134
+ }, [
1135
+ isLoading,
1136
+ showLoading,
1137
+ inputValue
1138
+ ]);
1139
+ return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusRing), {
1140
+ within: true,
1141
+ isTextInput: true,
1142
+ focusClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "is-focused"),
1143
+ focusRingClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "focus-ring"),
1144
+ autoFocus: autoFocus
1145
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
1146
+ ...hoverProps,
1147
+ ref: ref,
1148
+ style: style,
1149
+ className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
1150
+ "spectrum-InputGroup--quiet": isQuiet,
1151
+ "is-disabled": isDisabled,
1152
+ "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
1153
+ "is-hovered": isHovered
1154
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete"), className)
1155
+ }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
1156
+ ...domProps,
1157
+ inputProps: inputProps,
1158
+ inputRef: inputRef,
1159
+ UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Search--loadable", "spectrum-Textfield", {
1160
+ "is-disabled": isDisabled,
1161
+ "is-quiet": isQuiet,
1162
+ "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
1163
+ "spectrum-Search--valid": validationState === "valid" && !isDisabled
1164
+ }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field")),
1165
+ inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
1166
+ validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon"),
1167
+ isDisabled: isDisabled,
1168
+ isQuiet: isQuiet,
1169
+ validationState: validationState,
1170
+ isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
1171
+ loadingIndicator: loadingState != null ? loadingCircle : undefined,
1172
+ icon: icon,
1173
+ wrapperChildren: (inputValue !== "" || loadingState === "filtering" || validationState != null) && !isReadOnly ? clearButton : undefined,
1174
+ disableFocusRing: true
1175
+ })));
1176
+ }
1177
+ let $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteInput);
1178
+ /**
1179
+ * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
1180
+ */ let $f3f3b62273a2d260$export$dd65332a5b19fa63 = /*#__PURE__*/ (0, $aQREU$forwardRef)($f3f3b62273a2d260$var$SearchAutocomplete);
1181
+
1182
+
1183
+
1184
+
1185
+
1186
+ export {$f3f3b62273a2d260$export$dd65332a5b19fa63 as SearchAutocomplete, $dc667e3abdbeb6b2$re_export$Item as Item, $dc667e3abdbeb6b2$re_export$Section as Section};
1187
+ //# sourceMappingURL=module.js.map