@react-spectrum/autocomplete 3.0.0-alpha.30 → 3.0.0-alpha.32

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.
Files changed (52) hide show
  1. package/dist/MobileSearchAutocomplete.main.js +449 -0
  2. package/dist/MobileSearchAutocomplete.main.js.map +1 -0
  3. package/dist/MobileSearchAutocomplete.mjs +444 -0
  4. package/dist/MobileSearchAutocomplete.module.js +444 -0
  5. package/dist/MobileSearchAutocomplete.module.js.map +1 -0
  6. package/dist/SearchAutocomplete.main.js +291 -0
  7. package/dist/SearchAutocomplete.main.js.map +1 -0
  8. package/dist/SearchAutocomplete.mjs +286 -0
  9. package/dist/SearchAutocomplete.module.js +286 -0
  10. package/dist/SearchAutocomplete.module.js.map +1 -0
  11. package/dist/import.mjs +1 -1025
  12. package/dist/inputgroup_vars_css.main.js +86 -0
  13. package/dist/inputgroup_vars_css.main.js.map +1 -0
  14. package/dist/inputgroup_vars_css.mjs +88 -0
  15. package/dist/inputgroup_vars_css.module.js +88 -0
  16. package/dist/inputgroup_vars_css.module.js.map +1 -0
  17. package/dist/intlStrings.main.js +108 -0
  18. package/dist/intlStrings.main.js.map +1 -0
  19. package/dist/intlStrings.mjs +110 -0
  20. package/dist/intlStrings.module.js +110 -0
  21. package/dist/intlStrings.module.js.map +1 -0
  22. package/dist/main.js +2 -1022
  23. package/dist/main.js.map +1 -1
  24. package/dist/module.js +1 -1025
  25. package/dist/module.js.map +1 -1
  26. package/dist/search_vars_css.main.js +53 -0
  27. package/dist/search_vars_css.main.js.map +1 -0
  28. package/dist/search_vars_css.mjs +55 -0
  29. package/dist/search_vars_css.module.js +55 -0
  30. package/dist/search_vars_css.module.js.map +1 -0
  31. package/dist/searchautocomplete.37ce4a26.css +55 -0
  32. package/dist/searchautocomplete.37ce4a26.css.map +1 -0
  33. package/dist/searchautocomplete_css.main.js +38 -0
  34. package/dist/searchautocomplete_css.main.js.map +1 -0
  35. package/dist/searchautocomplete_css.mjs +40 -0
  36. package/dist/searchautocomplete_css.module.js +40 -0
  37. package/dist/searchautocomplete_css.module.js.map +1 -0
  38. package/dist/textfield_vars_css.main.js +74 -0
  39. package/dist/textfield_vars_css.main.js.map +1 -0
  40. package/dist/textfield_vars_css.mjs +76 -0
  41. package/dist/textfield_vars_css.module.js +76 -0
  42. package/dist/textfield_vars_css.module.js.map +1 -0
  43. package/dist/vars.31879241.css +223 -0
  44. package/dist/vars.31879241.css.map +1 -0
  45. package/dist/vars.5653edea.css +549 -0
  46. package/dist/vars.5653edea.css.map +1 -0
  47. package/dist/vars.936671cd.css +649 -0
  48. package/dist/vars.936671cd.css.map +1 -0
  49. package/package.json +26 -26
  50. package/src/searchautocomplete.css +0 -1
  51. package/dist/main.css +0 -1700
  52. package/dist/main.css.map +0 -1
package/dist/import.mjs CHANGED
@@ -1,72 +1,6 @@
1
- import $024cf3aa492e9082$exports from "./ar-AE.mjs";
2
- import $b1478ef78bbb453c$exports from "./bg-BG.mjs";
3
- import $a460b76408fa2c12$exports from "./cs-CZ.mjs";
4
- import $e9e48f3945b54c4e$exports from "./da-DK.mjs";
5
- import $51a37bbbb04b8d4b$exports from "./de-DE.mjs";
6
- import $a9652db54e8c657c$exports from "./el-GR.mjs";
7
- import $9d3fddee794c9b57$exports from "./en-US.mjs";
8
- import $d19a882e0e4cfd8a$exports from "./es-ES.mjs";
9
- import $f163759b67478eb6$exports from "./et-EE.mjs";
10
- import $b156937eefa4b1b2$exports from "./fi-FI.mjs";
11
- import $21aacec2a5f4c61f$exports from "./fr-FR.mjs";
12
- import $a0cc323ab22de2bd$exports from "./he-IL.mjs";
13
- import $4b1559eab8beeaf7$exports from "./hr-HR.mjs";
14
- import $4dab4b9205a1a185$exports from "./hu-HU.mjs";
15
- import $e68bbe47073afa8a$exports from "./it-IT.mjs";
16
- import $88667c729de33c42$exports from "./ja-JP.mjs";
17
- import $4c3197bb97515799$exports from "./ko-KR.mjs";
18
- import $cd50f414bffb1f7a$exports from "./lt-LT.mjs";
19
- import $0d7f84ef3916515f$exports from "./lv-LV.mjs";
20
- import $f1a58baeabc47396$exports from "./nb-NO.mjs";
21
- import $a3dd9e27853292c1$exports from "./nl-NL.mjs";
22
- import $6e8413d536bb66ca$exports from "./pl-PL.mjs";
23
- import $bdf278414a496664$exports from "./pt-BR.mjs";
24
- import $53a7cad14ed21164$exports from "./pt-PT.mjs";
25
- import $f503546cf2f6f1ae$exports from "./ro-RO.mjs";
26
- import $9c0df9313a851b51$exports from "./ru-RU.mjs";
27
- import $ff7d7295476e23aa$exports from "./sk-SK.mjs";
28
- import $9a2e91f09cf7ad62$exports from "./sl-SI.mjs";
29
- import $15b314371291c45e$exports from "./sr-SP.mjs";
30
- import $1582d77a65bc529b$exports from "./sv-SE.mjs";
31
- import $c43996bbf6a84066$exports from "./tr-TR.mjs";
32
- import $f0ebecaa2c26d7b6$exports from "./uk-UA.mjs";
33
- import $0d8545e67578a6e4$exports from "./zh-CN.mjs";
34
- import $5a75571ed7cb75fa$exports from "./zh-TW.mjs";
35
- import "./main.css";
1
+ import {SearchAutocomplete as $f3f3b62273a2d260$export$dd65332a5b19fa63} from "./SearchAutocomplete.mjs";
36
2
  import {Item as $dc667e3abdbeb6b2$re_export$Item, Section as $dc667e3abdbeb6b2$re_export$Section} from "@react-stately/collections";
