@react-spectrum/listbox 3.5.4-nightly.3038 → 3.5.4-nightly.3062

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/main.js CHANGED
@@ -1,541 +1,562 @@
1
- var {
2
- useListState
3
- } = require("@react-stately/list");
4
-
5
- var {
6
- useProvider
7
- } = require("@react-spectrum/provider");
8
-
9
- var {
10
- ProgressCircle
11
- } = require("@react-spectrum/progress");
12
-
13
- var {
14
- ListLayout
15
- } = require("@react-stately/layout");
16
-
17
- var {
18
- useSeparator
19
- } = require("@react-aria/separator");
20
-
21
- var {
22
- useLocale,
23
- useCollator,
24
- useMessageFormatter
25
- } = require("@react-aria/i18n");
26
-
27
- var {
28
- layoutInfoToStyle,
29
- useVirtualizerItem,
30
- Virtualizer,
31
- VirtualizerItem
32
- } = require("@react-aria/virtualizer");
33
-
34
- var {
35
- Text
36
- } = require("@react-spectrum/text");
37
-
38
- var {
39
- mergeProps
40
- } = require("@react-aria/utils");
41
-
42
- var {
43
- isFocusVisible,
44
- useHover
45
- } = require("@react-aria/interactions");
46
-
47
- var {
48
- Grid
49
- } = require("@react-spectrum/layout");
50
-
51
- var {
52
- FocusRing
53
- } = require("@react-aria/focus");
54
-
55
- var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
56
-
57
- var _react2 = require("react");
58
-
59
- var _react = $parcel$interopDefault(_react2);
60
-
61
- var {
62
- useContext,
63
- useRef,
64
- Fragment,
65
- useMemo
66
- } = _react2;
67
-
68
- var {
69
- classNames,
70
- useStyleProps,
71
- ClearSlots,
72
- SlotProvider,
73
- useDOMRef
74
- } = require("@react-spectrum/utils");
75
-
76
- var {
77
- useListBox,
78
- useOption,
79
- useListBoxSection
80
- } = require("@react-aria/listbox");
81
-
82
- var _babelRuntimeHelpersInteropRequireDefault = $parcel$interopDefault(require("@babel/runtime/helpers/interopRequireDefault"));
83
-
84
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
85
-
86
- var {
87
- Item,
88
- Section
89
- } = require("@react-stately/collections");
90
-
91
- exports.Section = Section;
92
- exports.Item = Item;
93
-
94
1
  require("./main.css");
2
+ var $cuqME$reactstatelycollections = require("@react-stately/collections");
3
+ var $cuqME$react = require("react");
4
+ var $cuqME$reactspectrumutils = require("@react-spectrum/utils");
5
+ var $cuqME$reactstatelylist = require("@react-stately/list");
6
+ var $cuqME$reactarialistbox = require("@react-aria/listbox");
7
+ var $cuqME$reactstatelylayout = require("@react-stately/layout");
8
+ var $cuqME$reactariautils = require("@react-aria/utils");
9
+ var $cuqME$reactspectrumprogress = require("@react-spectrum/progress");
10
+ var $cuqME$reactariai18n = require("@react-aria/i18n");
11
+ var $cuqME$reactspectrumprovider = require("@react-spectrum/provider");
12
+ var $cuqME$reactariavirtualizer = require("@react-aria/virtualizer");
13
+ var $cuqME$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
14
+ var $cuqME$reactariafocus = require("@react-aria/focus");
15
+ var $cuqME$reactspectrumlayout = require("@react-spectrum/layout");
16
+ var $cuqME$reactariainteractions = require("@react-aria/interactions");
17
+ var $cuqME$reactspectrumtext = require("@react-spectrum/text");
18
+ var $cuqME$reactariaseparator = require("@react-aria/separator");
19
+
20
+ function $parcel$export(e, n, v, s) {
21
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
22
+ }
23
+ function $parcel$exportWildcard(dest, source) {
24
+ Object.keys(source).forEach(function(key) {
25
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
26
+ return;
27
+ }
28
+
29
+ Object.defineProperty(dest, key, {
30
+ enumerable: true,
31
+ get: function get() {
32
+ return source[key];
33
+ }
34
+ });
35
+ });
95
36
 
37
+ return dest;
38
+ }
96
39
  function $parcel$interopDefault(a) {
97
40
  return a && a.__esModule ? a.default : a;
98
41
  }
99
42
 
