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