@ariakit/react 0.4.28 → 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 +48 -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
|
@@ -4,19 +4,19 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _I4JS2KAFcjs = require('./I4JS2KAF.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _I6N3772Ncjs = require('./I6N3772N.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _M6YHODMVcjs = require('./M6YHODMV.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _P6Y2DILAcjs = require('./P6Y2DILA.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -24,52 +24,52 @@ var _2HXQHKBCcjs = require('./2HXQHKBC.cjs');
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
var
|
|
27
|
+
var _HCYQ5Z7Zcjs = require('./HCYQ5Z7Z.cjs');
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _AI3BA27Gcjs = require('./AI3BA27G.cjs');
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
var
|
|
34
|
+
var _IEVLYJJPcjs = require('./IEVLYJJP.cjs');
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
var
|
|
37
|
+
var _FNYFMCD7cjs = require('./FNYFMCD7.cjs');
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _5QRVCRDIcjs = require('./5QRVCRDI.cjs');
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
var
|
|
43
|
+
var _IGWSYIUYcjs = require('./IGWSYIUY.cjs');
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _JXYV7OWFcjs = require('./JXYV7OWF.cjs');
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
var
|
|
51
|
+
var _WLHP5OM6cjs = require('./WLHP5OM6.cjs');
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
var
|
|
56
|
+
var _US2XYAXEcjs = require('./US2XYAXE.cjs');
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
var
|
|
59
|
+
var _ZPWE3FTFcjs = require('./ZPWE3FTF.cjs');
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
var
|
|
63
|
+
var _2WBRQ3I7cjs = require('./2WBRQ3I7.cjs');
|
|
64
64
|
|
|
65
65
|
|
|
66
|
-
var
|
|
66
|
+
var _QJQWEU4Qcjs = require('./QJQWEU4Q.cjs');
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
var
|
|
69
|
+
var _CKHOJYDQcjs = require('./CKHOJYDQ.cjs');
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
var
|
|
72
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
|
|
@@ -81,7 +81,7 @@ var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
|
|
|
81
81
|
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
var
|
|
84
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
|
|
@@ -109,18 +109,19 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
109
109
|
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var
|
|
112
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
113
113
|
|
|
114
114
|
// ../ariakit-react-components/dist/menu/menu-context.js
|
|
115
115
|
var _react = require('react');
|
|
116
|
-
var menu =
|
|
116
|
+
var menu = _JBOLBTVUcjs.createStoreContext.call(void 0, [_2WBRQ3I7cjs.CompositeContextProvider, _HCYQ5Z7Zcjs.HovercardContextProvider], [_2WBRQ3I7cjs.CompositeScopedContextProvider, _HCYQ5Z7Zcjs.HovercardScopedContextProvider]);
|
|
117
117
|
var useMenuContext = menu.useContext;
|
|
118
118
|
var useMenuScopedContext = menu.useScopedContext;
|
|
119
119
|
var useMenuProviderContext = menu.useProviderContext;
|
|
120
120
|
var MenuContextProvider = menu.ContextProvider;
|
|
121
121
|
var MenuScopedContextProvider = menu.ScopedContextProvider;
|
|
122
|
-
var useMenuBarContext =
|
|
122
|
+
var useMenuBarContext = _I4JS2KAFcjs.useMenubarContext;
|
|
123
123
|
var MenuItemCheckedContext = _react.createContext.call(void 0, void 0);
|
|
124
|
+
var MenuListHiddenContext = _react.createContext.call(void 0, false);
|
|
124
125
|
|
|
125
126
|
// ../ariakit-react-components/dist/menu/menu-list.js
|
|
126
127
|
|
|
@@ -129,8 +130,8 @@ var TagName = "div";
|
|
|
129
130
|
function useAriaLabelledBy({ store, ...props }) {
|
|
130
131
|
const [id, setId] = _react.useState.call(void 0, void 0);
|
|
131
132
|
const label = props["aria-label"];
|
|
132
|
-
const disclosureElement =
|
|
133
|
-
const contentElement =
|
|
133
|
+
const disclosureElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "disclosureElement");
|
|
134
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
134
135
|
_react.useEffect.call(void 0, () => {
|
|
135
136
|
const disclosure = disclosureElement;
|
|
136
137
|
if (!disclosure) return;
|
|
@@ -145,20 +146,20 @@ function useAriaLabelledBy({ store, ...props }) {
|
|
|
145
146
|
]);
|
|
146
147
|
return id;
|
|
147
148
|
}
|
|
148
|
-
var useMenuList =
|
|
149
|
+
var useMenuList = _JBOLBTVUcjs.createHook.call(void 0, function useMenuList2({ store, alwaysVisible, composite, ...props }) {
|
|
149
150
|
const context = useMenuProviderContext();
|
|
150
151
|
store = store || context;
|
|
151
|
-
|
|
152
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component.");
|
|
152
153
|
const parentMenu = store.parent;
|
|
153
154
|
const parentMenubar = store.menubar;
|
|
154
155
|
const hasParentMenu = !!parentMenu;
|
|
155
|
-
const id =
|
|
156
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
156
157
|
const onKeyDownProp = props.onKeyDown;
|
|
157
|
-
const dir =
|
|
158
|
-
const orientation =
|
|
158
|
+
const dir = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.placement.split("-")[0]);
|
|
159
|
+
const orientation = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.orientation === "both" ? void 0 : state.orientation);
|
|
159
160
|
const isHorizontal = orientation !== "vertical";
|
|
160
|
-
const isMenubarHorizontal =
|
|
161
|
-
const onKeyDown =
|
|
161
|
+
const isMenubarHorizontal = _FHPV2Q7Ccjs.useStoreState.call(void 0, parentMenubar, (state) => !!state && state.orientation !== "vertical");
|
|
162
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
162
163
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
163
164
|
if (event.defaultPrevented) return;
|
|
164
165
|
if (hasParentMenu || parentMenubar && !isHorizontal) {
|
|
@@ -201,7 +202,7 @@ var useMenuList = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuList2({ s
|
|
|
201
202
|
}
|
|
202
203
|
}
|
|
203
204
|
});
|
|
204
|
-
props =
|
|
205
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuScopedContextProvider, {
|
|
205
206
|
value: store,
|
|
206
207
|
children: element
|
|
207
208
|
}), [store]);
|
|
@@ -209,17 +210,21 @@ var useMenuList = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuList2({ s
|
|
|
209
210
|
store,
|
|
210
211
|
...props
|
|
211
212
|
});
|
|
212
|
-
const hidden =
|
|
213
|
+
const hidden = _WYI5CKPVcjs.isHidden.call(void 0, _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "mounted"), props.hidden, alwaysVisible);
|
|
213
214
|
const style = hidden ? {
|
|
214
215
|
...props.style,
|
|
215
216
|
display: "none"
|
|
216
217
|
} : props.style;
|
|
218
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuListHiddenContext.Provider, {
|
|
219
|
+
value: hidden,
|
|
220
|
+
children: element
|
|
221
|
+
}), [hidden]);
|
|
217
222
|
props = {
|
|
218
223
|
"aria-labelledby": ariaLabelledBy,
|
|
219
224
|
hidden,
|
|
220
225
|
...props,
|
|
221
226
|
id,
|
|
222
|
-
ref:
|
|
227
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, props.ref),
|
|
223
228
|
style,
|
|
224
229
|
onKeyDown
|
|
225
230
|
};
|
|
@@ -230,29 +235,29 @@ var useMenuList = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuList2({ s
|
|
|
230
235
|
"aria-orientation": orientation,
|
|
231
236
|
...props
|
|
232
237
|
};
|
|
233
|
-
props =
|
|
238
|
+
props = _US2XYAXEcjs.useComposite.call(void 0, {
|
|
234
239
|
store,
|
|
235
240
|
composite,
|
|
236
241
|
...props
|
|
237
242
|
});
|
|
238
|
-
props =
|
|
243
|
+
props = _IGWSYIUYcjs.useCompositeTypeahead.call(void 0, {
|
|
239
244
|
store,
|
|
240
245
|
typeahead: !hasCombobox,
|
|
241
246
|
...props
|
|
242
247
|
});
|
|
243
248
|
return props;
|
|
244
249
|
});
|
|
245
|
-
var MenuList =
|
|
246
|
-
return
|
|
250
|
+
var MenuList = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuList2(props) {
|
|
251
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useMenuList(props));
|
|
247
252
|
});
|
|
248
253
|
|
|
249
254
|
// ../ariakit-react-components/dist/menu/menu.js
|
|
250
255
|
|
|
251
256
|
var TagName2 = "div";
|
|
252
|
-
var useMenu =
|
|
257
|
+
var useMenu = _JBOLBTVUcjs.createHook.call(void 0, function useMenu2({ store, modal: modalProp = false, portal = modalProp, hideOnEscape = true, autoFocusOnShow = true, hideOnHoverOutside, alwaysVisible, ...props }) {
|
|
253
258
|
const context = useMenuProviderContext();
|
|
254
259
|
store = store || context;
|
|
255
|
-
|
|
260
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component.");
|
|
256
261
|
const ref = _react.useRef.call(void 0, null);
|
|
257
262
|
const parentMenu = store.parent;
|
|
258
263
|
const parentMenubar = store.menubar;
|
|
@@ -261,7 +266,7 @@ var useMenu = _QAUJZR6Ycjs.createHook.call(void 0, function useMenu2({ store, mo
|
|
|
261
266
|
const modal = hasParentMenu ? false : modalProp;
|
|
262
267
|
props = {
|
|
263
268
|
...props,
|
|
264
|
-
ref:
|
|
269
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref)
|
|
265
270
|
};
|
|
266
271
|
const { "aria-labelledby": ariaLabelledBy, ...menuListProps } = useMenuList({
|
|
267
272
|
store,
|
|
@@ -270,10 +275,10 @@ var useMenu = _QAUJZR6Ycjs.createHook.call(void 0, function useMenu2({ store, mo
|
|
|
270
275
|
});
|
|
271
276
|
props = menuListProps;
|
|
272
277
|
const [initialFocusRef, setInitialFocusRef] = _react.useState.call(void 0, );
|
|
273
|
-
const autoFocusOnShowState =
|
|
274
|
-
const initialFocus =
|
|
275
|
-
const baseElement =
|
|
276
|
-
const items =
|
|
278
|
+
const autoFocusOnShowState = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "autoFocusOnShow");
|
|
279
|
+
const initialFocus = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "initialFocus");
|
|
280
|
+
const baseElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "baseElement");
|
|
281
|
+
const items = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "renderedItems");
|
|
277
282
|
_react.useEffect.call(void 0, () => {
|
|
278
283
|
let cleaning = false;
|
|
279
284
|
setInitialFocusRef((prevInitialFocusRef) => {
|
|
@@ -310,8 +315,8 @@ var useMenu = _QAUJZR6Ycjs.createHook.call(void 0, function useMenu2({ store, mo
|
|
|
310
315
|
]);
|
|
311
316
|
const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || modal;
|
|
312
317
|
const autoFocusOnShowProp = autoFocusOnShow === false ? false : canAutoFocusOnShow && autoFocusOnShow;
|
|
313
|
-
const contentElement =
|
|
314
|
-
const parentContentElement =
|
|
318
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store.combobox || store, "contentElement");
|
|
319
|
+
const parentContentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu, "contentElement");
|
|
315
320
|
const preserveTabOrderAnchor = _react.useMemo.call(void 0, () => {
|
|
316
321
|
if (!parentContentElement) return;
|
|
317
322
|
if (!contentElement) return;
|
|
@@ -324,14 +329,14 @@ var useMenu = _QAUJZR6Ycjs.createHook.call(void 0, function useMenu2({ store, mo
|
|
|
324
329
|
preserveTabOrderAnchor,
|
|
325
330
|
...props
|
|
326
331
|
};
|
|
327
|
-
props =
|
|
332
|
+
props = _HCYQ5Z7Zcjs.useHovercard.call(void 0, {
|
|
328
333
|
store,
|
|
329
334
|
alwaysVisible,
|
|
330
335
|
initialFocus: initialFocusRef,
|
|
331
336
|
autoFocusOnShow: autoFocusOnShowProp,
|
|
332
337
|
...props,
|
|
333
338
|
hideOnEscape(event) {
|
|
334
|
-
if (
|
|
339
|
+
if (_JBOLBTVUcjs.isFalsyBooleanCallback.call(void 0, hideOnEscape, event)) return false;
|
|
335
340
|
store == null ? void 0 : store.hideAll();
|
|
336
341
|
return true;
|
|
337
342
|
},
|
|
@@ -343,17 +348,17 @@ var useMenu = _QAUJZR6Ycjs.createHook.call(void 0, function useMenu2({ store, mo
|
|
|
343
348
|
if (hasParentMenu) return true;
|
|
344
349
|
if (!parentIsMenubar) return false;
|
|
345
350
|
if (!disclosureElement) return true;
|
|
346
|
-
if (
|
|
351
|
+
if (_JBOLBTVUcjs.hasFocusWithin.call(void 0, disclosureElement)) return false;
|
|
347
352
|
return true;
|
|
348
353
|
};
|
|
349
354
|
if (!getHideOnHoverOutside()) return false;
|
|
350
355
|
if (event.defaultPrevented) return true;
|
|
351
356
|
if (!hasParentMenu) return true;
|
|
352
357
|
if (!disclosureElement) return true;
|
|
353
|
-
|
|
354
|
-
if (!
|
|
358
|
+
_JBOLBTVUcjs.fireEvent.call(void 0, disclosureElement, "mouseout", event);
|
|
359
|
+
if (!_JBOLBTVUcjs.hasFocusWithin.call(void 0, disclosureElement)) return true;
|
|
355
360
|
requestAnimationFrame(() => {
|
|
356
|
-
if (
|
|
361
|
+
if (_JBOLBTVUcjs.hasFocusWithin.call(void 0, disclosureElement)) return;
|
|
357
362
|
store == null ? void 0 : store.hide();
|
|
358
363
|
});
|
|
359
364
|
return false;
|
|
@@ -368,35 +373,35 @@ var useMenu = _QAUJZR6Ycjs.createHook.call(void 0, function useMenu2({ store, mo
|
|
|
368
373
|
};
|
|
369
374
|
return props;
|
|
370
375
|
});
|
|
371
|
-
var Menu =
|
|
372
|
-
return
|
|
376
|
+
var Menu = _QJQWEU4Qcjs.createDialogComponent.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function Menu2(props) {
|
|
377
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useMenu(props));
|
|
373
378
|
}), useMenuProviderContext);
|
|
374
379
|
|
|
375
380
|
// ../ariakit-react-components/dist/menu/menu-arrow.js
|
|
376
381
|
var TagName3 = "div";
|
|
377
|
-
var useMenuArrow =
|
|
382
|
+
var useMenuArrow = _JBOLBTVUcjs.createHook.call(void 0, function useMenuArrow2({ store, ...props }) {
|
|
378
383
|
const context = useMenuContext();
|
|
379
384
|
store = store || context;
|
|
380
|
-
return
|
|
385
|
+
return _AI3BA27Gcjs.usePopoverArrow.call(void 0, {
|
|
381
386
|
store,
|
|
382
387
|
...props
|
|
383
388
|
});
|
|
384
389
|
});
|
|
385
|
-
var MenuArrow =
|
|
386
|
-
return
|
|
390
|
+
var MenuArrow = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuArrow2(props) {
|
|
391
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName3, useMenuArrow(props));
|
|
387
392
|
});
|
|
388
393
|
|
|
389
394
|
// ../ariakit-react-components/dist/menu/menu-bar.js
|
|
390
395
|
|
|
391
396
|
var TagName4 = "div";
|
|
392
|
-
var useMenuBar =
|
|
397
|
+
var useMenuBar = _JBOLBTVUcjs.createHook.call(void 0, function useMenuBar2(props) {
|
|
393
398
|
_react.useEffect.call(void 0, () => {
|
|
394
|
-
console.warn("MenuBar is deprecated. Use Menubar instead.", "See https://ariakit.com/reference/menubar");
|
|
399
|
+
if (process.env.NODE_ENV !== "production") console.warn("MenuBar is deprecated. Use Menubar instead.", "See https://ariakit.com/reference/menubar");
|
|
395
400
|
}, []);
|
|
396
|
-
return
|
|
401
|
+
return _I4JS2KAFcjs.useMenubar.call(void 0, props);
|
|
397
402
|
});
|
|
398
|
-
var MenuBar =
|
|
399
|
-
return
|
|
403
|
+
var MenuBar = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuBar2(props) {
|
|
404
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName4, useMenuBar(props));
|
|
400
405
|
});
|
|
401
406
|
|
|
402
407
|
// ../ariakit-react-components/dist/menu/menu-bar-provider.js
|
|
@@ -404,18 +409,18 @@ var MenuBar = _QAUJZR6Ycjs.forwardRef.call(void 0, function MenuBar2(props) {
|
|
|
404
409
|
|
|
405
410
|
function MenuBarProvider(props = {}) {
|
|
406
411
|
_react.useEffect.call(void 0, () => {
|
|
407
|
-
console.warn("MenuBarProvider is deprecated. Use MenubarProvider instead.", "See https://ariakit.com/reference/menubar-provider");
|
|
412
|
+
if (process.env.NODE_ENV !== "production") console.warn("MenuBarProvider is deprecated. Use MenubarProvider instead.", "See https://ariakit.com/reference/menubar-provider");
|
|
408
413
|
}, []);
|
|
409
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
414
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I4JS2KAFcjs.MenubarProvider, { ...props });
|
|
410
415
|
}
|
|
411
416
|
|
|
412
417
|
// ../ariakit-react-components/dist/menu/menu-bar-store.js
|
|
413
418
|
|
|
414
419
|
function useMenuBarStore(props = {}) {
|
|
415
420
|
_react.useEffect.call(void 0, () => {
|
|
416
|
-
console.warn("useMenuBarStore is deprecated. Use useMenubarStore instead.", "See https://ariakit.com/reference/use-menubar-store");
|
|
421
|
+
if (process.env.NODE_ENV !== "production") console.warn("useMenuBarStore is deprecated. Use useMenubarStore instead.", "See https://ariakit.com/reference/use-menubar-store");
|
|
417
422
|
}, []);
|
|
418
|
-
return
|
|
423
|
+
return _I4JS2KAFcjs.useMenubarStore.call(void 0, props);
|
|
419
424
|
}
|
|
420
425
|
|
|
421
426
|
// ../ariakit-react-components/dist/menu/menu-button.js
|
|
@@ -437,17 +442,17 @@ function hasActiveItem(items, excludeElement) {
|
|
|
437
442
|
return item.element.getAttribute("aria-expanded") === "true";
|
|
438
443
|
}));
|
|
439
444
|
}
|
|
440
|
-
var useMenuButton =
|
|
445
|
+
var useMenuButton = _JBOLBTVUcjs.createHook.call(void 0, function useMenuButton2({ store, focusable, accessibleWhenDisabled, showOnHover, ...props }) {
|
|
441
446
|
const context = useMenuProviderContext();
|
|
442
447
|
store = store || context;
|
|
443
|
-
|
|
448
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component.");
|
|
444
449
|
const ref = _react.useRef.call(void 0, null);
|
|
445
450
|
const parentMenu = store.parent;
|
|
446
451
|
const parentMenubar = store.menubar;
|
|
447
452
|
const hasParentMenu = !!parentMenu;
|
|
448
453
|
const parentIsMenubar = !!parentMenubar && !hasParentMenu;
|
|
449
|
-
const disabled =
|
|
450
|
-
const isDisabled = (element) => disabled ||
|
|
454
|
+
const disabled = _JBOLBTVUcjs.disabledFromProps.call(void 0, props);
|
|
455
|
+
const isDisabled = (element) => disabled || _JBOLBTVUcjs.disabledFromElement.call(void 0, element);
|
|
451
456
|
const showMenu = () => {
|
|
452
457
|
const trigger = ref.current;
|
|
453
458
|
if (!trigger) return;
|
|
@@ -456,7 +461,7 @@ var useMenuButton = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuButton2
|
|
|
456
461
|
store == null ? void 0 : store.show();
|
|
457
462
|
};
|
|
458
463
|
const onFocusProp = props.onFocus;
|
|
459
|
-
const onFocus =
|
|
464
|
+
const onFocus = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
460
465
|
onFocusProp == null ? void 0 : onFocusProp(event);
|
|
461
466
|
if (isDisabled(event.currentTarget)) return;
|
|
462
467
|
if (event.defaultPrevented) return;
|
|
@@ -467,9 +472,9 @@ var useMenuButton = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuButton2
|
|
|
467
472
|
const { items } = parentMenubar.getState();
|
|
468
473
|
if (hasActiveItem(items, event.currentTarget)) showMenu();
|
|
469
474
|
});
|
|
470
|
-
const dir =
|
|
475
|
+
const dir = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.placement.split("-")[0]);
|
|
471
476
|
const onKeyDownProp = props.onKeyDown;
|
|
472
|
-
const onKeyDown =
|
|
477
|
+
const onKeyDown = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
473
478
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
474
479
|
if (isDisabled(event.currentTarget)) return;
|
|
475
480
|
if (event.defaultPrevented) return;
|
|
@@ -488,7 +493,7 @@ var useMenuButton = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuButton2
|
|
|
488
493
|
}
|
|
489
494
|
});
|
|
490
495
|
const onClickProp = props.onClick;
|
|
491
|
-
const onClick =
|
|
496
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
492
497
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
493
498
|
if (event.defaultPrevented) return;
|
|
494
499
|
if (!store) return;
|
|
@@ -500,27 +505,27 @@ var useMenuButton = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuButton2
|
|
|
500
505
|
}
|
|
501
506
|
if (hasParentMenu) showMenu();
|
|
502
507
|
});
|
|
503
|
-
props =
|
|
508
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuContextProvider, {
|
|
504
509
|
value: store,
|
|
505
510
|
children: element
|
|
506
511
|
}), [store]);
|
|
507
512
|
if (hasParentMenu) props = {
|
|
508
513
|
...props,
|
|
509
|
-
render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
514
|
+
render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CKHOJYDQcjs.Role.div, { render: props.render })
|
|
510
515
|
};
|
|
511
|
-
const id =
|
|
512
|
-
const parentContentElement =
|
|
516
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
517
|
+
const parentContentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu, "contentElement");
|
|
513
518
|
props = {
|
|
514
|
-
role: hasParentMenu || parentIsMenubar ?
|
|
515
|
-
"aria-haspopup":
|
|
519
|
+
role: hasParentMenu || parentIsMenubar ? _JBOLBTVUcjs.getPopupItemRole.call(void 0, parentContentElement, "menuitem") : void 0,
|
|
520
|
+
"aria-haspopup": _JBOLBTVUcjs.getPopupRole.call(void 0, _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement"), !!store.combobox ? "dialog" : "menu"),
|
|
516
521
|
...props,
|
|
517
522
|
id,
|
|
518
|
-
ref:
|
|
523
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref),
|
|
519
524
|
onFocus,
|
|
520
525
|
onKeyDown,
|
|
521
526
|
onClick
|
|
522
527
|
};
|
|
523
|
-
props =
|
|
528
|
+
props = _HCYQ5Z7Zcjs.useHovercardAnchor.call(void 0, {
|
|
524
529
|
store,
|
|
525
530
|
focusable,
|
|
526
531
|
accessibleWhenDisabled,
|
|
@@ -541,142 +546,146 @@ var useMenuButton = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuButton2
|
|
|
541
546
|
return true;
|
|
542
547
|
}
|
|
543
548
|
});
|
|
544
|
-
props =
|
|
549
|
+
props = _I6N3772Ncjs.usePopoverDisclosure.call(void 0, {
|
|
545
550
|
store,
|
|
546
551
|
toggleOnClick: !hasParentMenu,
|
|
547
552
|
focusable,
|
|
548
553
|
accessibleWhenDisabled,
|
|
549
554
|
...props
|
|
550
555
|
});
|
|
551
|
-
props =
|
|
556
|
+
props = _IGWSYIUYcjs.useCompositeTypeahead.call(void 0, {
|
|
552
557
|
store,
|
|
553
558
|
typeahead: parentIsMenubar,
|
|
554
559
|
...props
|
|
555
560
|
});
|
|
556
561
|
return props;
|
|
557
562
|
});
|
|
558
|
-
var MenuButton =
|
|
559
|
-
return
|
|
563
|
+
var MenuButton = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuButton2(props) {
|
|
564
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName5, useMenuButton(props));
|
|
560
565
|
});
|
|
561
566
|
|
|
562
567
|
// ../ariakit-react-components/dist/menu/menu-button-arrow.js
|
|
563
568
|
var TagName6 = "span";
|
|
564
|
-
var useMenuButtonArrow =
|
|
569
|
+
var useMenuButtonArrow = _JBOLBTVUcjs.createHook.call(void 0, function useMenuButtonArrow2({ store, ...props }) {
|
|
565
570
|
const context = useMenuContext();
|
|
566
571
|
store = store || context;
|
|
567
|
-
props =
|
|
572
|
+
props = _I6N3772Ncjs.usePopoverDisclosureArrow.call(void 0, {
|
|
568
573
|
store,
|
|
569
574
|
...props
|
|
570
575
|
});
|
|
571
576
|
return props;
|
|
572
577
|
});
|
|
573
|
-
var MenuButtonArrow =
|
|
574
|
-
return
|
|
578
|
+
var MenuButtonArrow = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuButtonArrow2(props) {
|
|
579
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName6, useMenuButtonArrow(props));
|
|
575
580
|
});
|
|
576
581
|
|
|
577
582
|
// ../ariakit-react-components/dist/menu/menu-description.js
|
|
578
583
|
var TagName7 = "p";
|
|
579
|
-
var useMenuDescription =
|
|
580
|
-
props =
|
|
584
|
+
var useMenuDescription = _JBOLBTVUcjs.createHook.call(void 0, function useMenuDescription2(props) {
|
|
585
|
+
props = _P6Y2DILAcjs.useHovercardDescription.call(void 0, props);
|
|
581
586
|
return props;
|
|
582
587
|
});
|
|
583
|
-
var MenuDescription =
|
|
584
|
-
return
|
|
588
|
+
var MenuDescription = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuDescription2(props) {
|
|
589
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName7, useMenuDescription(props));
|
|
585
590
|
});
|
|
586
591
|
|
|
587
592
|
// ../ariakit-react-components/dist/menu/menu-dismiss.js
|
|
588
593
|
var TagName8 = "button";
|
|
589
|
-
var useMenuDismiss =
|
|
594
|
+
var useMenuDismiss = _JBOLBTVUcjs.createHook.call(void 0, function useMenuDismiss2({ store, ...props }) {
|
|
590
595
|
const context = useMenuScopedContext();
|
|
591
596
|
store = store || context;
|
|
592
|
-
props =
|
|
597
|
+
props = _P6Y2DILAcjs.useHovercardDismiss.call(void 0, {
|
|
593
598
|
store,
|
|
594
599
|
...props
|
|
595
600
|
});
|
|
596
601
|
return props;
|
|
597
602
|
});
|
|
598
|
-
var MenuDismiss =
|
|
599
|
-
return
|
|
603
|
+
var MenuDismiss = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuDismiss2(props) {
|
|
604
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName8, useMenuDismiss(props));
|
|
600
605
|
});
|
|
601
606
|
|
|
602
607
|
// ../ariakit-react-components/dist/menu/menu-group.js
|
|
603
608
|
var TagName9 = "div";
|
|
604
|
-
var useMenuGroup =
|
|
605
|
-
props =
|
|
609
|
+
var useMenuGroup = _JBOLBTVUcjs.createHook.call(void 0, function useMenuGroup2(props) {
|
|
610
|
+
props = _JXYV7OWFcjs.useCompositeGroup.call(void 0, props);
|
|
606
611
|
return props;
|
|
607
612
|
});
|
|
608
|
-
var MenuGroup =
|
|
609
|
-
return
|
|
613
|
+
var MenuGroup = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuGroup2(props) {
|
|
614
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName9, useMenuGroup(props));
|
|
610
615
|
});
|
|
611
616
|
|
|
612
617
|
// ../ariakit-react-components/dist/menu/menu-group-label.js
|
|
613
618
|
var TagName10 = "div";
|
|
614
|
-
var useMenuGroupLabel =
|
|
615
|
-
props =
|
|
619
|
+
var useMenuGroupLabel = _JBOLBTVUcjs.createHook.call(void 0, function useMenuGroupLabel2(props) {
|
|
620
|
+
props = _JXYV7OWFcjs.useCompositeGroupLabel.call(void 0, props);
|
|
616
621
|
return props;
|
|
617
622
|
});
|
|
618
|
-
var MenuGroupLabel =
|
|
619
|
-
return
|
|
623
|
+
var MenuGroupLabel = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuGroupLabel2(props) {
|
|
624
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName10, useMenuGroupLabel(props));
|
|
620
625
|
});
|
|
621
626
|
|
|
622
627
|
// ../ariakit-react-components/dist/menu/menu-heading.js
|
|
623
628
|
var TagName11 = "h1";
|
|
624
|
-
var useMenuHeading =
|
|
625
|
-
props =
|
|
629
|
+
var useMenuHeading = _JBOLBTVUcjs.createHook.call(void 0, function useMenuHeading2(props) {
|
|
630
|
+
props = _P6Y2DILAcjs.useHovercardHeading.call(void 0, props);
|
|
626
631
|
return props;
|
|
627
632
|
});
|
|
628
|
-
var MenuHeading =
|
|
629
|
-
return
|
|
633
|
+
var MenuHeading = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuHeading2(props) {
|
|
634
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName11, useMenuHeading(props));
|
|
630
635
|
});
|
|
631
636
|
|
|
632
637
|
// ../ariakit-react-components/dist/menu/menu-item.js
|
|
638
|
+
|
|
633
639
|
var TagName12 = "div";
|
|
634
640
|
function menuHasFocus(baseElement, items, currentTarget) {
|
|
635
641
|
var _a, _b;
|
|
636
642
|
if (!baseElement) return false;
|
|
637
|
-
if (
|
|
643
|
+
if (_JBOLBTVUcjs.hasFocusWithin.call(void 0, baseElement)) return true;
|
|
638
644
|
const expandedMenuId = (_b = (_a = items == null ? void 0 : items.find((item) => {
|
|
639
645
|
var _a2;
|
|
640
646
|
if (item.element === currentTarget) return false;
|
|
641
647
|
return ((_a2 = item.element) == null ? void 0 : _a2.getAttribute("aria-expanded")) === "true";
|
|
642
648
|
})) == null ? void 0 : _a.element) == null ? void 0 : _b.getAttribute("aria-controls");
|
|
643
649
|
if (!expandedMenuId) return false;
|
|
644
|
-
const expandedMenu =
|
|
650
|
+
const expandedMenu = _JBOLBTVUcjs.getDocument.call(void 0, baseElement).getElementById(expandedMenuId);
|
|
645
651
|
if (!expandedMenu) return false;
|
|
646
|
-
if (
|
|
652
|
+
if (_JBOLBTVUcjs.hasFocusWithin.call(void 0, expandedMenu)) return true;
|
|
647
653
|
return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
|
|
648
654
|
}
|
|
649
|
-
var useMenuItem =
|
|
655
|
+
var useMenuItem = _JBOLBTVUcjs.createHook.call(void 0, function useMenuItem2({ store, hideOnClick = true, preventScrollOnKeyDown = true, focusOnHover, blurOnHoverEnd, ...props }) {
|
|
650
656
|
const menuContext = useMenuScopedContext(true);
|
|
651
|
-
const menubarContext =
|
|
657
|
+
const menubarContext = _I4JS2KAFcjs.useMenubarScopedContext.call(void 0, );
|
|
652
658
|
store = store || menuContext || menubarContext;
|
|
653
|
-
|
|
659
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component");
|
|
654
660
|
const onClickProp = props.onClick;
|
|
655
|
-
const hideOnClickProp =
|
|
661
|
+
const hideOnClickProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, hideOnClick);
|
|
656
662
|
const hideMenu = "hideAll" in store ? store.hideAll : void 0;
|
|
657
663
|
const isWithinMenu = !!hideMenu;
|
|
658
|
-
const onClick =
|
|
664
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
659
665
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
660
666
|
if (event.defaultPrevented) return;
|
|
661
|
-
if (
|
|
662
|
-
if (
|
|
667
|
+
if (_JBOLBTVUcjs.isDownloading.call(void 0, event)) return;
|
|
668
|
+
if (_JBOLBTVUcjs.isOpeningInNewTab.call(void 0, event)) return;
|
|
663
669
|
if (!hideMenu) return;
|
|
664
670
|
const popupType = event.currentTarget.getAttribute("aria-haspopup");
|
|
665
671
|
if (popupType && popupType !== "false") return;
|
|
666
672
|
if (!hideOnClickProp(event)) return;
|
|
667
673
|
hideMenu();
|
|
668
674
|
});
|
|
675
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => "contentElement" in state ? state.contentElement : null);
|
|
676
|
+
const menuListHidden = _react.useContext.call(void 0, MenuListHiddenContext);
|
|
669
677
|
props = {
|
|
670
|
-
role:
|
|
678
|
+
role: _JBOLBTVUcjs.getPopupItemRole.call(void 0, contentElement, "menuitem"),
|
|
671
679
|
...props,
|
|
672
680
|
onClick
|
|
673
681
|
};
|
|
674
|
-
props =
|
|
682
|
+
props = _ZPWE3FTFcjs.useCompositeItem.call(void 0, {
|
|
675
683
|
store,
|
|
676
684
|
preventScrollOnKeyDown,
|
|
677
|
-
...props
|
|
685
|
+
...props,
|
|
686
|
+
shouldRegisterItem: menuListHidden ? false : props.shouldRegisterItem
|
|
678
687
|
});
|
|
679
|
-
props =
|
|
688
|
+
props = _JXYV7OWFcjs.useCompositeHover.call(void 0, {
|
|
680
689
|
store,
|
|
681
690
|
...props,
|
|
682
691
|
focusOnHover(event) {
|
|
@@ -706,24 +715,24 @@ var useMenuItem = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuItem2({ s
|
|
|
706
715
|
});
|
|
707
716
|
return props;
|
|
708
717
|
});
|
|
709
|
-
var MenuItem =
|
|
710
|
-
return
|
|
718
|
+
var MenuItem = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function MenuItem2(props) {
|
|
719
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName12, useMenuItem(props));
|
|
711
720
|
}));
|
|
712
721
|
|
|
713
722
|
// ../ariakit-react-components/dist/menu/menu-item-check.js
|
|
714
723
|
|
|
715
724
|
var TagName13 = "span";
|
|
716
|
-
var useMenuItemCheck =
|
|
725
|
+
var useMenuItemCheck = _JBOLBTVUcjs.createHook.call(void 0, function useMenuItemCheck2({ store, checked, ...props }) {
|
|
717
726
|
const context = _react.useContext.call(void 0, MenuItemCheckedContext);
|
|
718
727
|
checked = checked != null ? checked : context;
|
|
719
|
-
props =
|
|
728
|
+
props = _5QRVCRDIcjs.useCheckboxCheck.call(void 0, {
|
|
720
729
|
...props,
|
|
721
730
|
checked
|
|
722
731
|
});
|
|
723
732
|
return props;
|
|
724
733
|
});
|
|
725
|
-
var MenuItemCheck =
|
|
726
|
-
return
|
|
734
|
+
var MenuItemCheck = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuItemCheck2(props) {
|
|
735
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName13, useMenuItemCheck(props));
|
|
727
736
|
});
|
|
728
737
|
|
|
729
738
|
// ../ariakit-react-components/dist/menu/menu-item-checkbox.js
|
|
@@ -749,11 +758,11 @@ function getValue(storeValue, value, checked) {
|
|
|
749
758
|
}
|
|
750
759
|
return storeValue.filter((v) => v !== primitiveValue);
|
|
751
760
|
}
|
|
752
|
-
var useMenuItemCheckbox =
|
|
761
|
+
var useMenuItemCheckbox = _JBOLBTVUcjs.createHook.call(void 0, function useMenuItemCheckbox2({ store, name, value, checked, defaultChecked: defaultCheckedProp, hideOnClick = false, ...props }) {
|
|
753
762
|
const context = useMenuScopedContext();
|
|
754
763
|
store = store || context;
|
|
755
|
-
|
|
756
|
-
const defaultChecked =
|
|
764
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "MenuItemCheckbox must be wrapped in a MenuList or Menu component");
|
|
765
|
+
const defaultChecked = _JBOLBTVUcjs.useInitialValue.call(void 0, defaultCheckedProp);
|
|
757
766
|
_react.useEffect.call(void 0, () => {
|
|
758
767
|
store == null ? void 0 : store.setValue(name, (prevValue = []) => {
|
|
759
768
|
if (!defaultChecked) return prevValue;
|
|
@@ -776,15 +785,15 @@ var useMenuItemCheckbox = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuI
|
|
|
776
785
|
value,
|
|
777
786
|
checked
|
|
778
787
|
]);
|
|
779
|
-
const checkboxStore =
|
|
780
|
-
value:
|
|
788
|
+
const checkboxStore = _IEVLYJJPcjs.useCheckboxStore.call(void 0, {
|
|
789
|
+
value: _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.values[name]),
|
|
781
790
|
setValue(internalValue) {
|
|
782
791
|
store == null ? void 0 : store.setValue(name, () => {
|
|
783
792
|
if (checked === void 0) return internalValue;
|
|
784
793
|
const nextValue = getValue(internalValue, value, checked);
|
|
785
794
|
if (!Array.isArray(nextValue)) return nextValue;
|
|
786
795
|
if (!Array.isArray(internalValue)) return nextValue;
|
|
787
|
-
if (
|
|
796
|
+
if (_JBOLBTVUcjs.shallowEqual.call(void 0, internalValue, nextValue)) return internalValue;
|
|
788
797
|
return nextValue;
|
|
789
798
|
});
|
|
790
799
|
}
|
|
@@ -793,7 +802,7 @@ var useMenuItemCheckbox = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuI
|
|
|
793
802
|
role: "menuitemcheckbox",
|
|
794
803
|
...props
|
|
795
804
|
};
|
|
796
|
-
props =
|
|
805
|
+
props = _IEVLYJJPcjs.useCheckbox.call(void 0, {
|
|
797
806
|
store: checkboxStore,
|
|
798
807
|
name,
|
|
799
808
|
value,
|
|
@@ -807,8 +816,8 @@ var useMenuItemCheckbox = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuI
|
|
|
807
816
|
});
|
|
808
817
|
return props;
|
|
809
818
|
});
|
|
810
|
-
var MenuItemCheckbox =
|
|
811
|
-
return
|
|
819
|
+
var MenuItemCheckbox = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function MenuItemCheckbox2(props) {
|
|
820
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName14, useMenuItemCheckbox(props));
|
|
812
821
|
}));
|
|
813
822
|
|
|
814
823
|
// ../ariakit-react-components/dist/menu/menu-item-radio.js
|
|
@@ -820,11 +829,11 @@ function getValue2(prevValue, value, checked) {
|
|
|
820
829
|
if (checked) return value;
|
|
821
830
|
return prevValue === value ? false : prevValue;
|
|
822
831
|
}
|
|
823
|
-
var useMenuItemRadio =
|
|
832
|
+
var useMenuItemRadio = _JBOLBTVUcjs.createHook.call(void 0, function useMenuItemRadio2({ store, name, value, checked, onChange: onChangeProp, hideOnClick = false, ...props }) {
|
|
824
833
|
const context = useMenuScopedContext();
|
|
825
834
|
store = store || context;
|
|
826
|
-
|
|
827
|
-
const defaultChecked =
|
|
835
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "MenuItemRadio must be wrapped in a MenuList or Menu component");
|
|
836
|
+
const defaultChecked = _JBOLBTVUcjs.useInitialValue.call(void 0, props.defaultChecked);
|
|
828
837
|
_react.useEffect.call(void 0, () => {
|
|
829
838
|
store == null ? void 0 : store.setValue(name, (prevValue = false) => {
|
|
830
839
|
return getValue2(prevValue, value, defaultChecked);
|
|
@@ -846,8 +855,8 @@ var useMenuItemRadio = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuItem
|
|
|
846
855
|
value,
|
|
847
856
|
checked
|
|
848
857
|
]);
|
|
849
|
-
const isChecked =
|
|
850
|
-
props =
|
|
858
|
+
const isChecked = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.values[name] === value);
|
|
859
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItemCheckedContext.Provider, {
|
|
851
860
|
value: isChecked,
|
|
852
861
|
children: element
|
|
853
862
|
}), [isChecked]);
|
|
@@ -855,7 +864,7 @@ var useMenuItemRadio = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuItem
|
|
|
855
864
|
role: "menuitemradio",
|
|
856
865
|
...props
|
|
857
866
|
};
|
|
858
|
-
props =
|
|
867
|
+
props = _M6YHODMVcjs.useRadio.call(void 0, {
|
|
859
868
|
name,
|
|
860
869
|
value,
|
|
861
870
|
checked: isChecked,
|
|
@@ -876,45 +885,45 @@ var useMenuItemRadio = _QAUJZR6Ycjs.createHook.call(void 0, function useMenuItem
|
|
|
876
885
|
});
|
|
877
886
|
return props;
|
|
878
887
|
});
|
|
879
|
-
var MenuItemRadio =
|
|
880
|
-
return
|
|
888
|
+
var MenuItemRadio = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function MenuItemRadio2(props) {
|
|
889
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName15, useMenuItemRadio(props));
|
|
881
890
|
}));
|
|
882
891
|
|
|
883
892
|
// ../ariakit-components/dist/menu/menu-store.js
|
|
884
893
|
function createMenuStore({ combobox, parent, menubar, ...props } = {}) {
|
|
885
894
|
const parentIsMenubar = !!menubar && !parent;
|
|
886
|
-
const store =
|
|
895
|
+
const store = _FHPV2Q7Ccjs.mergeStore.call(void 0, props.store, _FHPV2Q7Ccjs.pick.call(void 0, parent, ["values"]), _FHPV2Q7Ccjs.omit.call(void 0, combobox, [
|
|
887
896
|
"arrowElement",
|
|
888
897
|
"anchorElement",
|
|
889
898
|
"contentElement",
|
|
890
899
|
"popoverElement",
|
|
891
900
|
"disclosureElement"
|
|
892
901
|
]));
|
|
893
|
-
|
|
902
|
+
_FHPV2Q7Ccjs.throwOnConflictingProps.call(void 0, props, store);
|
|
894
903
|
const syncState = store.getState();
|
|
895
|
-
const composite =
|
|
904
|
+
const composite = _US2XYAXEcjs.createCompositeStore.call(void 0, {
|
|
896
905
|
...props,
|
|
897
906
|
store,
|
|
898
|
-
orientation:
|
|
907
|
+
orientation: _JBOLBTVUcjs.defaultValue.call(void 0, props.orientation, syncState.orientation, "vertical")
|
|
899
908
|
});
|
|
900
|
-
const hovercard =
|
|
909
|
+
const hovercard = _HCYQ5Z7Zcjs.createHovercardStore.call(void 0, {
|
|
901
910
|
...props,
|
|
902
911
|
store,
|
|
903
|
-
placement:
|
|
904
|
-
timeout:
|
|
905
|
-
hideTimeout:
|
|
912
|
+
placement: _JBOLBTVUcjs.defaultValue.call(void 0, props.placement, syncState.placement, "bottom-start"),
|
|
913
|
+
timeout: _JBOLBTVUcjs.defaultValue.call(void 0, props.timeout, syncState.timeout, parentIsMenubar ? 0 : 150),
|
|
914
|
+
hideTimeout: _JBOLBTVUcjs.defaultValue.call(void 0, props.hideTimeout, syncState.hideTimeout, 0)
|
|
906
915
|
});
|
|
907
|
-
const menu2 =
|
|
916
|
+
const menu2 = _FHPV2Q7Ccjs.createStore.call(void 0, {
|
|
908
917
|
...composite.getState(),
|
|
909
918
|
...hovercard.getState(),
|
|
910
|
-
initialFocus:
|
|
911
|
-
values:
|
|
919
|
+
initialFocus: _JBOLBTVUcjs.defaultValue.call(void 0, syncState.initialFocus, "container"),
|
|
920
|
+
values: _JBOLBTVUcjs.defaultValue.call(void 0, props.values, syncState.values, props.defaultValues, {})
|
|
912
921
|
}, composite, hovercard, store);
|
|
913
|
-
|
|
922
|
+
_FHPV2Q7Ccjs.setup.call(void 0, menu2, () => _FHPV2Q7Ccjs.sync.call(void 0, menu2, ["mounted"], (state) => {
|
|
914
923
|
if (state.mounted) return;
|
|
915
924
|
menu2.setState("activeId", null);
|
|
916
925
|
}));
|
|
917
|
-
|
|
926
|
+
_FHPV2Q7Ccjs.setup.call(void 0, menu2, () => _FHPV2Q7Ccjs.sync.call(void 0, parent, ["orientation"], (state) => {
|
|
918
927
|
menu2.setState("placement", state.orientation === "vertical" ? "right-start" : "bottom-start");
|
|
919
928
|
}));
|
|
920
929
|
return {
|
|
@@ -936,7 +945,7 @@ function createMenuStore({ combobox, parent, menubar, ...props } = {}) {
|
|
|
936
945
|
if (Array.isArray(name)) return;
|
|
937
946
|
menu2.setState("values", (values) => {
|
|
938
947
|
const prevValue = values[name];
|
|
939
|
-
const nextValue =
|
|
948
|
+
const nextValue = _JBOLBTVUcjs.applyState.call(void 0, value, prevValue);
|
|
940
949
|
if (nextValue === prevValue) return values;
|
|
941
950
|
return {
|
|
942
951
|
...values,
|
|
@@ -949,13 +958,13 @@ function createMenuStore({ combobox, parent, menubar, ...props } = {}) {
|
|
|
949
958
|
|
|
950
959
|
// ../ariakit-react-components/dist/menu/menu-store.js
|
|
951
960
|
function useMenuStoreProps(store, update, props) {
|
|
952
|
-
|
|
961
|
+
_JBOLBTVUcjs.useUpdateEffect.call(void 0, update, [
|
|
953
962
|
props.combobox,
|
|
954
963
|
props.parent,
|
|
955
964
|
props.menubar
|
|
956
965
|
]);
|
|
957
|
-
|
|
958
|
-
return Object.assign(
|
|
966
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "values", "setValues");
|
|
967
|
+
return Object.assign(_HCYQ5Z7Zcjs.useHovercardStoreProps.call(void 0, _US2XYAXEcjs.useCompositeStoreProps.call(void 0, store, update, props), update, props), {
|
|
959
968
|
combobox: props.combobox,
|
|
960
969
|
parent: props.parent,
|
|
961
970
|
menubar: props.menubar
|
|
@@ -963,15 +972,15 @@ function useMenuStoreProps(store, update, props) {
|
|
|
963
972
|
}
|
|
964
973
|
function useMenuStore(props = {}) {
|
|
965
974
|
const parent = useMenuContext();
|
|
966
|
-
const menubar =
|
|
967
|
-
const combobox =
|
|
975
|
+
const menubar = _I4JS2KAFcjs.useMenubarContext.call(void 0, );
|
|
976
|
+
const combobox = _FNYFMCD7cjs.useComboboxProviderContext.call(void 0, );
|
|
968
977
|
props = {
|
|
969
978
|
...props,
|
|
970
979
|
parent: props.parent !== void 0 ? props.parent : parent,
|
|
971
980
|
menubar: props.menubar !== void 0 ? props.menubar : menubar,
|
|
972
981
|
combobox: props.combobox !== void 0 ? props.combobox : combobox
|
|
973
982
|
};
|
|
974
|
-
const [store, update] =
|
|
983
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createMenuStore, props);
|
|
975
984
|
return useMenuStoreProps(store, update, props);
|
|
976
985
|
}
|
|
977
986
|
|
|
@@ -986,17 +995,17 @@ function MenuProvider(props = {}) {
|
|
|
986
995
|
|
|
987
996
|
// ../ariakit-react-components/dist/menu/menu-separator.js
|
|
988
997
|
var TagName16 = "hr";
|
|
989
|
-
var useMenuSeparator =
|
|
998
|
+
var useMenuSeparator = _JBOLBTVUcjs.createHook.call(void 0, function useMenuSeparator2({ store, ...props }) {
|
|
990
999
|
const context = useMenuContext();
|
|
991
1000
|
store = store || context;
|
|
992
|
-
props =
|
|
1001
|
+
props = _WLHP5OM6cjs.useCompositeSeparator.call(void 0, {
|
|
993
1002
|
store,
|
|
994
1003
|
...props
|
|
995
1004
|
});
|
|
996
1005
|
return props;
|
|
997
1006
|
});
|
|
998
|
-
var MenuSeparator =
|
|
999
|
-
return
|
|
1007
|
+
var MenuSeparator = _JBOLBTVUcjs.forwardRef.call(void 0, function MenuSeparator2(props) {
|
|
1008
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName16, useMenuSeparator(props));
|
|
1000
1009
|
});
|
|
1001
1010
|
|
|
1002
1011
|
|