@ariakit/react-core 0.3.9 → 0.3.11
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.md +67 -0
- package/cjs/__chunks/{WK7AZPHS.cjs → 2GETDAIQ.cjs} +4 -4
- package/cjs/__chunks/{OT6DC3ML.cjs → 36QK2QLE.cjs} +2 -2
- package/cjs/__chunks/{PFQ3IPWT.cjs → 3RUODFRU.cjs} +16 -1
- package/cjs/__chunks/{UBME4GBY.cjs → 63WKH5OP.cjs} +2 -2
- package/cjs/__chunks/{S6WUBPBB.cjs → 65LGW5LY.cjs} +4 -2
- package/cjs/__chunks/{KIGOGBFU.cjs → 7EEAHTIW.cjs} +2 -2
- package/cjs/__chunks/{3KZQJDTV.cjs → APFV5PTX.cjs} +2 -2
- package/cjs/__chunks/{VIETWH5C.cjs → BKU5STIE.cjs} +2 -2
- package/cjs/__chunks/{HHZJ6KYW.cjs → IAYTETYN.cjs} +2 -2
- package/cjs/__chunks/{WABPFCL3.cjs → NVHGMKAE.cjs} +7 -5
- package/cjs/__chunks/{CZOBQEIO.cjs → RM2WCNSU.cjs} +16 -22
- package/cjs/__chunks/{GF6NWLKX.cjs → WWU35JDJ.cjs} +6 -2
- package/cjs/__chunks/{UUTXBBHD.cjs → XAYQLYTN.cjs} +2 -2
- package/cjs/checkbox/checkbox-check.d.cts +6 -3
- package/cjs/checkbox/checkbox-check.d.ts +6 -3
- package/cjs/collection/collection-renderer.d.cts +0 -1
- package/cjs/collection/collection-renderer.d.ts +0 -1
- package/cjs/combobox/combobox-disclosure.cjs +3 -4
- package/cjs/combobox/combobox-item.cjs +5 -3
- package/cjs/combobox/combobox-item.d.cts +13 -1
- package/cjs/combobox/combobox-item.d.ts +13 -1
- package/cjs/combobox/combobox-popover.cjs +39 -10
- package/cjs/combobox/combobox-popover.d.cts +1 -1
- package/cjs/combobox/combobox-popover.d.ts +1 -1
- package/cjs/combobox/combobox.cjs +18 -6
- package/cjs/combobox/combobox.d.cts +26 -1
- package/cjs/combobox/combobox.d.ts +26 -1
- package/cjs/composite/composite-hover.d.cts +10 -1
- package/cjs/composite/composite-hover.d.ts +10 -1
- package/cjs/composite/composite-item.cjs +2 -2
- package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
- package/cjs/composite/composite-overflow.cjs +4 -4
- package/cjs/composite/composite-renderer.d.cts +0 -1
- package/cjs/composite/composite-renderer.d.ts +0 -1
- package/cjs/composite/composite.cjs +2 -2
- package/cjs/dialog/dialog.cjs +3 -3
- package/cjs/form/form-radio.cjs +3 -3
- package/cjs/hovercard/hovercard.cjs +5 -5
- package/cjs/menu/menu-bar.cjs +3 -3
- package/cjs/menu/menu-item-check.d.cts +14 -0
- package/cjs/menu/menu-item-check.d.ts +14 -0
- package/cjs/menu/menu-item-checkbox.cjs +3 -3
- package/cjs/menu/menu-item-radio.cjs +5 -5
- package/cjs/menu/menu-item.cjs +3 -3
- package/cjs/menu/menu-item.d.cts +8 -1
- package/cjs/menu/menu-item.d.ts +8 -1
- package/cjs/menu/menu-list.cjs +3 -3
- package/cjs/menu/menu-store.d.cts +2 -0
- package/cjs/menu/menu-store.d.ts +2 -0
- package/cjs/menu/menu.cjs +43 -15
- package/cjs/menubar/menubar.cjs +3 -3
- package/cjs/popover/popover.cjs +4 -4
- package/cjs/popover/popover.d.cts +2 -0
- package/cjs/popover/popover.d.ts +2 -0
- package/cjs/portal/portal.cjs +2 -2
- package/cjs/radio/radio-group.cjs +2 -2
- package/cjs/radio/radio.cjs +3 -3
- package/cjs/select/select-item.cjs +2 -2
- package/cjs/select/select-list.cjs +3 -3
- package/cjs/select/select-popover.cjs +8 -8
- package/cjs/tab/tab-list.cjs +2 -2
- package/cjs/tab/tab-provider.cjs +2 -2
- package/cjs/tab/tab-store.cjs +2 -2
- package/cjs/tab/tab.cjs +2 -2
- package/cjs/toolbar/toolbar-container.cjs +3 -3
- package/cjs/toolbar/toolbar-input.cjs +3 -3
- package/cjs/toolbar/toolbar-item.cjs +3 -3
- package/cjs/toolbar/toolbar.cjs +2 -2
- package/cjs/tooltip/tooltip.cjs +6 -6
- package/esm/__chunks/{FHDXHZLB.js → 57KNUQTI.js} +16 -22
- package/esm/__chunks/{UV2O3GRQ.js → 7D63S66W.js} +1 -1
- package/esm/__chunks/{TZJDOU75.js → 7R5VX7DV.js} +1 -1
- package/esm/__chunks/{6HKEBMMA.js → 7SHHFY4P.js} +1 -1
- package/esm/__chunks/{BJR5BFSV.js → CVFC2LN3.js} +1 -1
- package/esm/__chunks/{DHHIMTTV.js → DENCHBDS.js} +1 -1
- package/esm/__chunks/{E3XM3D67.js → JPXNJYSO.js} +4 -2
- package/esm/__chunks/{K5VQ2XTM.js → LZUSNDXA.js} +6 -2
- package/esm/__chunks/{PFM7J2TR.js → PDVJHECS.js} +1 -1
- package/esm/__chunks/{YGCD7HIZ.js → R2WNOXYG.js} +16 -1
- package/esm/__chunks/{2WETNHXU.js → SXPADS2D.js} +5 -3
- package/esm/__chunks/{2ECHI3ER.js → W2TTCKOE.js} +1 -1
- package/esm/__chunks/{HQ7YVNMA.js → WEU2EOWJ.js} +2 -2
- package/esm/checkbox/checkbox-check.d.ts +6 -3
- package/esm/collection/collection-renderer.d.ts +0 -1
- package/esm/combobox/combobox-disclosure.js +3 -4
- package/esm/combobox/combobox-item.d.ts +13 -1
- package/esm/combobox/combobox-item.js +4 -2
- package/esm/combobox/combobox-popover.d.ts +1 -1
- package/esm/combobox/combobox-popover.js +38 -9
- package/esm/combobox/combobox.d.ts +26 -1
- package/esm/combobox/combobox.js +17 -5
- package/esm/composite/composite-hover.d.ts +10 -1
- package/esm/composite/composite-item.js +1 -1
- package/esm/composite/composite-overflow-disclosure.js +1 -1
- package/esm/composite/composite-overflow.js +3 -3
- package/esm/composite/composite-renderer.d.ts +0 -1
- package/esm/composite/composite.js +1 -1
- package/esm/dialog/dialog.js +2 -2
- package/esm/form/form-radio.js +2 -2
- package/esm/hovercard/hovercard.js +4 -4
- package/esm/menu/menu-bar.js +2 -2
- package/esm/menu/menu-item-check.d.ts +14 -0
- package/esm/menu/menu-item-checkbox.js +2 -2
- package/esm/menu/menu-item-radio.js +3 -3
- package/esm/menu/menu-item.d.ts +8 -1
- package/esm/menu/menu-item.js +2 -2
- package/esm/menu/menu-list.js +2 -2
- package/esm/menu/menu-store.d.ts +2 -0
- package/esm/menu/menu.js +41 -13
- package/esm/menubar/menubar.js +2 -2
- package/esm/popover/popover.d.ts +2 -0
- package/esm/popover/popover.js +3 -3
- package/esm/portal/portal.js +1 -1
- package/esm/radio/radio-group.js +1 -1
- package/esm/radio/radio.js +2 -2
- package/esm/select/select-item.js +1 -1
- package/esm/select/select-list.js +2 -2
- package/esm/select/select-popover.js +5 -5
- package/esm/tab/tab-list.js +1 -1
- package/esm/tab/tab-provider.js +1 -1
- package/esm/tab/tab-store.js +1 -1
- package/esm/tab/tab.js +1 -1
- package/esm/toolbar/toolbar-container.js +2 -2
- package/esm/toolbar/toolbar-input.js +2 -2
- package/esm/toolbar/toolbar-item.js +2 -2
- package/esm/toolbar/toolbar.js +1 -1
- package/esm/tooltip/tooltip.js +4 -4
- package/package.json +2 -2
package/esm/combobox/combobox.js
CHANGED
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "../__chunks/W76OTZCC.js";
|
|
8
8
|
import {
|
|
9
9
|
useComposite
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/57KNUQTI.js";
|
|
11
11
|
import "../__chunks/6QXBPV75.js";
|
|
12
12
|
import "../__chunks/IB7YUKH5.js";
|
|
13
13
|
import "../__chunks/4UUKJZ4V.js";
|
|
@@ -82,6 +82,7 @@ var useCombobox = createHook(
|
|
|
82
82
|
store,
|
|
83
83
|
focusable = true,
|
|
84
84
|
autoSelect: autoSelectProp = false,
|
|
85
|
+
getAutoSelectId,
|
|
85
86
|
showOnChange = true,
|
|
86
87
|
setValueOnChange = true,
|
|
87
88
|
showOnMouseDown = true,
|
|
@@ -93,6 +94,7 @@ var useCombobox = createHook(
|
|
|
93
94
|
"store",
|
|
94
95
|
"focusable",
|
|
95
96
|
"autoSelect",
|
|
97
|
+
"getAutoSelectId",
|
|
96
98
|
"showOnChange",
|
|
97
99
|
"setValueOnChange",
|
|
98
100
|
"showOnMouseDown",
|
|
@@ -189,6 +191,8 @@ var useCombobox = createHook(
|
|
|
189
191
|
storeValue
|
|
190
192
|
]);
|
|
191
193
|
const scrollingElementRef = useRef(null);
|
|
194
|
+
const getAutoSelectIdProp = useEvent(getAutoSelectId);
|
|
195
|
+
const autoSelectIdRef = useRef(null);
|
|
192
196
|
useEffect(() => {
|
|
193
197
|
if (!open)
|
|
194
198
|
return;
|
|
@@ -204,10 +208,12 @@ var useCombobox = createHook(
|
|
|
204
208
|
const onScroll = () => {
|
|
205
209
|
if (!store)
|
|
206
210
|
return;
|
|
211
|
+
if (!canAutoSelectRef.current)
|
|
212
|
+
return;
|
|
207
213
|
const { activeId } = store.getState();
|
|
208
214
|
if (activeId === null)
|
|
209
215
|
return;
|
|
210
|
-
if (activeId ===
|
|
216
|
+
if (activeId === autoSelectIdRef.current)
|
|
211
217
|
return;
|
|
212
218
|
canAutoSelectRef.current = false;
|
|
213
219
|
};
|
|
@@ -233,7 +239,7 @@ var useCombobox = createHook(
|
|
|
233
239
|
}, [open]);
|
|
234
240
|
const resetValueOnSelect = store.useState("resetValueOnSelect");
|
|
235
241
|
useUpdateEffect(() => {
|
|
236
|
-
var _a2
|
|
242
|
+
var _a2;
|
|
237
243
|
if (!store)
|
|
238
244
|
return;
|
|
239
245
|
if (!autoSelect && !resetValueOnSelect)
|
|
@@ -249,9 +255,12 @@ var useCombobox = createHook(
|
|
|
249
255
|
return () => observer.disconnect();
|
|
250
256
|
}
|
|
251
257
|
if (autoSelect) {
|
|
252
|
-
|
|
258
|
+
const userAutoSelectId = getAutoSelectIdProp(items);
|
|
259
|
+
const autoSelectId = userAutoSelectId !== void 0 ? userAutoSelectId : store.first();
|
|
260
|
+
autoSelectIdRef.current = autoSelectId;
|
|
261
|
+
store.move(autoSelectId != null ? autoSelectId : null);
|
|
253
262
|
} else {
|
|
254
|
-
const element = (
|
|
263
|
+
const element = (_a2 = store.item(activeId)) == null ? void 0 : _a2.element;
|
|
255
264
|
if (element && "scrollIntoView" in element) {
|
|
256
265
|
element.scrollIntoView({ block: "nearest", inline: "nearest" });
|
|
257
266
|
}
|
|
@@ -263,6 +272,7 @@ var useCombobox = createHook(
|
|
|
263
272
|
storeValue,
|
|
264
273
|
autoSelect,
|
|
265
274
|
resetValueOnSelect,
|
|
275
|
+
getAutoSelectIdProp,
|
|
266
276
|
items
|
|
267
277
|
]);
|
|
268
278
|
useEffect(() => {
|
|
@@ -395,6 +405,7 @@ var useCombobox = createHook(
|
|
|
395
405
|
});
|
|
396
406
|
const id = useId(props.id);
|
|
397
407
|
const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
|
|
408
|
+
const isActiveItem = store.useState((state) => state.activeId === null);
|
|
398
409
|
props = __spreadProps(__spreadValues({
|
|
399
410
|
id,
|
|
400
411
|
role: "combobox",
|
|
@@ -402,6 +413,7 @@ var useCombobox = createHook(
|
|
|
402
413
|
"aria-haspopup": getPopupRole(contentElement, "listbox"),
|
|
403
414
|
"aria-expanded": open,
|
|
404
415
|
"aria-controls": contentElement == null ? void 0 : contentElement.id,
|
|
416
|
+
"data-active-item": isActiveItem || void 0,
|
|
405
417
|
value
|
|
406
418
|
}, props), {
|
|
407
419
|
ref: useMergeRefs(ref, props.ref),
|
|
@@ -43,7 +43,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
|
|
|
43
43
|
*/
|
|
44
44
|
store?: CompositeStore;
|
|
45
45
|
/**
|
|
46
|
-
* Determines if the composite item should be
|
|
46
|
+
* Determines if the composite item should be _focused_ when hovered over.
|
|
47
|
+
*
|
|
48
|
+
* Note that the actual DOM focus will stay on the composite element. This
|
|
49
|
+
* item will get the
|
|
50
|
+
* [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
|
|
51
|
+
* attribute so it can be styled as if it's focused.
|
|
47
52
|
*
|
|
48
53
|
* Live examples:
|
|
49
54
|
* - [Multi-selectable
|
|
@@ -53,6 +58,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
|
|
|
53
58
|
* - [Textarea with inline
|
|
54
59
|
* Combobox](https://ariakit.org/examples/combobox-textarea)
|
|
55
60
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
61
|
+
* - [Submenu with
|
|
62
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
56
63
|
* @default true
|
|
57
64
|
*/
|
|
58
65
|
focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
|
|
@@ -66,6 +73,8 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
|
|
|
66
73
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
67
74
|
* - [Combobox with integrated
|
|
68
75
|
* filter](https://ariakit.org/examples/combobox-filtering-integrated)
|
|
76
|
+
* - [Submenu with
|
|
77
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
69
78
|
*/
|
|
70
79
|
blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
|
|
71
80
|
}
|
|
@@ -8,7 +8,7 @@ import "../__chunks/JCH6MLL2.js";
|
|
|
8
8
|
import "../__chunks/VDNZBO4W.js";
|
|
9
9
|
import {
|
|
10
10
|
useCompositeItem
|
|
11
|
-
} from "../__chunks/
|
|
11
|
+
} from "../__chunks/R2WNOXYG.js";
|
|
12
12
|
import "../__chunks/NWCBQ4CV.js";
|
|
13
13
|
import "../__chunks/UH3I23HL.js";
|
|
14
14
|
import "../__chunks/6QXBPV75.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
usePopover
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/SXPADS2D.js";
|
|
5
|
+
import "../__chunks/PDVJHECS.js";
|
|
6
6
|
import "../__chunks/57VLL43X.js";
|
|
7
7
|
import "../__chunks/CLF4PQ7T.js";
|
|
8
8
|
import "../__chunks/BULCTPRV.js";
|
|
@@ -19,7 +19,7 @@ import "../__chunks/72E5EPFF.js";
|
|
|
19
19
|
import "../__chunks/X6WIMZJE.js";
|
|
20
20
|
import "../__chunks/HPP6CWMY.js";
|
|
21
21
|
import "../__chunks/UYRJLDVS.js";
|
|
22
|
-
import "../__chunks/
|
|
22
|
+
import "../__chunks/JPXNJYSO.js";
|
|
23
23
|
import "../__chunks/CHKJ74UC.js";
|
|
24
24
|
import "../__chunks/7452U3HH.js";
|
|
25
25
|
import "../__chunks/XPF5GU3Q.js";
|
|
@@ -30,7 +30,6 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
|
|
|
30
30
|
id?: string | undefined;
|
|
31
31
|
lang?: string | undefined;
|
|
32
32
|
nonce?: string | undefined;
|
|
33
|
-
placeholder?: string | undefined;
|
|
34
33
|
slot?: string | undefined;
|
|
35
34
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
36
35
|
style?: import("react").CSSProperties | undefined;
|
package/esm/dialog/dialog.js
CHANGED
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
Dialog,
|
|
4
4
|
createDialogComponent,
|
|
5
5
|
useDialog
|
|
6
|
-
} from "../__chunks/
|
|
6
|
+
} from "../__chunks/PDVJHECS.js";
|
|
7
7
|
import "../__chunks/57VLL43X.js";
|
|
8
8
|
import "../__chunks/CLF4PQ7T.js";
|
|
9
9
|
import "../__chunks/BULCTPRV.js";
|
|
@@ -20,7 +20,7 @@ import "../__chunks/72E5EPFF.js";
|
|
|
20
20
|
import "../__chunks/X6WIMZJE.js";
|
|
21
21
|
import "../__chunks/HPP6CWMY.js";
|
|
22
22
|
import "../__chunks/UYRJLDVS.js";
|
|
23
|
-
import "../__chunks/
|
|
23
|
+
import "../__chunks/JPXNJYSO.js";
|
|
24
24
|
import "../__chunks/CHKJ74UC.js";
|
|
25
25
|
import "../__chunks/7452U3HH.js";
|
|
26
26
|
import "../__chunks/XPF5GU3Q.js";
|
package/esm/form/form-radio.js
CHANGED
|
@@ -7,9 +7,9 @@ import {
|
|
|
7
7
|
} from "../__chunks/V4ZFXDFK.js";
|
|
8
8
|
import {
|
|
9
9
|
useRadio
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/7SHHFY4P.js";
|
|
11
11
|
import "../__chunks/XEV62JUQ.js";
|
|
12
|
-
import "../__chunks/
|
|
12
|
+
import "../__chunks/R2WNOXYG.js";
|
|
13
13
|
import "../__chunks/NWCBQ4CV.js";
|
|
14
14
|
import "../__chunks/UH3I23HL.js";
|
|
15
15
|
import "../__chunks/6QXBPV75.js";
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Hovercard,
|
|
4
4
|
useHovercard
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/WEU2EOWJ.js";
|
|
6
6
|
import "../__chunks/YMV43K4F.js";
|
|
7
|
-
import "../__chunks/
|
|
8
|
-
import "../__chunks/
|
|
7
|
+
import "../__chunks/SXPADS2D.js";
|
|
8
|
+
import "../__chunks/PDVJHECS.js";
|
|
9
9
|
import "../__chunks/57VLL43X.js";
|
|
10
10
|
import "../__chunks/CLF4PQ7T.js";
|
|
11
11
|
import "../__chunks/BULCTPRV.js";
|
|
@@ -22,7 +22,7 @@ import "../__chunks/72E5EPFF.js";
|
|
|
22
22
|
import "../__chunks/X6WIMZJE.js";
|
|
23
23
|
import "../__chunks/HPP6CWMY.js";
|
|
24
24
|
import "../__chunks/UYRJLDVS.js";
|
|
25
|
-
import "../__chunks/
|
|
25
|
+
import "../__chunks/JPXNJYSO.js";
|
|
26
26
|
import "../__chunks/CHKJ74UC.js";
|
|
27
27
|
import "../__chunks/7452U3HH.js";
|
|
28
28
|
import "../__chunks/XPF5GU3Q.js";
|
package/esm/menu/menu-bar.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useMenubar
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/7R5VX7DV.js";
|
|
5
5
|
import "../__chunks/KA4GX64Z.js";
|
|
6
6
|
import "../__chunks/FWQLUQ4T.js";
|
|
7
|
-
import "../__chunks/
|
|
7
|
+
import "../__chunks/57KNUQTI.js";
|
|
8
8
|
import "../__chunks/6QXBPV75.js";
|
|
9
9
|
import "../__chunks/A6ER4BO6.js";
|
|
10
10
|
import "../__chunks/HDMIVTNE.js";
|
|
@@ -40,5 +40,19 @@ export interface MenuItemCheckOptions<T extends As = "span"> extends Omit<Checkb
|
|
|
40
40
|
* [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
|
|
41
41
|
*/
|
|
42
42
|
store?: MenuStore;
|
|
43
|
+
/**
|
|
44
|
+
* Determines if the check mark should be displayed. This value is automatically
|
|
45
|
+
* derived from the parent
|
|
46
|
+
* [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio) or
|
|
47
|
+
* [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox)
|
|
48
|
+
* component.
|
|
49
|
+
*
|
|
50
|
+
* Manually setting this prop will supersede the derived value.
|
|
51
|
+
*
|
|
52
|
+
* Live examples:
|
|
53
|
+
* - [Submenu with
|
|
54
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
55
|
+
*/
|
|
56
|
+
checked?: CheckboxCheckOptions<T>["checked"];
|
|
43
57
|
}
|
|
44
58
|
export type MenuItemCheckProps<T extends As = "span"> = Props<MenuItemCheckOptions<T>>;
|
|
@@ -8,14 +8,14 @@ import {
|
|
|
8
8
|
} from "../__chunks/IIVLUKKG.js";
|
|
9
9
|
import {
|
|
10
10
|
useMenuItem
|
|
11
|
-
} from "../__chunks/
|
|
11
|
+
} from "../__chunks/CVFC2LN3.js";
|
|
12
12
|
import {
|
|
13
13
|
useMenuScopedContext
|
|
14
14
|
} from "../__chunks/YGMEBI3A.js";
|
|
15
15
|
import "../__chunks/KA4GX64Z.js";
|
|
16
16
|
import "../__chunks/G6ONQ5EH.js";
|
|
17
17
|
import "../__chunks/6XBVQI3K.js";
|
|
18
|
-
import "../__chunks/
|
|
18
|
+
import "../__chunks/R2WNOXYG.js";
|
|
19
19
|
import "../__chunks/NWCBQ4CV.js";
|
|
20
20
|
import "../__chunks/UH3I23HL.js";
|
|
21
21
|
import "../__chunks/6QXBPV75.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useMenuItem
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/CVFC2LN3.js";
|
|
5
5
|
import {
|
|
6
6
|
MenuItemCheckedContext,
|
|
7
7
|
useMenuScopedContext
|
|
@@ -9,10 +9,10 @@ import {
|
|
|
9
9
|
import "../__chunks/KA4GX64Z.js";
|
|
10
10
|
import {
|
|
11
11
|
useRadio
|
|
12
|
-
} from "../__chunks/
|
|
12
|
+
} from "../__chunks/7SHHFY4P.js";
|
|
13
13
|
import "../__chunks/XEV62JUQ.js";
|
|
14
14
|
import "../__chunks/G6ONQ5EH.js";
|
|
15
|
-
import "../__chunks/
|
|
15
|
+
import "../__chunks/R2WNOXYG.js";
|
|
16
16
|
import "../__chunks/NWCBQ4CV.js";
|
|
17
17
|
import "../__chunks/UH3I23HL.js";
|
|
18
18
|
import "../__chunks/6QXBPV75.js";
|
package/esm/menu/menu-item.d.ts
CHANGED
|
@@ -50,7 +50,14 @@ export interface MenuItemOptions<T extends As = "div"> extends CompositeItemOpti
|
|
|
50
50
|
*/
|
|
51
51
|
store?: MenubarStore | MenuStore;
|
|
52
52
|
/**
|
|
53
|
-
* Whether to hide the menu when
|
|
53
|
+
* Whether to hide the menu when a menu item is clicked. This prop won't be
|
|
54
|
+
* invoked if the click is on a link and modifier keys are used to open the
|
|
55
|
+
* link in a new tab or download it.
|
|
56
|
+
*
|
|
57
|
+
* Live examples:
|
|
58
|
+
* - [Submenu with
|
|
59
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
60
|
+
* - [Sliding Menu](https://ariakit.org/examples/menu-slide)
|
|
54
61
|
* @default true
|
|
55
62
|
*/
|
|
56
63
|
hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
|
package/esm/menu/menu-item.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import {
|
|
3
3
|
MenuItem,
|
|
4
4
|
useMenuItem
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/CVFC2LN3.js";
|
|
6
6
|
import "../__chunks/YGMEBI3A.js";
|
|
7
7
|
import "../__chunks/KA4GX64Z.js";
|
|
8
8
|
import "../__chunks/G6ONQ5EH.js";
|
|
9
|
-
import "../__chunks/
|
|
9
|
+
import "../__chunks/R2WNOXYG.js";
|
|
10
10
|
import "../__chunks/NWCBQ4CV.js";
|
|
11
11
|
import "../__chunks/UH3I23HL.js";
|
|
12
12
|
import "../__chunks/6QXBPV75.js";
|
package/esm/menu/menu-list.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import {
|
|
3
3
|
MenuList,
|
|
4
4
|
useMenuList
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/DENCHBDS.js";
|
|
6
6
|
import "../__chunks/YGMEBI3A.js";
|
|
7
7
|
import "../__chunks/KA4GX64Z.js";
|
|
8
8
|
import "../__chunks/HBGJOTTX.js";
|
|
9
|
-
import "../__chunks/
|
|
9
|
+
import "../__chunks/57KNUQTI.js";
|
|
10
10
|
import "../__chunks/6QXBPV75.js";
|
|
11
11
|
import "../__chunks/IB7YUKH5.js";
|
|
12
12
|
import "../__chunks/4UUKJZ4V.js";
|
package/esm/menu/menu-store.d.ts
CHANGED
|
@@ -36,6 +36,8 @@ export interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues> e
|
|
|
36
36
|
*
|
|
37
37
|
* Live examples:
|
|
38
38
|
* - [MenuItemCheckbox](https://ariakit.org/examples/menu-item-checkbox)
|
|
39
|
+
* - [Submenu with
|
|
40
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
39
41
|
*/
|
|
40
42
|
setValues?: BivariantCallback<(values: MenuStoreState<T>["values"]) => void>;
|
|
41
43
|
/**
|
package/esm/menu/menu.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useMenuList
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/DENCHBDS.js";
|
|
5
5
|
import {
|
|
6
6
|
useMenuProviderContext
|
|
7
7
|
} from "../__chunks/YGMEBI3A.js";
|
|
8
8
|
import "../__chunks/KA4GX64Z.js";
|
|
9
9
|
import "../__chunks/HBGJOTTX.js";
|
|
10
|
-
import "../__chunks/
|
|
10
|
+
import "../__chunks/57KNUQTI.js";
|
|
11
11
|
import "../__chunks/6QXBPV75.js";
|
|
12
12
|
import "../__chunks/IB7YUKH5.js";
|
|
13
13
|
import "../__chunks/4UUKJZ4V.js";
|
|
14
14
|
import {
|
|
15
15
|
useHovercard
|
|
16
|
-
} from "../__chunks/
|
|
16
|
+
} from "../__chunks/WEU2EOWJ.js";
|
|
17
17
|
import "../__chunks/YMV43K4F.js";
|
|
18
|
-
import "../__chunks/
|
|
18
|
+
import "../__chunks/SXPADS2D.js";
|
|
19
19
|
import {
|
|
20
20
|
createDialogComponent
|
|
21
|
-
} from "../__chunks/
|
|
21
|
+
} from "../__chunks/PDVJHECS.js";
|
|
22
22
|
import "../__chunks/57VLL43X.js";
|
|
23
23
|
import "../__chunks/CLF4PQ7T.js";
|
|
24
24
|
import "../__chunks/BULCTPRV.js";
|
|
@@ -35,7 +35,7 @@ import "../__chunks/72E5EPFF.js";
|
|
|
35
35
|
import "../__chunks/X6WIMZJE.js";
|
|
36
36
|
import "../__chunks/HPP6CWMY.js";
|
|
37
37
|
import "../__chunks/UYRJLDVS.js";
|
|
38
|
-
import "../__chunks/
|
|
38
|
+
import "../__chunks/JPXNJYSO.js";
|
|
39
39
|
import "../__chunks/CHKJ74UC.js";
|
|
40
40
|
import "../__chunks/7452U3HH.js";
|
|
41
41
|
import "../__chunks/XPF5GU3Q.js";
|
|
@@ -55,7 +55,9 @@ import {
|
|
|
55
55
|
} from "../__chunks/3ORBWXWF.js";
|
|
56
56
|
import "../__chunks/6SB7F42L.js";
|
|
57
57
|
import "../__chunks/SMM5JVLC.js";
|
|
58
|
-
import
|
|
58
|
+
import {
|
|
59
|
+
useStoreState
|
|
60
|
+
} from "../__chunks/4OZYHFMH.js";
|
|
59
61
|
import {
|
|
60
62
|
useMergeRefs
|
|
61
63
|
} from "../__chunks/6O5OEQGF.js";
|
|
@@ -67,7 +69,7 @@ import {
|
|
|
67
69
|
} from "../__chunks/4R3V3JGP.js";
|
|
68
70
|
|
|
69
71
|
// src/menu/menu.tsx
|
|
70
|
-
import { createRef, useEffect, useRef, useState } from "react";
|
|
72
|
+
import { createRef, useEffect, useMemo, useRef, useState } from "react";
|
|
71
73
|
import { fireEvent } from "@ariakit/core/utils/events";
|
|
72
74
|
import { hasFocusWithin } from "@ariakit/core/utils/focus";
|
|
73
75
|
import { invariant, isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
|
|
@@ -143,6 +145,31 @@ var useMenu = createHook(
|
|
|
143
145
|
const modal = hasParentMenu ? false : modalProp;
|
|
144
146
|
const mayAutoFocusOnShow = !!autoFocusOnShow;
|
|
145
147
|
const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
|
|
148
|
+
const contentElement = useStoreState(
|
|
149
|
+
store.combobox || store,
|
|
150
|
+
"contentElement"
|
|
151
|
+
);
|
|
152
|
+
const parentContentElement = useStoreState(
|
|
153
|
+
(parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
|
|
154
|
+
"contentElement"
|
|
155
|
+
);
|
|
156
|
+
const preserveTabOrderAnchor = useMemo(() => {
|
|
157
|
+
if (!parentContentElement)
|
|
158
|
+
return;
|
|
159
|
+
if (!contentElement)
|
|
160
|
+
return;
|
|
161
|
+
const role = contentElement.getAttribute("role");
|
|
162
|
+
const parentRole = parentContentElement.getAttribute("role");
|
|
163
|
+
const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
|
|
164
|
+
if (parentIsMenuOrMenubar && role === "menu")
|
|
165
|
+
return;
|
|
166
|
+
return parentContentElement;
|
|
167
|
+
}, [contentElement, parentContentElement]);
|
|
168
|
+
if (preserveTabOrderAnchor !== void 0) {
|
|
169
|
+
props = __spreadValues({
|
|
170
|
+
preserveTabOrderAnchor
|
|
171
|
+
}, props);
|
|
172
|
+
}
|
|
146
173
|
props = useHovercard(__spreadProps(__spreadValues({
|
|
147
174
|
store,
|
|
148
175
|
alwaysVisible,
|
|
@@ -156,9 +183,7 @@ var useMenu = createHook(
|
|
|
156
183
|
return true;
|
|
157
184
|
},
|
|
158
185
|
hideOnHoverOutside: (event) => {
|
|
159
|
-
|
|
160
|
-
return true;
|
|
161
|
-
const { disclosureElement, activeId } = store.getState();
|
|
186
|
+
const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
|
|
162
187
|
const getHideOnHoverOutside = () => {
|
|
163
188
|
if (typeof hideOnHoverOutside === "function") {
|
|
164
189
|
return hideOnHoverOutside(event);
|
|
@@ -186,8 +211,11 @@ var useMenu = createHook(
|
|
|
186
211
|
fireEvent(disclosureElement, "mouseout", event);
|
|
187
212
|
if (!hasFocusWithin(disclosureElement))
|
|
188
213
|
return true;
|
|
189
|
-
|
|
190
|
-
|
|
214
|
+
requestAnimationFrame(() => {
|
|
215
|
+
if (hasFocusWithin(disclosureElement))
|
|
216
|
+
return;
|
|
217
|
+
store == null ? void 0 : store.hide();
|
|
218
|
+
});
|
|
191
219
|
return false;
|
|
192
220
|
},
|
|
193
221
|
modal,
|
package/esm/menubar/menubar.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Menubar,
|
|
4
4
|
useMenubar
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/7R5VX7DV.js";
|
|
6
6
|
import "../__chunks/KA4GX64Z.js";
|
|
7
7
|
import "../__chunks/FWQLUQ4T.js";
|
|
8
|
-
import "../__chunks/
|
|
8
|
+
import "../__chunks/57KNUQTI.js";
|
|
9
9
|
import "../__chunks/6QXBPV75.js";
|
|
10
10
|
import "../__chunks/A6ER4BO6.js";
|
|
11
11
|
import "../__chunks/HDMIVTNE.js";
|
package/esm/popover/popover.d.ts
CHANGED
|
@@ -100,6 +100,8 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
|
|
|
100
100
|
*
|
|
101
101
|
* Live examples:
|
|
102
102
|
* - [Menubar](https://ariakit.org/components/menubar)
|
|
103
|
+
* - [Submenu with
|
|
104
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
103
105
|
* @default false
|
|
104
106
|
*/
|
|
105
107
|
overlap?: boolean;
|
package/esm/popover/popover.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Popover,
|
|
4
4
|
usePopover
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/SXPADS2D.js";
|
|
6
|
+
import "../__chunks/PDVJHECS.js";
|
|
7
7
|
import "../__chunks/57VLL43X.js";
|
|
8
8
|
import "../__chunks/CLF4PQ7T.js";
|
|
9
9
|
import "../__chunks/BULCTPRV.js";
|
|
@@ -20,7 +20,7 @@ import "../__chunks/72E5EPFF.js";
|
|
|
20
20
|
import "../__chunks/X6WIMZJE.js";
|
|
21
21
|
import "../__chunks/HPP6CWMY.js";
|
|
22
22
|
import "../__chunks/UYRJLDVS.js";
|
|
23
|
-
import "../__chunks/
|
|
23
|
+
import "../__chunks/JPXNJYSO.js";
|
|
24
24
|
import "../__chunks/CHKJ74UC.js";
|
|
25
25
|
import "../__chunks/7452U3HH.js";
|
|
26
26
|
import "../__chunks/XPF5GU3Q.js";
|
package/esm/portal/portal.js
CHANGED
package/esm/radio/radio-group.js
CHANGED
package/esm/radio/radio.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Radio,
|
|
4
4
|
useRadio
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/7SHHFY4P.js";
|
|
6
6
|
import "../__chunks/XEV62JUQ.js";
|
|
7
|
-
import "../__chunks/
|
|
7
|
+
import "../__chunks/R2WNOXYG.js";
|
|
8
8
|
import "../__chunks/NWCBQ4CV.js";
|
|
9
9
|
import "../__chunks/UH3I23HL.js";
|
|
10
10
|
import "../__chunks/6QXBPV75.js";
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
SelectList,
|
|
4
4
|
useSelectList
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/7D63S66W.js";
|
|
6
6
|
import "../__chunks/HBGJOTTX.js";
|
|
7
7
|
import "../__chunks/5HVNGX6D.js";
|
|
8
|
-
import "../__chunks/
|
|
8
|
+
import "../__chunks/57KNUQTI.js";
|
|
9
9
|
import "../__chunks/6QXBPV75.js";
|
|
10
10
|
import "../__chunks/IB7YUKH5.js";
|
|
11
11
|
import "../__chunks/4UUKJZ4V.js";
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useSelectList
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/7D63S66W.js";
|
|
5
5
|
import "../__chunks/HBGJOTTX.js";
|
|
6
6
|
import {
|
|
7
7
|
useSelectProviderContext
|
|
8
8
|
} from "../__chunks/5HVNGX6D.js";
|
|
9
|
-
import "../__chunks/
|
|
9
|
+
import "../__chunks/57KNUQTI.js";
|
|
10
10
|
import "../__chunks/6QXBPV75.js";
|
|
11
11
|
import "../__chunks/IB7YUKH5.js";
|
|
12
12
|
import "../__chunks/4UUKJZ4V.js";
|
|
13
13
|
import {
|
|
14
14
|
usePopover
|
|
15
|
-
} from "../__chunks/
|
|
15
|
+
} from "../__chunks/SXPADS2D.js";
|
|
16
16
|
import {
|
|
17
17
|
createDialogComponent
|
|
18
|
-
} from "../__chunks/
|
|
18
|
+
} from "../__chunks/PDVJHECS.js";
|
|
19
19
|
import "../__chunks/57VLL43X.js";
|
|
20
20
|
import "../__chunks/CLF4PQ7T.js";
|
|
21
21
|
import "../__chunks/BULCTPRV.js";
|
|
@@ -32,7 +32,7 @@ import "../__chunks/72E5EPFF.js";
|
|
|
32
32
|
import "../__chunks/X6WIMZJE.js";
|
|
33
33
|
import "../__chunks/HPP6CWMY.js";
|
|
34
34
|
import "../__chunks/UYRJLDVS.js";
|
|
35
|
-
import "../__chunks/
|
|
35
|
+
import "../__chunks/JPXNJYSO.js";
|
|
36
36
|
import "../__chunks/CHKJ74UC.js";
|
|
37
37
|
import "../__chunks/7452U3HH.js";
|
|
38
38
|
import "../__chunks/XPF5GU3Q.js";
|
package/esm/tab/tab-list.js
CHANGED