37
- import {useIsMobileDevice as $aQREU$useIsMobileDevice, useUnwrapDOMRef as $aQREU$useUnwrapDOMRef, useFocusableRef as $aQREU$useFocusableRef, useResizeObserver as $aQREU$useResizeObserver, dimensionValue as $aQREU$dimensionValue, classNames as $aQREU$classNames} from "@react-spectrum/utils";
38
- import {ClearButton as $aQREU$ClearButton} from "@react-spectrum/button";
39
- import {Field as $aQREU$Field} from "@react-spectrum/label";
40
- import {useLayoutEffect as $aQREU$useLayoutEffect, filterDOMProps as $aQREU$filterDOMProps, useFormReset as $aQREU$useFormReset, mergeProps as $aQREU$mergeProps, useId as $aQREU$useId} from "@react-aria/utils";
41
- import {FocusRing as $aQREU$FocusRing, useFocusRing as $aQREU$useFocusRing, focusSafely as $aQREU$focusSafely, FocusScope as $aQREU$FocusScope} from "@react-aria/focus";
42
- import {useListBoxLayout as $aQREU$useListBoxLayout, ListBoxBase as $aQREU$ListBoxBase} from "@react-spectrum/listbox";
43
- import $aQREU$spectrumiconsuiMagnifier from "@spectrum-icons/ui/Magnifier";
44
- import {Popover as $aQREU$Popover, Tray as $aQREU$Tray} from "@react-spectrum/overlays";
45
- import {ProgressCircle as $aQREU$ProgressCircle} from "@react-spectrum/progress";
46
- import $aQREU$react, {useRef as $aQREU$useRef, useCallback as $aQREU$useCallback, useState as $aQREU$useState, useEffect as $aQREU$useEffect, forwardRef as $aQREU$forwardRef} from "react";
47
- import {TextFieldBase as $aQREU$TextFieldBase} from "@react-spectrum/textfield";
48
- import {useComboBoxState as $aQREU$useComboBoxState} from "@react-stately/combobox";
49
- import {useLocalizedStringFormatter as $aQREU$useLocalizedStringFormatter, useFilter as $aQREU$useFilter} from "@react-aria/i18n";
50
- import {useFormProps as $aQREU$useFormProps} from "@react-spectrum/form";
51
- import {useHover as $aQREU$useHover, setInteractionModality as $aQREU$setInteractionModality} from "@react-aria/interactions";
52
- import {useProviderProps as $aQREU$useProviderProps, useProvider as $aQREU$useProvider} from "@react-spectrum/provider";
53
- import {useSearchAutocomplete as $aQREU$useSearchAutocomplete} from "@react-aria/autocomplete";
54
- import $aQREU$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
55
- import $aQREU$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
56
- import {useOverlayTrigger as $aQREU$useOverlayTrigger, DismissButton as $aQREU$DismissButton} from "@react-aria/overlays";
57
- import {useButton as $aQREU$useButton} from "@react-aria/button";
58
- import {useDialog as $aQREU$useDialog} from "@react-aria/dialog";
59
- import {useField as $aQREU$useField} from "@react-aria/label";
60
- import {useFormValidation as $aQREU$useFormValidation} from "@react-aria/form";
61
3
 
62
-
63
- function $parcel$interopDefault(a) {
64
- return a && a.__esModule ? a.default : a;
65
- }
66
-
67
- function $parcel$export(e, n, v, s) {
68
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
69
- }
70
4
  /*
71
5
  * Copyright 2021 Adobe. All rights reserved.
72
6
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -78,964 +12,6 @@ function $parcel$export(e, n, v, s) {
78
12
  * OF ANY KIND, either express or implied. See the License for the specific language
79
13
  * governing permissions and limitations under the License.
80
14
  */ /// <reference types="css-module-types" />
