@ariakit/react-core 0.3.10 → 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 +50 -0
- package/cjs/__chunks/{TTMCZ7ZN.cjs → 3RUODFRU.cjs} +15 -0
- package/cjs/__chunks/{UBME4GBY.cjs → 63WKH5OP.cjs} +2 -2
- package/cjs/__chunks/{SANV4XBF.cjs → 7EEAHTIW.cjs} +2 -2
- package/cjs/__chunks/{3KZQJDTV.cjs → APFV5PTX.cjs} +2 -2
- package/cjs/__chunks/{DHSZ2ZFJ.cjs → BKU5STIE.cjs} +2 -2
- package/cjs/__chunks/{PHZJAGWK.cjs → IAYTETYN.cjs} +2 -2
- 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/combobox/combobox-disclosure.cjs +3 -4
- package/cjs/combobox/combobox-item.cjs +2 -2
- package/cjs/combobox/combobox-item.d.cts +13 -1
- package/cjs/combobox/combobox-item.d.ts +13 -1
- package/cjs/combobox/combobox-popover.cjs +34 -5
- 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.cjs +2 -2
- package/cjs/form/form-radio.cjs +3 -3
- 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 +3 -3
- package/cjs/menubar/menubar.cjs +3 -3
- package/cjs/popover/popover.d.cts +2 -0
- package/cjs/popover/popover.d.ts +2 -0
- 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 +3 -3
- 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/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/{GJYUMUMT.js → 7SHHFY4P.js} +1 -1
- package/esm/__chunks/{QEPSYGAQ.js → CVFC2LN3.js} +1 -1
- package/esm/__chunks/{DHHIMTTV.js → DENCHBDS.js} +1 -1
- package/esm/__chunks/{K5VQ2XTM.js → LZUSNDXA.js} +6 -2
- package/esm/__chunks/{P6VCQ6Q3.js → R2WNOXYG.js} +15 -0
- package/esm/__chunks/{UJUY6GAA.js → W2TTCKOE.js} +1 -1
- package/esm/checkbox/checkbox-check.d.ts +6 -3
- package/esm/combobox/combobox-disclosure.js +3 -4
- package/esm/combobox/combobox-item.d.ts +13 -1
- package/esm/combobox/combobox-item.js +1 -1
- package/esm/combobox/combobox-popover.d.ts +1 -1
- package/esm/combobox/combobox-popover.js +35 -6
- 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.js +1 -1
- package/esm/form/form-radio.js +2 -2
- 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 +2 -2
- package/esm/menubar/menubar.js +2 -2
- package/esm/popover/popover.d.ts +2 -0
- 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 +2 -2
- 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/package.json +2 -2
|
@@ -3,7 +3,7 @@ import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/typ
|
|
|
3
3
|
import type { CompositeOptions } from "../composite/composite.js";
|
|
4
4
|
import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
|
|
5
5
|
import type { As, Props } from "../utils/types.js";
|
|
6
|
-
import type { ComboboxStore } from "./combobox-store.js";
|
|
6
|
+
import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
|
|
7
7
|
/**
|
|
8
8
|
* Returns props to create a `Combobox` component.
|
|
9
9
|
* @see https://ariakit.org/components/combobox
|
|
@@ -70,6 +70,31 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
|
|
|
70
70
|
* @default false
|
|
71
71
|
*/
|
|
72
72
|
autoSelect?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Function that takes the currently rendered items and returns the id of the
|
|
75
|
+
* item to be auto selected when the
|
|
76
|
+
* [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
|
|
77
|
+
* `true`.
|
|
78
|
+
*
|
|
79
|
+
* By default, the first enabled item is auto selected. This function is handy
|
|
80
|
+
* if you prefer a different item to be auto selected.
|
|
81
|
+
* @example
|
|
82
|
+
* ```jsx
|
|
83
|
+
* <Combobox
|
|
84
|
+
* autoSelect
|
|
85
|
+
* getAutoSelectId={(items) => {
|
|
86
|
+
* // Auto select the first enabled item with a value
|
|
87
|
+
* const item = items.find((item) => {
|
|
88
|
+
* if (item.disabled) return false;
|
|
89
|
+
* if (!item.value) return false;
|
|
90
|
+
* return true;
|
|
91
|
+
* });
|
|
92
|
+
* return item?.id;
|
|
93
|
+
* }}
|
|
94
|
+
* />
|
|
95
|
+
* ```
|
|
96
|
+
*/
|
|
97
|
+
getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
|
|
73
98
|
/**
|
|
74
99
|
* Whether the items will be filtered based on
|
|
75
100
|
* [`value`](https://ariakit.org/reference/combobox-provider#value) and
|
|
@@ -3,7 +3,7 @@ import type { BooleanOrCallback, StringWithValue } from "@ariakit/core/utils/typ
|
|
|
3
3
|
import type { CompositeOptions } from "../composite/composite.js";
|
|
4
4
|
import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
|
|
5
5
|
import type { As, Props } from "../utils/types.js";
|
|
6
|
-
import type { ComboboxStore } from "./combobox-store.js";
|
|
6
|
+
import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
|
|
7
7
|
/**
|
|
8
8
|
* Returns props to create a `Combobox` component.
|
|
9
9
|
* @see https://ariakit.org/components/combobox
|
|
@@ -70,6 +70,31 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
|
|
|
70
70
|
* @default false
|
|
71
71
|
*/
|
|
72
72
|
autoSelect?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Function that takes the currently rendered items and returns the id of the
|
|
75
|
+
* item to be auto selected when the
|
|
76
|
+
* [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop is
|
|
77
|
+
* `true`.
|
|
78
|
+
*
|
|
79
|
+
* By default, the first enabled item is auto selected. This function is handy
|
|
80
|
+
* if you prefer a different item to be auto selected.
|
|
81
|
+
* @example
|
|
82
|
+
* ```jsx
|
|
83
|
+
* <Combobox
|
|
84
|
+
* autoSelect
|
|
85
|
+
* getAutoSelectId={(items) => {
|
|
86
|
+
* // Auto select the first enabled item with a value
|
|
87
|
+
* const item = items.find((item) => {
|
|
88
|
+
* if (item.disabled) return false;
|
|
89
|
+
* if (!item.value) return false;
|
|
90
|
+
* return true;
|
|
91
|
+
* });
|
|
92
|
+
* return item?.id;
|
|
93
|
+
* }}
|
|
94
|
+
* />
|
|
95
|
+
* ```
|
|
96
|
+
*/
|
|
97
|
+
getAutoSelectId?: (renderedItems: ComboboxStoreState["renderedItems"]) => string | null | undefined;
|
|
73
98
|
/**
|
|
74
99
|
* Whether the items will be filtered based on
|
|
75
100
|
* [`value`](https://ariakit.org/reference/combobox-provider#value) and
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
|
|
6
6
|
require('../__chunks/DAJUUBUI.cjs');
|
|
7
7
|
require('../__chunks/R5A2WTWB.cjs');
|
|
8
8
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
exports.CompositeItem =
|
|
21
|
+
exports.CompositeItem = _3RUODFRUcjs.CompositeItem; exports.useCompositeItem = _3RUODFRUcjs.useCompositeItem;
|
|
@@ -8,7 +8,7 @@ require('../__chunks/3QW6ELTG.cjs');
|
|
|
8
8
|
require('../__chunks/5UTRYT6E.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
|
|
12
12
|
require('../__chunks/DAJUUBUI.cjs');
|
|
13
13
|
require('../__chunks/R5A2WTWB.cjs');
|
|
14
14
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -69,7 +69,7 @@ var useCompositeOverflowDisclosure = _RNZNGEL4cjs.createHook.call(void 0, (_a) =
|
|
|
69
69
|
onFocus,
|
|
70
70
|
onBlur
|
|
71
71
|
});
|
|
72
|
-
props =
|
|
72
|
+
props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
|
|
73
73
|
props = _LICANQTIcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
74
74
|
return props;
|
|
75
75
|
});
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
|
|
6
6
|
require('../__chunks/RV3PHHWM.cjs');
|
|
7
7
|
require('../__chunks/UZNYSPKP.cjs');
|
|
8
8
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -15,4 +15,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
exports.Composite =
|
|
18
|
+
exports.Composite = _RM2WCNSUcjs.Composite; exports.useComposite = _RM2WCNSUcjs.useComposite;
|
package/cjs/form/form-radio.cjs
CHANGED
|
@@ -7,9 +7,9 @@ var _VCDQISP7cjs = require('../__chunks/VCDQISP7.cjs');
|
|
|
7
7
|
var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
|
|
11
11
|
require('../__chunks/HEEQY4DZ.cjs');
|
|
12
|
-
require('../__chunks/
|
|
12
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
13
13
|
require('../__chunks/DAJUUBUI.cjs');
|
|
14
14
|
require('../__chunks/R5A2WTWB.cjs');
|
|
15
15
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -60,7 +60,7 @@ var useFormRadio = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
60
60
|
checked,
|
|
61
61
|
onChange
|
|
62
62
|
});
|
|
63
|
-
props =
|
|
63
|
+
props = _IAYTETYNcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
|
|
64
64
|
props = _VCDQISP7cjs.useFormField.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
65
65
|
store,
|
|
66
66
|
name,
|
package/cjs/menu/menu-bar.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _APFV5PTXcjs = require('../__chunks/APFV5PTX.cjs');
|
|
5
5
|
require('../__chunks/7LBZXSLY.cjs');
|
|
6
6
|
require('../__chunks/7KFYPSJO.cjs');
|
|
7
|
-
require('../__chunks/
|
|
7
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
8
8
|
require('../__chunks/RV3PHHWM.cjs');
|
|
9
9
|
require('../__chunks/N6CR2VNN.cjs');
|
|
10
10
|
require('../__chunks/DKOWT2IJ.cjs');
|
|
@@ -24,7 +24,7 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
24
24
|
|
|
25
25
|
// src/menu/menu-bar.tsx
|
|
26
26
|
var useMenuBar = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
|
|
27
|
-
return
|
|
27
|
+
return _APFV5PTXcjs.useMenubar.call(void 0, props);
|
|
28
28
|
});
|
|
29
29
|
var MenuBar = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
|
|
30
30
|
const htmlProps = useMenuBar(props);
|
|
@@ -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>>;
|
|
@@ -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 @@ require('../__chunks/63UPRTFZ.cjs');
|
|
|
8
8
|
var _VSDH37LIcjs = require('../__chunks/VSDH37LI.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
|
|
15
15
|
require('../__chunks/7LBZXSLY.cjs');
|
|
16
16
|
require('../__chunks/IPYAEPOT.cjs');
|
|
17
17
|
require('../__chunks/ERFHNHON.cjs');
|
|
18
|
-
require('../__chunks/
|
|
18
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
19
19
|
require('../__chunks/DAJUUBUI.cjs');
|
|
20
20
|
require('../__chunks/R5A2WTWB.cjs');
|
|
21
21
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -136,7 +136,7 @@ var useMenuItemCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
136
136
|
value,
|
|
137
137
|
checked
|
|
138
138
|
}, props));
|
|
139
|
-
props =
|
|
139
|
+
props = _BKU5STIEcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
|
|
140
140
|
return props;
|
|
141
141
|
}
|
|
142
142
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -9,10 +9,10 @@ var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
|
|
|
9
9
|
require('../__chunks/7LBZXSLY.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
|
|
13
13
|
require('../__chunks/HEEQY4DZ.cjs');
|
|
14
14
|
require('../__chunks/IPYAEPOT.cjs');
|
|
15
|
-
require('../__chunks/
|
|
15
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
16
16
|
require('../__chunks/DAJUUBUI.cjs');
|
|
17
17
|
require('../__chunks/R5A2WTWB.cjs');
|
|
18
18
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -96,7 +96,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
96
96
|
props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
97
97
|
role: "menuitemradio"
|
|
98
98
|
}, props);
|
|
99
|
-
props =
|
|
99
|
+
props = _IAYTETYNcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
100
100
|
name,
|
|
101
101
|
value,
|
|
102
102
|
checked: isChecked,
|
|
@@ -110,7 +110,7 @@ var useMenuItemRadio = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
112
|
}, props));
|
|
113
|
-
props =
|
|
113
|
+
props = _BKU5STIEcjs.useMenuItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, hideOnClick }, props));
|
|
114
114
|
return props;
|
|
115
115
|
}
|
|
116
116
|
);
|
package/cjs/menu/menu-item.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _BKU5STIEcjs = require('../__chunks/BKU5STIE.cjs');
|
|
6
6
|
require('../__chunks/NGEKJJDH.cjs');
|
|
7
7
|
require('../__chunks/7LBZXSLY.cjs');
|
|
8
8
|
require('../__chunks/IPYAEPOT.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
10
10
|
require('../__chunks/DAJUUBUI.cjs');
|
|
11
11
|
require('../__chunks/R5A2WTWB.cjs');
|
|
12
12
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -26,4 +26,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
exports.MenuItem =
|
|
29
|
+
exports.MenuItem = _BKU5STIEcjs.MenuItem; exports.useMenuItem = _BKU5STIEcjs.useMenuItem;
|
package/cjs/menu/menu-item.d.cts
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/cjs/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/cjs/menu/menu-list.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _63WKH5OPcjs = require('../__chunks/63WKH5OP.cjs');
|
|
6
6
|
require('../__chunks/NGEKJJDH.cjs');
|
|
7
7
|
require('../__chunks/7LBZXSLY.cjs');
|
|
8
8
|
require('../__chunks/FQZOOWMH.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
10
10
|
require('../__chunks/RV3PHHWM.cjs');
|
|
11
11
|
require('../__chunks/UZNYSPKP.cjs');
|
|
12
12
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -25,4 +25,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
exports.MenuList =
|
|
28
|
+
exports.MenuList = _63WKH5OPcjs.MenuList; exports.useMenuList = _63WKH5OPcjs.useMenuList;
|
|
@@ -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/cjs/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/cjs/menu/menu.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _63WKH5OPcjs = require('../__chunks/63WKH5OP.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _NGEKJJDHcjs = require('../__chunks/NGEKJJDH.cjs');
|
|
8
8
|
require('../__chunks/7LBZXSLY.cjs');
|
|
9
9
|
require('../__chunks/FQZOOWMH.cjs');
|
|
10
|
-
require('../__chunks/
|
|
10
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
11
11
|
require('../__chunks/RV3PHHWM.cjs');
|
|
12
12
|
require('../__chunks/UZNYSPKP.cjs');
|
|
13
13
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -106,7 +106,7 @@ var useMenu = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
106
106
|
props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
107
107
|
ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
|
|
108
108
|
});
|
|
109
|
-
const _a2 =
|
|
109
|
+
const _a2 = _63WKH5OPcjs.useMenuList.call(void 0,
|
|
110
110
|
_AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props)
|
|
111
111
|
), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = _AV6KTKLEcjs.__objRest.call(void 0, _a2, ["aria-labelledby"]);
|
|
112
112
|
props = menuListProps;
|
package/cjs/menubar/menubar.cjs
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _APFV5PTXcjs = require('../__chunks/APFV5PTX.cjs');
|
|
6
6
|
require('../__chunks/7LBZXSLY.cjs');
|
|
7
7
|
require('../__chunks/7KFYPSJO.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/N6CR2VNN.cjs');
|
|
11
11
|
require('../__chunks/DKOWT2IJ.cjs');
|
|
@@ -21,4 +21,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
exports.Menubar =
|
|
24
|
+
exports.Menubar = _APFV5PTXcjs.Menubar; exports.useMenubar = _APFV5PTXcjs.useMenubar;
|
|
@@ -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/cjs/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;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _HEEQY4DZcjs = require('../__chunks/HEEQY4DZ.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/UZNYSPKP.cjs');
|
|
11
11
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -45,7 +45,7 @@ var useRadioGroup = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
45
45
|
props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
46
46
|
role: "radiogroup"
|
|
47
47
|
}, props);
|
|
48
|
-
props =
|
|
48
|
+
props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
49
49
|
return props;
|
|
50
50
|
}
|
|
51
51
|
);
|
package/cjs/radio/radio.cjs
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _IAYTETYNcjs = require('../__chunks/IAYTETYN.cjs');
|
|
6
6
|
require('../__chunks/HEEQY4DZ.cjs');
|
|
7
|
-
require('../__chunks/
|
|
7
|
+
require('../__chunks/3RUODFRU.cjs');
|
|
8
8
|
require('../__chunks/DAJUUBUI.cjs');
|
|
9
9
|
require('../__chunks/R5A2WTWB.cjs');
|
|
10
10
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
exports.Radio =
|
|
23
|
+
exports.Radio = _IAYTETYNcjs.Radio; exports.useRadio = _IAYTETYNcjs.useRadio;
|
|
@@ -8,7 +8,7 @@ var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
|
|
|
8
8
|
var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _3RUODFRUcjs = require('../__chunks/3RUODFRU.cjs');
|
|
12
12
|
require('../__chunks/DAJUUBUI.cjs');
|
|
13
13
|
require('../__chunks/R5A2WTWB.cjs');
|
|
14
14
|
require('../__chunks/RV3PHHWM.cjs');
|
|
@@ -152,7 +152,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
152
152
|
autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
|
|
153
153
|
onClick
|
|
154
154
|
});
|
|
155
|
-
props =
|
|
155
|
+
props = _3RUODFRUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
|
|
156
156
|
store,
|
|
157
157
|
getItem,
|
|
158
158
|
preventScrollOnKeyDown
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _XAYQLYTNcjs = require('../__chunks/XAYQLYTN.cjs');
|
|
6
6
|
require('../__chunks/FQZOOWMH.cjs');
|
|
7
7
|
require('../__chunks/2WCJJQSK.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/UZNYSPKP.cjs');
|
|
11
11
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -23,4 +23,4 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
exports.SelectList =
|
|
26
|
+
exports.SelectList = _XAYQLYTNcjs.SelectList; exports.useSelectList = _XAYQLYTNcjs.useSelectList;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _XAYQLYTNcjs = require('../__chunks/XAYQLYTN.cjs');
|
|
5
5
|
require('../__chunks/FQZOOWMH.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
|
|
9
|
-
require('../__chunks/
|
|
9
|
+
require('../__chunks/RM2WCNSU.cjs');
|
|
10
10
|
require('../__chunks/RV3PHHWM.cjs');
|
|
11
11
|
require('../__chunks/UZNYSPKP.cjs');
|
|
12
12
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -65,7 +65,7 @@ var useSelectPopover = _RNZNGEL4cjs.createHook.call(void 0,
|
|
|
65
65
|
var _b = _a, { store, alwaysVisible } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
|
|
66
66
|
const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
|
|
67
67
|
store = store || context;
|
|
68
|
-
props =
|
|
68
|
+
props = _XAYQLYTNcjs.useSelectList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
|
|
69
69
|
props = _NVHGMKAEcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
|
|
70
70
|
return props;
|
|
71
71
|
}
|
package/cjs/tab/tab-list.cjs
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _I65V32V2cjs = require('../__chunks/I65V32V2.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _RM2WCNSUcjs = require('../__chunks/RM2WCNSU.cjs');
|
|
9
9
|
require('../__chunks/RV3PHHWM.cjs');
|
|
10
10
|
require('../__chunks/UZNYSPKP.cjs');
|
|
11
11
|
require('../__chunks/BZTDJIVT.cjs');
|
|
@@ -48,7 +48,7 @@ var useTabList = _RNZNGEL4cjs.createHook.call(void 0, (_a) => {
|
|
|
48
48
|
role: "tablist",
|
|
49
49
|
"aria-orientation": orientation
|
|
50
50
|
}, props);
|
|
51
|
-
props =
|
|
51
|
+
props = _RM2WCNSUcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
|
|
52
52
|
return props;
|
|
53
53
|
});
|
|
54
54
|
var TabList = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
|