100
- const $ec3a4d143e5d0ec6923c3de55c68def5$export$ListBoxContext = /*#__PURE__*/_react.createContext(null);
101
-
102
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/ar-AE.json
103
- var $a7c4ca3666c7dbafec57ede67bb06cfc$exports = {};
104
- $a7c4ca3666c7dbafec57ede67bb06cfc$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
105
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/bg-BG.json
106
- var $fc29aff964e054928b9d09c07c5855ec$exports = {};
107
- $fc29aff964e054928b9d09c07c5855ec$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
108
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/cs-CZ.json
109
- var $e8f80ec05c2d18b034fe363acd721b9c$exports = {};
110
- $e8f80ec05c2d18b034fe363acd721b9c$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
111
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/da-DK.json
112
- var $def518aaf3069293db83c5702421e10$exports = {};
113
- $def518aaf3069293db83c5702421e10$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
114
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/de-DE.json
115
- var $fe8f21e9e2c1a93c8cb941d0e421f4$exports = {};
116
- $fe8f21e9e2c1a93c8cb941d0e421f4$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
117
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/el-GR.json
118
- var $f3bd974b7decc2c925cac883747f7d9$exports = {};
119
- $f3bd974b7decc2c925cac883747f7d9$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
120
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/en-US.json
121
- var $f9615e340042c491f70273dc5d7d799f$exports = {};
122
- $f9615e340042c491f70273dc5d7d799f$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
123
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/es-ES.json
124
- var $dc72df31f5907f7b99a7f310bcdcf$exports = {};
125
- $dc72df31f5907f7b99a7f310bcdcf$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
126
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/et-EE.json
127
- var $b516a2000bc36b2cf35d235bb86b464c$exports = {};
128
- $b516a2000bc36b2cf35d235bb86b464c$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
129
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/fi-FI.json
130
- var $b51125fbfd29f483ce27c8021bdf3$exports = {};
131
- $b51125fbfd29f483ce27c8021bdf3$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
132
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/fr-FR.json
133
- var $a35909637983cfccb5a6ca29e543d51a$exports = {};
134
- $a35909637983cfccb5a6ca29e543d51a$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
135
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/he-IL.json
136
- var $d003d8383fd1b2ee26ce0b4fbf0b8133$exports = {};
137
- $d003d8383fd1b2ee26ce0b4fbf0b8133$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
138
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/hr-HR.json
139
- var $c871121a5b6db7b7f821a8361c2d007f$exports = {};
140
- $c871121a5b6db7b7f821a8361c2d007f$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
141
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/hu-HU.json
142
- var $a877bb1784d41b572a96c0af3d3d2f$exports = {};
143
- $a877bb1784d41b572a96c0af3d3d2f$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
144
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/it-IT.json
145
- var $ff93b4800765048fc92cd81c35dec2ad$exports = {};
146
- $ff93b4800765048fc92cd81c35dec2ad$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
147
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/ja-JP.json
148
- var $aaf8e27c61fee0596f953bc229926428$exports = {};
149
- $aaf8e27c61fee0596f953bc229926428$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
150
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/ko-KR.json
151
- var $c04871f59f03b8f04e12b0b549762$exports = {};
152
- $c04871f59f03b8f04e12b0b549762$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
153
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/lt-LT.json
154
- var $c0902e55ab240816e3e9e570f310f3f6$exports = {};
155
- $c0902e55ab240816e3e9e570f310f3f6$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
156
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/lv-LV.json
157
- var $c94f13261126323f9a55896b45d1$exports = {};
158
- $c94f13261126323f9a55896b45d1$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
159
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/nb-NO.json
160
- var $a7a01f4af867fa5385f47454ed$exports = {};
161
- $a7a01f4af867fa5385f47454ed$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
162
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/nl-NL.json
163
- var $f9a9a64a1e6b3f695e43f8fa88af5ba$exports = {};
164
- $f9a9a64a1e6b3f695e43f8fa88af5ba$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
165
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/pl-PL.json
166
- var $da4c8d5861f8a2ff809b204e1c393$exports = {};
167
- $da4c8d5861f8a2ff809b204e1c393$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
168
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/pt-BR.json
169
- var $f4848a8cc2acccccaa002fbc64a9cd$exports = {};
170
- $f4848a8cc2acccccaa002fbc64a9cd$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
171
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/pt-PT.json
172
- var $fce7e6aee16a5254c3470cbbe8a1908$exports = {};
173
- $fce7e6aee16a5254c3470cbbe8a1908$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
174
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/ro-RO.json
175
- var $ce3520b62d16a1ae19db2856f7fc586$exports = {};
176
- $ce3520b62d16a1ae19db2856f7fc586$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
177
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/ru-RU.json
178
- var $ce9b8395744654f83babf$exports = {};
179
- $ce9b8395744654f83babf$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
180
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/sk-SK.json
181
- var $d588e26b86ad9e592a1a9ce2c82be2$exports = {};
182
- $d588e26b86ad9e592a1a9ce2c82be2$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
183
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/sl-SI.json
184
- var $ba47e84ff8c2147622e9c711878dc539$exports = {};
185
- $ba47e84ff8c2147622e9c711878dc539$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
186
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/sr-SP.json
187
- var $fb1103a7932b7b0e12cee2d0697$exports = {};
188
- $fb1103a7932b7b0e12cee2d0697$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
189
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/sv-SE.json
190
- var $c36c7a891141f341531e519174d4$exports = {};
191
- $c36c7a891141f341531e519174d4$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
192
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/tr-TR.json
193
- var $aed39575b05ecc1e3ec3670fdd466610$exports = {};
194
- $aed39575b05ecc1e3ec3670fdd466610$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
195
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/uk-UA.json
196
- var $d40ebb7fe334b314e29e5a504af63b9d$exports = {};
197
- $d40ebb7fe334b314e29e5a504af63b9d$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
198
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/zh-CN.json
199
- var $ea552550f7ca6a4e44acf8ac252496c$exports = {};
200
- $ea552550f7ca6a4e44acf8ac252496c$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
201
- // ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/listbox/intl/zh-TW.json
202
- var $e288f80d4cdaa8e2ea356e0b162cde52$exports = {};
203
- $e288f80d4cdaa8e2ea356e0b162cde52$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
204
- // ASSET: /home/circleci/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/menu/vars.css
205
- var $bfbcd6bc836614813c70085787fd$exports = {};
206
- $bfbcd6bc836614813c70085787fd$exports = {
207
- "spectrum-Menu-popover": "_spectrum-Menu-popover_fb803",
208
- "spectrum-Menu": "_spectrum-Menu_fb803",
209
- "spectrum-Menu-sectionHeading": "_spectrum-Menu-sectionHeading_fb803",
210
- "spectrum-Menu-checkmark": "_spectrum-Menu-checkmark_fb803",
211
- "spectrum-Menu-item": "_spectrum-Menu-item_fb803",
212
- "is-selected": "_is-selected_fb803",
213
- "spectrum-Icon": "_spectrum-Icon_fb803",
214
- "spectrum-Menu-itemLabel": "_spectrum-Menu-itemLabel_fb803",
215
- "spectrum-Menu-itemIcon": "_spectrum-Menu-itemIcon_fb803",
216
- "spectrum-Menu-itemLabel--wrapping": "_spectrum-Menu-itemLabel--wrapping_fb803",
217
- "spectrum-Menu-divider": "_spectrum-Menu-divider_fb803",
218
- "spectrum-Menu-itemGrid": "_spectrum-Menu-itemGrid_fb803",
219
- "is-selectable": "_is-selectable_fb803",
220
- "spectrum-Menu-end": "_spectrum-Menu-end_fb803",
221
- "spectrum-Menu-icon": "_spectrum-Menu-icon_fb803",
222
- "spectrum-Menu-description": "_spectrum-Menu-description_fb803",
223
- "spectrum-Menu-keyboard": "_spectrum-Menu-keyboard_fb803",
224
- "focus-ring": "_focus-ring_fb803",
225
- "is-focused": "_is-focused_fb803",
226
- "is-hovered": "_is-hovered_fb803",
227
- "is-highlighted": "_is-highlighted_fb803",
228
- "is-open": "_is-open_fb803",
229
- "is-active": "_is-active_fb803",
230
- "is-disabled": "_is-disabled_fb803"
231
- };
232
- var $bfbcd6bc836614813c70085787fd$$interop$default = $parcel$interopDefault($bfbcd6bc836614813c70085787fd$exports);
233
-
234
- /** @private */
235
- function $f7ecb6637be10ee8759d744db61d91b$export$ListBoxOption(props) {
236
- let {
237
- item,
238
- shouldSelectOnPressUp,
239
- shouldFocusOnHover,
240
- shouldUseVirtualFocus
241
- } = props;
242
- let {
243
- rendered,
244
- key
245
- } = item;
246
- let state = useContext($ec3a4d143e5d0ec6923c3de55c68def5$export$ListBoxContext);
247
- let ref = useRef();
248
- let {
249
- optionProps,
250
- labelProps,
251
- descriptionProps,
252
- isSelected,
253
- isDisabled,
254
- isFocused
255
- } = useOption({
256
- 'aria-label': item['aria-label'],
257
- key,
258
- shouldSelectOnPressUp,
259
- shouldFocusOnHover,
260
- isVirtualized: true,
261
- shouldUseVirtualFocus
262
- }, state, ref);
263
- let {
264
- hoverProps,
265
- isHovered
266
- } = useHover(_babelRuntimeHelpersExtends({}, props, {
267
- isDisabled
268
- }));
269
- let contents = typeof rendered === 'string' ? /*#__PURE__*/_react.createElement(Text, null, rendered) : rendered;
270
- let isKeyboardModality = isFocusVisible();
271
- return /*#__PURE__*/_react.createElement(FocusRing, {
272
- focusRingClass: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'focus-ring')
273
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(optionProps, shouldFocusOnHover ? {} : hoverProps), {
274
- ref: ref,
275
- className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu-item', {
276
- // If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
277
- 'is-focused': shouldUseVirtualFocus && isFocused && isKeyboardModality,
278
- 'is-disabled': isDisabled,
279
- 'is-selected': isSelected,
280
- 'is-selectable': state.selectionManager.selectionMode !== 'none',
281
- // When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
282
- // Otherwise, apply hover styles when focused using non-keyboard modality.
283
- 'is-hovered': isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
284
- })
285
- }), /*#__PURE__*/_react.createElement(Grid, {
286
- UNSAFE_className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu-itemGrid')
287
- }, /*#__PURE__*/_react.createElement(ClearSlots, null, /*#__PURE__*/_react.createElement(SlotProvider, {
288
- slots: {
289
- text: _babelRuntimeHelpersExtends({
290
- UNSAFE_className: $bfbcd6bc836614813c70085787fd$$interop$default['spectrum-Menu-itemLabel']
291
- }, labelProps),
292
- icon: {
293
- size: 'S',
294
- UNSAFE_className: $bfbcd6bc836614813c70085787fd$$interop$default['spectrum-Menu-icon']
295
- },
296
- description: _babelRuntimeHelpersExtends({
297
- UNSAFE_className: $bfbcd6bc836614813c70085787fd$$interop$default['spectrum-Menu-description']
298
- }, descriptionProps)
299
- }
300
- }, contents, isSelected && /*#__PURE__*/_react.createElement(_spectrumIconsUiCheckmarkMedium, {
301
- slot: "checkmark",
302
- UNSAFE_className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu-checkmark')
303
- }))))));
304
- }
43
+ $parcel$export(module.exports, "Item", () => $fb0ab96079e3ae72$re_export$Item);
44
+ $parcel$export(module.exports, "Section", () => $fb0ab96079e3ae72$re_export$Section);
45
+ var $06667c49c9259501$exports = {};
305
46
 
