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