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

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