306
- /** @private */
307
- function $d46d1c2ed33b171440f8507f$export$ListBoxSection(props) {
308
- let {
309
- children,
310
- reusableView,
311
- header
312
- } = props;
313
- let item = reusableView.content;
314
- let {
315
- headingProps,
316
- groupProps
317
- } = useListBoxSection({
318
- heading: item.rendered,
319
- 'aria-label': item['aria-label']
320
- });
321
- let {
322
- separatorProps
323
- } = useSeparator({
324
- elementType: 'li'
325
- });
326
- let headerRef = useRef();
327
- useVirtualizerItem({
328
- reusableView: header,
329
- ref: headerRef
330
- });
331
- let {
332
- direction
333
- } = useLocale();
334
- let state = useContext($ec3a4d143e5d0ec6923c3de55c68def5$export$ListBoxContext);
335
- return /*#__PURE__*/_react.createElement(Fragment, null, /*#__PURE__*/_react.createElement("div", {
336
- role: "presentation",
337
- ref: headerRef,
338
- style: layoutInfoToStyle(header.layoutInfo, direction)
339
- }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, separatorProps, {
340
- className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu-divider')
341
- })), item.rendered && /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, headingProps, {
342
- className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu-sectionHeading')
343
- }), item.rendered)), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, groupProps, {
344
- style: layoutInfoToStyle(reusableView.layoutInfo, direction),
345
- className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu')
346
- }), children));
347
- }
47
+ $parcel$export($06667c49c9259501$exports, "ListBox", () => $06667c49c9259501$export$41f133550aa26f48);
48
+ var $15c53425ccdf417f$exports = {};
49
+
50
+ $parcel$export($15c53425ccdf417f$exports, "useListBoxLayout", () => $15c53425ccdf417f$export$25768ea656ae32a7);
51
+ $parcel$export($15c53425ccdf417f$exports, "ListBoxBase", () => $15c53425ccdf417f$export$1afdcf349979fb7e);
52
+
53
+
54
+ var $7b6df22eedf01dcf$exports = {};
55
+ var $df8dd41d75e4096d$exports = {};
56
+ $df8dd41d75e4096d$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
57
+
58
+
59
+ var $f7835cbcf7bc02dd$exports = {};
60
+ $f7835cbcf7bc02dd$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
61
+
62
+
63
+ var $1229f5a6738ec2cd$exports = {};
64
+ $1229f5a6738ec2cd$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
65
+
66
+
67
+ var $66a84ca280235626$exports = {};
68
+ $66a84ca280235626$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
69
+
70
+
71
+ var $b28c91e36ee8d137$exports = {};
72
+ $b28c91e36ee8d137$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
73
+
74
+
75
+ var $723a8db787af9c45$exports = {};
76
+ $723a8db787af9c45$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
77
+
78
+
79
+ var $55fb44aa705e5a7d$exports = {};
80
+ $55fb44aa705e5a7d$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
81
+
82
+
83
+ var $3ccb82169caed221$exports = {};
84
+ $3ccb82169caed221$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
85
+
86
+
87
+ var $373d4d0606701553$exports = {};
88
+ $373d4d0606701553$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
89
+
90
+
91
+ var $7339e1f3aab4bbaf$exports = {};
92
+ $7339e1f3aab4bbaf$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
93
+
94
+
95
+ var $1a39da2fbe2c10c2$exports = {};
96
+ $1a39da2fbe2c10c2$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
97
+
98
+
99
+ var $3b0aa1ec2affeb45$exports = {};
100
+ $3b0aa1ec2affeb45$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
101
+
102
+
103
+ var $2f62b193db4b0555$exports = {};
104
+ $2f62b193db4b0555$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
105
+
106
+
107
+ var $87986befd0eefa39$exports = {};
108
+ $87986befd0eefa39$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
109
+
110
+
111
+ var $bc5b761f5f99ba51$exports = {};
112
+ $bc5b761f5f99ba51$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
113
+
114
+
115
+ var $391d3b3258f4ad11$exports = {};
116
+ $391d3b3258f4ad11$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
117
+
118
+
119
+ var $ba1a7cd2377372bc$exports = {};
120
+ $ba1a7cd2377372bc$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
121
+
122
+
123
+ var $e48ad3a356ac172a$exports = {};
124
+ $e48ad3a356ac172a$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
125
+
126
+
127
+ var $1b9f4c3a3ccede5a$exports = {};
128
+ $1b9f4c3a3ccede5a$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
129
+
130
+
131
+ var $f4bdba6b25f75067$exports = {};
132
+ $f4bdba6b25f75067$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
133
+
134
+
135
+ var $fd16c8528a290d17$exports = {};
136
+ $fd16c8528a290d17$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
137
+
138
+
139
+ var $5d0760dd099e73d6$exports = {};
140
+ $5d0760dd099e73d6$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
141
+
142
+
143
+ var $ca242a92ac01531a$exports = {};
144
+ $ca242a92ac01531a$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
145
+
146
+
147
+ var $be88992b1eff1983$exports = {};
148
+ $be88992b1eff1983$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
348
149
 
