@ariakit/react 0.4.27 → 0.4.29
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/{CHANGELOG-035.md → CHANGELOG-0314.md} +205 -0
- package/CHANGELOG.md +53 -202
- package/cjs/__chunks/{SXAPGTJ4.cjs → 2ENQD3AS.cjs} +6 -6
- package/cjs/__chunks/{L2IFVMDU.cjs → 2WBRQ3I7.cjs} +7 -6
- package/cjs/__chunks/{N3DLR7OL.cjs → 3B6TF7HK.cjs} +6 -6
- package/cjs/__chunks/{XPQIHUQ7.cjs → 42GL4LKI.cjs} +20 -20
- package/cjs/__chunks/{VXUZM542.cjs → 53Q7HWXL.cjs} +165 -165
- package/cjs/__chunks/{3FIXGHZ2.cjs → 5QRVCRDI.cjs} +5 -5
- package/cjs/__chunks/{7MXJT4IN.cjs → 5XICU34X.cjs} +3 -3
- package/cjs/__chunks/{334WKW6I.cjs → 5ZX5ACFH.cjs} +4 -4
- package/cjs/__chunks/{2MDC3Z3V.cjs → 6BNWLCHF.cjs} +10 -10
- package/cjs/__chunks/{IFZV5LA3.cjs → 6XKLGFUO.cjs} +17 -17
- package/cjs/__chunks/{PZXRBFZF.cjs → 7SEEXNY6.cjs} +7 -7
- package/cjs/__chunks/{VXDLN5CP.cjs → 7XB4QE2H.cjs} +29 -29
- package/cjs/__chunks/{RVXPEX7O.cjs → AI3BA27G.cjs} +18 -18
- package/cjs/__chunks/{NG34QRI6.cjs → BTARPES4.cjs} +79 -32
- package/cjs/__chunks/{LCX235VJ.cjs → CKHOJYDQ.cjs} +6 -6
- package/cjs/__chunks/{C4NVIV6V.cjs → CRPG37KH.cjs} +104 -84
- package/cjs/__chunks/{4RKQMGBK.cjs → CYTUSXPR.cjs} +236 -222
- package/cjs/__chunks/{IHVFJGGN.cjs → D6USTXKA.cjs} +4 -4
- package/cjs/__chunks/{NFZWL7LE.cjs → DDV252ZY.cjs} +4 -4
- package/cjs/__chunks/DVB2WSHD.cjs +41 -0
- package/cjs/__chunks/{YEXJT4IL.cjs → EF57ZMJN.cjs} +10 -10
- package/cjs/__chunks/{RR46KI45.cjs → EQYJ6RA7.cjs} +3 -3
- package/cjs/__chunks/{D4HCGWOU.cjs → FHPV2Q7C.cjs} +182 -78
- package/cjs/__chunks/{FHQ5DVYQ.cjs → FNYFMCD7.cjs} +4 -4
- package/cjs/__chunks/{FELYQPO5.cjs → FWVWDDOL.cjs} +182 -173
- package/cjs/__chunks/{GUY4MKX2.cjs → G2JI2Z7U.cjs} +12 -12
- package/cjs/__chunks/{Z5PDS46M.cjs → GI27TVAM.cjs} +159 -159
- package/cjs/__chunks/{PTE2IJM5.cjs → GQZ5DRPC.cjs} +32 -30
- package/cjs/__chunks/{XH4GE3VE.cjs → GV4SR2CM.cjs} +7 -7
- package/cjs/__chunks/{PU63IQFD.cjs → HCYQ5Z7Z.cjs} +58 -58
- package/cjs/__chunks/{ASOIXRUN.cjs → HGV6FCZP.cjs} +61 -61
- package/cjs/__chunks/{OOFUBC32.cjs → I4JS2KAF.cjs} +17 -19
- package/cjs/__chunks/{DVWS2XPY.cjs → I6N3772N.cjs} +21 -21
- package/cjs/__chunks/{7POA4244.cjs → IEVLYJJP.cjs} +22 -22
- package/cjs/__chunks/{ZNW2LLWJ.cjs → IGWSYIUY.cjs} +15 -15
- package/cjs/__chunks/{QAUJZR6Y.cjs → JBOLBTVU.cjs} +15 -4
- package/cjs/__chunks/{MN5TONXW.cjs → JXYV7OWF.cjs} +33 -36
- package/cjs/__chunks/{FIPBE5IX.cjs → KDVG735H.cjs} +3 -3
- package/cjs/__chunks/{TSBEWPNT.cjs → KFUU3G3B.cjs} +39 -39
- package/cjs/__chunks/{ZYPARRXG.cjs → LGUAIO4Q.cjs} +4 -4
- package/cjs/__chunks/{5NTEPQ2U.cjs → M6YHODMV.cjs} +20 -20
- package/cjs/__chunks/{SIF7IN4L.cjs → MWZS5XD4.cjs} +12 -12
- package/cjs/__chunks/{UUEFM3TG.cjs → NBAYASRC.cjs} +17 -17
- package/cjs/__chunks/{RXZPZPJX.cjs → OFFSDIY3.cjs} +21 -21
- package/cjs/__chunks/{RGH2H3WL.cjs → OP2QHIHD.cjs} +4 -4
- package/cjs/__chunks/{2HXQHKBC.cjs → P6Y2DILA.cjs} +17 -17
- package/cjs/__chunks/{LMCBLO3G.cjs → P7AY4KL3.cjs} +10 -10
- package/cjs/__chunks/{PDPE2VAZ.cjs → QJQWEU4Q.cjs} +134 -120
- package/cjs/__chunks/{UV7CXZEM.cjs → RZJLQJQM.cjs} +9 -9
- package/cjs/__chunks/{34UJGLOZ.cjs → SAFZBKT3.cjs} +61 -48
- package/cjs/__chunks/{LVHC4DSB.cjs → TMY4OIYC.cjs} +19 -19
- package/cjs/__chunks/{LS5VO6AA.cjs → ULDO57DJ.cjs} +12 -12
- package/cjs/__chunks/{NMUCJYMR.cjs → US2XYAXE.cjs} +83 -83
- package/cjs/__chunks/{GUB6WHB6.cjs → VUISVT3V.cjs} +9 -9
- package/cjs/__chunks/{RLKC7JVT.cjs → WHUT2PFL.cjs} +4 -4
- package/cjs/__chunks/WLHP5OM6.cjs +37 -0
- package/cjs/__chunks/{7M4GY5DS.cjs → WYI5CKPV.cjs} +38 -38
- package/cjs/__chunks/{SQ72MZ63.cjs → ZPWE3FTF.cjs} +39 -39
- package/cjs/button.cjs +5 -5
- package/cjs/checkbox.cjs +8 -8
- package/cjs/collection.cjs +6 -6
- package/cjs/combobox.cjs +30 -30
- package/cjs/command.cjs +4 -4
- package/cjs/composite.cjs +17 -17
- package/cjs/dialog.cjs +18 -18
- package/cjs/disclosure.cjs +9 -9
- package/cjs/focus-trap.cjs +5 -5
- package/cjs/focusable.cjs +3 -3
- package/cjs/form.cjs +14 -14
- package/cjs/group.cjs +3 -3
- package/cjs/heading.cjs +3 -3
- package/cjs/hovercard.cjs +25 -25
- package/cjs/index.cjs +59 -59
- package/cjs/menu.cjs +42 -42
- package/cjs/menubar.cjs +8 -8
- package/cjs/popover.cjs +25 -25
- package/cjs/portal.cjs +5 -5
- package/cjs/radio.cjs +12 -12
- package/cjs/role.cjs +3 -3
- package/cjs/select.cjs +36 -36
- package/cjs/separator.cjs +3 -3
- package/cjs/store.cjs +3 -3
- package/cjs/tab.cjs +15 -15
- package/cjs/toolbar.cjs +13 -13
- package/cjs/tooltip.cjs +15 -15
- package/cjs/visually-hidden.cjs +3 -3
- package/package.json +4 -4
- package/cjs/__chunks/FVIS5BFZ.cjs +0 -41
- package/cjs/__chunks/TLUFYZC7.cjs +0 -37
|
@@ -6,55 +6,55 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _D6USTXKAcjs = require('./D6USTXKA.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _I6N3772Ncjs = require('./I6N3772N.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
var
|
|
17
|
+
var _ULDO57DJcjs = require('./ULDO57DJ.cjs');
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _FNYFMCD7cjs = require('./FNYFMCD7.cjs');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var _KFUU3G3Bcjs = require('./KFUU3G3B.cjs');
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var _5QRVCRDIcjs = require('./5QRVCRDI.cjs');
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
var
|
|
31
|
+
var _IGWSYIUYcjs = require('./IGWSYIUY.cjs');
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
var
|
|
34
|
+
var _G2JI2Z7Ucjs = require('./G2JI2Z7U.cjs');
|
|
35
35
|
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
var
|
|
39
|
+
var _JXYV7OWFcjs = require('./JXYV7OWF.cjs');
|
|
40
40
|
|
|
41
41
|
|
|
42
|
-
var
|
|
42
|
+
var _WLHP5OM6cjs = require('./WLHP5OM6.cjs');
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _US2XYAXEcjs = require('./US2XYAXE.cjs');
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
var
|
|
51
|
+
var _ZPWE3FTFcjs = require('./ZPWE3FTF.cjs');
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
var
|
|
54
|
+
var _QJQWEU4Qcjs = require('./QJQWEU4Q.cjs');
|
|
55
55
|
|
|
56
56
|
|
|
57
|
-
var
|
|
57
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
|
|
@@ -67,7 +67,7 @@ var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
|
|
|
67
67
|
|
|
68
68
|
|
|
69
69
|
|
|
70
|
-
var
|
|
70
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
|
|
@@ -93,21 +93,21 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
93
93
|
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
var
|
|
96
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
97
97
|
|
|
98
98
|
// ../ariakit-react-components/dist/select/select-arrow.js
|
|
99
99
|
var TagName = "span";
|
|
100
|
-
var useSelectArrow =
|
|
101
|
-
const context =
|
|
100
|
+
var useSelectArrow = _JBOLBTVUcjs.createHook.call(void 0, function useSelectArrow2({ store, ...props }) {
|
|
101
|
+
const context = _D6USTXKAcjs.useSelectContext.call(void 0, );
|
|
102
102
|
store = store || context;
|
|
103
|
-
props =
|
|
103
|
+
props = _I6N3772Ncjs.usePopoverDisclosureArrow.call(void 0, {
|
|
104
104
|
store,
|
|
105
105
|
...props
|
|
106
106
|
});
|
|
107
107
|
return props;
|
|
108
108
|
});
|
|
109
|
-
var SelectArrow =
|
|
110
|
-
return
|
|
109
|
+
var SelectArrow = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectArrow2(props) {
|
|
110
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useSelectArrow(props));
|
|
111
111
|
});
|
|
112
112
|
|
|
113
113
|
// ../ariakit-react-components/dist/select/select.js
|
|
@@ -133,17 +133,17 @@ function nextWithValue(store, next) {
|
|
|
133
133
|
return nextItem == null ? void 0 : nextItem.id;
|
|
134
134
|
};
|
|
135
135
|
}
|
|
136
|
-
var useSelect =
|
|
137
|
-
const context =
|
|
136
|
+
var useSelect = _JBOLBTVUcjs.createHook.call(void 0, function useSelect2({ store, name, form, required, showOnKeyDown = true, moveOnKeyDown = true, toggleOnPress = true, toggleOnClick = toggleOnPress, ...props }) {
|
|
137
|
+
const context = _D6USTXKAcjs.useSelectProviderContext.call(void 0, );
|
|
138
138
|
store = store || context;
|
|
139
|
-
|
|
139
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component.");
|
|
140
140
|
const onKeyDownProp = props.onKeyDown;
|
|
141
|
-
const showOnKeyDownProp =
|
|
142
|
-
const moveOnKeyDownProp =
|
|
143
|
-
const dir =
|
|
144
|
-
const value =
|
|
141
|
+
const showOnKeyDownProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, showOnKeyDown);
|
|
142
|
+
const moveOnKeyDownProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, moveOnKeyDown);
|
|
143
|
+
const dir = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "placement").split("-")[0];
|
|
144
|
+
const value = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "value");
|
|
145
145
|
const multiSelectable = Array.isArray(value);
|
|
146
|
-
const onKeyDown =
|
|
146
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
147
147
|
var _a;
|
|
148
148
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
149
149
|
if (event.defaultPrevented) return;
|
|
@@ -171,10 +171,10 @@ var useSelect = _QAUJZR6Ycjs.createHook.call(void 0, function useSelect2({ store
|
|
|
171
171
|
}[event.key] && showOnKeyDownProp(event)) {
|
|
172
172
|
event.preventDefault();
|
|
173
173
|
store.move(activeId);
|
|
174
|
-
|
|
174
|
+
_JBOLBTVUcjs.queueBeforeEvent.call(void 0, event.currentTarget, "keyup", store.show);
|
|
175
175
|
}
|
|
176
176
|
});
|
|
177
|
-
props =
|
|
177
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _D6USTXKAcjs.SelectScopedContextProvider, {
|
|
178
178
|
value: store,
|
|
179
179
|
children: element
|
|
180
180
|
}), [store]);
|
|
@@ -186,20 +186,20 @@ var useSelect = _QAUJZR6Ycjs.createHook.call(void 0, function useSelect2({ store
|
|
|
186
186
|
if (nativeSelectChanged) return;
|
|
187
187
|
setAutofill(false);
|
|
188
188
|
}, [value]);
|
|
189
|
-
const labelId =
|
|
189
|
+
const labelId = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
190
190
|
var _a;
|
|
191
191
|
return (_a = state.labelElement) == null ? void 0 : _a.id;
|
|
192
192
|
});
|
|
193
193
|
const label = props["aria-label"];
|
|
194
194
|
const labelledBy = props["aria-labelledby"] || labelId;
|
|
195
|
-
const items =
|
|
195
|
+
const items = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
196
196
|
if (!name) return;
|
|
197
197
|
return state.items;
|
|
198
198
|
});
|
|
199
199
|
const values = _react.useMemo.call(void 0, () => {
|
|
200
200
|
return [...new Set(items == null ? void 0 : items.map((i) => i.value).filter((v) => v != null))];
|
|
201
201
|
}, [items]);
|
|
202
|
-
props =
|
|
202
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => {
|
|
203
203
|
if (!name) return element;
|
|
204
204
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "select", {
|
|
205
205
|
style: {
|
|
@@ -232,7 +232,7 @@ var useSelect = _QAUJZR6Ycjs.createHook.call(void 0, function useSelect2({ store
|
|
|
232
232
|
setAutofill(true);
|
|
233
233
|
store == null ? void 0 : store.setValue(multiSelectable ? getSelectedValues(event.target) : event.target.value);
|
|
234
234
|
},
|
|
235
|
-
children: [
|
|
235
|
+
children: [_JBOLBTVUcjs.toArray.call(void 0, value).map((value2) => {
|
|
236
236
|
if (value2 == null) return null;
|
|
237
237
|
if (values.includes(value2)) return null;
|
|
238
238
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", {
|
|
@@ -257,76 +257,76 @@ var useSelect = _QAUJZR6Ycjs.createHook.call(void 0, function useSelect2({ store
|
|
|
257
257
|
props.disabled
|
|
258
258
|
]);
|
|
259
259
|
const children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [value, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectArrow, {})] });
|
|
260
|
-
const contentElement =
|
|
260
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
261
261
|
props = {
|
|
262
262
|
role: "combobox",
|
|
263
263
|
"aria-autocomplete": "none",
|
|
264
264
|
"aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
|
|
265
|
-
"aria-haspopup":
|
|
265
|
+
"aria-haspopup": _JBOLBTVUcjs.getPopupRole.call(void 0, contentElement, "listbox"),
|
|
266
266
|
"data-autofill": autofill || void 0,
|
|
267
267
|
"data-name": name,
|
|
268
268
|
children,
|
|
269
269
|
...props,
|
|
270
|
-
ref:
|
|
270
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, store.setSelectElement, props.ref),
|
|
271
271
|
onKeyDown
|
|
272
272
|
};
|
|
273
|
-
props =
|
|
273
|
+
props = _I6N3772Ncjs.usePopoverDisclosure.call(void 0, {
|
|
274
274
|
store,
|
|
275
275
|
toggleOnClick,
|
|
276
276
|
...props
|
|
277
277
|
});
|
|
278
|
-
props =
|
|
278
|
+
props = _IGWSYIUYcjs.useCompositeTypeahead.call(void 0, {
|
|
279
279
|
store,
|
|
280
280
|
...props
|
|
281
281
|
});
|
|
282
282
|
return props;
|
|
283
283
|
});
|
|
284
|
-
var Select =
|
|
285
|
-
return
|
|
284
|
+
var Select = _JBOLBTVUcjs.forwardRef.call(void 0, function Select2(props) {
|
|
285
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useSelect(props));
|
|
286
286
|
});
|
|
287
287
|
|
|
288
288
|
// ../ariakit-react-components/dist/select/select-dismiss.js
|
|
289
289
|
var TagName3 = "button";
|
|
290
|
-
var useSelectDismiss =
|
|
291
|
-
const context =
|
|
290
|
+
var useSelectDismiss = _JBOLBTVUcjs.createHook.call(void 0, function useSelectDismiss2({ store, ...props }) {
|
|
291
|
+
const context = _D6USTXKAcjs.useSelectScopedContext.call(void 0, );
|
|
292
292
|
store = store || context;
|
|
293
|
-
props =
|
|
293
|
+
props = _ULDO57DJcjs.usePopoverDismiss.call(void 0, {
|
|
294
294
|
store,
|
|
295
295
|
...props
|
|
296
296
|
});
|
|
297
297
|
return props;
|
|
298
298
|
});
|
|
299
|
-
var SelectDismiss =
|
|
300
|
-
return
|
|
299
|
+
var SelectDismiss = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectDismiss2(props) {
|
|
300
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName3, useSelectDismiss(props));
|
|
301
301
|
});
|
|
302
302
|
|
|
303
303
|
// ../ariakit-react-components/dist/select/select-group.js
|
|
304
304
|
var TagName4 = "div";
|
|
305
|
-
var useSelectGroup =
|
|
306
|
-
props =
|
|
305
|
+
var useSelectGroup = _JBOLBTVUcjs.createHook.call(void 0, function useSelectGroup2(props) {
|
|
306
|
+
props = _JXYV7OWFcjs.useCompositeGroup.call(void 0, props);
|
|
307
307
|
return props;
|
|
308
308
|
});
|
|
309
|
-
var SelectGroup =
|
|
310
|
-
return
|
|
309
|
+
var SelectGroup = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectGroup2(props) {
|
|
310
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName4, useSelectGroup(props));
|
|
311
311
|
});
|
|
312
312
|
|
|
313
313
|
// ../ariakit-react-components/dist/select/select-group-label.js
|
|
314
314
|
var TagName5 = "div";
|
|
315
|
-
var useSelectGroupLabel =
|
|
316
|
-
props =
|
|
315
|
+
var useSelectGroupLabel = _JBOLBTVUcjs.createHook.call(void 0, function useSelectGroupLabel2(props) {
|
|
316
|
+
props = _JXYV7OWFcjs.useCompositeGroupLabel.call(void 0, props);
|
|
317
317
|
return props;
|
|
318
318
|
});
|
|
319
|
-
var SelectGroupLabel =
|
|
320
|
-
return
|
|
319
|
+
var SelectGroupLabel = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectGroupLabel2(props) {
|
|
320
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName5, useSelectGroupLabel(props));
|
|
321
321
|
});
|
|
322
322
|
|
|
323
323
|
// ../ariakit-react-components/dist/select/select-heading.js
|
|
324
324
|
|
|
325
325
|
var TagName6 = "h1";
|
|
326
|
-
var useSelectHeading =
|
|
327
|
-
const [, setHeadingId] = _react.useContext.call(void 0,
|
|
328
|
-
const id =
|
|
329
|
-
|
|
326
|
+
var useSelectHeading = _JBOLBTVUcjs.createHook.call(void 0, function useSelectHeading2(props) {
|
|
327
|
+
const [, setHeadingId] = _react.useContext.call(void 0, _D6USTXKAcjs.SelectHeadingContext) || [];
|
|
328
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
329
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
330
330
|
setHeadingId == null ? void 0 : setHeadingId(id);
|
|
331
331
|
return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
|
|
332
332
|
}, [setHeadingId, id]);
|
|
@@ -334,11 +334,11 @@ var useSelectHeading = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectHe
|
|
|
334
334
|
...props,
|
|
335
335
|
id
|
|
336
336
|
};
|
|
337
|
-
props =
|
|
337
|
+
props = _ULDO57DJcjs.usePopoverHeading.call(void 0, props);
|
|
338
338
|
return props;
|
|
339
339
|
});
|
|
340
|
-
var SelectHeading =
|
|
341
|
-
return
|
|
340
|
+
var SelectHeading = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectHeading2(props) {
|
|
341
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName6, useSelectHeading(props));
|
|
342
342
|
});
|
|
343
343
|
|
|
344
344
|
// ../ariakit-react-components/dist/select/select-item.js
|
|
@@ -351,14 +351,14 @@ function isSelected(storeValue, itemValue) {
|
|
|
351
351
|
if (Array.isArray(storeValue)) return storeValue.includes(itemValue);
|
|
352
352
|
return storeValue === itemValue;
|
|
353
353
|
}
|
|
354
|
-
var useSelectItem =
|
|
354
|
+
var useSelectItem = _JBOLBTVUcjs.createHook.call(void 0, function useSelectItem2({ store, value, getItem: getItemProp, hideOnClick, setValueOnClick = value != null, preventScrollOnKeyDown = true, focusOnHover = true, ...props }) {
|
|
355
355
|
var _a;
|
|
356
|
-
const context =
|
|
356
|
+
const context = _D6USTXKAcjs.useSelectScopedContext.call(void 0, );
|
|
357
357
|
store = store || context;
|
|
358
|
-
|
|
359
|
-
const id =
|
|
360
|
-
const disabled =
|
|
361
|
-
const { listElement, multiSelectable, selected, autoFocus } =
|
|
358
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component.");
|
|
359
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
360
|
+
const disabled = _JBOLBTVUcjs.disabledFromProps.call(void 0, props);
|
|
361
|
+
const { listElement, multiSelectable, selected, autoFocus } = _FHPV2Q7Ccjs.useStoreStateObject.call(void 0, store, {
|
|
362
362
|
listElement: "listElement",
|
|
363
363
|
multiSelectable(state) {
|
|
364
364
|
return Array.isArray(state.value);
|
|
@@ -374,7 +374,7 @@ var useSelectItem = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItem2
|
|
|
374
374
|
return state.value === value;
|
|
375
375
|
}
|
|
376
376
|
});
|
|
377
|
-
const virtualFocus =
|
|
377
|
+
const virtualFocus = _FHPV2Q7Ccjs.useStoreState.call(void 0, store == null ? void 0 : store.combobox, "virtualFocus");
|
|
378
378
|
const getItem = _react.useCallback.call(void 0, (item) => {
|
|
379
379
|
const nextItem = {
|
|
380
380
|
...item,
|
|
@@ -389,13 +389,13 @@ var useSelectItem = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItem2
|
|
|
389
389
|
]);
|
|
390
390
|
hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
|
|
391
391
|
const onClickProp = props.onClick;
|
|
392
|
-
const setValueOnClickProp =
|
|
393
|
-
const hideOnClickProp =
|
|
394
|
-
const onClick =
|
|
392
|
+
const setValueOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, setValueOnClick);
|
|
393
|
+
const hideOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, hideOnClick);
|
|
394
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
395
395
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
396
396
|
if (event.defaultPrevented) return;
|
|
397
|
-
if (
|
|
398
|
-
if (
|
|
397
|
+
if (_JBOLBTVUcjs.isDownloading.call(void 0, event)) return;
|
|
398
|
+
if (_JBOLBTVUcjs.isOpeningInNewTab.call(void 0, event)) return;
|
|
399
399
|
if (setValueOnClickProp(event) && value != null) store == null ? void 0 : store.setValue((prevValue) => {
|
|
400
400
|
if (!Array.isArray(prevValue)) return value;
|
|
401
401
|
if (prevValue.includes(value)) return prevValue.filter((v) => v !== value);
|
|
@@ -403,13 +403,13 @@ var useSelectItem = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItem2
|
|
|
403
403
|
});
|
|
404
404
|
if (hideOnClickProp(event)) store == null ? void 0 : store.hide();
|
|
405
405
|
});
|
|
406
|
-
props =
|
|
406
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _D6USTXKAcjs.SelectItemCheckedContext.Provider, {
|
|
407
407
|
value: selected != null ? selected : false,
|
|
408
408
|
children: element
|
|
409
409
|
}), [selected]);
|
|
410
410
|
const shouldAutoFocus = (_a = props.autoFocus) != null ? _a : autoFocus;
|
|
411
411
|
props = {
|
|
412
|
-
role:
|
|
412
|
+
role: _JBOLBTVUcjs.getPopupItemRole.call(void 0, listElement),
|
|
413
413
|
"aria-selected": selected,
|
|
414
414
|
children: value,
|
|
415
415
|
...props,
|
|
@@ -418,14 +418,14 @@ var useSelectItem = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItem2
|
|
|
418
418
|
"data-autofocus": shouldAutoFocus || void 0,
|
|
419
419
|
onClick
|
|
420
420
|
};
|
|
421
|
-
props =
|
|
421
|
+
props = _ZPWE3FTFcjs.useCompositeItem.call(void 0, {
|
|
422
422
|
store,
|
|
423
423
|
getItem,
|
|
424
424
|
preventScrollOnKeyDown,
|
|
425
425
|
...props
|
|
426
426
|
});
|
|
427
|
-
const focusOnHoverProp =
|
|
428
|
-
props =
|
|
427
|
+
const focusOnHoverProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, focusOnHover);
|
|
428
|
+
props = _JXYV7OWFcjs.useCompositeHover.call(void 0, {
|
|
429
429
|
store,
|
|
430
430
|
...props,
|
|
431
431
|
focusOnHover(event) {
|
|
@@ -435,35 +435,35 @@ var useSelectItem = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItem2
|
|
|
435
435
|
});
|
|
436
436
|
return props;
|
|
437
437
|
});
|
|
438
|
-
var SelectItem =
|
|
439
|
-
return
|
|
438
|
+
var SelectItem = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function SelectItem2(props) {
|
|
439
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName7, useSelectItem(props));
|
|
440
440
|
}));
|
|
441
441
|
|
|
442
442
|
// ../ariakit-react-components/dist/select/select-item-check.js
|
|
443
443
|
|
|
444
444
|
var TagName8 = "span";
|
|
445
|
-
var useSelectItemCheck =
|
|
446
|
-
const context = _react.useContext.call(void 0,
|
|
445
|
+
var useSelectItemCheck = _JBOLBTVUcjs.createHook.call(void 0, function useSelectItemCheck2({ store, checked, ...props }) {
|
|
446
|
+
const context = _react.useContext.call(void 0, _D6USTXKAcjs.SelectItemCheckedContext);
|
|
447
447
|
checked = checked != null ? checked : context;
|
|
448
|
-
props =
|
|
448
|
+
props = _5QRVCRDIcjs.useCheckboxCheck.call(void 0, {
|
|
449
449
|
...props,
|
|
450
450
|
checked
|
|
451
451
|
});
|
|
452
452
|
return props;
|
|
453
453
|
});
|
|
454
|
-
var SelectItemCheck =
|
|
455
|
-
return
|
|
454
|
+
var SelectItemCheck = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectItemCheck2(props) {
|
|
455
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName8, useSelectItemCheck(props));
|
|
456
456
|
});
|
|
457
457
|
|
|
458
458
|
// ../ariakit-react-components/dist/select/select-label.js
|
|
459
459
|
var TagName9 = "div";
|
|
460
|
-
var useSelectLabel =
|
|
461
|
-
const context =
|
|
460
|
+
var useSelectLabel = _JBOLBTVUcjs.createHook.call(void 0, function useSelectLabel2({ store, ...props }) {
|
|
461
|
+
const context = _D6USTXKAcjs.useSelectProviderContext.call(void 0, );
|
|
462
462
|
store = store || context;
|
|
463
|
-
|
|
464
|
-
const id =
|
|
463
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "SelectLabel must receive a `store` prop or be wrapped in a SelectProvider component.");
|
|
464
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
465
465
|
const onClickProp = props.onClick;
|
|
466
|
-
const onClick =
|
|
466
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
467
467
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
468
468
|
if (event.defaultPrevented) return;
|
|
469
469
|
queueMicrotask(() => {
|
|
@@ -474,17 +474,17 @@ var useSelectLabel = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectLabe
|
|
|
474
474
|
props = {
|
|
475
475
|
...props,
|
|
476
476
|
id,
|
|
477
|
-
ref:
|
|
477
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
|
|
478
478
|
onClick,
|
|
479
479
|
style: {
|
|
480
480
|
cursor: "default",
|
|
481
481
|
...props.style
|
|
482
482
|
}
|
|
483
483
|
};
|
|
484
|
-
return
|
|
484
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
485
485
|
});
|
|
486
|
-
var SelectLabel =
|
|
487
|
-
return
|
|
486
|
+
var SelectLabel = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function SelectLabel2(props) {
|
|
487
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName9, useSelectLabel(props));
|
|
488
488
|
}));
|
|
489
489
|
|
|
490
490
|
// ../ariakit-react-components/dist/select/select-list.js
|
|
@@ -492,35 +492,35 @@ var SelectLabel = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(vo
|
|
|
492
492
|
|
|
493
493
|
var TagName10 = "div";
|
|
494
494
|
var SelectListContext = _react.createContext.call(void 0, null);
|
|
495
|
-
var useSelectList =
|
|
496
|
-
const context =
|
|
495
|
+
var useSelectList = _JBOLBTVUcjs.createHook.call(void 0, function useSelectList2({ store, resetOnEscape = true, hideOnEnter = true, focusOnMove = true, composite, alwaysVisible, ...props }) {
|
|
496
|
+
const context = _D6USTXKAcjs.useSelectContext.call(void 0, );
|
|
497
497
|
store = store || context;
|
|
498
|
-
|
|
499
|
-
const id =
|
|
500
|
-
const value =
|
|
498
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component.");
|
|
499
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
500
|
+
const value = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "value");
|
|
501
501
|
const multiSelectable = Array.isArray(value);
|
|
502
502
|
const [defaultValue2, setDefaultValue] = _react.useState.call(void 0, value);
|
|
503
|
-
const mounted =
|
|
503
|
+
const mounted = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "mounted");
|
|
504
504
|
_react.useEffect.call(void 0, () => {
|
|
505
505
|
if (mounted) return;
|
|
506
506
|
setDefaultValue(value);
|
|
507
507
|
}, [mounted, value]);
|
|
508
508
|
resetOnEscape = resetOnEscape && !multiSelectable;
|
|
509
509
|
const onKeyDownProp = props.onKeyDown;
|
|
510
|
-
const resetOnEscapeProp =
|
|
511
|
-
const hideOnEnterProp =
|
|
512
|
-
const onKeyDown =
|
|
510
|
+
const resetOnEscapeProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, resetOnEscape);
|
|
511
|
+
const hideOnEnterProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, hideOnEnter);
|
|
512
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
513
513
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
514
514
|
if (event.defaultPrevented) return;
|
|
515
515
|
if (event.key === "Escape" && resetOnEscapeProp(event)) store == null ? void 0 : store.setValue(defaultValue2);
|
|
516
516
|
if (event.key === " " || event.key === "Enter") {
|
|
517
|
-
if (
|
|
517
|
+
if (_JBOLBTVUcjs.isSelfTarget.call(void 0, event) && hideOnEnterProp(event)) {
|
|
518
518
|
event.preventDefault();
|
|
519
519
|
store == null ? void 0 : store.hide();
|
|
520
520
|
}
|
|
521
521
|
}
|
|
522
522
|
});
|
|
523
|
-
const headingContext = _react.useContext.call(void 0,
|
|
523
|
+
const headingContext = _react.useContext.call(void 0, _D6USTXKAcjs.SelectHeadingContext);
|
|
524
524
|
const headingState = _react.useState.call(void 0, );
|
|
525
525
|
const [headingId, setHeadingId] = headingContext || headingState;
|
|
526
526
|
const headingContextValue = _react.useMemo.call(void 0, () => [headingId, setHeadingId], [headingId, setHeadingId]);
|
|
@@ -531,11 +531,11 @@ var useSelectList = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectList2
|
|
|
531
531
|
setStore(store);
|
|
532
532
|
return () => setStore(null);
|
|
533
533
|
}, [setStore, store]);
|
|
534
|
-
props =
|
|
534
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element2) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _D6USTXKAcjs.SelectScopedContextProvider, {
|
|
535
535
|
value: store,
|
|
536
536
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectListContext.Provider, {
|
|
537
537
|
value: setChildStore,
|
|
538
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
538
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _D6USTXKAcjs.SelectHeadingContext.Provider, {
|
|
539
539
|
value: headingContextValue,
|
|
540
540
|
children: element2
|
|
541
541
|
})
|
|
@@ -543,10 +543,10 @@ var useSelectList = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectList2
|
|
|
543
543
|
}), [store, headingContextValue]);
|
|
544
544
|
const hasCombobox = !!store.combobox;
|
|
545
545
|
composite = composite != null ? composite : !hasCombobox && childStore !== store;
|
|
546
|
-
const [element, setElement] =
|
|
547
|
-
const role =
|
|
546
|
+
const [element, setElement] = _JBOLBTVUcjs.useTransactionState.call(void 0, composite ? store.setListElement : null);
|
|
547
|
+
const role = _JBOLBTVUcjs.useAttribute.call(void 0, element, "role", props.role);
|
|
548
548
|
const ariaMultiSelectable = composite || role === "listbox" || role === "menu" || role === "tree" || role === "grid" ? multiSelectable || void 0 : void 0;
|
|
549
|
-
const hidden =
|
|
549
|
+
const hidden = _WYI5CKPVcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
|
|
550
550
|
const style = hidden ? {
|
|
551
551
|
...props.style,
|
|
552
552
|
display: "none"
|
|
@@ -556,7 +556,7 @@ var useSelectList = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectList2
|
|
|
556
556
|
"aria-multiselectable": ariaMultiSelectable,
|
|
557
557
|
...props
|
|
558
558
|
};
|
|
559
|
-
const labelId =
|
|
559
|
+
const labelId = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
560
560
|
var _a;
|
|
561
561
|
return headingId || ((_a = state.labelElement) == null ? void 0 : _a.id);
|
|
562
562
|
});
|
|
@@ -565,50 +565,50 @@ var useSelectList = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectList2
|
|
|
565
565
|
hidden,
|
|
566
566
|
...props,
|
|
567
567
|
id,
|
|
568
|
-
ref:
|
|
568
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, setElement, props.ref),
|
|
569
569
|
style,
|
|
570
570
|
onKeyDown
|
|
571
571
|
};
|
|
572
|
-
props =
|
|
572
|
+
props = _US2XYAXEcjs.useComposite.call(void 0, {
|
|
573
573
|
store,
|
|
574
574
|
...props,
|
|
575
575
|
composite
|
|
576
576
|
});
|
|
577
|
-
props =
|
|
577
|
+
props = _IGWSYIUYcjs.useCompositeTypeahead.call(void 0, {
|
|
578
578
|
store,
|
|
579
579
|
typeahead: !hasCombobox,
|
|
580
580
|
...props
|
|
581
581
|
});
|
|
582
582
|
return props;
|
|
583
583
|
});
|
|
584
|
-
var SelectList =
|
|
585
|
-
return
|
|
584
|
+
var SelectList = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectList2(props) {
|
|
585
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName10, useSelectList(props));
|
|
586
586
|
});
|
|
587
587
|
|
|
588
588
|
// ../ariakit-react-components/dist/select/select-popover.js
|
|
589
589
|
var TagName11 = "div";
|
|
590
|
-
var useSelectPopover =
|
|
591
|
-
const context =
|
|
590
|
+
var useSelectPopover = _JBOLBTVUcjs.createHook.call(void 0, function useSelectPopover2({ store, alwaysVisible, ...props }) {
|
|
591
|
+
const context = _D6USTXKAcjs.useSelectProviderContext.call(void 0, );
|
|
592
592
|
store = store || context;
|
|
593
593
|
props = useSelectList({
|
|
594
594
|
store,
|
|
595
595
|
alwaysVisible,
|
|
596
596
|
...props
|
|
597
597
|
});
|
|
598
|
-
props =
|
|
598
|
+
props = _KFUU3G3Bcjs.usePopover.call(void 0, {
|
|
599
599
|
store,
|
|
600
600
|
alwaysVisible,
|
|
601
601
|
...props
|
|
602
602
|
});
|
|
603
603
|
return props;
|
|
604
604
|
});
|
|
605
|
-
var SelectPopover =
|
|
606
|
-
return
|
|
607
|
-
}),
|
|
605
|
+
var SelectPopover = _QJQWEU4Qcjs.createDialogComponent.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function SelectPopover2(props) {
|
|
606
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName11, useSelectPopover(props));
|
|
607
|
+
}), _D6USTXKAcjs.useSelectProviderContext);
|
|
608
608
|
|
|
609
609
|
// ../ariakit-components/dist/select/select-store.js
|
|
610
610
|
function createSelectStore({ combobox, ...props } = {}) {
|
|
611
|
-
const store =
|
|
611
|
+
const store = _FHPV2Q7Ccjs.mergeStore.call(void 0, props.store, _FHPV2Q7Ccjs.omit.call(void 0, combobox, [
|
|
612
612
|
"value",
|
|
613
613
|
"items",
|
|
614
614
|
"renderedItems",
|
|
@@ -619,58 +619,58 @@ function createSelectStore({ combobox, ...props } = {}) {
|
|
|
619
619
|
"popoverElement",
|
|
620
620
|
"disclosureElement"
|
|
621
621
|
]));
|
|
622
|
-
|
|
622
|
+
_FHPV2Q7Ccjs.throwOnConflictingProps.call(void 0, props, store);
|
|
623
623
|
const syncState = store.getState();
|
|
624
|
-
const composite =
|
|
624
|
+
const composite = _US2XYAXEcjs.createCompositeStore.call(void 0, {
|
|
625
625
|
...props,
|
|
626
626
|
store,
|
|
627
|
-
virtualFocus:
|
|
628
|
-
includesBaseElement:
|
|
629
|
-
activeId:
|
|
630
|
-
orientation:
|
|
627
|
+
virtualFocus: _JBOLBTVUcjs.defaultValue.call(void 0, props.virtualFocus, syncState.virtualFocus, true),
|
|
628
|
+
includesBaseElement: _JBOLBTVUcjs.defaultValue.call(void 0, props.includesBaseElement, syncState.includesBaseElement, false),
|
|
629
|
+
activeId: _JBOLBTVUcjs.defaultValue.call(void 0, props.activeId, syncState.activeId, props.defaultActiveId, null),
|
|
630
|
+
orientation: _JBOLBTVUcjs.defaultValue.call(void 0, props.orientation, syncState.orientation, "vertical")
|
|
631
631
|
});
|
|
632
|
-
const popover =
|
|
632
|
+
const popover = _KFUU3G3Bcjs.createPopoverStore.call(void 0, {
|
|
633
633
|
...props,
|
|
634
634
|
store,
|
|
635
|
-
placement:
|
|
635
|
+
placement: _JBOLBTVUcjs.defaultValue.call(void 0, props.placement, syncState.placement, "bottom-start")
|
|
636
636
|
});
|
|
637
637
|
const initialValue = /* @__PURE__ */ new String("");
|
|
638
638
|
const initialState = {
|
|
639
639
|
...composite.getState(),
|
|
640
640
|
...popover.getState(),
|
|
641
|
-
value:
|
|
642
|
-
setValueOnMove:
|
|
643
|
-
labelElement:
|
|
644
|
-
selectElement:
|
|
645
|
-
listElement:
|
|
641
|
+
value: _JBOLBTVUcjs.defaultValue.call(void 0, props.value, syncState.value, props.defaultValue, initialValue),
|
|
642
|
+
setValueOnMove: _JBOLBTVUcjs.defaultValue.call(void 0, props.setValueOnMove, syncState.setValueOnMove, false),
|
|
643
|
+
labelElement: _JBOLBTVUcjs.defaultValue.call(void 0, syncState.labelElement, null),
|
|
644
|
+
selectElement: _JBOLBTVUcjs.defaultValue.call(void 0, syncState.selectElement, null),
|
|
645
|
+
listElement: _JBOLBTVUcjs.defaultValue.call(void 0, syncState.listElement, null)
|
|
646
646
|
};
|
|
647
|
-
const select =
|
|
648
|
-
|
|
647
|
+
const select = _FHPV2Q7Ccjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
648
|
+
_FHPV2Q7Ccjs.setup.call(void 0, select, () => _FHPV2Q7Ccjs.sync.call(void 0, select, ["value", "items"], (state) => {
|
|
649
649
|
if (state.value !== initialValue) return;
|
|
650
650
|
if (!state.items.length) return;
|
|
651
651
|
const item = state.items.find((item2) => !item2.disabled && item2.value != null);
|
|
652
652
|
if ((item == null ? void 0 : item.value) == null) return;
|
|
653
653
|
select.setState("value", item.value);
|
|
654
654
|
}));
|
|
655
|
-
|
|
655
|
+
_FHPV2Q7Ccjs.setup.call(void 0, select, () => _FHPV2Q7Ccjs.sync.call(void 0, select, ["mounted"], (state) => {
|
|
656
656
|
if (state.mounted) return;
|
|
657
657
|
select.setState("activeId", initialState.activeId);
|
|
658
658
|
}));
|
|
659
|
-
|
|
659
|
+
_FHPV2Q7Ccjs.setup.call(void 0, select, () => _FHPV2Q7Ccjs.sync.call(void 0, select, [
|
|
660
660
|
"mounted",
|
|
661
661
|
"items",
|
|
662
662
|
"value"
|
|
663
663
|
], (state) => {
|
|
664
664
|
if (combobox) return;
|
|
665
665
|
if (state.mounted) return;
|
|
666
|
-
const values =
|
|
666
|
+
const values = _JBOLBTVUcjs.toArray.call(void 0, state.value);
|
|
667
667
|
const lastValue = values[values.length - 1];
|
|
668
668
|
if (lastValue == null) return;
|
|
669
669
|
const item = state.items.find((item2) => !item2.disabled && item2.value === lastValue);
|
|
670
670
|
if (!item) return;
|
|
671
671
|
select.setState("activeId", item.id);
|
|
672
672
|
}));
|
|
673
|
-
|
|
673
|
+
_FHPV2Q7Ccjs.setup.call(void 0, select, () => _FHPV2Q7Ccjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
|
|
674
674
|
const { mounted, value, activeId } = select.getState();
|
|
675
675
|
if (!state.setValueOnMove && mounted) return;
|
|
676
676
|
if (Array.isArray(value)) return;
|
|
@@ -694,29 +694,29 @@ function createSelectStore({ combobox, ...props } = {}) {
|
|
|
694
694
|
|
|
695
695
|
// ../ariakit-react-components/dist/select/select-store.js
|
|
696
696
|
function useSelectStoreOptions(props) {
|
|
697
|
-
const combobox =
|
|
697
|
+
const combobox = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
698
698
|
props = {
|
|
699
699
|
...props,
|
|
700
700
|
combobox: props.combobox !== void 0 ? props.combobox : combobox
|
|
701
701
|
};
|
|
702
|
-
return
|
|
702
|
+
return _US2XYAXEcjs.useCompositeStoreOptions.call(void 0, props);
|
|
703
703
|
}
|
|
704
704
|
function useSelectStoreProps(store, update, props) {
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
return Object.assign(
|
|
705
|
+
_JBOLBTVUcjs.useUpdateEffect.call(void 0, update, [props.combobox]);
|
|
706
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "value", "setValue");
|
|
707
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "setValueOnMove");
|
|
708
|
+
return Object.assign(_KFUU3G3Bcjs.usePopoverStoreProps.call(void 0, _US2XYAXEcjs.useCompositeStoreProps.call(void 0, store, update, props), update, props), { combobox: props.combobox });
|
|
709
709
|
}
|
|
710
710
|
function useSelectStore(props = {}) {
|
|
711
711
|
props = useSelectStoreOptions(props);
|
|
712
|
-
const [store, update] =
|
|
712
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createSelectStore, props);
|
|
713
713
|
return useSelectStoreProps(store, update, props);
|
|
714
714
|
}
|
|
715
715
|
|
|
716
716
|
// ../ariakit-react-components/dist/select/select-provider.js
|
|
717
717
|
|
|
718
718
|
function SelectProvider(props = {}) {
|
|
719
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
719
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _D6USTXKAcjs.SelectContextProvider, {
|
|
720
720
|
value: useSelectStore(props),
|
|
721
721
|
children: props.children
|
|
722
722
|
});
|
|
@@ -724,44 +724,44 @@ function SelectProvider(props = {}) {
|
|
|
724
724
|
|
|
725
725
|
// ../ariakit-react-components/dist/select/select-row.js
|
|
726
726
|
var TagName12 = "div";
|
|
727
|
-
var useSelectRow =
|
|
728
|
-
const context =
|
|
727
|
+
var useSelectRow = _JBOLBTVUcjs.createHook.call(void 0, function useSelectRow2({ store, ...props }) {
|
|
728
|
+
const context = _D6USTXKAcjs.useSelectContext.call(void 0, );
|
|
729
729
|
store = store || context;
|
|
730
|
-
|
|
730
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "SelectRow must be wrapped in a SelectList or SelectPopover component");
|
|
731
731
|
props = {
|
|
732
|
-
role:
|
|
732
|
+
role: _JBOLBTVUcjs.getPopupRole.call(void 0, _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "listElement")) === "grid" ? "row" : "presentation",
|
|
733
733
|
...props
|
|
734
734
|
};
|
|
735
|
-
props =
|
|
735
|
+
props = _G2JI2Z7Ucjs.useCompositeRow.call(void 0, {
|
|
736
736
|
store,
|
|
737
737
|
...props
|
|
738
738
|
});
|
|
739
739
|
return props;
|
|
740
740
|
});
|
|
741
|
-
var SelectRow =
|
|
742
|
-
return
|
|
741
|
+
var SelectRow = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectRow2(props) {
|
|
742
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName12, useSelectRow(props));
|
|
743
743
|
});
|
|
744
744
|
|
|
745
745
|
// ../ariakit-react-components/dist/select/select-separator.js
|
|
746
746
|
var TagName13 = "hr";
|
|
747
|
-
var useSelectSeparator =
|
|
748
|
-
const context =
|
|
747
|
+
var useSelectSeparator = _JBOLBTVUcjs.createHook.call(void 0, function useSelectSeparator2({ store, ...props }) {
|
|
748
|
+
const context = _D6USTXKAcjs.useSelectContext.call(void 0, );
|
|
749
749
|
store = store || context;
|
|
750
|
-
props =
|
|
750
|
+
props = _WLHP5OM6cjs.useCompositeSeparator.call(void 0, {
|
|
751
751
|
store,
|
|
752
752
|
...props
|
|
753
753
|
});
|
|
754
754
|
return props;
|
|
755
755
|
});
|
|
756
|
-
var SelectSeparator =
|
|
757
|
-
return
|
|
756
|
+
var SelectSeparator = _JBOLBTVUcjs.forwardRef.call(void 0, function SelectSeparator2(props) {
|
|
757
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName13, useSelectSeparator(props));
|
|
758
758
|
});
|
|
759
759
|
|
|
760
760
|
// ../ariakit-react-components/dist/select/select-value.js
|
|
761
761
|
function SelectValue({ store, fallback, children } = {}) {
|
|
762
|
-
const context =
|
|
762
|
+
const context = _D6USTXKAcjs.useSelectContext.call(void 0, );
|
|
763
763
|
store = store || context;
|
|
764
|
-
const value =
|
|
764
|
+
const value = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
765
765
|
if (!(state == null ? void 0 : state.value.length)) return fallback;
|
|
766
766
|
return state.value;
|
|
767
767
|
});
|