@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
|
@@ -7,54 +7,54 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _FNYFMCD7cjs = require('./FNYFMCD7.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _GV4SR2CMcjs = require('./GV4SR2CM.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _KFUU3G3Bcjs = require('./KFUU3G3B.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _5QRVCRDIcjs = require('./5QRVCRDI.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _G2JI2Z7Ucjs = require('./G2JI2Z7U.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
var
|
|
29
|
+
var _JXYV7OWFcjs = require('./JXYV7OWF.cjs');
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
var
|
|
32
|
+
var _WLHP5OM6cjs = require('./WLHP5OM6.cjs');
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var _US2XYAXEcjs = require('./US2XYAXE.cjs');
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
var
|
|
41
|
+
var _ZPWE3FTFcjs = require('./ZPWE3FTF.cjs');
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
var
|
|
45
|
+
var _2WBRQ3I7cjs = require('./2WBRQ3I7.cjs');
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _DVB2WSHDcjs = require('./DVB2WSHD.cjs');
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
var
|
|
51
|
+
var _QJQWEU4Qcjs = require('./QJQWEU4Q.cjs');
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
var
|
|
54
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
55
55
|
|
|
56
56
|
|
|
57
|
-
var
|
|
57
|
+
var _P7AY4KL3cjs = require('./P7AY4KL3.cjs');
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
|
|
@@ -67,7 +67,7 @@ var _LMCBLO3Gcjs = require('./LMCBLO3G.cjs');
|
|
|
67
67
|
|
|
68
68
|
|
|
69
69
|
|
|
70
|
-
var
|
|
70
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
|
|
@@ -105,7 +105,7 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
105
105
|
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
var
|
|
108
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
109
109
|
|
|
110
110
|
// ../ariakit-react-components/dist/combobox/combobox.js
|
|
111
111
|
var _react = require('react');
|
|
@@ -118,7 +118,7 @@ function isFirstItemAutoSelected(items, activeValue, autoSelect) {
|
|
|
118
118
|
function hasCompletionString(value, activeValue) {
|
|
119
119
|
if (!activeValue) return false;
|
|
120
120
|
if (value == null) return false;
|
|
121
|
-
value =
|
|
121
|
+
value = _JBOLBTVUcjs.normalizeString.call(void 0, value);
|
|
122
122
|
return activeValue.length > value.length && activeValue.toLowerCase().indexOf(value.toLowerCase()) === 0;
|
|
123
123
|
}
|
|
124
124
|
function isInputEvent(event) {
|
|
@@ -135,29 +135,29 @@ function getDefaultAutoSelectId(items) {
|
|
|
135
135
|
return ((_a2 = item.element) == null ? void 0 : _a2.getAttribute("role")) !== "tab";
|
|
136
136
|
})) == null ? void 0 : _a.id;
|
|
137
137
|
}
|
|
138
|
-
var useCombobox =
|
|
139
|
-
const context =
|
|
138
|
+
var useCombobox = _JBOLBTVUcjs.createHook.call(void 0, function useCombobox2({ store, focusable = true, autoSelect: autoSelectProp = false, getAutoSelectId, setValueOnChange, showMinLength = 0, showOnChange, showOnMouseDown, showOnClick = showOnMouseDown, showOnKeyDown, showOnKeyPress = showOnKeyDown, blurActiveItemOnClick, setValueOnClick = true, moveOnKeyPress = true, autoComplete = "list", ...props }) {
|
|
139
|
+
const context = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
140
140
|
store = store || context;
|
|
141
|
-
|
|
141
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
142
142
|
const ref = _react.useRef.call(void 0, null);
|
|
143
|
-
const [valueUpdated, forceValueUpdate] =
|
|
143
|
+
const [valueUpdated, forceValueUpdate] = _JBOLBTVUcjs.useForceUpdate.call(void 0, );
|
|
144
144
|
const canAutoSelectRef = _react.useRef.call(void 0, false);
|
|
145
145
|
const composingRef = _react.useRef.call(void 0, false);
|
|
146
|
-
const autoSelect =
|
|
146
|
+
const autoSelect = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.virtualFocus && autoSelectProp);
|
|
147
147
|
const inline = autoComplete === "inline" || autoComplete === "both";
|
|
148
148
|
const [canInline, setCanInline] = _react.useState.call(void 0, inline);
|
|
149
|
-
|
|
149
|
+
_JBOLBTVUcjs.useUpdateLayoutEffect.call(void 0, () => {
|
|
150
150
|
if (!inline) return;
|
|
151
151
|
setCanInline(true);
|
|
152
152
|
}, [inline]);
|
|
153
|
-
const storeValue =
|
|
153
|
+
const storeValue = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "value");
|
|
154
154
|
const prevSelectedValueRef = _react.useRef.call(void 0, void 0);
|
|
155
155
|
_react.useEffect.call(void 0, () => {
|
|
156
|
-
return
|
|
156
|
+
return _FHPV2Q7Ccjs.sync.call(void 0, store, ["selectedValue", "activeId"], (_, prev) => {
|
|
157
157
|
prevSelectedValueRef.current = prev.selectedValue;
|
|
158
158
|
});
|
|
159
159
|
}, [store]);
|
|
160
|
-
const inlineActiveValue =
|
|
160
|
+
const inlineActiveValue = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
161
161
|
var _a;
|
|
162
162
|
if (!inline) return;
|
|
163
163
|
if (!canInline) return;
|
|
@@ -167,9 +167,9 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
167
167
|
}
|
|
168
168
|
return state.activeValue;
|
|
169
169
|
});
|
|
170
|
-
const items =
|
|
171
|
-
const open =
|
|
172
|
-
const contentElement =
|
|
170
|
+
const items = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "renderedItems");
|
|
171
|
+
const open = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "open");
|
|
172
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
173
173
|
const value = _react.useMemo.call(void 0, () => {
|
|
174
174
|
if (!inline) return storeValue;
|
|
175
175
|
if (!canInline) return storeValue;
|
|
@@ -201,20 +201,20 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
201
201
|
if (!inlineActiveValue) return;
|
|
202
202
|
if (!isFirstItemAutoSelected(items, inlineActiveValue, autoSelect)) return;
|
|
203
203
|
if (!hasCompletionString(storeValue, inlineActiveValue)) return;
|
|
204
|
-
let cleanup =
|
|
204
|
+
let cleanup = _JBOLBTVUcjs.noop;
|
|
205
205
|
queueMicrotask(() => {
|
|
206
206
|
const element = ref.current;
|
|
207
207
|
if (!element) return;
|
|
208
|
-
const { start: prevStart, end: prevEnd } =
|
|
208
|
+
const { start: prevStart, end: prevEnd } = _JBOLBTVUcjs.getTextboxSelection.call(void 0, element);
|
|
209
209
|
const nextStart = storeValue.length;
|
|
210
210
|
const nextEnd = inlineActiveValue.length;
|
|
211
|
-
|
|
211
|
+
_JBOLBTVUcjs.setSelectionRange.call(void 0, element, nextStart, nextEnd);
|
|
212
212
|
cleanup = () => {
|
|
213
|
-
if (!
|
|
214
|
-
const { start, end } =
|
|
213
|
+
if (!_JBOLBTVUcjs.hasFocus.call(void 0, element)) return;
|
|
214
|
+
const { start, end } = _JBOLBTVUcjs.getTextboxSelection.call(void 0, element);
|
|
215
215
|
if (start !== nextStart) return;
|
|
216
216
|
if (end !== nextEnd) return;
|
|
217
|
-
|
|
217
|
+
_JBOLBTVUcjs.setSelectionRange.call(void 0, element, prevStart, prevEnd);
|
|
218
218
|
};
|
|
219
219
|
});
|
|
220
220
|
return () => cleanup();
|
|
@@ -228,14 +228,15 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
228
228
|
storeValue
|
|
229
229
|
]);
|
|
230
230
|
const scrollingElementRef = _react.useRef.call(void 0, null);
|
|
231
|
-
const getAutoSelectIdProp =
|
|
231
|
+
const getAutoSelectIdProp = _JBOLBTVUcjs.useEvent.call(void 0, getAutoSelectId);
|
|
232
232
|
const autoSelectIdRef = _react.useRef.call(void 0, null);
|
|
233
|
+
const autoSelectMovedRef = _react.useRef.call(void 0, void 0);
|
|
233
234
|
const userScrolledRef = _react.useRef.call(void 0, false);
|
|
234
235
|
const isAutoScrollingRef = _react.useRef.call(void 0, false);
|
|
235
236
|
_react.useEffect.call(void 0, () => {
|
|
236
237
|
if (!open) return;
|
|
237
238
|
if (!contentElement) return;
|
|
238
|
-
const scrollingElement =
|
|
239
|
+
const scrollingElement = _JBOLBTVUcjs.getScrollingElement.call(void 0, contentElement);
|
|
239
240
|
if (!scrollingElement) return;
|
|
240
241
|
scrollingElementRef.current = scrollingElement;
|
|
241
242
|
const onUserScroll = () => {
|
|
@@ -268,25 +269,29 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
268
269
|
contentElement,
|
|
269
270
|
store
|
|
270
271
|
]);
|
|
271
|
-
|
|
272
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
272
273
|
userScrolledRef.current = false;
|
|
273
274
|
if (!storeValue) return;
|
|
274
275
|
if (composingRef.current) return;
|
|
275
276
|
canAutoSelectRef.current = true;
|
|
276
277
|
}, [storeValue]);
|
|
277
|
-
|
|
278
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
278
279
|
if (autoSelect !== "always" && open) return;
|
|
279
280
|
canAutoSelectRef.current = open;
|
|
280
281
|
}, [autoSelect, open]);
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
282
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
283
|
+
if (open) return;
|
|
284
|
+
autoSelectMovedRef.current = void 0;
|
|
285
|
+
}, [open]);
|
|
286
|
+
const resetValueOnSelect = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "resetValueOnSelect");
|
|
287
|
+
_JBOLBTVUcjs.useUpdateEffect.call(void 0, () => {
|
|
288
|
+
var _a, _b, _c;
|
|
284
289
|
const canAutoSelect = canAutoSelectRef.current;
|
|
285
290
|
if (!store) return;
|
|
286
291
|
if (!open) return;
|
|
287
292
|
if (!canAutoSelect && (!resetValueOnSelect || userScrolledRef.current)) return;
|
|
288
293
|
const { baseElement, contentElement: contentElement2, activeId } = store.getState();
|
|
289
|
-
if (baseElement && !
|
|
294
|
+
if (baseElement && !_JBOLBTVUcjs.hasFocus.call(void 0, baseElement)) return;
|
|
290
295
|
if (contentElement2 == null ? void 0 : contentElement2.hasAttribute("data-placing")) {
|
|
291
296
|
const observer = new MutationObserver(forceValueUpdate);
|
|
292
297
|
observer.observe(contentElement2, { attributeFilter: ["data-placing"] });
|
|
@@ -296,9 +301,18 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
296
301
|
const userAutoSelectId = getAutoSelectIdProp(items);
|
|
297
302
|
const autoSelectId = userAutoSelectId !== void 0 ? userAutoSelectId : (_a = getDefaultAutoSelectId(items)) != null ? _a : store.first();
|
|
298
303
|
autoSelectIdRef.current = autoSelectId;
|
|
299
|
-
|
|
304
|
+
const nextActiveId = autoSelectId != null ? autoSelectId : null;
|
|
305
|
+
const nextActiveValue = (_b = store.item(nextActiveId)) == null ? void 0 : _b.value;
|
|
306
|
+
const moved = autoSelectMovedRef.current;
|
|
307
|
+
if (nextActiveId !== activeId || (moved == null ? void 0 : moved.id) !== nextActiveId || (moved == null ? void 0 : moved.value) !== nextActiveValue) {
|
|
308
|
+
autoSelectMovedRef.current = {
|
|
309
|
+
id: nextActiveId,
|
|
310
|
+
value: nextActiveValue
|
|
311
|
+
};
|
|
312
|
+
store.move(nextActiveId);
|
|
313
|
+
} else store.setState("activeValue", nextActiveValue);
|
|
300
314
|
} else {
|
|
301
|
-
const element = (
|
|
315
|
+
const element = (_c = store.item(activeId || store.first())) == null ? void 0 : _c.element;
|
|
302
316
|
if (element && "scrollIntoView" in element) {
|
|
303
317
|
isAutoScrollingRef.current = true;
|
|
304
318
|
element.scrollIntoView({
|
|
@@ -326,7 +340,7 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
326
340
|
if (!combobox) return;
|
|
327
341
|
const elements = [combobox, contentElement].filter((value2) => !!value2);
|
|
328
342
|
const onBlur2 = (event) => {
|
|
329
|
-
if (elements.every((el) =>
|
|
343
|
+
if (elements.every((el) => _JBOLBTVUcjs.isFocusEventOutside.call(void 0, event, el))) store == null ? void 0 : store.setValue(value);
|
|
330
344
|
};
|
|
331
345
|
for (const element of elements) element.addEventListener("focusout", onBlur2);
|
|
332
346
|
return () => {
|
|
@@ -342,9 +356,9 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
342
356
|
return event.currentTarget.value.length >= showMinLength;
|
|
343
357
|
};
|
|
344
358
|
const onChangeProp = props.onChange;
|
|
345
|
-
const showOnChangeProp =
|
|
346
|
-
const setValueOnChangeProp =
|
|
347
|
-
const onChange =
|
|
359
|
+
const showOnChangeProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, showOnChange != null ? showOnChange : canShow);
|
|
360
|
+
const setValueOnChangeProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, setValueOnChange != null ? setValueOnChange : !store.tag);
|
|
361
|
+
const onChange = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
348
362
|
onChangeProp == null ? void 0 : onChangeProp(event);
|
|
349
363
|
if (event.defaultPrevented) return;
|
|
350
364
|
if (!store) return;
|
|
@@ -367,7 +381,7 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
367
381
|
const isSameValue = value2 === store.getState().value;
|
|
368
382
|
store.setValue(value2);
|
|
369
383
|
queueMicrotask(() => {
|
|
370
|
-
|
|
384
|
+
_JBOLBTVUcjs.setSelectionRange.call(void 0, currentTarget, selectionStart, selectionEnd);
|
|
371
385
|
});
|
|
372
386
|
if (inline && autoSelect && isSameValue) forceValueUpdate();
|
|
373
387
|
}
|
|
@@ -375,7 +389,7 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
375
389
|
if (!autoSelect || !canAutoSelectRef.current) store.setActiveId(null);
|
|
376
390
|
});
|
|
377
391
|
const onCompositionEndProp = props.onCompositionEnd;
|
|
378
|
-
const onCompositionEnd =
|
|
392
|
+
const onCompositionEnd = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
379
393
|
canAutoSelectRef.current = true;
|
|
380
394
|
composingRef.current = false;
|
|
381
395
|
onCompositionEndProp == null ? void 0 : onCompositionEndProp(event);
|
|
@@ -384,10 +398,10 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
384
398
|
forceValueUpdate();
|
|
385
399
|
});
|
|
386
400
|
const onMouseDownProp = props.onMouseDown;
|
|
387
|
-
const blurActiveItemOnClickProp =
|
|
388
|
-
const setValueOnClickProp =
|
|
389
|
-
const showOnClickProp =
|
|
390
|
-
const onMouseDown =
|
|
401
|
+
const blurActiveItemOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, blurActiveItemOnClick != null ? blurActiveItemOnClick : (() => store.getState().includesBaseElement));
|
|
402
|
+
const setValueOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, setValueOnClick);
|
|
403
|
+
const showOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, showOnClick != null ? showOnClick : canShow);
|
|
404
|
+
const onMouseDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
391
405
|
onMouseDownProp == null ? void 0 : onMouseDownProp(event);
|
|
392
406
|
if (event.defaultPrevented) return;
|
|
393
407
|
if (event.button) return;
|
|
@@ -395,11 +409,11 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
395
409
|
if (!store) return;
|
|
396
410
|
if (blurActiveItemOnClickProp(event)) store.setActiveId(null);
|
|
397
411
|
if (setValueOnClickProp(event)) store.setValue(value);
|
|
398
|
-
if (showOnClickProp(event))
|
|
412
|
+
if (showOnClickProp(event)) _JBOLBTVUcjs.queueBeforeEvent.call(void 0, event.currentTarget, "mouseup", store.show);
|
|
399
413
|
});
|
|
400
414
|
const onKeyDownProp = props.onKeyDown;
|
|
401
|
-
const showOnKeyPressProp =
|
|
402
|
-
const onKeyDown =
|
|
415
|
+
const showOnKeyPressProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, showOnKeyPress != null ? showOnKeyPress : canShow);
|
|
416
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
403
417
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
404
418
|
if (!event.repeat) canAutoSelectRef.current = false;
|
|
405
419
|
if (event.defaultPrevented) return;
|
|
@@ -422,42 +436,42 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
422
436
|
}
|
|
423
437
|
});
|
|
424
438
|
const onBlurProp = props.onBlur;
|
|
425
|
-
const onBlur =
|
|
439
|
+
const onBlur = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
426
440
|
canAutoSelectRef.current = false;
|
|
427
441
|
onBlurProp == null ? void 0 : onBlurProp(event);
|
|
428
442
|
if (event.defaultPrevented) return;
|
|
429
443
|
});
|
|
430
|
-
const id =
|
|
444
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
431
445
|
const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
|
|
432
|
-
const isActiveItem =
|
|
446
|
+
const isActiveItem = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.activeId === null);
|
|
433
447
|
props = {
|
|
434
448
|
role: "combobox",
|
|
435
449
|
"aria-autocomplete": ariaAutoComplete,
|
|
436
|
-
"aria-haspopup":
|
|
450
|
+
"aria-haspopup": _JBOLBTVUcjs.getPopupRole.call(void 0, contentElement, "listbox"),
|
|
437
451
|
"aria-expanded": open,
|
|
438
452
|
"aria-controls": contentElement == null ? void 0 : contentElement.id,
|
|
439
453
|
"data-active-item": isActiveItem || void 0,
|
|
440
454
|
value,
|
|
441
455
|
...props,
|
|
442
456
|
id,
|
|
443
|
-
ref:
|
|
457
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref),
|
|
444
458
|
onChange,
|
|
445
459
|
onCompositionEnd,
|
|
446
460
|
onMouseDown,
|
|
447
461
|
onKeyDown,
|
|
448
462
|
onBlur
|
|
449
463
|
};
|
|
450
|
-
props =
|
|
464
|
+
props = _US2XYAXEcjs.useComposite.call(void 0, {
|
|
451
465
|
store,
|
|
452
466
|
focusable,
|
|
453
467
|
...props,
|
|
454
468
|
moveOnKeyPress: (event) => {
|
|
455
|
-
if (
|
|
469
|
+
if (_JBOLBTVUcjs.isFalsyBooleanCallback.call(void 0, moveOnKeyPress, event)) return false;
|
|
456
470
|
if (inline) setCanInline(true);
|
|
457
471
|
return true;
|
|
458
472
|
}
|
|
459
473
|
});
|
|
460
|
-
props =
|
|
474
|
+
props = _GV4SR2CMcjs.usePopoverAnchor.call(void 0, {
|
|
461
475
|
store,
|
|
462
476
|
...props
|
|
463
477
|
});
|
|
@@ -466,8 +480,8 @@ var useCombobox = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobox2({ s
|
|
|
466
480
|
...props
|
|
467
481
|
};
|
|
468
482
|
});
|
|
469
|
-
var Combobox =
|
|
470
|
-
return
|
|
483
|
+
var Combobox = _JBOLBTVUcjs.forwardRef.call(void 0, function Combobox2(props) {
|
|
484
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useCombobox(props));
|
|
471
485
|
});
|
|
472
486
|
|
|
473
487
|
// ../ariakit-react-components/dist/combobox/combobox-cancel.js
|
|
@@ -498,23 +512,23 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", {
|
|
|
498
512
|
y2: "5"
|
|
499
513
|
})]
|
|
500
514
|
});
|
|
501
|
-
var useComboboxCancel =
|
|
502
|
-
const context =
|
|
515
|
+
var useComboboxCancel = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxCancel2({ store, hideWhenEmpty, ...props }) {
|
|
516
|
+
const context = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
503
517
|
store = store || context;
|
|
504
|
-
|
|
518
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxCancel must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
505
519
|
const onClickProp = props.onClick;
|
|
506
|
-
const onClick =
|
|
520
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
507
521
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
508
522
|
if (event.defaultPrevented) return;
|
|
509
523
|
store == null ? void 0 : store.setValue("");
|
|
510
524
|
store == null ? void 0 : store.move(null);
|
|
511
525
|
});
|
|
512
|
-
const comboboxId =
|
|
526
|
+
const comboboxId = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
513
527
|
var _a;
|
|
514
528
|
return (_a = state.baseElement) == null ? void 0 : _a.id;
|
|
515
529
|
});
|
|
516
|
-
const empty =
|
|
517
|
-
props =
|
|
530
|
+
const empty = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.value === "");
|
|
531
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => {
|
|
518
532
|
if (!hideWhenEmpty) return element;
|
|
519
533
|
if (empty) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, {});
|
|
520
534
|
return element;
|
|
@@ -526,11 +540,11 @@ var useComboboxCancel = _QAUJZR6Ycjs.createHook.call(void 0, function useCombobo
|
|
|
526
540
|
...props,
|
|
527
541
|
onClick
|
|
528
542
|
};
|
|
529
|
-
props =
|
|
543
|
+
props = _P7AY4KL3cjs.useButton.call(void 0, props);
|
|
530
544
|
return props;
|
|
531
545
|
});
|
|
532
|
-
var ComboboxCancel =
|
|
533
|
-
return
|
|
546
|
+
var ComboboxCancel = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxCancel2(props) {
|
|
547
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useComboboxCancel(props));
|
|
534
548
|
});
|
|
535
549
|
|
|
536
550
|
// ../ariakit-react-components/dist/combobox/combobox-disclosure.js
|
|
@@ -550,27 +564,27 @@ var children2 = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", {
|
|
|
550
564
|
pointerEvents: "none",
|
|
551
565
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
|
|
552
566
|
});
|
|
553
|
-
var useComboboxDisclosure =
|
|
554
|
-
const context =
|
|
567
|
+
var useComboboxDisclosure = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxDisclosure2({ store, ...props }) {
|
|
568
|
+
const context = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
555
569
|
store = store || context;
|
|
556
|
-
|
|
570
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxDisclosure must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
557
571
|
const onMouseDownProp = props.onMouseDown;
|
|
558
|
-
const onMouseDown =
|
|
572
|
+
const onMouseDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
559
573
|
onMouseDownProp == null ? void 0 : onMouseDownProp(event);
|
|
560
574
|
event.preventDefault();
|
|
561
575
|
store == null ? void 0 : store.move(null);
|
|
562
576
|
});
|
|
563
577
|
const onClickProp = props.onClick;
|
|
564
|
-
const onClick =
|
|
578
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
565
579
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
566
580
|
if (event.defaultPrevented) return;
|
|
567
581
|
if (!store) return;
|
|
568
582
|
const { baseElement: baseElement2 } = store.getState();
|
|
569
583
|
store.setDisclosureElement(baseElement2);
|
|
570
584
|
});
|
|
571
|
-
const baseElement =
|
|
572
|
-
const open =
|
|
573
|
-
|
|
585
|
+
const baseElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "baseElement");
|
|
586
|
+
const open = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "open");
|
|
587
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
574
588
|
if (!baseElement) return;
|
|
575
589
|
store.setDisclosureElement(baseElement);
|
|
576
590
|
}, [store, baseElement]);
|
|
@@ -583,44 +597,44 @@ var useComboboxDisclosure = _QAUJZR6Ycjs.createHook.call(void 0, function useCom
|
|
|
583
597
|
onMouseDown,
|
|
584
598
|
onClick
|
|
585
599
|
};
|
|
586
|
-
props =
|
|
600
|
+
props = _DVB2WSHDcjs.useDialogDisclosure.call(void 0, {
|
|
587
601
|
store,
|
|
588
602
|
...props
|
|
589
603
|
});
|
|
590
604
|
return props;
|
|
591
605
|
});
|
|
592
|
-
var ComboboxDisclosure =
|
|
593
|
-
return
|
|
606
|
+
var ComboboxDisclosure = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxDisclosure2(props) {
|
|
607
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName3, useComboboxDisclosure(props));
|
|
594
608
|
});
|
|
595
609
|
|
|
596
610
|
// ../ariakit-react-components/dist/combobox/combobox-group.js
|
|
597
611
|
var TagName4 = "div";
|
|
598
|
-
var useComboboxGroup =
|
|
599
|
-
const context =
|
|
612
|
+
var useComboboxGroup = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxGroup2({ store, ...props }) {
|
|
613
|
+
const context = _FNYFMCD7cjs.useComboboxScopedContext.call(void 0, );
|
|
600
614
|
store = store || context;
|
|
601
|
-
|
|
602
|
-
if (
|
|
615
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxRow must be wrapped in a ComboboxList or ComboboxPopover component");
|
|
616
|
+
if (_JBOLBTVUcjs.getPopupRole.call(void 0, _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement")) === "grid") props = {
|
|
603
617
|
role: "rowgroup",
|
|
604
618
|
...props
|
|
605
619
|
};
|
|
606
|
-
props =
|
|
620
|
+
props = _JXYV7OWFcjs.useCompositeGroup.call(void 0, {
|
|
607
621
|
store,
|
|
608
622
|
...props
|
|
609
623
|
});
|
|
610
624
|
return props;
|
|
611
625
|
});
|
|
612
|
-
var ComboboxGroup =
|
|
613
|
-
return
|
|
626
|
+
var ComboboxGroup = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxGroup2(props) {
|
|
627
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName4, useComboboxGroup(props));
|
|
614
628
|
});
|
|
615
629
|
|
|
616
630
|
// ../ariakit-react-components/dist/combobox/combobox-group-label.js
|
|
617
631
|
var TagName5 = "div";
|
|
618
|
-
var useComboboxGroupLabel =
|
|
619
|
-
props =
|
|
632
|
+
var useComboboxGroupLabel = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxGroupLabel2(props) {
|
|
633
|
+
props = _JXYV7OWFcjs.useCompositeGroupLabel.call(void 0, props);
|
|
620
634
|
return props;
|
|
621
635
|
});
|
|
622
|
-
var ComboboxGroupLabel =
|
|
623
|
-
return
|
|
636
|
+
var ComboboxGroupLabel = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxGroupLabel2(props) {
|
|
637
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName5, useComboboxGroupLabel(props));
|
|
624
638
|
});
|
|
625
639
|
|
|
626
640
|
// ../ariakit-react-components/dist/combobox/combobox-item.js
|
|
@@ -641,12 +655,12 @@ function getItemRole(popupRole) {
|
|
|
641
655
|
tree: "treeitem"
|
|
642
656
|
}[popupRole]) != null ? _a : "option";
|
|
643
657
|
}
|
|
644
|
-
var useComboboxItem =
|
|
658
|
+
var useComboboxItem = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxItem2({ store, value, hideOnClick, setValueOnClick, selectValueOnClick = true, resetValueOnSelect, focusOnHover = false, moveOnKeyPress = true, getItem: getItemProp, ...props }) {
|
|
645
659
|
var _a;
|
|
646
|
-
const context =
|
|
660
|
+
const context = _FNYFMCD7cjs.useComboboxScopedContext.call(void 0, );
|
|
647
661
|
store = store || context;
|
|
648
|
-
|
|
649
|
-
const { resetValueOnSelectState, multiSelectable, selected } =
|
|
662
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxItem must be wrapped in a ComboboxList or ComboboxPopover component.");
|
|
663
|
+
const { resetValueOnSelectState, multiSelectable, selected } = _FHPV2Q7Ccjs.useStoreStateObject.call(void 0, store, {
|
|
650
664
|
resetValueOnSelectState: "resetValueOnSelect",
|
|
651
665
|
multiSelectable(state) {
|
|
652
666
|
return Array.isArray(state.selectedValue);
|
|
@@ -666,15 +680,15 @@ var useComboboxItem = _QAUJZR6Ycjs.createHook.call(void 0, function useComboboxI
|
|
|
666
680
|
setValueOnClick = setValueOnClick != null ? setValueOnClick : !multiSelectable;
|
|
667
681
|
hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
|
|
668
682
|
const onClickProp = props.onClick;
|
|
669
|
-
const setValueOnClickProp =
|
|
670
|
-
const selectValueOnClickProp =
|
|
671
|
-
const resetValueOnSelectProp =
|
|
672
|
-
const hideOnClickProp =
|
|
673
|
-
const onClick =
|
|
683
|
+
const setValueOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, setValueOnClick);
|
|
684
|
+
const selectValueOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, selectValueOnClick);
|
|
685
|
+
const resetValueOnSelectProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, (_a = resetValueOnSelect != null ? resetValueOnSelect : resetValueOnSelectState) != null ? _a : multiSelectable);
|
|
686
|
+
const hideOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, hideOnClick);
|
|
687
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
674
688
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
675
689
|
if (event.defaultPrevented) return;
|
|
676
|
-
if (
|
|
677
|
-
if (
|
|
690
|
+
if (_JBOLBTVUcjs.isDownloading.call(void 0, event)) return;
|
|
691
|
+
if (_JBOLBTVUcjs.isOpeningInNewTab.call(void 0, event)) return;
|
|
678
692
|
if (value != null) {
|
|
679
693
|
if (selectValueOnClickProp(event)) {
|
|
680
694
|
if (resetValueOnSelectProp(event)) store == null ? void 0 : store.resetValue();
|
|
@@ -689,37 +703,37 @@ var useComboboxItem = _QAUJZR6Ycjs.createHook.call(void 0, function useComboboxI
|
|
|
689
703
|
if (hideOnClickProp(event)) store == null ? void 0 : store.hide();
|
|
690
704
|
});
|
|
691
705
|
const onKeyDownProp = props.onKeyDown;
|
|
692
|
-
const onKeyDown =
|
|
706
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
693
707
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
694
708
|
if (event.defaultPrevented) return;
|
|
695
709
|
const baseElement = store == null ? void 0 : store.getState().baseElement;
|
|
696
710
|
if (!baseElement) return;
|
|
697
|
-
if (
|
|
711
|
+
if (_JBOLBTVUcjs.hasFocus.call(void 0, baseElement)) return;
|
|
698
712
|
if (event.key.length === 1 || event.key === "Backspace" || event.key === "Delete") {
|
|
699
713
|
queueMicrotask(() => baseElement.focus());
|
|
700
|
-
if (
|
|
714
|
+
if (_JBOLBTVUcjs.isTextField.call(void 0, baseElement)) store == null ? void 0 : store.setValue(baseElement.value);
|
|
701
715
|
}
|
|
702
716
|
});
|
|
703
717
|
if (multiSelectable && selected != null) props = {
|
|
704
718
|
"aria-selected": selected,
|
|
705
719
|
...props
|
|
706
720
|
};
|
|
707
|
-
props =
|
|
721
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNYFMCD7cjs.ComboboxItemValueContext.Provider, {
|
|
708
722
|
value,
|
|
709
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
723
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNYFMCD7cjs.ComboboxItemCheckedContext.Provider, {
|
|
710
724
|
value: selected != null ? selected : false,
|
|
711
725
|
children: element
|
|
712
726
|
})
|
|
713
727
|
}), [value, selected]);
|
|
714
728
|
props = {
|
|
715
|
-
role: getItemRole(_react.useContext.call(void 0,
|
|
729
|
+
role: getItemRole(_react.useContext.call(void 0, _FNYFMCD7cjs.ComboboxListRoleContext)),
|
|
716
730
|
children: value,
|
|
717
731
|
...props,
|
|
718
732
|
onClick,
|
|
719
733
|
onKeyDown
|
|
720
734
|
};
|
|
721
|
-
const moveOnKeyPressProp =
|
|
722
|
-
props =
|
|
735
|
+
const moveOnKeyPressProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
|
|
736
|
+
props = _ZPWE3FTFcjs.useCompositeItem.call(void 0, {
|
|
723
737
|
store,
|
|
724
738
|
...props,
|
|
725
739
|
getItem,
|
|
@@ -731,31 +745,31 @@ var useComboboxItem = _QAUJZR6Ycjs.createHook.call(void 0, function useComboboxI
|
|
|
731
745
|
return true;
|
|
732
746
|
}
|
|
733
747
|
});
|
|
734
|
-
props =
|
|
748
|
+
props = _JXYV7OWFcjs.useCompositeHover.call(void 0, {
|
|
735
749
|
store,
|
|
736
750
|
focusOnHover,
|
|
737
751
|
...props
|
|
738
752
|
});
|
|
739
753
|
return props;
|
|
740
754
|
});
|
|
741
|
-
var ComboboxItem =
|
|
742
|
-
return
|
|
755
|
+
var ComboboxItem = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxItem2(props) {
|
|
756
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName6, useComboboxItem(props));
|
|
743
757
|
}));
|
|
744
758
|
|
|
745
759
|
// ../ariakit-react-components/dist/combobox/combobox-item-check.js
|
|
746
760
|
|
|
747
761
|
var TagName7 = "span";
|
|
748
|
-
var useComboboxItemCheck =
|
|
749
|
-
const context = _react.useContext.call(void 0,
|
|
762
|
+
var useComboboxItemCheck = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxItemCheck2({ store, checked, ...props }) {
|
|
763
|
+
const context = _react.useContext.call(void 0, _FNYFMCD7cjs.ComboboxItemCheckedContext);
|
|
750
764
|
checked = checked != null ? checked : context;
|
|
751
|
-
props =
|
|
765
|
+
props = _5QRVCRDIcjs.useCheckboxCheck.call(void 0, {
|
|
752
766
|
...props,
|
|
753
767
|
checked
|
|
754
768
|
});
|
|
755
769
|
return props;
|
|
756
770
|
});
|
|
757
|
-
var ComboboxItemCheck =
|
|
758
|
-
return
|
|
771
|
+
var ComboboxItemCheck = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxItemCheck2(props) {
|
|
772
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName7, useComboboxItemCheck(props));
|
|
759
773
|
});
|
|
760
774
|
|
|
761
775
|
// ../ariakit-react-components/dist/combobox/combobox-item-value.js
|
|
@@ -763,7 +777,7 @@ var ComboboxItemCheck = _QAUJZR6Ycjs.forwardRef.call(void 0, function ComboboxIt
|
|
|
763
777
|
|
|
764
778
|
var TagName8 = "span";
|
|
765
779
|
function normalizeValue(value) {
|
|
766
|
-
return
|
|
780
|
+
return _JBOLBTVUcjs.normalizeString.call(void 0, value).toLowerCase();
|
|
767
781
|
}
|
|
768
782
|
function getOffsets(string, values) {
|
|
769
783
|
const offsets = [];
|
|
@@ -789,7 +803,7 @@ function sortOffsets(offsets) {
|
|
|
789
803
|
function splitValue(itemValue, userValue) {
|
|
790
804
|
if (!itemValue) return itemValue;
|
|
791
805
|
if (!userValue) return itemValue;
|
|
792
|
-
const userValues =
|
|
806
|
+
const userValues = _JBOLBTVUcjs.toArray.call(void 0, userValue).filter(Boolean).map(normalizeValue);
|
|
793
807
|
const parts = [];
|
|
794
808
|
const span = (value, autocomplete = false) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {
|
|
795
809
|
"data-autocomplete-value": autocomplete ? "" : void 0,
|
|
@@ -814,12 +828,12 @@ function splitValue(itemValue, userValue) {
|
|
|
814
828
|
});
|
|
815
829
|
return parts;
|
|
816
830
|
}
|
|
817
|
-
var useComboboxItemValue =
|
|
818
|
-
const context =
|
|
831
|
+
var useComboboxItemValue = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxItemValue2({ store, value, userValue, ...props }) {
|
|
832
|
+
const context = _FNYFMCD7cjs.useComboboxScopedContext.call(void 0, );
|
|
819
833
|
store = store || context;
|
|
820
|
-
const itemContext = _react.useContext.call(void 0,
|
|
834
|
+
const itemContext = _react.useContext.call(void 0, _FNYFMCD7cjs.ComboboxItemValueContext);
|
|
821
835
|
const itemValue = value != null ? value : itemContext;
|
|
822
|
-
const inputValue =
|
|
836
|
+
const inputValue = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => userValue != null ? userValue : state == null ? void 0 : state.value);
|
|
823
837
|
props = {
|
|
824
838
|
children: _react.useMemo.call(void 0, () => {
|
|
825
839
|
if (!itemValue) return;
|
|
@@ -828,55 +842,55 @@ var useComboboxItemValue = _QAUJZR6Ycjs.createHook.call(void 0, function useComb
|
|
|
828
842
|
}, [itemValue, inputValue]),
|
|
829
843
|
...props
|
|
830
844
|
};
|
|
831
|
-
return
|
|
845
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
832
846
|
});
|
|
833
|
-
var ComboboxItemValue =
|
|
834
|
-
return
|
|
847
|
+
var ComboboxItemValue = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxItemValue2(props) {
|
|
848
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName8, useComboboxItemValue(props));
|
|
835
849
|
});
|
|
836
850
|
|
|
837
851
|
// ../ariakit-react-components/dist/combobox/combobox-label.js
|
|
838
852
|
var TagName9 = "label";
|
|
839
|
-
var useComboboxLabel =
|
|
840
|
-
const context =
|
|
853
|
+
var useComboboxLabel = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxLabel2({ store, ...props }) {
|
|
854
|
+
const context = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
841
855
|
store = store || context;
|
|
842
|
-
|
|
856
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxLabel must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
843
857
|
props = {
|
|
844
|
-
htmlFor:
|
|
858
|
+
htmlFor: _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => {
|
|
845
859
|
var _a;
|
|
846
860
|
return (_a = state.baseElement) == null ? void 0 : _a.id;
|
|
847
861
|
}),
|
|
848
862
|
...props
|
|
849
863
|
};
|
|
850
|
-
return
|
|
864
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
851
865
|
});
|
|
852
|
-
var ComboboxLabel =
|
|
853
|
-
return
|
|
866
|
+
var ComboboxLabel = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxLabel2(props) {
|
|
867
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName9, useComboboxLabel(props));
|
|
854
868
|
}));
|
|
855
869
|
|
|
856
870
|
// ../ariakit-react-components/dist/combobox/combobox-list.js
|
|
857
871
|
|
|
858
872
|
|
|
859
873
|
var TagName10 = "div";
|
|
860
|
-
var useComboboxList =
|
|
861
|
-
const scopedContext =
|
|
862
|
-
const context =
|
|
874
|
+
var useComboboxList = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxList2({ store, alwaysVisible, ...props }) {
|
|
875
|
+
const scopedContext = _FNYFMCD7cjs.useComboboxScopedContext.call(void 0, true);
|
|
876
|
+
const context = _FNYFMCD7cjs.useComboboxContext.call(void 0, );
|
|
863
877
|
store = store || context;
|
|
864
878
|
const scopedContextSameStore = !!store && store === scopedContext;
|
|
865
|
-
|
|
879
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxList must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
866
880
|
const ref = _react.useRef.call(void 0, null);
|
|
867
|
-
const id =
|
|
868
|
-
const mounted =
|
|
869
|
-
const hidden =
|
|
881
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
882
|
+
const mounted = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "mounted");
|
|
883
|
+
const hidden = _WYI5CKPVcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
|
|
870
884
|
const style = hidden ? {
|
|
871
885
|
...props.style,
|
|
872
886
|
display: "none"
|
|
873
887
|
} : props.style;
|
|
874
|
-
const multiSelectable =
|
|
875
|
-
const role =
|
|
888
|
+
const multiSelectable = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => Array.isArray(state.selectedValue));
|
|
889
|
+
const role = _JBOLBTVUcjs.useAttribute.call(void 0, ref, "role", props.role);
|
|
876
890
|
const ariaMultiSelectable = role === "listbox" || role === "tree" || role === "grid" ? multiSelectable || void 0 : void 0;
|
|
877
891
|
const [hasListboxInside, setHasListboxInside] = _react.useState.call(void 0, false);
|
|
878
|
-
const contentElement =
|
|
879
|
-
|
|
892
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
893
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
880
894
|
if (!mounted) return;
|
|
881
895
|
const element = ref.current;
|
|
882
896
|
if (!element) return;
|
|
@@ -898,9 +912,9 @@ var useComboboxList = _QAUJZR6Ycjs.createHook.call(void 0, function useComboboxL
|
|
|
898
912
|
"aria-multiselectable": ariaMultiSelectable,
|
|
899
913
|
...props
|
|
900
914
|
};
|
|
901
|
-
props =
|
|
915
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNYFMCD7cjs.ComboboxScopedContextProvider, {
|
|
902
916
|
value: store,
|
|
903
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
917
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNYFMCD7cjs.ComboboxListRoleContext.Provider, {
|
|
904
918
|
value: role,
|
|
905
919
|
children: element
|
|
906
920
|
})
|
|
@@ -910,13 +924,13 @@ var useComboboxList = _QAUJZR6Ycjs.createHook.call(void 0, function useComboboxL
|
|
|
910
924
|
hidden,
|
|
911
925
|
...props,
|
|
912
926
|
id,
|
|
913
|
-
ref:
|
|
927
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, setContentElement, ref, props.ref),
|
|
914
928
|
style
|
|
915
929
|
};
|
|
916
|
-
return
|
|
930
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
917
931
|
});
|
|
918
|
-
var ComboboxList =
|
|
919
|
-
return
|
|
932
|
+
var ComboboxList = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxList2(props) {
|
|
933
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName10, useComboboxList(props));
|
|
920
934
|
});
|
|
921
935
|
|
|
922
936
|
// ../ariakit-react-components/dist/combobox/combobox-popover.js
|
|
@@ -931,19 +945,19 @@ function isController(target, ...ids) {
|
|
|
931
945
|
}
|
|
932
946
|
return false;
|
|
933
947
|
}
|
|
934
|
-
var useComboboxPopover =
|
|
935
|
-
const context =
|
|
948
|
+
var useComboboxPopover = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxPopover2({ store, modal, tabIndex, alwaysVisible, autoFocusOnHide = true, hideOnInteractOutside = true, ...props }) {
|
|
949
|
+
const context = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
936
950
|
store = store || context;
|
|
937
|
-
|
|
938
|
-
const baseElement =
|
|
951
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
952
|
+
const baseElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "baseElement");
|
|
939
953
|
const hiddenByClickOutsideRef = _react.useRef.call(void 0, false);
|
|
940
|
-
const treeSnapshotKey =
|
|
954
|
+
const treeSnapshotKey = _FHPV2Q7Ccjs.useStoreState.call(void 0, store.tag, (state) => state == null ? void 0 : state.renderedItems.length);
|
|
941
955
|
props = useComboboxList({
|
|
942
956
|
store,
|
|
943
957
|
alwaysVisible,
|
|
944
958
|
...props
|
|
945
959
|
});
|
|
946
|
-
props =
|
|
960
|
+
props = _KFUU3G3Bcjs.usePopover.call(void 0, {
|
|
947
961
|
store,
|
|
948
962
|
modal,
|
|
949
963
|
alwaysVisible,
|
|
@@ -960,7 +974,7 @@ var useComboboxPopover = _QAUJZR6Ycjs.createHook.call(void 0, function useCombob
|
|
|
960
974
|
if (!store) return elements;
|
|
961
975
|
const { contentElement, baseElement: baseElement2 } = store.getState();
|
|
962
976
|
if (!baseElement2) return elements;
|
|
963
|
-
const doc =
|
|
977
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, baseElement2);
|
|
964
978
|
const selectors = [];
|
|
965
979
|
if (contentElement == null ? void 0 : contentElement.id) selectors.push(`[aria-controls~="${contentElement.id}"]`);
|
|
966
980
|
if (baseElement2 == null ? void 0 : baseElement2.id) selectors.push(`[aria-controls~="${baseElement2.id}"]`);
|
|
@@ -970,7 +984,7 @@ var useComboboxPopover = _QAUJZR6Ycjs.createHook.call(void 0, function useCombob
|
|
|
970
984
|
return [...elements, ...controlElements];
|
|
971
985
|
},
|
|
972
986
|
autoFocusOnHide(element) {
|
|
973
|
-
if (
|
|
987
|
+
if (_JBOLBTVUcjs.isFalsyBooleanCallback.call(void 0, autoFocusOnHide, element)) return false;
|
|
974
988
|
if (hiddenByClickOutsideRef.current) {
|
|
975
989
|
hiddenByClickOutsideRef.current = false;
|
|
976
990
|
return false;
|
|
@@ -990,15 +1004,15 @@ var useComboboxPopover = _QAUJZR6Ycjs.createHook.call(void 0, function useCombob
|
|
|
990
1004
|
});
|
|
991
1005
|
return props;
|
|
992
1006
|
});
|
|
993
|
-
var ComboboxPopover =
|
|
994
|
-
return
|
|
995
|
-
}),
|
|
1007
|
+
var ComboboxPopover = _QJQWEU4Qcjs.createDialogComponent.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxPopover2(props) {
|
|
1008
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName11, useComboboxPopover(props));
|
|
1009
|
+
}), _FNYFMCD7cjs.useComboboxProviderContext);
|
|
996
1010
|
|
|
997
1011
|
// ../ariakit-react-components/dist/tag/tag-context.js
|
|
998
1012
|
|
|
999
1013
|
var TagValueContext = _react.createContext.call(void 0, null);
|
|
1000
1014
|
var TagRemoveIdContext = _react.createContext.call(void 0, null);
|
|
1001
|
-
var ctx =
|
|
1015
|
+
var ctx = _JBOLBTVUcjs.createStoreContext.call(void 0, [_2WBRQ3I7cjs.CompositeContextProvider], [_2WBRQ3I7cjs.CompositeScopedContextProvider]);
|
|
1002
1016
|
var useTagContext = ctx.useContext;
|
|
1003
1017
|
var useTagScopedContext = ctx.useScopedContext;
|
|
1004
1018
|
var useTagProviderContext = ctx.useProviderContext;
|
|
@@ -1006,65 +1020,65 @@ var TagContextProvider = ctx.ContextProvider;
|
|
|
1006
1020
|
var TagScopedContextProvider = ctx.ScopedContextProvider;
|
|
1007
1021
|
|
|
1008
1022
|
// ../ariakit-components/dist/combobox/combobox-store.js
|
|
1009
|
-
var isTouchSafari =
|
|
1023
|
+
var isTouchSafari = _JBOLBTVUcjs.isSafari.call(void 0, ) && _JBOLBTVUcjs.isTouchDevice.call(void 0, );
|
|
1010
1024
|
function createComboboxStore({ tag, ...props } = {}) {
|
|
1011
|
-
const store =
|
|
1012
|
-
|
|
1025
|
+
const store = _FHPV2Q7Ccjs.mergeStore.call(void 0, props.store, _FHPV2Q7Ccjs.pick.call(void 0, tag, ["value", "rtl"]));
|
|
1026
|
+
_FHPV2Q7Ccjs.throwOnConflictingProps.call(void 0, props, store);
|
|
1013
1027
|
const tagState = tag == null ? void 0 : tag.getState();
|
|
1014
1028
|
const syncState = store == null ? void 0 : store.getState();
|
|
1015
|
-
const activeId =
|
|
1016
|
-
const composite =
|
|
1029
|
+
const activeId = _JBOLBTVUcjs.defaultValue.call(void 0, props.activeId, syncState == null ? void 0 : syncState.activeId, props.defaultActiveId, null);
|
|
1030
|
+
const composite = _US2XYAXEcjs.createCompositeStore.call(void 0, {
|
|
1017
1031
|
...props,
|
|
1018
1032
|
activeId,
|
|
1019
|
-
includesBaseElement:
|
|
1020
|
-
orientation:
|
|
1021
|
-
focusLoop:
|
|
1022
|
-
focusWrap:
|
|
1023
|
-
virtualFocus:
|
|
1033
|
+
includesBaseElement: _JBOLBTVUcjs.defaultValue.call(void 0, props.includesBaseElement, syncState == null ? void 0 : syncState.includesBaseElement, true),
|
|
1034
|
+
orientation: _JBOLBTVUcjs.defaultValue.call(void 0, props.orientation, syncState == null ? void 0 : syncState.orientation, "vertical"),
|
|
1035
|
+
focusLoop: _JBOLBTVUcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true),
|
|
1036
|
+
focusWrap: _JBOLBTVUcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, true),
|
|
1037
|
+
virtualFocus: _JBOLBTVUcjs.defaultValue.call(void 0, props.virtualFocus, syncState == null ? void 0 : syncState.virtualFocus, true)
|
|
1024
1038
|
});
|
|
1025
|
-
const popover =
|
|
1039
|
+
const popover = _KFUU3G3Bcjs.createPopoverStore.call(void 0, {
|
|
1026
1040
|
...props,
|
|
1027
|
-
placement:
|
|
1041
|
+
placement: _JBOLBTVUcjs.defaultValue.call(void 0, props.placement, syncState == null ? void 0 : syncState.placement, "bottom-start")
|
|
1028
1042
|
});
|
|
1029
|
-
const value =
|
|
1030
|
-
const selectedValue =
|
|
1043
|
+
const value = _JBOLBTVUcjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, "");
|
|
1044
|
+
const selectedValue = _JBOLBTVUcjs.defaultValue.call(void 0, props.selectedValue, syncState == null ? void 0 : syncState.selectedValue, tagState == null ? void 0 : tagState.values, props.defaultSelectedValue, "");
|
|
1031
1045
|
const multiSelectable = Array.isArray(selectedValue);
|
|
1032
1046
|
const initialState = {
|
|
1033
1047
|
...composite.getState(),
|
|
1034
1048
|
...popover.getState(),
|
|
1035
1049
|
value,
|
|
1036
1050
|
selectedValue,
|
|
1037
|
-
resetValueOnSelect:
|
|
1038
|
-
resetValueOnHide:
|
|
1051
|
+
resetValueOnSelect: _JBOLBTVUcjs.defaultValue.call(void 0, props.resetValueOnSelect, syncState == null ? void 0 : syncState.resetValueOnSelect, multiSelectable),
|
|
1052
|
+
resetValueOnHide: _JBOLBTVUcjs.defaultValue.call(void 0, props.resetValueOnHide, syncState == null ? void 0 : syncState.resetValueOnHide, multiSelectable && !tag),
|
|
1039
1053
|
activeValue: syncState == null ? void 0 : syncState.activeValue
|
|
1040
1054
|
};
|
|
1041
|
-
const combobox =
|
|
1042
|
-
if (isTouchSafari)
|
|
1055
|
+
const combobox = _FHPV2Q7Ccjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
1056
|
+
if (isTouchSafari) _FHPV2Q7Ccjs.setup.call(void 0, combobox, () => _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["virtualFocus"], () => {
|
|
1043
1057
|
combobox.setState("virtualFocus", false);
|
|
1044
1058
|
}));
|
|
1045
|
-
|
|
1059
|
+
_FHPV2Q7Ccjs.setup.call(void 0, combobox, () => {
|
|
1046
1060
|
if (!tag) return;
|
|
1047
|
-
return
|
|
1061
|
+
return _JBOLBTVUcjs.chain.call(void 0, _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["selectedValue"], (state) => {
|
|
1048
1062
|
if (!Array.isArray(state.selectedValue)) return;
|
|
1049
1063
|
tag.setValues(state.selectedValue);
|
|
1050
|
-
}),
|
|
1064
|
+
}), _FHPV2Q7Ccjs.sync.call(void 0, tag, ["values"], (state) => {
|
|
1051
1065
|
combobox.setState("selectedValue", state.values);
|
|
1052
1066
|
}));
|
|
1053
1067
|
});
|
|
1054
|
-
|
|
1068
|
+
_FHPV2Q7Ccjs.setup.call(void 0, combobox, () => _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
|
|
1055
1069
|
if (!state.resetValueOnHide) return;
|
|
1056
1070
|
if (state.mounted) return;
|
|
1057
1071
|
combobox.setState("value", value);
|
|
1058
1072
|
}));
|
|
1059
|
-
|
|
1073
|
+
_FHPV2Q7Ccjs.setup.call(void 0, combobox, () => _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["open"], (state) => {
|
|
1060
1074
|
if (state.open) return;
|
|
1061
1075
|
combobox.setState("activeId", activeId);
|
|
1062
1076
|
combobox.setState("moves", 0);
|
|
1063
1077
|
}));
|
|
1064
|
-
|
|
1078
|
+
_FHPV2Q7Ccjs.setup.call(void 0, combobox, () => _FHPV2Q7Ccjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
|
|
1065
1079
|
if (state.moves === prevState.moves) combobox.setState("activeValue", void 0);
|
|
1066
1080
|
}));
|
|
1067
|
-
|
|
1081
|
+
_FHPV2Q7Ccjs.setup.call(void 0, combobox, () => _FHPV2Q7Ccjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
|
|
1068
1082
|
if (state.moves === prev.moves) return;
|
|
1069
1083
|
const { activeId: activeId2 } = combobox.getState();
|
|
1070
1084
|
const activeItem = composite.item(activeId2);
|
|
@@ -1088,26 +1102,26 @@ function useComboboxStoreOptions(props) {
|
|
|
1088
1102
|
...props,
|
|
1089
1103
|
tag: props.tag !== void 0 ? props.tag : tag
|
|
1090
1104
|
};
|
|
1091
|
-
return
|
|
1105
|
+
return _US2XYAXEcjs.useCompositeStoreOptions.call(void 0, props);
|
|
1092
1106
|
}
|
|
1093
1107
|
function useComboboxStoreProps(store, update, props) {
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
return Object.assign(
|
|
1108
|
+
_JBOLBTVUcjs.useUpdateEffect.call(void 0, update, [props.tag]);
|
|
1109
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "value", "setValue");
|
|
1110
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "selectedValue", "setSelectedValue");
|
|
1111
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "resetValueOnHide");
|
|
1112
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "resetValueOnSelect");
|
|
1113
|
+
return Object.assign(_US2XYAXEcjs.useCompositeStoreProps.call(void 0, _KFUU3G3Bcjs.usePopoverStoreProps.call(void 0, store, update, props), update, props), { tag: props.tag });
|
|
1100
1114
|
}
|
|
1101
1115
|
function useComboboxStore(props = {}) {
|
|
1102
1116
|
props = useComboboxStoreOptions(props);
|
|
1103
|
-
const [store, update] =
|
|
1117
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createComboboxStore, props);
|
|
1104
1118
|
return useComboboxStoreProps(store, update, props);
|
|
1105
1119
|
}
|
|
1106
1120
|
|
|
1107
1121
|
// ../ariakit-react-components/dist/combobox/combobox-provider.js
|
|
1108
1122
|
|
|
1109
1123
|
function ComboboxProvider(props = {}) {
|
|
1110
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1124
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNYFMCD7cjs.ComboboxContextProvider, {
|
|
1111
1125
|
value: useComboboxStore(props),
|
|
1112
1126
|
children: props.children
|
|
1113
1127
|
});
|
|
@@ -1115,46 +1129,46 @@ function ComboboxProvider(props = {}) {
|
|
|
1115
1129
|
|
|
1116
1130
|
// ../ariakit-react-components/dist/combobox/combobox-row.js
|
|
1117
1131
|
var TagName12 = "div";
|
|
1118
|
-
var useComboboxRow =
|
|
1119
|
-
const context =
|
|
1132
|
+
var useComboboxRow = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxRow2({ store, ...props }) {
|
|
1133
|
+
const context = _FNYFMCD7cjs.useComboboxScopedContext.call(void 0, );
|
|
1120
1134
|
store = store || context;
|
|
1121
|
-
|
|
1135
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxRow must be wrapped in a ComboboxList or ComboboxPopover component");
|
|
1122
1136
|
props = {
|
|
1123
|
-
role:
|
|
1137
|
+
role: _JBOLBTVUcjs.getPopupRole.call(void 0, _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement")) === "grid" ? "row" : "presentation",
|
|
1124
1138
|
...props
|
|
1125
1139
|
};
|
|
1126
|
-
props =
|
|
1140
|
+
props = _G2JI2Z7Ucjs.useCompositeRow.call(void 0, {
|
|
1127
1141
|
store,
|
|
1128
1142
|
...props
|
|
1129
1143
|
});
|
|
1130
1144
|
return props;
|
|
1131
1145
|
});
|
|
1132
|
-
var ComboboxRow =
|
|
1133
|
-
return
|
|
1146
|
+
var ComboboxRow = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxRow2(props) {
|
|
1147
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName12, useComboboxRow(props));
|
|
1134
1148
|
});
|
|
1135
1149
|
|
|
1136
1150
|
// ../ariakit-react-components/dist/combobox/combobox-separator.js
|
|
1137
1151
|
var TagName13 = "hr";
|
|
1138
|
-
var useComboboxSeparator =
|
|
1139
|
-
const context =
|
|
1152
|
+
var useComboboxSeparator = _JBOLBTVUcjs.createHook.call(void 0, function useComboboxSeparator2({ store, ...props }) {
|
|
1153
|
+
const context = _FNYFMCD7cjs.useComboboxScopedContext.call(void 0, );
|
|
1140
1154
|
store = store || context;
|
|
1141
|
-
|
|
1142
|
-
props =
|
|
1155
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxSeparator must be wrapped in a ComboboxList or ComboboxPopover component.");
|
|
1156
|
+
props = _WLHP5OM6cjs.useCompositeSeparator.call(void 0, {
|
|
1143
1157
|
store,
|
|
1144
1158
|
...props
|
|
1145
1159
|
});
|
|
1146
1160
|
return props;
|
|
1147
1161
|
});
|
|
1148
|
-
var ComboboxSeparator =
|
|
1149
|
-
return
|
|
1162
|
+
var ComboboxSeparator = _JBOLBTVUcjs.forwardRef.call(void 0, function ComboboxSeparator2(props) {
|
|
1163
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName13, useComboboxSeparator(props));
|
|
1150
1164
|
});
|
|
1151
1165
|
|
|
1152
1166
|
// ../ariakit-react-components/dist/combobox/combobox-value.js
|
|
1153
1167
|
function ComboboxValue({ store, children: children3 } = {}) {
|
|
1154
|
-
const context =
|
|
1168
|
+
const context = _FNYFMCD7cjs.useComboboxContext.call(void 0, );
|
|
1155
1169
|
store = store || context;
|
|
1156
|
-
|
|
1157
|
-
const value =
|
|
1170
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "ComboboxValue must receive a `store` prop or be wrapped in a ComboboxProvider component.");
|
|
1171
|
+
const value = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "value");
|
|
1158
1172
|
if (children3) return children3(value);
|
|
1159
1173
|
return value;
|
|
1160
1174
|
}
|