349
- // @ts-ignore
350
- const $eea4395fe687d66cd6f9a8dc8982e743$var$intlMessages = {
351
- "ar-AE": _babelRuntimeHelpersInteropRequireDefault($a7c4ca3666c7dbafec57ede67bb06cfc$exports).default,
352
- "bg-BG": _babelRuntimeHelpersInteropRequireDefault($fc29aff964e054928b9d09c07c5855ec$exports).default,
353
- "cs-CZ": _babelRuntimeHelpersInteropRequireDefault($e8f80ec05c2d18b034fe363acd721b9c$exports).default,
354
- "da-DK": _babelRuntimeHelpersInteropRequireDefault($def518aaf3069293db83c5702421e10$exports).default,
355
- "de-DE": _babelRuntimeHelpersInteropRequireDefault($fe8f21e9e2c1a93c8cb941d0e421f4$exports).default,
356
- "el-GR": _babelRuntimeHelpersInteropRequireDefault($f3bd974b7decc2c925cac883747f7d9$exports).default,
357
- "en-US": _babelRuntimeHelpersInteropRequireDefault($f9615e340042c491f70273dc5d7d799f$exports).default,
358
- "es-ES": _babelRuntimeHelpersInteropRequireDefault($dc72df31f5907f7b99a7f310bcdcf$exports).default,
359
- "et-EE": _babelRuntimeHelpersInteropRequireDefault($b516a2000bc36b2cf35d235bb86b464c$exports).default,
360
- "fi-FI": _babelRuntimeHelpersInteropRequireDefault($b51125fbfd29f483ce27c8021bdf3$exports).default,
361
- "fr-FR": _babelRuntimeHelpersInteropRequireDefault($a35909637983cfccb5a6ca29e543d51a$exports).default,
362
- "he-IL": _babelRuntimeHelpersInteropRequireDefault($d003d8383fd1b2ee26ce0b4fbf0b8133$exports).default,
363
- "hr-HR": _babelRuntimeHelpersInteropRequireDefault($c871121a5b6db7b7f821a8361c2d007f$exports).default,
364
- "hu-HU": _babelRuntimeHelpersInteropRequireDefault($a877bb1784d41b572a96c0af3d3d2f$exports).default,
365
- "it-IT": _babelRuntimeHelpersInteropRequireDefault($ff93b4800765048fc92cd81c35dec2ad$exports).default,
366
- "ja-JP": _babelRuntimeHelpersInteropRequireDefault($aaf8e27c61fee0596f953bc229926428$exports).default,
367
- "ko-KR": _babelRuntimeHelpersInteropRequireDefault($c04871f59f03b8f04e12b0b549762$exports).default,
368
- "lt-LT": _babelRuntimeHelpersInteropRequireDefault($c0902e55ab240816e3e9e570f310f3f6$exports).default,
369
- "lv-LV": _babelRuntimeHelpersInteropRequireDefault($c94f13261126323f9a55896b45d1$exports).default,
370
- "nb-NO": _babelRuntimeHelpersInteropRequireDefault($a7a01f4af867fa5385f47454ed$exports).default,
371
- "nl-NL": _babelRuntimeHelpersInteropRequireDefault($f9a9a64a1e6b3f695e43f8fa88af5ba$exports).default,
372
- "pl-PL": _babelRuntimeHelpersInteropRequireDefault($da4c8d5861f8a2ff809b204e1c393$exports).default,
373
- "pt-BR": _babelRuntimeHelpersInteropRequireDefault($f4848a8cc2acccccaa002fbc64a9cd$exports).default,
374
- "pt-PT": _babelRuntimeHelpersInteropRequireDefault($fce7e6aee16a5254c3470cbbe8a1908$exports).default,
375
- "ro-RO": _babelRuntimeHelpersInteropRequireDefault($ce3520b62d16a1ae19db2856f7fc586$exports).default,
376
- "ru-RU": _babelRuntimeHelpersInteropRequireDefault($ce9b8395744654f83babf$exports).default,
377
- "sk-SK": _babelRuntimeHelpersInteropRequireDefault($d588e26b86ad9e592a1a9ce2c82be2$exports).default,
378
- "sl-SI": _babelRuntimeHelpersInteropRequireDefault($ba47e84ff8c2147622e9c711878dc539$exports).default,
379
- "sr-SP": _babelRuntimeHelpersInteropRequireDefault($fb1103a7932b7b0e12cee2d0697$exports).default,
380
- "sv-SE": _babelRuntimeHelpersInteropRequireDefault($c36c7a891141f341531e519174d4$exports).default,
381
- "tr-TR": _babelRuntimeHelpersInteropRequireDefault($aed39575b05ecc1e3ec3670fdd466610$exports).default,
382
- "uk-UA": _babelRuntimeHelpersInteropRequireDefault($d40ebb7fe334b314e29e5a504af63b9d$exports).default,
383
- "zh-CN": _babelRuntimeHelpersInteropRequireDefault($ea552550f7ca6a4e44acf8ac252496c$exports).default,
384
- "zh-TW": _babelRuntimeHelpersInteropRequireDefault($e288f80d4cdaa8e2ea356e0b162cde52$exports).default
150
+
151
+ var $a844df982f45665c$exports = {};
152
+ $a844df982f45665c$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
153
+
154
+
155
+ var $ab54df9fba8734a5$exports = {};
156
+ $ab54df9fba8734a5$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
157
+
158
+
159
+ var $9a7e5bf499a3cb2c$exports = {};
160
+ $9a7e5bf499a3cb2c$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
161
+
162
+
163
+ var $6c16e2ece6403b44$exports = {};
164
+ $6c16e2ece6403b44$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
165
+
166
+
167
+ var $9ec27a9561fa15de$exports = {};
168
+ $9ec27a9561fa15de$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
169
+
170
+
171
+ var $da54de6f5ec7ee95$exports = {};
172
+ $da54de6f5ec7ee95$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
173
+
174
+
175
+ var $315e047a6960a96e$exports = {};
176
+ $315e047a6960a96e$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
177
+
178
+
179
+ var $14ce9db300c6a2d9$exports = {};
180
+ $14ce9db300c6a2d9$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
181
+
182
+
183
+ var $9d599d3a4c08fff2$exports = {};
184
+ $9d599d3a4c08fff2$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
185
+
186
+
187
+ var $a031d9fa8dff6e98$exports = {};
188
+ $a031d9fa8dff6e98$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
189
+
190
+
191
+ $7b6df22eedf01dcf$exports = {
192
+ "ar-AE": $df8dd41d75e4096d$exports,
193
+ "bg-BG": $f7835cbcf7bc02dd$exports,
194
+ "cs-CZ": $1229f5a6738ec2cd$exports,
195
+ "da-DK": $66a84ca280235626$exports,
196
+ "de-DE": $b28c91e36ee8d137$exports,
197
+ "el-GR": $723a8db787af9c45$exports,
198
+ "en-US": $55fb44aa705e5a7d$exports,
199
+ "es-ES": $3ccb82169caed221$exports,
200
+ "et-EE": $373d4d0606701553$exports,
201
+ "fi-FI": $7339e1f3aab4bbaf$exports,
202
+ "fr-FR": $1a39da2fbe2c10c2$exports,
203
+ "he-IL": $3b0aa1ec2affeb45$exports,
204
+ "hr-HR": $2f62b193db4b0555$exports,
205
+ "hu-HU": $87986befd0eefa39$exports,
206
+ "it-IT": $bc5b761f5f99ba51$exports,
207
+ "ja-JP": $391d3b3258f4ad11$exports,
208
+ "ko-KR": $ba1a7cd2377372bc$exports,
209
+ "lt-LT": $e48ad3a356ac172a$exports,
210
+ "lv-LV": $1b9f4c3a3ccede5a$exports,
211
+ "nb-NO": $f4bdba6b25f75067$exports,
212
+ "nl-NL": $fd16c8528a290d17$exports,
213
+ "pl-PL": $5d0760dd099e73d6$exports,
214
+ "pt-BR": $ca242a92ac01531a$exports,
215
+ "pt-PT": $be88992b1eff1983$exports,
216
+ "ro-RO": $a844df982f45665c$exports,
217
+ "ru-RU": $ab54df9fba8734a5$exports,
218
+ "sk-SK": $9a7e5bf499a3cb2c$exports,
219
+ "sl-SI": $6c16e2ece6403b44$exports,
220
+ "sr-SP": $9ec27a9561fa15de$exports,
221
+ "sv-SE": $da54de6f5ec7ee95$exports,
222
+ "tr-TR": $315e047a6960a96e$exports,
223
+ "uk-UA": $14ce9db300c6a2d9$exports,
224
+ "zh-CN": $9d599d3a4c08fff2$exports,
225
+ "zh-TW": $a031d9fa8dff6e98$exports
385
226
  };
386
227
 
387
- /** @private */
388
- function useListBoxLayout(state) {
389
- let {
390
- scale
391
- } = useProvider();
392
- let collator = useCollator({
393
- usage: 'search',
394
- sensitivity: 'base'
395
- });
396
- let layout = useMemo(() => new ListLayout({
397
- estimatedRowHeight: scale === 'large' ? 48 : 32,
398
- estimatedHeadingHeight: scale === 'large' ? 33 : 26,
399
- padding: scale === 'large' ? 5 : 4,
400
- // TODO: get from DNA
401
- loaderHeight: 40,
402
- placeholderHeight: scale === 'large' ? 48 : 32,
403
- collator
404
- }), [collator, scale]);
405
- layout.collection = state.collection;
406
- layout.disabledKeys = state.disabledKeys;
407
- return layout;
408
- }
409
- /** @private */
410
-
411
-
412
- exports.useListBoxLayout = useListBoxLayout;
413
-
414
- function $eea4395fe687d66cd6f9a8dc8982e743$var$ListBoxBase(props, ref) {
415
- let {
416
- layout,
417
- state,
418
- shouldSelectOnPressUp,
419
- focusOnPointerEnter,
420
- shouldUseVirtualFocus,
421
- domProps = {},
422
- transitionDuration = 0,
423
- onScroll
424
- } = props;
425
- let {
426
- listBoxProps
427
- } = useListBox(_babelRuntimeHelpersExtends({}, props, {
428
- keyboardDelegate: layout,
429
- isVirtualized: true
430
- }), state, ref);
431
- let {
432
- styleProps
433
- } = useStyleProps(props);
434
- let formatMessage = useMessageFormatter($eea4395fe687d66cd6f9a8dc8982e743$var$intlMessages); // Sync loading state into the layout.
435
-
436
- layout.isLoading = props.isLoading; // This overrides collection view's renderWrapper to support heirarchy of items in sections.
437
- // The header is extracted from the children so it can receive ARIA labeling properties.
438
-
439
- let renderWrapper = (parent, reusableView, children, renderChildren) => {
440
- if (reusableView.viewType === 'section') {
441
- return /*#__PURE__*/_react.createElement($d46d1c2ed33b171440f8507f$export$ListBoxSection, {
442
- key: reusableView.key,
443
- reusableView: reusableView,
444
- header: children.find(c => c.viewType === 'header')
445
- }, renderChildren(children.filter(c => c.viewType === 'item')));
446
- }
447
228
 
448
- return /*#__PURE__*/_react.createElement(VirtualizerItem, {
449
- key: reusableView.key,
450
- reusableView: reusableView,
451
- parent: parent
452
- });
453
- };
454
-
455
- return /*#__PURE__*/_react.createElement($ec3a4d143e5d0ec6923c3de55c68def5$export$ListBoxContext.Provider, {
456
- value: state
457
- }, /*#__PURE__*/_react.createElement(Virtualizer, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(listBoxProps, domProps), {
458
- ref: ref,
459
- focusedKey: state.selectionManager.focusedKey,
460
- sizeToFit: "height",
461
- scrollDirection: "vertical",
462
- className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Menu', styleProps.className),
463
- layout: layout,
464
- collection: state.collection,
465
- renderWrapper: renderWrapper,
466
- transitionDuration: transitionDuration,
467
- isLoading: props.isLoading,
468
- onLoadMore: props.onLoadMore,
469
- shouldUseVirtualFocus: shouldUseVirtualFocus,
470
- onScroll: onScroll
471
- }), (type, item) => {
472
- if (type === 'item') {
473
- return /*#__PURE__*/_react.createElement($f7ecb6637be10ee8759d744db61d91b$export$ListBoxOption, {
474
- item: item,
229
+
230
+ const $631645758cc48426$export$7ff8f37d2d81a48d = ($parcel$interopDefault($cuqME$react)).createContext(null);
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+
240
+
241
+ var $a3e731ae1d5dbb1d$exports = {};
242
+
243
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-popover", () => $a3e731ae1d5dbb1d$export$d959f30786125b, (v) => $a3e731ae1d5dbb1d$export$d959f30786125b = v);
244
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu", () => $a3e731ae1d5dbb1d$export$fae6af6decd50ac5, (v) => $a3e731ae1d5dbb1d$export$fae6af6decd50ac5 = v);
245
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-sectionHeading", () => $a3e731ae1d5dbb1d$export$c20ea4b35020fbdd, (v) => $a3e731ae1d5dbb1d$export$c20ea4b35020fbdd = v);
246
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-checkmark", () => $a3e731ae1d5dbb1d$export$8e15a726e4f7e62d, (v) => $a3e731ae1d5dbb1d$export$8e15a726e4f7e62d = v);
247
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-item", () => $a3e731ae1d5dbb1d$export$45faad328e6c532b, (v) => $a3e731ae1d5dbb1d$export$45faad328e6c532b = v);
248
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-selected", () => $a3e731ae1d5dbb1d$export$1e0fb04f31d3c22a, (v) => $a3e731ae1d5dbb1d$export$1e0fb04f31d3c22a = v);
249
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Icon", () => $a3e731ae1d5dbb1d$export$d374b04f30360026, (v) => $a3e731ae1d5dbb1d$export$d374b04f30360026 = v);
250
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-itemLabel", () => $a3e731ae1d5dbb1d$export$1aa6419c5c650567, (v) => $a3e731ae1d5dbb1d$export$1aa6419c5c650567 = v);
251
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-itemIcon", () => $a3e731ae1d5dbb1d$export$f431001e1bb54633, (v) => $a3e731ae1d5dbb1d$export$f431001e1bb54633 = v);
252
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-itemLabel--wrapping", () => $a3e731ae1d5dbb1d$export$465092164a8e1d98, (v) => $a3e731ae1d5dbb1d$export$465092164a8e1d98 = v);
253
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-divider", () => $a3e731ae1d5dbb1d$export$e892026f534efed8, (v) => $a3e731ae1d5dbb1d$export$e892026f534efed8 = v);
254
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-itemGrid", () => $a3e731ae1d5dbb1d$export$ee5f52784f57f9c8, (v) => $a3e731ae1d5dbb1d$export$ee5f52784f57f9c8 = v);
255
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-selectable", () => $a3e731ae1d5dbb1d$export$fbd22ba224473193, (v) => $a3e731ae1d5dbb1d$export$fbd22ba224473193 = v);
256
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-end", () => $a3e731ae1d5dbb1d$export$926a1bb74ed65667, (v) => $a3e731ae1d5dbb1d$export$926a1bb74ed65667 = v);
257
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-icon", () => $a3e731ae1d5dbb1d$export$cbbae63ef9e44c7a, (v) => $a3e731ae1d5dbb1d$export$cbbae63ef9e44c7a = v);
258
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-description", () => $a3e731ae1d5dbb1d$export$36f1275051e39ead, (v) => $a3e731ae1d5dbb1d$export$36f1275051e39ead = v);
259
+ $parcel$export($a3e731ae1d5dbb1d$exports, "spectrum-Menu-keyboard", () => $a3e731ae1d5dbb1d$export$4f9817a7dff6ba0f, (v) => $a3e731ae1d5dbb1d$export$4f9817a7dff6ba0f = v);
260
+ $parcel$export($a3e731ae1d5dbb1d$exports, "focus-ring", () => $a3e731ae1d5dbb1d$export$f39a09f249340e2a, (v) => $a3e731ae1d5dbb1d$export$f39a09f249340e2a = v);
261
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-focused", () => $a3e731ae1d5dbb1d$export$e7dc768d35940237, (v) => $a3e731ae1d5dbb1d$export$e7dc768d35940237 = v);
262
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-hovered", () => $a3e731ae1d5dbb1d$export$b8813cd5d7824ce7, (v) => $a3e731ae1d5dbb1d$export$b8813cd5d7824ce7 = v);
263
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-highlighted", () => $a3e731ae1d5dbb1d$export$451c613d0772eb99, (v) => $a3e731ae1d5dbb1d$export$451c613d0772eb99 = v);
264
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-open", () => $a3e731ae1d5dbb1d$export$a9781837241c946d, (v) => $a3e731ae1d5dbb1d$export$a9781837241c946d = v);
265
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-active", () => $a3e731ae1d5dbb1d$export$20fd0f7cd4e6112f, (v) => $a3e731ae1d5dbb1d$export$20fd0f7cd4e6112f = v);
266
+ $parcel$export($a3e731ae1d5dbb1d$exports, "is-disabled", () => $a3e731ae1d5dbb1d$export$d35bc1e505d1ebbf, (v) => $a3e731ae1d5dbb1d$export$d35bc1e505d1ebbf = v);
267
+ var $a3e731ae1d5dbb1d$export$d959f30786125b;
268
+ var $a3e731ae1d5dbb1d$export$fae6af6decd50ac5;
269
+ var $a3e731ae1d5dbb1d$export$c20ea4b35020fbdd;
270
+ var $a3e731ae1d5dbb1d$export$8e15a726e4f7e62d;
271
+ var $a3e731ae1d5dbb1d$export$45faad328e6c532b;
272
+ var $a3e731ae1d5dbb1d$export$1e0fb04f31d3c22a;
273
+ var $a3e731ae1d5dbb1d$export$d374b04f30360026;
274
+ var $a3e731ae1d5dbb1d$export$1aa6419c5c650567;
275
+ var $a3e731ae1d5dbb1d$export$f431001e1bb54633;
276
+ var $a3e731ae1d5dbb1d$export$465092164a8e1d98;
277
+ var $a3e731ae1d5dbb1d$export$e892026f534efed8;
278
+ var $a3e731ae1d5dbb1d$export$ee5f52784f57f9c8;
279
+ var $a3e731ae1d5dbb1d$export$fbd22ba224473193;
280
+ var $a3e731ae1d5dbb1d$export$926a1bb74ed65667;
281
+ var $a3e731ae1d5dbb1d$export$cbbae63ef9e44c7a;
282
+ var $a3e731ae1d5dbb1d$export$36f1275051e39ead;
283
+ var $a3e731ae1d5dbb1d$export$4f9817a7dff6ba0f;
284
+ var $a3e731ae1d5dbb1d$export$f39a09f249340e2a;
285
+ var $a3e731ae1d5dbb1d$export$e7dc768d35940237;
286
+ var $a3e731ae1d5dbb1d$export$b8813cd5d7824ce7;
287
+ var $a3e731ae1d5dbb1d$export$451c613d0772eb99;
288
+ var $a3e731ae1d5dbb1d$export$a9781837241c946d;
289
+ var $a3e731ae1d5dbb1d$export$20fd0f7cd4e6112f;
290
+ var $a3e731ae1d5dbb1d$export$d35bc1e505d1ebbf;
291
+ $a3e731ae1d5dbb1d$export$d959f30786125b = "_spectrum-Menu-popover_7ea47c";
292
+ $a3e731ae1d5dbb1d$export$fae6af6decd50ac5 = "_spectrum-Menu_7ea47c";
293
+ $a3e731ae1d5dbb1d$export$c20ea4b35020fbdd = "_spectrum-Menu-sectionHeading_7ea47c";
294
+ $a3e731ae1d5dbb1d$export$8e15a726e4f7e62d = "_spectrum-Menu-checkmark_7ea47c";
295
+ $a3e731ae1d5dbb1d$export$45faad328e6c532b = "_spectrum-Menu-item_7ea47c";
296
+ $a3e731ae1d5dbb1d$export$1e0fb04f31d3c22a = "_is-selected_7ea47c";
297
+ $a3e731ae1d5dbb1d$export$d374b04f30360026 = "_spectrum-Icon_7ea47c";
298
+ $a3e731ae1d5dbb1d$export$1aa6419c5c650567 = "_spectrum-Menu-itemLabel_7ea47c";
299
+ $a3e731ae1d5dbb1d$export$f431001e1bb54633 = "_spectrum-Menu-itemIcon_7ea47c";
300
+ $a3e731ae1d5dbb1d$export$465092164a8e1d98 = "_spectrum-Menu-itemLabel--wrapping_7ea47c";
301
+ $a3e731ae1d5dbb1d$export$e892026f534efed8 = "_spectrum-Menu-divider_7ea47c";
302
+ $a3e731ae1d5dbb1d$export$ee5f52784f57f9c8 = "_spectrum-Menu-itemGrid_7ea47c";
303
+ $a3e731ae1d5dbb1d$export$fbd22ba224473193 = "_is-selectable_7ea47c";
304
+ $a3e731ae1d5dbb1d$export$926a1bb74ed65667 = "_spectrum-Menu-end_7ea47c";
305
+ $a3e731ae1d5dbb1d$export$cbbae63ef9e44c7a = "_spectrum-Menu-icon_7ea47c";
306
+ $a3e731ae1d5dbb1d$export$36f1275051e39ead = "_spectrum-Menu-description_7ea47c";
307
+ $a3e731ae1d5dbb1d$export$4f9817a7dff6ba0f = "_spectrum-Menu-keyboard_7ea47c";
308
+ $a3e731ae1d5dbb1d$export$f39a09f249340e2a = "_focus-ring_7ea47c";
309
+ $a3e731ae1d5dbb1d$export$e7dc768d35940237 = "_is-focused_7ea47c";
310
+ $a3e731ae1d5dbb1d$export$b8813cd5d7824ce7 = "_is-hovered_7ea47c";
311
+ $a3e731ae1d5dbb1d$export$451c613d0772eb99 = "_is-highlighted_7ea47c";
312
+ $a3e731ae1d5dbb1d$export$a9781837241c946d = "_is-open_7ea47c";
313
+ $a3e731ae1d5dbb1d$export$20fd0f7cd4e6112f = "_is-active_7ea47c";
314
+ $a3e731ae1d5dbb1d$export$d35bc1e505d1ebbf = "_is-disabled_7ea47c";
315
+
316
+
317
+
318
+
319
+
320
+ function $64bc71b63e1b484d$export$feb3b6b552c14a12(props) {
321
+ let { item: item , shouldSelectOnPressUp: shouldSelectOnPressUp , shouldFocusOnHover: shouldFocusOnHover , shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
322
+ let { rendered: rendered , key: key } = item;
323
+ let state = $cuqME$react.useContext($631645758cc48426$export$7ff8f37d2d81a48d);
324
+ let ref = $cuqME$react.useRef();
325
+ let { optionProps: optionProps , labelProps: labelProps , descriptionProps: descriptionProps , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused } = $cuqME$reactarialistbox.useOption({
326
+ 'aria-label': item['aria-label'],
327
+ key: key,
475
328
  shouldSelectOnPressUp: shouldSelectOnPressUp,
476
- shouldFocusOnHover: focusOnPointerEnter,
329
+ shouldFocusOnHover: shouldFocusOnHover,
330
+ isVirtualized: true,
477
331
  shouldUseVirtualFocus: shouldUseVirtualFocus
478
- });
479
- } else if (type === 'loader') {
480
- return (
481
- /*#__PURE__*/
482
- // aria-selected isn't needed here since this option is not selectable.
483
- // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
484
- _react.createElement("div", {
485
- role: "option",
486
- style: {
487
- display: 'flex',
488
- alignItems: 'center',
489
- justifyContent: 'center',
490
- height: '100%'
491
- }
492
- }, /*#__PURE__*/_react.createElement(ProgressCircle, {
493
- isIndeterminate: true,
494
- size: "S",
495
- "aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading'),
496
- UNSAFE_className: classNames($bfbcd6bc836614813c70085787fd$$interop$default, 'spectrum-Dropdown-progressCircle')
497
- }))
498
- );
499
- } else if (type === 'placeholder') {
500
- let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
501
-
502
- if (emptyState == null) {
503
- return null;
504
- }
332
+ }, state, ref);
333
+ let { hoverProps: hoverProps , isHovered: isHovered } = $cuqME$reactariainteractions.useHover({
334
+ ...props,
335
+ isDisabled: isDisabled
336
+ });
337
+ let contents = typeof rendered === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactspectrumtext.Text, null, rendered) : rendered;
338
+ let isKeyboardModality = $cuqME$reactariainteractions.isFocusVisible();
339
+ return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactariafocus.FocusRing, {
340
+ focusRingClass: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'focus-ring')
341
+ }, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
342
+ ...$cuqME$reactariautils.mergeProps(optionProps, shouldFocusOnHover ? {
343
+ } : hoverProps),
344
+ ref: ref,
345
+ className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu-item', {
346
+ // If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
347
+ 'is-focused': shouldUseVirtualFocus && isFocused && isKeyboardModality,
348
+ 'is-disabled': isDisabled,
349
+ 'is-selected': isSelected,
350
+ 'is-selectable': state.selectionManager.selectionMode !== 'none',
351
+ // When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
352
+ // Otherwise, apply hover styles when focused using non-keyboard modality.
353
+ 'is-hovered': isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
354
+ })
355
+ }, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactspectrumlayout.Grid, {
356
+ UNSAFE_className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu-itemGrid')
357
+ }, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactspectrumutils.ClearSlots, null, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactspectrumutils.SlotProvider, {
358
+ slots: {
359
+ text: {
360
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports))['spectrum-Menu-itemLabel'],
361
+ ...labelProps
362
+ },
363
+ icon: {
364
+ size: 'S',
365
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports))['spectrum-Menu-icon']
366
+ },
367
+ description: {
368
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports))['spectrum-Menu-description'],
369
+ ...descriptionProps
370
+ }
371
+ }
372
+ }, contents, isSelected && /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement(($parcel$interopDefault($cuqME$spectrumiconsuiCheckmarkMedium)), {
373
+ slot: "checkmark",
374
+ UNSAFE_className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu-checkmark')
375
+ })))))));
376
+ }
377
+
378
+
505
379
 
