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

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 (86) 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/ar-AE.mjs +1 -1
  12. package/dist/bg-BG.mjs +1 -1
  13. package/dist/cs-CZ.mjs +1 -1
  14. package/dist/da-DK.mjs +1 -1
  15. package/dist/de-DE.mjs +1 -1
  16. package/dist/el-GR.mjs +1 -1
  17. package/dist/en-US.mjs +1 -1
  18. package/dist/es-ES.mjs +1 -1
  19. package/dist/et-EE.mjs +1 -1
  20. package/dist/fi-FI.mjs +1 -1
  21. package/dist/fr-FR.mjs +1 -1
  22. package/dist/he-IL.mjs +1 -1
  23. package/dist/hr-HR.mjs +1 -1
  24. package/dist/hu-HU.mjs +1 -1
  25. package/dist/import.mjs +1 -1025
  26. package/dist/inputgroup_vars_css.main.js +86 -0
  27. package/dist/inputgroup_vars_css.main.js.map +1 -0
  28. package/dist/inputgroup_vars_css.mjs +88 -0
  29. package/dist/inputgroup_vars_css.module.js +88 -0
  30. package/dist/inputgroup_vars_css.module.js.map +1 -0
  31. package/dist/intlStrings.main.js +108 -0
  32. package/dist/intlStrings.main.js.map +1 -0
  33. package/dist/intlStrings.mjs +110 -0
  34. package/dist/intlStrings.module.js +110 -0
  35. package/dist/intlStrings.module.js.map +1 -0
  36. package/dist/it-IT.mjs +1 -1
  37. package/dist/ja-JP.mjs +1 -1
  38. package/dist/ko-KR.mjs +1 -1
  39. package/dist/lt-LT.mjs +1 -1
  40. package/dist/lv-LV.mjs +1 -1
  41. package/dist/main.js +2 -1022
  42. package/dist/main.js.map +1 -1
  43. package/dist/module.js +1 -1025
  44. package/dist/module.js.map +1 -1
  45. package/dist/nb-NO.mjs +1 -1
  46. package/dist/nl-NL.mjs +1 -1
  47. package/dist/pl-PL.mjs +1 -1
  48. package/dist/pt-BR.mjs +1 -1
  49. package/dist/pt-PT.mjs +1 -1
  50. package/dist/ro-RO.mjs +1 -1
  51. package/dist/ru-RU.mjs +1 -1
  52. package/dist/search_vars_css.main.js +53 -0
  53. package/dist/search_vars_css.main.js.map +1 -0
  54. package/dist/search_vars_css.mjs +55 -0
  55. package/dist/search_vars_css.module.js +55 -0
  56. package/dist/search_vars_css.module.js.map +1 -0
  57. package/dist/searchautocomplete.37ce4a26.css +55 -0
  58. package/dist/searchautocomplete.37ce4a26.css.map +1 -0
  59. package/dist/searchautocomplete_css.main.js +38 -0
  60. package/dist/searchautocomplete_css.main.js.map +1 -0
  61. package/dist/searchautocomplete_css.mjs +40 -0
  62. package/dist/searchautocomplete_css.module.js +40 -0
  63. package/dist/searchautocomplete_css.module.js.map +1 -0
  64. package/dist/sk-SK.mjs +1 -1
  65. package/dist/sl-SI.mjs +1 -1
  66. package/dist/sr-SP.mjs +1 -1
  67. package/dist/sv-SE.mjs +1 -1
  68. package/dist/textfield_vars_css.main.js +74 -0
  69. package/dist/textfield_vars_css.main.js.map +1 -0
  70. package/dist/textfield_vars_css.mjs +76 -0
  71. package/dist/textfield_vars_css.module.js +76 -0
  72. package/dist/textfield_vars_css.module.js.map +1 -0
  73. package/dist/tr-TR.mjs +1 -1
  74. package/dist/uk-UA.mjs +1 -1
  75. package/dist/vars.31879241.css +223 -0
  76. package/dist/vars.31879241.css.map +1 -0
  77. package/dist/vars.5653edea.css +549 -0
  78. package/dist/vars.5653edea.css.map +1 -0
  79. package/dist/vars.936671cd.css +649 -0
  80. package/dist/vars.936671cd.css.map +1 -0
  81. package/dist/zh-CN.mjs +1 -1
  82. package/dist/zh-TW.mjs +1 -1
  83. package/package.json +26 -26
  84. package/src/searchautocomplete.css +0 -1
  85. package/dist/main.css +0 -1700
  86. package/dist/main.css.map +0 -1
package/dist/module.js CHANGED
@@ -1,72 +1,6 @@
1
- import $024cf3aa492e9082$exports from "./ar-AE.module.js";
2
- import $b1478ef78bbb453c$exports from "./bg-BG.module.js";
3
- import $a460b76408fa2c12$exports from "./cs-CZ.module.js";
4
- import $e9e48f3945b54c4e$exports from "./da-DK.module.js";
5
- import $51a37bbbb04b8d4b$exports from "./de-DE.module.js";
6
- import $a9652db54e8c657c$exports from "./el-GR.module.js";
7
- import $9d3fddee794c9b57$exports from "./en-US.module.js";
8
- import $d19a882e0e4cfd8a$exports from "./es-ES.module.js";
9
- import $f163759b67478eb6$exports from "./et-EE.module.js";
10
- import $b156937eefa4b1b2$exports from "./fi-FI.module.js";
11
- import $21aacec2a5f4c61f$exports from "./fr-FR.module.js";
12
- import $a0cc323ab22de2bd$exports from "./he-IL.module.js";
13
- import $4b1559eab8beeaf7$exports from "./hr-HR.module.js";
14
- import $4dab4b9205a1a185$exports from "./hu-HU.module.js";
15
- import $e68bbe47073afa8a$exports from "./it-IT.module.js";
16
- import $88667c729de33c42$exports from "./ja-JP.module.js";
17
- import $4c3197bb97515799$exports from "./ko-KR.module.js";
18
- import $cd50f414bffb1f7a$exports from "./lt-LT.module.js";
19
- import $0d7f84ef3916515f$exports from "./lv-LV.module.js";
20
- import $f1a58baeabc47396$exports from "./nb-NO.module.js";
21
- import $a3dd9e27853292c1$exports from "./nl-NL.module.js";
22
- import $6e8413d536bb66ca$exports from "./pl-PL.module.js";
23
- import $bdf278414a496664$exports from "./pt-BR.module.js";
24
- import $53a7cad14ed21164$exports from "./pt-PT.module.js";
25
- import $f503546cf2f6f1ae$exports from "./ro-RO.module.js";
26
- import $9c0df9313a851b51$exports from "./ru-RU.module.js";
27
- import $ff7d7295476e23aa$exports from "./sk-SK.module.js";
28
- import $9a2e91f09cf7ad62$exports from "./sl-SI.module.js";
29
- import $15b314371291c45e$exports from "./sr-SP.module.js";
30
- import $1582d77a65bc529b$exports from "./sv-SE.module.js";
31
- import $c43996bbf6a84066$exports from "./tr-TR.module.js";
32
- import $f0ebecaa2c26d7b6$exports from "./uk-UA.module.js";
33
- import $0d8545e67578a6e4$exports from "./zh-CN.module.js";
34
- import $5a75571ed7cb75fa$exports from "./zh-TW.module.js";
35
- import "./main.css";
1
+ import {SearchAutocomplete as $f3f3b62273a2d260$export$dd65332a5b19fa63} from "./SearchAutocomplete.module.js";
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