81
- /*
82
- * Copyright 2020 Adobe. All rights reserved.
83
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
84
- * you may not use this file except in compliance with the License. You may obtain a copy
85
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
86
- *
87
- * Unless required by applicable law or agreed to in writing, software distributed under
88
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
89
- * OF ANY KIND, either express or implied. See the License for the specific language
90
- * governing permissions and limitations under the License.
91
- */
92
-
93
-
94
-
95
-
96
- var $67773d1975e0a845$exports = {};
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
-
131
- $67773d1975e0a845$exports = {
132
- "ar-AE": $024cf3aa492e9082$exports,
133
- "bg-BG": $b1478ef78bbb453c$exports,
134
- "cs-CZ": $a460b76408fa2c12$exports,
135
- "da-DK": $e9e48f3945b54c4e$exports,
136
- "de-DE": $51a37bbbb04b8d4b$exports,
137
- "el-GR": $a9652db54e8c657c$exports,
138
- "en-US": $9d3fddee794c9b57$exports,
139
- "es-ES": $d19a882e0e4cfd8a$exports,
140
- "et-EE": $f163759b67478eb6$exports,
141
- "fi-FI": $b156937eefa4b1b2$exports,
142
- "fr-FR": $21aacec2a5f4c61f$exports,
143
- "he-IL": $a0cc323ab22de2bd$exports,
144
- "hr-HR": $4b1559eab8beeaf7$exports,
145
- "hu-HU": $4dab4b9205a1a185$exports,
146
- "it-IT": $e68bbe47073afa8a$exports,
147
- "ja-JP": $88667c729de33c42$exports,
148
- "ko-KR": $4c3197bb97515799$exports,
149
- "lt-LT": $cd50f414bffb1f7a$exports,
150
- "lv-LV": $0d7f84ef3916515f$exports,
151
- "nb-NO": $f1a58baeabc47396$exports,
152
- "nl-NL": $a3dd9e27853292c1$exports,
153
- "pl-PL": $6e8413d536bb66ca$exports,
154
- "pt-BR": $bdf278414a496664$exports,
155
- "pt-PT": $53a7cad14ed21164$exports,
156
- "ro-RO": $f503546cf2f6f1ae$exports,
157
- "ru-RU": $9c0df9313a851b51$exports,
158
- "sk-SK": $ff7d7295476e23aa$exports,
159
- "sl-SI": $9a2e91f09cf7ad62$exports,
160
- "sr-SP": $15b314371291c45e$exports,
161
- "sv-SE": $1582d77a65bc529b$exports,
162
- "tr-TR": $c43996bbf6a84066$exports,
163
- "uk-UA": $f0ebecaa2c26d7b6$exports,
164
- "zh-CN": $0d8545e67578a6e4$exports,
165
- "zh-TW": $5a75571ed7cb75fa$exports
166
- };
167
-
168
-
169
-
170
-
171
- /*
172
- * Copyright 2020 Adobe. All rights reserved.
173
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
174
- * you may not use this file except in compliance with the License. You may obtain a copy
175
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
176
- *
177
- * Unless required by applicable law or agreed to in writing, software distributed under
178
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
179
- * OF ANY KIND, either express or implied. See the License for the specific language
180
- * governing permissions and limitations under the License.
181
- */
182
-
183
-
184
-
185
-
186
-
187
-
188
-
189
-
190
-
191
-
192
-
193
-
194
-
195
- var $f6bdc9f20ce7ef93$exports = {};
196
-
197
- $parcel$export($f6bdc9f20ce7ef93$exports, "has-label", () => $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2, (v) => $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2 = v);
198
- $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-input", () => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5, (v) => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = v);
199
- $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-searchautocomplete", () => $f6bdc9f20ce7ef93$export$3117ea626976198e, (v) => $f6bdc9f20ce7ef93$export$3117ea626976198e = v);
200
- $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-value", () => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355, (v) => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = v);
201
- $parcel$export($f6bdc9f20ce7ef93$exports, "no-results", () => $f6bdc9f20ce7ef93$export$5b1939da91820a47, (v) => $f6bdc9f20ce7ef93$export$5b1939da91820a47 = v);
202
- $parcel$export($f6bdc9f20ce7ef93$exports, "searchautocomplete", () => $f6bdc9f20ce7ef93$export$5096a212edbce2e8, (v) => $f6bdc9f20ce7ef93$export$5096a212edbce2e8 = v);
203
- $parcel$export($f6bdc9f20ce7ef93$exports, "tray-dialog", () => $f6bdc9f20ce7ef93$export$3d4198eea215577a, (v) => $f6bdc9f20ce7ef93$export$3d4198eea215577a = v);
204
- $parcel$export($f6bdc9f20ce7ef93$exports, "tray-listbox", () => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed, (v) => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed = v);
205
- $parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield", () => $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0, (v) => $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0 = v);
206
- $parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield-input", () => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8, (v) => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = v);
207
- var $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2;
208
- var $f6bdc9f20ce7ef93$export$bededa1c0ac414c5;
209
- var $f6bdc9f20ce7ef93$export$3117ea626976198e;
210
- var $f6bdc9f20ce7ef93$export$e32ca2bb9f795355;
211
- var $f6bdc9f20ce7ef93$export$5b1939da91820a47;
212
- var $f6bdc9f20ce7ef93$export$5096a212edbce2e8;
213
- var $f6bdc9f20ce7ef93$export$3d4198eea215577a;
214
- var $f6bdc9f20ce7ef93$export$7281dc54d38d4bed;
215
- var $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0;
216
- var $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8;
217
- $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2 = `JdB_7q_has-label`;
218
- $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = `JdB_7q_mobile-input`;
219
- $f6bdc9f20ce7ef93$export$3117ea626976198e = `JdB_7q_mobile-searchautocomplete`;
220
- $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = `JdB_7q_mobile-value`;
221
- $f6bdc9f20ce7ef93$export$5b1939da91820a47 = `JdB_7q_no-results`;
222
- $f6bdc9f20ce7ef93$export$5096a212edbce2e8 = `JdB_7q_searchautocomplete`;
223
- $f6bdc9f20ce7ef93$export$3d4198eea215577a = `JdB_7q_tray-dialog`;
224
- $f6bdc9f20ce7ef93$export$7281dc54d38d4bed = `JdB_7q_tray-listbox`;
225
- $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0 = `JdB_7q_tray-textfield`;
226
- $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = `JdB_7q_tray-textfield-input`;
227
-
228
-
229
- var $5589e2270a5c2f51$exports = {};
230
-
231
- $parcel$export($5589e2270a5c2f51$exports, "focus-ring", () => $5589e2270a5c2f51$export$f39a09f249340e2a, (v) => $5589e2270a5c2f51$export$f39a09f249340e2a = v);
232
- $parcel$export($5589e2270a5c2f51$exports, "i18nFontFamily", () => $5589e2270a5c2f51$export$8c4ee2c50c22c514, (v) => $5589e2270a5c2f51$export$8c4ee2c50c22c514 = v);
233
- $parcel$export($5589e2270a5c2f51$exports, "is-quiet", () => $5589e2270a5c2f51$export$6d5c5433f0da4241, (v) => $5589e2270a5c2f51$export$6d5c5433f0da4241 = v);
234
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-ClearButton", () => $5589e2270a5c2f51$export$b752ce409e5660c, (v) => $5589e2270a5c2f51$export$b752ce409e5660c = v);
235
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing-ring", () => $5589e2270a5c2f51$export$4109102f950813a6, (v) => $5589e2270a5c2f51$export$4109102f950813a6 = v);
236
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing", () => $5589e2270a5c2f51$export$24c7f46a6e3605dd, (v) => $5589e2270a5c2f51$export$24c7f46a6e3605dd = v);
237
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing--quiet", () => $5589e2270a5c2f51$export$2927016961429360, (v) => $5589e2270a5c2f51$export$2927016961429360 = v);
238
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search", () => $5589e2270a5c2f51$export$713911d754e1e4ae, (v) => $5589e2270a5c2f51$export$713911d754e1e4ae = v);
239
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--invalid", () => $5589e2270a5c2f51$export$77a6151a0b46a6a3, (v) => $5589e2270a5c2f51$export$77a6151a0b46a6a3 = v);
240
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--loadable", () => $5589e2270a5c2f51$export$9c74d64afae3b2d4, (v) => $5589e2270a5c2f51$export$9c74d64afae3b2d4 = v);
241
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
242
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-circleLoader", () => $5589e2270a5c2f51$export$70ae4353602451dc, (v) => $5589e2270a5c2f51$export$70ae4353602451dc = v);
243
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-input", () => $5589e2270a5c2f51$export$50e02603f2d97ae1, (v) => $5589e2270a5c2f51$export$50e02603f2d97ae1 = v);
244
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-validationIcon", () => $5589e2270a5c2f51$export$938f0981825eae6e, (v) => $5589e2270a5c2f51$export$938f0981825eae6e = v);
245
- $parcel$export($5589e2270a5c2f51$exports, "spectrum-Textfield", () => $5589e2270a5c2f51$export$2c8a10299d8b3418, (v) => $5589e2270a5c2f51$export$2c8a10299d8b3418 = v);
246
- var $5589e2270a5c2f51$export$f39a09f249340e2a;
247
- var $5589e2270a5c2f51$export$8c4ee2c50c22c514;
248
- var $5589e2270a5c2f51$export$6d5c5433f0da4241;
249
- var $5589e2270a5c2f51$export$b752ce409e5660c;
250
- var $5589e2270a5c2f51$export$4109102f950813a6;
251
- var $5589e2270a5c2f51$export$24c7f46a6e3605dd;
252
- var $5589e2270a5c2f51$export$2927016961429360;
253
- var $5589e2270a5c2f51$export$713911d754e1e4ae;
254
- var $5589e2270a5c2f51$export$77a6151a0b46a6a3;
255
- var $5589e2270a5c2f51$export$9c74d64afae3b2d4;
256
- var $5589e2270a5c2f51$export$aa81e3ab40f37567;
257
- var $5589e2270a5c2f51$export$70ae4353602451dc;
258
- var $5589e2270a5c2f51$export$50e02603f2d97ae1;
259
- var $5589e2270a5c2f51$export$938f0981825eae6e;
260
- var $5589e2270a5c2f51$export$2c8a10299d8b3418;
261
- $5589e2270a5c2f51$export$f39a09f249340e2a = `SOkmSG_focus-ring`;
262
- $5589e2270a5c2f51$export$8c4ee2c50c22c514 = `SOkmSG_i18nFontFamily`;
263
- $5589e2270a5c2f51$export$6d5c5433f0da4241 = `SOkmSG_is-quiet`;
264
- $5589e2270a5c2f51$export$b752ce409e5660c = `SOkmSG_spectrum-ClearButton`;
265
- $5589e2270a5c2f51$export$4109102f950813a6 = `SOkmSG_spectrum-FocusRing-ring`;
266
- $5589e2270a5c2f51$export$24c7f46a6e3605dd = `SOkmSG_spectrum-FocusRing ${$5589e2270a5c2f51$export$4109102f950813a6}`;
267
- $5589e2270a5c2f51$export$2927016961429360 = `SOkmSG_spectrum-FocusRing--quiet`;
268
- $5589e2270a5c2f51$export$713911d754e1e4ae = `SOkmSG_spectrum-Search`;
269
- $5589e2270a5c2f51$export$77a6151a0b46a6a3 = `SOkmSG_spectrum-Search--invalid`;
270
- $5589e2270a5c2f51$export$9c74d64afae3b2d4 = `SOkmSG_spectrum-Search--loadable`;
271
- $5589e2270a5c2f51$export$aa81e3ab40f37567 = `SOkmSG_spectrum-Search--valid`;
272
- $5589e2270a5c2f51$export$70ae4353602451dc = `SOkmSG_spectrum-Search-circleLoader`;
273
- $5589e2270a5c2f51$export$50e02603f2d97ae1 = `SOkmSG_spectrum-Search-input`;
274
- $5589e2270a5c2f51$export$938f0981825eae6e = `SOkmSG_spectrum-Search-validationIcon`;
275
- $5589e2270a5c2f51$export$2c8a10299d8b3418 = `SOkmSG_spectrum-Textfield`;
276
-
277
-
278
-
279
- var $8fb52a80fe52b1c7$exports = {};
280
-
281
- $parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
282
- $parcel$export($8fb52a80fe52b1c7$exports, "i18nFontFamily", () => $8fb52a80fe52b1c7$export$8c4ee2c50c22c514, (v) => $8fb52a80fe52b1c7$export$8c4ee2c50c22c514 = v);
283
- $parcel$export($8fb52a80fe52b1c7$exports, "is-disabled", () => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf, (v) => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = v);
284
- $parcel$export($8fb52a80fe52b1c7$exports, "is-focused", () => $8fb52a80fe52b1c7$export$e7dc768d35940237, (v) => $8fb52a80fe52b1c7$export$e7dc768d35940237 = v);
285
- $parcel$export($8fb52a80fe52b1c7$exports, "is-hovered", () => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7, (v) => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = v);
286
- $parcel$export($8fb52a80fe52b1c7$exports, "is-selected", () => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a, (v) => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = v);
287
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--datetimeRange", () => $8fb52a80fe52b1c7$export$58dd7cd23c92699f, (v) => $8fb52a80fe52b1c7$export$58dd7cd23c92699f = v);
288
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--range", () => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd, (v) => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = v);
289
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--rangeDash", () => $8fb52a80fe52b1c7$export$202113e883898dc, (v) => $8fb52a80fe52b1c7$export$202113e883898dc = v);
290
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-endField", () => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee, (v) => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = v);
291
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-focusRing", () => $8fb52a80fe52b1c7$export$eb262b15b9261fde, (v) => $8fb52a80fe52b1c7$export$eb262b15b9261fde = v);
292
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-startField", () => $8fb52a80fe52b1c7$export$80f9c838a8406469, (v) => $8fb52a80fe52b1c7$export$80f9c838a8406469 = v);
293
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton", () => $8fb52a80fe52b1c7$export$a024c99ecf6b5741, (v) => $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = v);
294
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton--invalid", () => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1, (v) => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = v);
295
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FocusRing-ring", () => $8fb52a80fe52b1c7$export$4109102f950813a6, (v) => $8fb52a80fe52b1c7$export$4109102f950813a6 = v);
296
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FocusRing", () => $8fb52a80fe52b1c7$export$24c7f46a6e3605dd, (v) => $8fb52a80fe52b1c7$export$24c7f46a6e3605dd = v);
297
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FocusRing--quiet", () => $8fb52a80fe52b1c7$export$2927016961429360, (v) => $8fb52a80fe52b1c7$export$2927016961429360 = v);
298
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup", () => $8fb52a80fe52b1c7$export$5be359c1227eedcb, (v) => $8fb52a80fe52b1c7$export$5be359c1227eedcb = v);
299
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--invalid", () => $8fb52a80fe52b1c7$export$3b48509739a9cda0, (v) => $8fb52a80fe52b1c7$export$3b48509739a9cda0 = v);
300
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--quiet", () => $8fb52a80fe52b1c7$export$ebf265ffc062029b, (v) => $8fb52a80fe52b1c7$export$ebf265ffc062029b = v);
301
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-field", () => $8fb52a80fe52b1c7$export$ea77459595e26bec, (v) => $8fb52a80fe52b1c7$export$ea77459595e26bec = v);
302
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-icon", () => $8fb52a80fe52b1c7$export$b91b6af799fd93a8, (v) => $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = v);
303
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input", () => $8fb52a80fe52b1c7$export$92706f5c6fe4074, (v) => $8fb52a80fe52b1c7$export$92706f5c6fe4074 = v);
304
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-circleLoader", () => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa, (v) => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = v);
305
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-validationIcon", () => $8fb52a80fe52b1c7$export$f7ab13ee113f4884, (v) => $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = v);
306
- $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-popover--quiet", () => $8fb52a80fe52b1c7$export$5e116178f9b1556a, (v) => $8fb52a80fe52b1c7$export$5e116178f9b1556a = v);
307
- var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
308
- var $8fb52a80fe52b1c7$export$8c4ee2c50c22c514;
309
- var $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf;
310
- var $8fb52a80fe52b1c7$export$e7dc768d35940237;
311
- var $8fb52a80fe52b1c7$export$b8813cd5d7824ce7;
312
- var $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a;
313
- var $8fb52a80fe52b1c7$export$58dd7cd23c92699f;
314
- var $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd;
315
- var $8fb52a80fe52b1c7$export$202113e883898dc;
316
- var $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee;
317
- var $8fb52a80fe52b1c7$export$eb262b15b9261fde;
318
- var $8fb52a80fe52b1c7$export$80f9c838a8406469;
319
- var $8fb52a80fe52b1c7$export$a024c99ecf6b5741;
320
- var $8fb52a80fe52b1c7$export$c9f503f672e8a3c1;
321
- var $8fb52a80fe52b1c7$export$4109102f950813a6;
322
- var $8fb52a80fe52b1c7$export$24c7f46a6e3605dd;
323
- var $8fb52a80fe52b1c7$export$2927016961429360;
324
- var $8fb52a80fe52b1c7$export$5be359c1227eedcb;
325
- var $8fb52a80fe52b1c7$export$3b48509739a9cda0;
326
- var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
327
- var $8fb52a80fe52b1c7$export$ea77459595e26bec;
328
- var $8fb52a80fe52b1c7$export$b91b6af799fd93a8;
329
- var $8fb52a80fe52b1c7$export$92706f5c6fe4074;
330
- var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
331
- var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
332
- var $8fb52a80fe52b1c7$export$5e116178f9b1556a;
333
- $8fb52a80fe52b1c7$export$f39a09f249340e2a = `ZTA2ya_focus-ring`;
334
- $8fb52a80fe52b1c7$export$8c4ee2c50c22c514 = `ZTA2ya_i18nFontFamily`;
335
- $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = `ZTA2ya_is-disabled`;
336
- $8fb52a80fe52b1c7$export$e7dc768d35940237 = `ZTA2ya_is-focused`;
337
- $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = `ZTA2ya_is-hovered`;
338
- $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = `ZTA2ya_is-selected`;
339
- $8fb52a80fe52b1c7$export$58dd7cd23c92699f = `ZTA2ya_spectrum-Datepicker--datetimeRange`;
340
- $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = `ZTA2ya_spectrum-Datepicker--range`;
341
- $8fb52a80fe52b1c7$export$202113e883898dc = `ZTA2ya_spectrum-Datepicker--rangeDash`;
342
- $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = `ZTA2ya_spectrum-Datepicker-endField`;
343
- $8fb52a80fe52b1c7$export$eb262b15b9261fde = `ZTA2ya_spectrum-Datepicker-focusRing`;
344
- $8fb52a80fe52b1c7$export$80f9c838a8406469 = `ZTA2ya_spectrum-Datepicker-startField`;
345
- $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = `ZTA2ya_spectrum-FieldButton`;
346
- $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = `ZTA2ya_spectrum-FieldButton--invalid`;
347
- $8fb52a80fe52b1c7$export$4109102f950813a6 = `ZTA2ya_spectrum-FocusRing-ring`;
348
- $8fb52a80fe52b1c7$export$24c7f46a6e3605dd = `ZTA2ya_spectrum-FocusRing ${$8fb52a80fe52b1c7$export$4109102f950813a6}`;
349
- $8fb52a80fe52b1c7$export$2927016961429360 = `ZTA2ya_spectrum-FocusRing--quiet`;
350
- $8fb52a80fe52b1c7$export$5be359c1227eedcb = `ZTA2ya_spectrum-InputGroup ${$8fb52a80fe52b1c7$export$24c7f46a6e3605dd}`;
351
- $8fb52a80fe52b1c7$export$3b48509739a9cda0 = `ZTA2ya_spectrum-InputGroup--invalid`;
352
- $8fb52a80fe52b1c7$export$ebf265ffc062029b = `ZTA2ya_spectrum-InputGroup--quiet ${$8fb52a80fe52b1c7$export$2927016961429360}`;
353
- $8fb52a80fe52b1c7$export$ea77459595e26bec = `ZTA2ya_spectrum-InputGroup-field`;
354
- $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = `ZTA2ya_spectrum-InputGroup-icon`;
355
- $8fb52a80fe52b1c7$export$92706f5c6fe4074 = `ZTA2ya_spectrum-InputGroup-input`;
356
- $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = `ZTA2ya_spectrum-InputGroup-input-circleLoader`;
357
- $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = `ZTA2ya_spectrum-InputGroup-input-validationIcon`;
358
- $8fb52a80fe52b1c7$export$5e116178f9b1556a = `ZTA2ya_spectrum-InputGroup-popover--quiet`;
359
-
360
-
361
-
362
- var $c14528ddc146317f$exports = {};
363
-
364
- $parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
365
- $parcel$export($c14528ddc146317f$exports, "i18nFontFamily", () => $c14528ddc146317f$export$8c4ee2c50c22c514, (v) => $c14528ddc146317f$export$8c4ee2c50c22c514 = v);
366
- $parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
367
- $parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
368
- $parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
369
- $parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
370
- $parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing-ring", () => $c14528ddc146317f$export$4109102f950813a6, (v) => $c14528ddc146317f$export$4109102f950813a6 = v);
371
- $parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing", () => $c14528ddc146317f$export$24c7f46a6e3605dd, (v) => $c14528ddc146317f$export$24c7f46a6e3605dd = v);
372
- $parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing--quiet", () => $c14528ddc146317f$export$2927016961429360, (v) => $c14528ddc146317f$export$2927016961429360 = v);
373
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
374
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
375
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
376
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
377
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
378
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
379
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
380
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
381
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
382
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
383
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
384
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper", () => $c14528ddc146317f$export$dd1165e0e6012973, (v) => $c14528ddc146317f$export$dd1165e0e6012973 = v);
385
- $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper--quiet", () => $c14528ddc146317f$export$9fcb3d6af94a9d12, (v) => $c14528ddc146317f$export$9fcb3d6af94a9d12 = v);
386
- var $c14528ddc146317f$export$f39a09f249340e2a;
387
- var $c14528ddc146317f$export$8c4ee2c50c22c514;
388
- var $c14528ddc146317f$export$d35bc1e505d1ebbf;
389
- var $c14528ddc146317f$export$e7dc768d35940237;
390
- var $c14528ddc146317f$export$b8813cd5d7824ce7;
391
- var $c14528ddc146317f$export$e5b2f5233e4e5194;
392
- var $c14528ddc146317f$export$4109102f950813a6;
393
- var $c14528ddc146317f$export$24c7f46a6e3605dd;
394
- var $c14528ddc146317f$export$2927016961429360;
395
- var $c14528ddc146317f$export$2c8a10299d8b3418;
396
- var $c14528ddc146317f$export$58e50b10d30123df;
397
- var $c14528ddc146317f$export$14fd30fea6f1348c;
398
- var $c14528ddc146317f$export$9699f1c538a448a0;
399
- var $c14528ddc146317f$export$bffd5e3d61a81737;
400
- var $c14528ddc146317f$export$c2abbc3f970170b7;
401
- var $c14528ddc146317f$export$82a249fb4d6127;
402
- var $c14528ddc146317f$export$222d1ccd1870be1d;
403
- var $c14528ddc146317f$export$1ac009feb2b0bd0c;
404
- var $c14528ddc146317f$export$c1cdcaa5fe76a871;
405
- var $c14528ddc146317f$export$cf0ead5b44db0da3;
406
- var $c14528ddc146317f$export$dd1165e0e6012973;
407
- var $c14528ddc146317f$export$9fcb3d6af94a9d12;
408
- $c14528ddc146317f$export$f39a09f249340e2a = `YO3Nla_focus-ring`;
409
- $c14528ddc146317f$export$8c4ee2c50c22c514 = `YO3Nla_i18nFontFamily`;
410
- $c14528ddc146317f$export$d35bc1e505d1ebbf = `YO3Nla_is-disabled`;
411
- $c14528ddc146317f$export$e7dc768d35940237 = `YO3Nla_is-focused`;
412
- $c14528ddc146317f$export$b8813cd5d7824ce7 = `YO3Nla_is-hovered`;
413
- $c14528ddc146317f$export$e5b2f5233e4e5194 = `YO3Nla_is-placeholder`;
414
- $c14528ddc146317f$export$4109102f950813a6 = `YO3Nla_spectrum-FocusRing-ring`;
415
- $c14528ddc146317f$export$24c7f46a6e3605dd = `YO3Nla_spectrum-FocusRing ${$c14528ddc146317f$export$4109102f950813a6}`;
416
- $c14528ddc146317f$export$2927016961429360 = `YO3Nla_spectrum-FocusRing--quiet`;
417
- $c14528ddc146317f$export$2c8a10299d8b3418 = `YO3Nla_spectrum-Textfield ${$c14528ddc146317f$export$24c7f46a6e3605dd}`;
418
- $c14528ddc146317f$export$58e50b10d30123df = `YO3Nla_spectrum-Textfield--invalid`;
419
- $c14528ddc146317f$export$14fd30fea6f1348c = `YO3Nla_spectrum-Textfield--loadable`;
420
- $c14528ddc146317f$export$9699f1c538a448a0 = `YO3Nla_spectrum-Textfield--multiline`;
421
- $c14528ddc146317f$export$bffd5e3d61a81737 = `YO3Nla_spectrum-Textfield--quiet ${$c14528ddc146317f$export$2927016961429360}`;
422
- $c14528ddc146317f$export$c2abbc3f970170b7 = `YO3Nla_spectrum-Textfield--valid`;
423
- $c14528ddc146317f$export$82a249fb4d6127 = `YO3Nla_spectrum-Textfield-circleLoader`;
424
- $c14528ddc146317f$export$222d1ccd1870be1d = `YO3Nla_spectrum-Textfield-icon`;
425
- $c14528ddc146317f$export$1ac009feb2b0bd0c = `YO3Nla_spectrum-Textfield-input ${$c14528ddc146317f$export$8c4ee2c50c22c514}`;
426
- $c14528ddc146317f$export$c1cdcaa5fe76a871 = `YO3Nla_spectrum-Textfield-inputIcon`;
427
- $c14528ddc146317f$export$cf0ead5b44db0da3 = `YO3Nla_spectrum-Textfield-validationIcon`;
428
- $c14528ddc146317f$export$dd1165e0e6012973 = `YO3Nla_spectrum-Textfield-wrapper`;
429
- $c14528ddc146317f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--quiet`;
430
-
431
-
432
-
433
-
434
-
435
-
436
-
437
-
438
-
439
-
440
- function $c940f54e16bafef5$var$_MobileSearchAutocomplete(props, ref) {
441
- props = (0, $aQREU$useProviderProps)(props);
442
- let { isQuiet: isQuiet, isDisabled: isDisabled, isRequired: isRequired, validationBehavior: validationBehavior, validate: validate, name: name, isReadOnly: isReadOnly, onSubmit: onSubmit = ()=>{} } = props;
443
- let { contains: contains } = (0, $aQREU$useFilter)({
444
- sensitivity: "base"
445
- });
446
- let state = (0, $aQREU$useComboBoxState)({
447
- ...props,
448
- defaultFilter: contains,
449
- allowsEmptyCollection: true,
450
- // Needs to be false here otherwise we double up on commitSelection/commitCustomValue calls when
451
- // user taps on underlay (i.e. initial tap will call setFocused(false) -> commitSelection/commitCustomValue via onBlur,
452
- // then the closing of the tray will call setFocused(false) again due to cleanup effect)
453
- shouldCloseOnBlur: false,
454
- allowsCustomValue: true,
455
- onSelectionChange: (key)=>key !== null && onSubmit(null, key),
456
- selectedKey: undefined,
457
- defaultSelectedKey: undefined,
458
- validate: (0, $aQREU$useCallback)((v)=>validate === null || validate === void 0 ? void 0 : validate(v.inputValue), [
459
- validate
460
- ])
461
- });
462
- let buttonRef = (0, $aQREU$useRef)(null);
463
- let domRef = (0, $aQREU$useFocusableRef)(ref, buttonRef);
464
- let { triggerProps: triggerProps, overlayProps: overlayProps } = (0, $aQREU$useOverlayTrigger)({
465
- type: "listbox"
466
- }, state, buttonRef);
467
- let inputRef = (0, $aQREU$useRef)(null);
468
- (0, $aQREU$useFormValidation)({
469
- ...props,
470
- focus: ()=>{
471
- var _buttonRef_current;
472
- return (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
473
- }
474
- }, state, inputRef);
475
- let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
476
- let validationState = props.validationState || (isInvalid ? "invalid" : undefined);
477
- var _props_errorMessage;
478
- let errorMessage = (_props_errorMessage = props.errorMessage) !== null && _props_errorMessage !== void 0 ? _props_errorMessage : validationErrors.join(" ");
479
- let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $aQREU$useField)({
480
- ...props,
481
- labelElementType: "span",
482
- isInvalid: isInvalid,
483
- errorMessage: errorMessage
484
- });
485
- // Focus the button and show focus ring when clicking on the label
486
- labelProps.onClick = ()=>{
487
- if (!props.isDisabled && buttonRef.current) {
488
- buttonRef.current.focus();
489
- (0, $aQREU$setInteractionModality)("keyboard");
490
- }
491
- };
492
- let inputProps = {
493
- type: "hidden",
494
- name: name,
495
- value: state.inputValue
496
- };
497
- if (validationBehavior === "native") {
498
- // Use a hidden <input type="text"> rather than <input type="hidden">
499
- // so that an empty value blocks HTML form submission when the field is required.
500
- inputProps.type = "text";
501
- inputProps.hidden = true;
502
- inputProps.required = isRequired;
503
- // Ignore react warning.
504
- inputProps.onChange = ()=>{};
505
- }
506
- (0, $aQREU$useFormReset)(inputRef, state.inputValue, state.setInputValue);
507
- return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
508
- ...props,
509
- labelProps: labelProps,
510
- descriptionProps: descriptionProps,
511
- errorMessageProps: errorMessageProps,
512
- isInvalid: isInvalid,
513
- validationErrors: validationErrors,
514
- validationDetails: validationDetails,
515
- elementType: "span",
516
- ref: domRef,
517
- includeNecessityIndicatorInAccessibilityName: true
518
- }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteButton, {
519
- ...(0, $aQREU$mergeProps)(triggerProps, fieldProps, {
520
- autoFocus: props.autoFocus,
521
- icon: props.icon
522
- }),
523
- ref: buttonRef,
524
- isQuiet: isQuiet,
525
- isDisabled: isDisabled,
526
- isReadOnly: isReadOnly,
527
- isPlaceholder: !state.inputValue,
528
- validationState: validationState,
529
- inputValue: state.inputValue,
530
- clearInput: ()=>state.setInputValue(""),
531
- onPress: ()=>!isReadOnly && state.open(null, "manual")
532
- }, state.inputValue || props.placeholder || "")), /*#__PURE__*/ (0, $aQREU$react).createElement("input", {
533
- ...inputProps,
534
- ref: inputRef
535
- }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Tray), {
536
- state: state,
537
- isFixedHeight: true,
538
- ...overlayProps
539
- }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteTray, {
540
- ...props,
541
- onClose: state.close,
542
- overlayProps: overlayProps,
543
- state: state
544
- })));
545
- }
546
- let $c940f54e16bafef5$export$e7a90f7d6b078162 = /*#__PURE__*/ (0, $aQREU$react).forwardRef($c940f54e16bafef5$var$_MobileSearchAutocomplete);
547
- // any type is because we don't want to call useObjectRef because this is an internal component and we know
548
- // we are always passing an object ref
549
- const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ (0, $aQREU$react).forwardRef(function SearchAutocompleteButton(props, ref) {
550
- let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
551
- "data-testid": "searchicon"
552
- });
553
- let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, isPlaceholder: isPlaceholder, validationState: validationState, inputValue: inputValue, clearInput: clearInput, children: children, style: style, className: className } = props;
554
- let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
555
- let valueId = (0, $aQREU$useId)();
556
- let invalidId = (0, $aQREU$useId)();
557
- let validationIcon = validationState === "invalid" ? /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiAlertMedium), {
558
- id: invalidId,
559
- "aria-label": stringFormatter.format("invalid")
560
- }) : /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiCheckmarkMedium), null);
561
- if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
562
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
563
- size: "S"
564
- });
565
- let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
566
- onPress: (e)=>{
567
- var _props_onPress;
568
- clearInput === null || clearInput === void 0 ? void 0 : clearInput();
569
- props === null || props === void 0 ? void 0 : (_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, e);
570
- },
571
- preventFocus: true,
572
- "aria-label": stringFormatter.format("clear"),
573
- excludeFromTabOrder: true,
574
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
575
- isDisabled: isDisabled
576
- });
577
- let validation = /*#__PURE__*/ (0, $aQREU$react).cloneElement(validationIcon, {
578
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-validationIcon", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input-validationIcon"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon"))
579
- });
580
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $aQREU$useHover)({});
581
- let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $aQREU$useFocusRing)();
582
- let { buttonProps: buttonProps } = (0, $aQREU$useButton)({
583
- ...props,
584
- "aria-labelledby": [
585
- props["aria-labelledby"],
586
- props["aria-label"] && !props["aria-labelledby"] ? props.id : null,
587
- valueId,
588
- validationState === "invalid" ? invalidId : null
589
- ].filter(Boolean).join(" "),
590
- elementType: "div"
591
- }, ref);
592
- return /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
593
- ...(0, $aQREU$mergeProps)(hoverProps, focusProps, buttonProps),
594
- "aria-haspopup": "dialog",
595
- ref: ref,
596
- style: {
597
- ...style,
598
- outline: "none"
599
- },
600
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
601
- "spectrum-InputGroup--quiet": isQuiet,
602
- "is-disabled": isDisabled,
603
- "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
604
- "is-hovered": isHovered,
605
- "is-focused": isFocused,
606
- "focus-ring": isFocusVisible
607
- }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete", "mobile-searchautocomplete"), className)
608
- }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
609
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield", {
610
- "spectrum-Textfield--invalid": validationState === "invalid" && !isDisabled,
611
- "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
612
- "spectrum-Textfield--quiet": isQuiet
613
- }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Search--loadable", {
614
- "is-disabled": isDisabled,
615
- "is-quiet": isQuiet,
616
- "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
617
- "spectrum-Search--valid": validationState === "valid" && !isDisabled
618
- }), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field"))
619
- }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
620
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-input", {
621
- "spectrum-Textfield-inputIcon": !!icon,
622
- "is-hovered": isHovered,
623
- "is-placeholder": isPlaceholder,
624
- "is-disabled": isDisabled,
625
- "is-quiet": isQuiet,
626
- "is-focused": isFocused
627
- }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-input"))
628
- }, icon, /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
629
- id: valueId,
630
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-value")
631
- }, children)), validationState && !isDisabled ? validation : null, (inputValue !== "" || validationState != null) && !isReadOnly && clearButton));
632
- });
633
- function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
634
- let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
635
- "data-testid": "searchicon"
636
- });
637
- let { state: // completionMode = 'suggest',
638
- state, icon: icon = searchIcon, isDisabled: isDisabled, validationState: validationState, label: label, overlayProps: overlayProps, loadingState: loadingState, onLoadMore: onLoadMore, onClose: onClose, onSubmit: onSubmit } = props;
639
- let timeout = (0, $aQREU$useRef)(null);
640
- let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
641
- let inputRef = (0, $aQREU$useRef)(null);
642
- let popoverRef = (0, $aQREU$useRef)(null);
643
- let listBoxRef = (0, $aQREU$useRef)(null);
644
- let isLoading = loadingState === "loading" || loadingState === "loadingMore";
645
- let layout = (0, $aQREU$useListBoxLayout)(state, isLoading);
646
- let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
647
- let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps } = (0, $aQREU$useSearchAutocomplete)({
648
- ...props,
649
- keyboardDelegate: layout,
650
- popoverRef: popoverRef,
651
- listBoxRef: listBoxRef,
652
- inputRef: inputRef,
653
- // Handled outside the tray.
654
- name: undefined
655
- }, state);
656
- (0, $aQREU$react).useEffect(()=>{
657
- if (inputRef.current) (0, $aQREU$focusSafely)(inputRef.current);
658
- }, []);
659
- (0, $aQREU$react).useEffect(()=>{
660
- // When the tray closes, set state.isFocused (i.e. the tray input's focus tracker) to false.
661
- // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
662
- // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
663
- // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
664
- if (!state.isOpen && state.isFocused) state.setFocused(false);
665
- });
666
- let { dialogProps: dialogProps } = (0, $aQREU$useDialog)({
667
- "aria-labelledby": (0, $aQREU$useId)(labelProps.id)
668
- }, popoverRef);
669
- // Override the role of the input to "searchbox" instead of "combobox".
670
- // Since the listbox is always visible, the combobox role doesn't really give us anything.
671
- // VoiceOver on iOS reads "double tap to collapse" when focused on the input rather than
672
- // "double tap to edit text", as with a textbox or searchbox. We'd like double tapping to
673
- // open the virtual keyboard rather than closing the tray.
674
- inputProps.role = "searchbox";
675
- inputProps["aria-haspopup"] = "listbox";
676
- delete inputProps.onTouchEnd;
677
- let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
678
- ...clearButtonProps,
679
- preventFocus: true,
680
- "aria-label": stringFormatter.format("clear"),
681
- excludeFromTabOrder: true,
682
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
683
- isDisabled: isDisabled
684
- });
685
- let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
686
- "aria-label": stringFormatter.format("loading"),
687
- size: "S",
688
- isIndeterminate: true,
689
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-circleLoader", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-circleLoader"))
690
- });
691
- // Close the software keyboard on scroll to give the user a bigger area to scroll.
692
- // But only do this if scrolling with touch, otherwise it can cause issues with touch
693
- // screen readers.
694
- let isTouchDown = (0, $aQREU$useRef)(false);
695
- let onTouchStart = ()=>{
696
- isTouchDown.current = true;
697
- };
698
- let onTouchEnd = ()=>{
699
- isTouchDown.current = false;
700
- };
701
- let onScroll = (0, $aQREU$useCallback)(()=>{
702
- if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) return;
703
- if (popoverRef.current) popoverRef.current.focus();
704
- }, [
705
- inputRef,
706
- popoverRef,
707
- isTouchDown
708
- ]);
709
- let inputValue = inputProps.value;
710
- let lastInputValue = (0, $aQREU$useRef)(inputValue);
711
- (0, $aQREU$useEffect)(()=>{
712
- if (loadingState === "filtering" && !showLoading) {
713
- if (timeout.current === null) timeout.current = setTimeout(()=>{
714
- setShowLoading(true);
715
- }, 500);
716
- // If user is typing, clear the timer and restart since it is a new request
717
- if (inputValue !== lastInputValue.current) {
718
- clearTimeout(timeout.current);
719
- timeout.current = setTimeout(()=>{
720
- setShowLoading(true);
721
- }, 500);
722
- }
723
- } else if (loadingState !== "filtering") {
724
- // If loading is no longer happening, clear any timers and hide the loading circle
725
- setShowLoading(false);
726
- if (timeout.current !== null) {
727
- clearTimeout(timeout.current);
728
- timeout.current = null;
729
- }
730
- }
731
- lastInputValue.current = inputValue;
732
- }, [
733
- loadingState,
734
- inputValue,
735
- showLoading
736
- ]);
737
- let onKeyDown = (e)=>{
738
- // Close virtual keyboard, close tray, and fire onSubmit if user hits Enter w/o any focused options
739
- if (e.key === "Enter" && state.selectionManager.focusedKey == null) {
740
- var _popoverRef_current;
741
- (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.focus();
742
- if (onClose) onClose();
743
- if (onSubmit) onSubmit(inputValue == null ? null : inputValue.toString(), null);
744
- } else if (inputProps.onKeyDown) inputProps.onKeyDown(e);
745
- };
746
- if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
747
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
748
- size: "S"
749
- });
750
- return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusScope), {
751
- restoreFocus: true,
752
- contain: true
753
- }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
754
- ...(0, $aQREU$mergeProps)(overlayProps, dialogProps),
755
- ref: popoverRef,
756
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-dialog")
757
- }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
758
- onDismiss: onClose
759
- }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
760
- label: label,
761
- labelProps: labelProps,
762
- inputProps: {
763
- ...inputProps,
764
- onKeyDown: onKeyDown
765
- },
766
- inputRef: inputRef,
767
- isDisabled: isDisabled,
768
- isLoading: showLoading && loadingState === "filtering",
769
- loadingIndicator: loadingState != null ? loadingCircle : undefined,
770
- validationState: validationState,
771
- wrapperChildren: (state.inputValue !== "" || loadingState === "filtering" || validationState != null) && !props.isReadOnly ? clearButton : undefined,
772
- icon: icon,
773
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Textfield", "spectrum-Search--loadable", {
774
- "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
775
- "spectrum-Search--valid": validationState === "valid" && !isDisabled
776
- }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-textfield", {
777
- "has-label": !!props.label
778
- })),
779
- inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
780
- validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon")
781
- }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
782
- ...listBoxProps,
783
- domProps: {
784
- onTouchStart: onTouchStart,
785
- onTouchEnd: onTouchEnd
786
- },
787
- disallowEmptySelection: true,
788
- shouldSelectOnPressUp: true,
789
- focusOnPointerEnter: true,
790
- layout: layout,
791
- state: state,
792
- shouldUseVirtualFocus: true,
793
- renderEmptyState: ()=>loadingState !== "loading" && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
794
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
795
- }, stringFormatter.format("noResults")),
796
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-listbox"),
797
- ref: listBoxRef,
798
- onScroll: onScroll,
799
- onLoadMore: onLoadMore,
800
- isLoading: isLoading
801
- }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
802
- onDismiss: onClose
803
- })));
804
- }
805
-
806
-
807
-
808
-
809
-
810
-
811
-
812
-
813
-
814
-
815
-
816
-
817
-
818
-
819
-
820
-
821
- function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
822
- props = (0, $aQREU$useProviderProps)(props);
823
- props = (0, $aQREU$useFormProps)(props);
824
- if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
825
- let isMobile = (0, $aQREU$useIsMobileDevice)();
826
- if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
827
- return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $c940f54e16bafef5$export$e7a90f7d6b078162), {
828
- ...props,
829
- menuTrigger: "input",
830
- ref: ref
831
- });
832
- else return /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteBase, {
833
- ...props,
834
- ref: ref
835
- });
836
- }
837
- function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
838
- props = (0, $aQREU$useProviderProps)(props);
839
- let { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", align: align = "start", isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
840
- let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
841
- let isAsync = loadingState != null;
842
- let popoverRef = (0, $aQREU$useRef)(null);
843
- let unwrappedPopoverRef = (0, $aQREU$useUnwrapDOMRef)(popoverRef);
844
- let listBoxRef = (0, $aQREU$useRef)(null);
845
- let inputRef = (0, $aQREU$useRef)(null);
846
- let domRef = (0, $aQREU$useFocusableRef)(ref, inputRef);
847
- let { contains: contains } = (0, $aQREU$useFilter)({
848
- sensitivity: "base"
849
- });
850
- let state = (0, $aQREU$useComboBoxState)({
851
- ...props,
852
- defaultFilter: contains,
853
- allowsEmptyCollection: isAsync,
854
- allowsCustomValue: true,
855
- onSelectionChange: (key)=>key !== null && onSubmit(null, key),
856
- selectedKey: undefined,
857
- defaultSelectedKey: undefined,
858
- validate: (0, $aQREU$useCallback)((v)=>validate === null || validate === void 0 ? void 0 : validate(v.inputValue), [
859
- validate
860
- ])
861
- });
862
- let layout = (0, $aQREU$useListBoxLayout)(state, loadingState === "loadingMore");
863
- let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $aQREU$useSearchAutocomplete)({
864
- ...props,
865
- keyboardDelegate: layout,
866
- popoverRef: unwrappedPopoverRef,
867
- listBoxRef: listBoxRef,
868
- inputRef: inputRef,
869
- menuTrigger: menuTrigger
870
- }, state);
871
- // Measure the width of the inputfield to inform the width of the menu (below).
872
- let [menuWidth, setMenuWidth] = (0, $aQREU$useState)(0);
873
- let { scale: scale } = (0, $aQREU$useProvider)();
874
- let onResize = (0, $aQREU$useCallback)(()=>{
875
- if (inputRef.current) {
876
- let inputWidth = inputRef.current.offsetWidth;
877
- setMenuWidth(inputWidth);
878
- }
879
- }, [
880
- inputRef,
881
- setMenuWidth
882
- ]);
883
- (0, $aQREU$useResizeObserver)({
884
- ref: domRef,
885
- onResize: onResize
886
- });
887
- (0, $aQREU$useLayoutEffect)(onResize, [
888
- scale,
889
- onResize
890
- ]);
891
- let width = isQuiet ? undefined : menuWidth;
892
- let style = {
893
- width: customMenuWidth ? (0, $aQREU$dimensionValue)(customMenuWidth) : width,
894
- minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
895
- };
896
- return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
897
- ...props,
898
- descriptionProps: descriptionProps,
899
- errorMessageProps: errorMessageProps,
900
- labelProps: labelProps,
901
- isInvalid: isInvalid,
902
- validationErrors: validationErrors,
903
- validationDetails: validationDetails,
904
- ref: domRef
905
- }, /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteInput, {
906
- ...props,
907
- isOpen: state.isOpen,
908
- loadingState: loadingState,
909
- inputProps: inputProps,
910
- inputRef: inputRef,
911
- clearButtonProps: clearButtonProps,
912
- validationState: props.validationState || (isInvalid ? "invalid" : undefined)
913
- })), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Popover), {
914
- state: state,
915
- UNSAFE_style: style,
916
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-popover", {
917
- "spectrum-InputGroup-popover--quiet": isQuiet
918
- }),
919
- ref: popoverRef,
920
- triggerRef: inputRef,
921
- placement: `${direction} ${align}`,
922
- hideArrow: true,
923
- isNonModal: true,
924
- shouldFlip: shouldFlip
925
- }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
926
- ...listBoxProps,
927
- ref: listBoxRef,
928
- disallowEmptySelection: true,
929
- autoFocus: state.focusStrategy,
930
- shouldSelectOnPressUp: true,
931
- focusOnPointerEnter: true,
932
- layout: layout,
933
- state: state,
934
- shouldUseVirtualFocus: true,
935
- isLoading: loadingState === "loading" || loadingState === "loadingMore",
936
- onLoadMore: onLoadMore,
937
- renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
938
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
939
- }, stringFormatter.format("noResults"))
940
- })));
941
- }
942
- let $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteBase);
943
- // any type is because we don't want to call useObjectRef because this is an internal component and we know
944
- // we are always passing an object ref
945
- function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
946
- let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
947
- "data-testid": "searchicon"
948
- });
949
- let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, inputProps: inputProps, inputRef: inputRef, autoFocus: autoFocus, style: style, className: className, loadingState: loadingState, isOpen: isOpen, menuTrigger: menuTrigger, clearButtonProps: clearButtonProps } = props;
950
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $aQREU$useHover)({});
951
- let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
952
- let domProps = (0, $aQREU$filterDOMProps)(props);
953
- let timeout = (0, $aQREU$useRef)(null);
954
- let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
955
- let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
956
- "aria-label": stringFormatter.format("loading"),
957
- size: "S",
958
- isIndeterminate: true,
959
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-circleLoader", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input-circleLoader"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-circleLoader"))
960
- });
961
- let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
962
- ...clearButtonProps,
963
- preventFocus: true,
964
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
965
- isDisabled: isDisabled
966
- });
967
- let isLoading = loadingState === "loading" || loadingState === "filtering";
968
- let inputValue = inputProps.value;
969
- let lastInputValue = (0, $aQREU$useRef)(inputValue);
970
- (0, $aQREU$useEffect)(()=>{
971
- if (isLoading && !showLoading) {
972
- if (timeout.current === null) timeout.current = setTimeout(()=>{
973
- setShowLoading(true);
974
- }, 500);
975
- // If user is typing, clear the timer and restart since it is a new request
976
- if (inputValue !== lastInputValue.current) {
977
- clearTimeout(timeout.current);
978
- timeout.current = setTimeout(()=>{
979
- setShowLoading(true);
980
- }, 500);
981
- }
982
- } else if (!isLoading) {
983
- // If loading is no longer happening, clear any timers and hide the loading circle
984
- setShowLoading(false);
985
- if (timeout.current != null) {
986
- clearTimeout(timeout.current);
987
- timeout.current = null;
988
- }
989
- }
990
- lastInputValue.current = inputValue;
991
- }, [
992
- isLoading,
993
- showLoading,
994
- inputValue
995
- ]);
996
- return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusRing), {
997
- within: true,
998
- isTextInput: true,
999
- focusClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "is-focused"),
1000
- focusRingClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "focus-ring"),
1001
- autoFocus: autoFocus
1002
- }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
1003
- ...hoverProps,
1004
- ref: ref,
1005
- style: style,
1006
- className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
1007
- "spectrum-InputGroup--quiet": isQuiet,
1008
- "is-disabled": isDisabled,
1009
- "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
1010
- "is-hovered": isHovered
1011
- }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete"), className)
1012
- }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
1013
- ...domProps,
1014
- inputProps: inputProps,
1015
- inputRef: inputRef,
1016
- UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Search--loadable", "spectrum-Textfield", {
1017
- "is-disabled": isDisabled,
1018
- "is-quiet": isQuiet,
1019
- "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
1020
- "spectrum-Search--valid": validationState === "valid" && !isDisabled
1021
- }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field")),
1022
- inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
1023
- validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon"),
1024
- isDisabled: isDisabled,
1025
- isQuiet: isQuiet,
1026
- validationState: validationState,
1027
- isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
1028
- loadingIndicator: loadingState != null ? loadingCircle : undefined,
1029
- icon: icon,
1030
- wrapperChildren: (inputValue !== "" || loadingState === "filtering" || validationState != null) && !isReadOnly ? clearButton : undefined,
1031
- disableFocusRing: true
1032
- })));
1033
- }
1034
- let $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteInput);
1035
- /**
1036
- * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
1037
- */ let $f3f3b62273a2d260$export$dd65332a5b19fa63 = /*#__PURE__*/ (0, $aQREU$forwardRef)($f3f3b62273a2d260$var$SearchAutocomplete);
1038
-
1039
15
 
1040
16
 
1041
17