506
- return /*#__PURE__*/_react.createElement("div", {
507
- // aria-selected isn't needed here since this option is not selectable.
380
+
381
+
382
+
383
+
384
+
385
+
386
+
387
+ function $2ea2b947de0ed344$export$dca12b0bb56e4fc(props) {
388
+ let { children: children , reusableView: reusableView , header: header } = props;
389
+ let item = reusableView.content;
390
+ let { headingProps: headingProps , groupProps: groupProps } = $cuqME$reactarialistbox.useListBoxSection({
391
+ heading: item.rendered,
392
+ 'aria-label': item['aria-label']
393
+ });
394
+ let { separatorProps: separatorProps } = $cuqME$reactariaseparator.useSeparator({
395
+ elementType: 'li'
396
+ });
397
+ let headerRef = $cuqME$react.useRef();
398
+ $cuqME$reactariavirtualizer.useVirtualizerItem({
399
+ reusableView: header,
400
+ ref: headerRef
401
+ });
402
+ let { direction: direction } = $cuqME$reactariai18n.useLocale();
403
+ let state = $cuqME$react.useContext($631645758cc48426$export$7ff8f37d2d81a48d);
404
+ return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
405
+ role: "presentation",
406
+ ref: headerRef,
407
+ style: $cuqME$reactariavirtualizer.layoutInfoToStyle(header.layoutInfo, direction)
408
+ }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
409
+ ...separatorProps,
410
+ className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu-divider')
411
+ }), item.rendered && /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
412
+ ...headingProps,
413
+ className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu-sectionHeading')
414
+ }, item.rendered)), /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
415
+ ...groupProps,
416
+ style: $cuqME$reactariavirtualizer.layoutInfoToStyle(reusableView.layoutInfo, direction),
417
+ className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu')
418
+ }, children)));
419
+ }
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+
428
+
429
+
430
+ function $15c53425ccdf417f$export$25768ea656ae32a7(state) {
431
+ let { scale: scale } = $cuqME$reactspectrumprovider.useProvider();
432
+ let collator = $cuqME$reactariai18n.useCollator({
433
+ usage: 'search',
434
+ sensitivity: 'base'
435
+ });
436
+ let layout = $cuqME$react.useMemo(()=>new $cuqME$reactstatelylayout.ListLayout({
437
+ estimatedRowHeight: scale === 'large' ? 48 : 32,
438
+ estimatedHeadingHeight: scale === 'large' ? 33 : 26,
439
+ padding: scale === 'large' ? 5 : 4,
440
+ loaderHeight: 40,
441
+ placeholderHeight: scale === 'large' ? 48 : 32,
442
+ collator: collator
443
+ })
444
+ , [
445
+ collator,
446
+ scale
447
+ ]);
448
+ layout.collection = state.collection;
449
+ layout.disabledKeys = state.disabledKeys;
450
+ return layout;
451
+ }
452
+ /** @private */ function $15c53425ccdf417f$var$ListBoxBase(props, ref) {
453
+ let { layout: layout , state: state , shouldSelectOnPressUp: shouldSelectOnPressUp , focusOnPointerEnter: focusOnPointerEnter , shouldUseVirtualFocus: shouldUseVirtualFocus , domProps: domProps = {
454
+ } , transitionDuration: transitionDuration = 0 , onScroll: onScroll } = props;
455
+ let { listBoxProps: listBoxProps } = $cuqME$reactarialistbox.useListBox({
456
+ ...props,
457
+ keyboardDelegate: layout,
458
+ isVirtualized: true
459
+ }, state, ref);
460
+ let { styleProps: styleProps } = $cuqME$reactspectrumutils.useStyleProps(props);
461
+ let formatMessage = $cuqME$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($7b6df22eedf01dcf$exports)));
462
+ // Sync loading state into the layout.
463
+ layout.isLoading = props.isLoading;
464
+ let renderWrapper = (parent, reusableView, children, renderChildren)=>{
465
+ if (reusableView.viewType === 'section') return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($2ea2b947de0ed344$export$dca12b0bb56e4fc, {
466
+ key: reusableView.key,
467
+ reusableView: reusableView,
468
+ header: children.find((c)=>c.viewType === 'header'
469
+ )
470
+ }, renderChildren(children.filter((c)=>c.viewType === 'item'
471
+ ))));
472
+ return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactariavirtualizer.VirtualizerItem, {
473
+ key: reusableView.key,
474
+ reusableView: reusableView,
475
+ parent: parent
476
+ }));
477
+ };
478
+ return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($631645758cc48426$export$7ff8f37d2d81a48d.Provider, {
479
+ value: state
480
+ }, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactariavirtualizer.Virtualizer, {
481
+ ...styleProps,
482
+ ...$cuqME$reactariautils.mergeProps(listBoxProps, domProps),
483
+ ref: ref,
484
+ focusedKey: state.selectionManager.focusedKey,
485
+ sizeToFit: "height",
486
+ scrollDirection: "vertical",
487
+ className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Menu', styleProps.className),
488
+ layout: layout,
489
+ collection: state.collection,
490
+ renderWrapper: renderWrapper,
491
+ transitionDuration: transitionDuration,
492
+ isLoading: props.isLoading,
493
+ onLoadMore: props.onLoadMore,
494
+ shouldUseVirtualFocus: shouldUseVirtualFocus,
495
+ onScroll: onScroll
496
+ }, (type, item)=>{
497
+ if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($64bc71b63e1b484d$export$feb3b6b552c14a12, {
498
+ item: item,
499
+ shouldSelectOnPressUp: shouldSelectOnPressUp,
500
+ shouldFocusOnHover: focusOnPointerEnter,
501
+ shouldUseVirtualFocus: shouldUseVirtualFocus
502
+ }));
503
+ else if (type === 'loader') return(// aria-selected isn't needed here since this option is not selectable.
508
504
  // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
509
- role: "option"
510
- }, emptyState);
511
- }
512
- }));
513
- } // forwardRef doesn't support generic parameters, so cast the result to the correct type
505
+ /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
506
+ role: "option",
507
+ style: {
508
+ display: 'flex',
509
+ alignItems: 'center',
510
+ justifyContent: 'center',
511
+ height: '100%'
512
+ }
513
+ }, /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($cuqME$reactspectrumprogress.ProgressCircle, {
514
+ isIndeterminate: true,
515
+ size: "S",
516
+ "aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading'),
517
+ UNSAFE_className: $cuqME$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a3e731ae1d5dbb1d$exports)), 'spectrum-Dropdown-progressCircle')
518
+ })));
519
+ else if (type === 'placeholder') {
520
+ let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
521
+ if (emptyState == null) return null;
522
+ return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement("div", {
523
+ // aria-selected isn't needed here since this option is not selectable.
524
+ // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
525
+ role: "option"
526
+ }, emptyState));
527
+ }
528
+ })));
529
+ }
530
+ // forwardRef doesn't support generic parameters, so cast the result to the correct type
514
531
  // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
