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

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