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

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