532
+ const $15c53425ccdf417f$export$1afdcf349979fb7e = /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).forwardRef($15c53425ccdf417f$var$ListBoxBase);
515
533
 
516
534
 
517
- const ListBoxBase = /*#__PURE__*/_react.forwardRef($eea4395fe687d66cd6f9a8dc8982e743$var$ListBoxBase);
518
535
 
519
- exports.ListBoxBase = ListBoxBase;
520
536
 
521
- function $d7bed7a2c355f41f894fc99183feda6e$var$ListBox(props, ref) {
522
- let state = useListState(props);
523
- let layout = useListBoxLayout(state);
524
- let domRef = useDOMRef(ref);
525
- return /*#__PURE__*/_react.createElement(ListBoxBase, _babelRuntimeHelpersExtends({}, props, {
526
- ref: domRef,
527
- state: state,
528
- layout: layout
529
- }));
530
- } // forwardRef doesn't support generic parameters, so cast the result to the correct type
531
- // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
532
537
 
538
+ function $06667c49c9259501$var$ListBox(props, ref) {
539
+ let state = $cuqME$reactstatelylist.useListState(props);
540
+ let layout = $15c53425ccdf417f$export$25768ea656ae32a7(state);
541
+ let domRef = $cuqME$reactspectrumutils.useDOMRef(ref);
542
+ return(/*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).createElement($15c53425ccdf417f$export$1afdcf349979fb7e, {
543
+ ...props,
544
+ ref: domRef,
545
+ state: state,
546
+ layout: layout
547
+ }));
548
+ }
549
+ // forwardRef doesn't support generic parameters, so cast the result to the correct type
550
+ // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
533
551
  /**
534
552
  * A list of options that can allow selection of one or more.
535
- */
553
+ */ const $06667c49c9259501$export$41f133550aa26f48 = /*#__PURE__*/ ($parcel$interopDefault($cuqME$react)).forwardRef($06667c49c9259501$var$ListBox);
554
+
555
+
556
+
536
557
 
558
+ $parcel$exportWildcard(module.exports, $06667c49c9259501$exports);
559
+ $parcel$exportWildcard(module.exports, $15c53425ccdf417f$exports);
537
560
 
538
- const ListBox = /*#__PURE__*/_react.forwardRef($d7bed7a2c355f41f894fc99183feda6e$var$ListBox);
539
561
 
540
- exports.ListBox = ListBox;
541
562
  //# sourceMappingURL=main.js.map