@ariakit/react-core 0.2.1 → 0.2.2
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 +18 -0
- package/cjs/__chunks/{TUFFT567.cjs → 3PYHURJV.cjs} +14 -13
- package/cjs/__chunks/{O4HKL5U2.cjs → 6ZHI7XFH.cjs} +11 -5
- package/cjs/__chunks/{XUWGEELZ.cjs → HRJZKMQQ.cjs} +6 -4
- package/cjs/__chunks/{BICG74YF.cjs → JPNLVNZZ.cjs} +9 -7
- package/cjs/__chunks/{GF4T7RQS.cjs → KEDMIM4S.cjs} +2 -2
- package/cjs/__chunks/{YEPQHTB5.cjs → MEVO6SEA.cjs} +7 -3
- package/cjs/__chunks/{VGBJOLSN.cjs → MXZHML62.cjs} +2 -2
- package/cjs/__chunks/{27JG67F3.cjs → PX5ZR4IF.cjs} +6 -1
- package/cjs/__chunks/{6TNK3LOZ.cjs → SW4NPZER.cjs} +7 -3
- package/cjs/__chunks/{CKE57WQN.cjs → YTRQSQYO.cjs} +5 -5
- package/cjs/combobox/combobox-list.cjs +3 -2
- package/cjs/combobox/combobox-list.d.ts +2 -1
- package/cjs/combobox/combobox-popover.cjs +19 -8
- package/cjs/composite/composite-overflow.cjs +5 -5
- package/cjs/dialog/dialog-backdrop.cjs +3 -3
- package/cjs/dialog/dialog-backdrop.d.ts +2 -2
- package/cjs/dialog/dialog.cjs +4 -4
- package/cjs/disclosure/disclosure-content.cjs +4 -2
- package/cjs/disclosure/disclosure-content.d.ts +23 -0
- package/cjs/hovercard/hovercard-anchor.cjs +2 -2
- package/cjs/hovercard/hovercard-store.cjs +2 -2
- package/cjs/hovercard/hovercard.cjs +6 -6
- package/cjs/menu/menu-button.cjs +2 -2
- package/cjs/menu/menu-list.cjs +3 -2
- package/cjs/menu/menu-list.d.ts +2 -1
- package/cjs/menu/menu-store.cjs +3 -3
- package/cjs/menu/menu.cjs +14 -11
- package/cjs/popover/popover.cjs +5 -5
- package/cjs/select/select-list.cjs +3 -2
- package/cjs/select/select-list.d.ts +2 -1
- package/cjs/select/select-popover.cjs +8 -8
- package/cjs/tab/tab-panel.cjs +2 -2
- package/cjs/tooltip/tooltip-anchor.cjs +2 -3
- package/cjs/tooltip/tooltip-store.cjs +7 -3
- package/cjs/tooltip/tooltip.cjs +6 -6
- package/cjs/tsconfig.build.tsbuildinfo +1 -1
- package/esm/__chunks/{BRUBRRXY.js → 5SUMII6J.js} +11 -5
- package/esm/__chunks/{VWIWDDTJ.js → BMIMIX2N.js} +4 -4
- package/esm/__chunks/{44D6W47E.js → EC5UVTWD.js} +5 -3
- package/esm/__chunks/{4GZHHNFX.js → K35D42HN.js} +7 -3
- package/esm/__chunks/{UJIZKMKY.js → K4BVBSSF.js} +1 -1
- package/esm/__chunks/{HJ244IIK.js → NC4VIH2L.js} +2 -2
- package/esm/__chunks/{WYKPGIVG.js → NRBO7PPT.js} +8 -6
- package/esm/__chunks/{VQ223ROI.js → Q4774GYW.js} +12 -11
- package/esm/__chunks/{K5R24MFH.js → QRJCFBOI.js} +7 -2
- package/esm/__chunks/{6JQLJMUQ.js → U5AZX35N.js} +7 -3
- package/esm/combobox/combobox-list.d.ts +2 -1
- package/esm/combobox/combobox-list.js +2 -1
- package/esm/combobox/combobox-popover.js +18 -7
- package/esm/composite/composite-overflow.js +4 -4
- package/esm/dialog/dialog-backdrop.d.ts +2 -2
- package/esm/dialog/dialog-backdrop.js +2 -2
- package/esm/dialog/dialog.js +3 -3
- package/esm/disclosure/disclosure-content.d.ts +23 -0
- package/esm/disclosure/disclosure-content.js +3 -1
- package/esm/hovercard/hovercard-anchor.js +1 -1
- package/esm/hovercard/hovercard-store.js +1 -1
- package/esm/hovercard/hovercard.js +5 -5
- package/esm/menu/menu-button.js +1 -1
- package/esm/menu/menu-list.d.ts +2 -1
- package/esm/menu/menu-list.js +2 -1
- package/esm/menu/menu-store.js +1 -1
- package/esm/menu/menu.js +12 -9
- package/esm/popover/popover.js +4 -4
- package/esm/select/select-list.d.ts +2 -1
- package/esm/select/select-list.js +2 -1
- package/esm/select/select-popover.js +8 -8
- package/esm/tab/tab-panel.js +1 -1
- package/esm/tooltip/tooltip-anchor.js +1 -2
- package/esm/tooltip/tooltip-store.js +7 -3
- package/esm/tooltip/tooltip.js +5 -5
- package/esm/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
package/esm/menu/menu.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useMenuList
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/U5AZX35N.js";
|
|
4
4
|
import {
|
|
5
5
|
MenuBarContext,
|
|
6
6
|
MenuContext
|
|
@@ -11,11 +11,11 @@ import "../__chunks/OXPV2NBK.js";
|
|
|
11
11
|
import "../__chunks/Z3X3QN6P.js";
|
|
12
12
|
import {
|
|
13
13
|
useHovercard
|
|
14
|
-
} from "../__chunks/
|
|
14
|
+
} from "../__chunks/BMIMIX2N.js";
|
|
15
15
|
import "../__chunks/X7FKJQME.js";
|
|
16
|
-
import "../__chunks/
|
|
17
|
-
import "../__chunks/
|
|
18
|
-
import "../__chunks/
|
|
16
|
+
import "../__chunks/K4BVBSSF.js";
|
|
17
|
+
import "../__chunks/Q4774GYW.js";
|
|
18
|
+
import "../__chunks/EC5UVTWD.js";
|
|
19
19
|
import "../__chunks/4H6H5RRM.js";
|
|
20
20
|
import "../__chunks/7A3SODQV.js";
|
|
21
21
|
import "../__chunks/RBUEJWRA.js";
|
|
@@ -35,7 +35,7 @@ import "../__chunks/LDDPB3PY.js";
|
|
|
35
35
|
import "../__chunks/COQHFAEN.js";
|
|
36
36
|
import "../__chunks/LNHZLQEK.js";
|
|
37
37
|
import "../__chunks/R35SLIEE.js";
|
|
38
|
-
import "../__chunks/
|
|
38
|
+
import "../__chunks/NRBO7PPT.js";
|
|
39
39
|
import "../__chunks/6GS36SYX.js";
|
|
40
40
|
import "../__chunks/K4QQOEEY.js";
|
|
41
41
|
import "../__chunks/BMLNRUFQ.js";
|
|
@@ -67,12 +67,14 @@ var useMenu = createHook(
|
|
|
67
67
|
store,
|
|
68
68
|
hideOnEscape = true,
|
|
69
69
|
autoFocusOnShow = true,
|
|
70
|
-
hideOnHoverOutside
|
|
70
|
+
hideOnHoverOutside,
|
|
71
|
+
alwaysVisible
|
|
71
72
|
} = _b, props = __objRest(_b, [
|
|
72
73
|
"store",
|
|
73
74
|
"hideOnEscape",
|
|
74
75
|
"autoFocusOnShow",
|
|
75
|
-
"hideOnHoverOutside"
|
|
76
|
+
"hideOnHoverOutside",
|
|
77
|
+
"alwaysVisible"
|
|
76
78
|
]);
|
|
77
79
|
const ref = useRef(null);
|
|
78
80
|
const parentMenu = useContext(MenuContext);
|
|
@@ -99,7 +101,7 @@ var useMenu = createHook(
|
|
|
99
101
|
onKeyDown
|
|
100
102
|
});
|
|
101
103
|
const _a2 = useMenuList(
|
|
102
|
-
__spreadValues({ store }, props)
|
|
104
|
+
__spreadValues({ store, alwaysVisible }, props)
|
|
103
105
|
), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = __objRest(_a2, ["aria-labelledby"]);
|
|
104
106
|
props = menuListProps;
|
|
105
107
|
const [initialFocusRef, setInitialFocusRef] = useState();
|
|
@@ -140,6 +142,7 @@ var useMenu = createHook(
|
|
|
140
142
|
const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!props.modal;
|
|
141
143
|
props = useHovercard(__spreadProps(__spreadValues({
|
|
142
144
|
store,
|
|
145
|
+
alwaysVisible,
|
|
143
146
|
initialFocus: initialFocusRef,
|
|
144
147
|
autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!props.modal
|
|
145
148
|
}, props), {
|
package/esm/popover/popover.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Popover,
|
|
3
3
|
usePopover
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/K4BVBSSF.js";
|
|
5
|
+
import "../__chunks/Q4774GYW.js";
|
|
6
|
+
import "../__chunks/EC5UVTWD.js";
|
|
7
7
|
import "../__chunks/4H6H5RRM.js";
|
|
8
8
|
import "../__chunks/7A3SODQV.js";
|
|
9
9
|
import "../__chunks/RBUEJWRA.js";
|
|
@@ -23,7 +23,7 @@ import "../__chunks/LDDPB3PY.js";
|
|
|
23
23
|
import "../__chunks/COQHFAEN.js";
|
|
24
24
|
import "../__chunks/LNHZLQEK.js";
|
|
25
25
|
import "../__chunks/R35SLIEE.js";
|
|
26
|
-
import "../__chunks/
|
|
26
|
+
import "../__chunks/NRBO7PPT.js";
|
|
27
27
|
import "../__chunks/6GS36SYX.js";
|
|
28
28
|
import "../__chunks/K4QQOEEY.js";
|
|
29
29
|
import "../__chunks/BMLNRUFQ.js";
|
|
@@ -2,6 +2,7 @@ import type { KeyboardEvent } from "react";
|
|
|
2
2
|
import type { BooleanOrCallback } from "@ariakit/core/utils/types";
|
|
3
3
|
import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
|
|
4
4
|
import type { CompositeOptions } from "../composite/composite.js";
|
|
5
|
+
import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
|
|
5
6
|
import type { As, Props } from "../utils/types.js";
|
|
6
7
|
import type { SelectStore } from "./select-store.js";
|
|
7
8
|
/**
|
|
@@ -35,7 +36,7 @@ export declare const useSelectList: import("../utils/types.js").Hook<SelectListO
|
|
|
35
36
|
* ```
|
|
36
37
|
*/
|
|
37
38
|
export declare const SelectList: import("../utils/types.js").Component<SelectListOptions<"div">>;
|
|
38
|
-
export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T> {
|
|
39
|
+
export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
|
|
39
40
|
/**
|
|
40
41
|
* Object returned by the `useSelectStore` hook.
|
|
41
42
|
*/
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SelectList,
|
|
3
3
|
useSelectList
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/5SUMII6J.js";
|
|
5
5
|
import "../__chunks/GRNO2YNE.js";
|
|
6
6
|
import "../__chunks/EEVSGAZW.js";
|
|
7
7
|
import "../__chunks/JM74EEHT.js";
|
|
8
8
|
import "../__chunks/OXPV2NBK.js";
|
|
9
9
|
import "../__chunks/Z3X3QN6P.js";
|
|
10
|
+
import "../__chunks/NRBO7PPT.js";
|
|
10
11
|
import "../__chunks/K4QQOEEY.js";
|
|
11
12
|
import "../__chunks/BMLNRUFQ.js";
|
|
12
13
|
import "../__chunks/U2LXZPCY.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useSelectList
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/5SUMII6J.js";
|
|
4
4
|
import "../__chunks/GRNO2YNE.js";
|
|
5
5
|
import "../__chunks/EEVSGAZW.js";
|
|
6
6
|
import "../__chunks/JM74EEHT.js";
|
|
@@ -8,9 +8,9 @@ import "../__chunks/OXPV2NBK.js";
|
|
|
8
8
|
import "../__chunks/Z3X3QN6P.js";
|
|
9
9
|
import {
|
|
10
10
|
usePopover
|
|
11
|
-
} from "../__chunks/
|
|
12
|
-
import "../__chunks/
|
|
13
|
-
import "../__chunks/
|
|
11
|
+
} from "../__chunks/K4BVBSSF.js";
|
|
12
|
+
import "../__chunks/Q4774GYW.js";
|
|
13
|
+
import "../__chunks/EC5UVTWD.js";
|
|
14
14
|
import "../__chunks/4H6H5RRM.js";
|
|
15
15
|
import "../__chunks/7A3SODQV.js";
|
|
16
16
|
import "../__chunks/RBUEJWRA.js";
|
|
@@ -30,7 +30,7 @@ import "../__chunks/LDDPB3PY.js";
|
|
|
30
30
|
import "../__chunks/COQHFAEN.js";
|
|
31
31
|
import "../__chunks/LNHZLQEK.js";
|
|
32
32
|
import "../__chunks/R35SLIEE.js";
|
|
33
|
-
import "../__chunks/
|
|
33
|
+
import "../__chunks/NRBO7PPT.js";
|
|
34
34
|
import "../__chunks/6GS36SYX.js";
|
|
35
35
|
import "../__chunks/K4QQOEEY.js";
|
|
36
36
|
import "../__chunks/BMLNRUFQ.js";
|
|
@@ -50,9 +50,9 @@ import {
|
|
|
50
50
|
// src/select/select-popover.ts
|
|
51
51
|
var useSelectPopover = createHook(
|
|
52
52
|
(_a) => {
|
|
53
|
-
var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
|
|
54
|
-
props = useSelectList(__spreadValues({ store }, props));
|
|
55
|
-
props = usePopover(__spreadValues({ store }, props));
|
|
53
|
+
var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
|
|
54
|
+
props = useSelectList(__spreadValues({ store, alwaysVisible }, props));
|
|
55
|
+
props = usePopover(__spreadValues({ store, alwaysVisible }, props));
|
|
56
56
|
return props;
|
|
57
57
|
}
|
|
58
58
|
);
|
package/esm/tab/tab-panel.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useHovercardAnchor
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/NC4VIH2L.js";
|
|
4
4
|
import "../__chunks/K4QQOEEY.js";
|
|
5
5
|
import "../__chunks/BMLNRUFQ.js";
|
|
6
6
|
import {
|
|
@@ -73,7 +73,6 @@ var useTooltipAnchor = createHook(
|
|
|
73
73
|
return (_a2 = state.contentElement) == null ? void 0 : _a2.id;
|
|
74
74
|
});
|
|
75
75
|
props = __spreadProps(__spreadValues({
|
|
76
|
-
tabIndex: 0,
|
|
77
76
|
"aria-labelledby": type === "label" ? contentId : void 0,
|
|
78
77
|
"aria-describedby": type === "description" ? contentId : void 0
|
|
79
78
|
}, props), {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useHovercardStoreOptions,
|
|
3
3
|
useHovercardStoreProps
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/QRJCFBOI.js";
|
|
5
5
|
import "../__chunks/5PIH3SMS.js";
|
|
6
6
|
import "../__chunks/OBNQHP6V.js";
|
|
7
7
|
import "../__chunks/HN4VMOUI.js";
|
|
8
8
|
import {
|
|
9
|
-
useStore
|
|
9
|
+
useStore,
|
|
10
|
+
useStoreProps
|
|
10
11
|
} from "../__chunks/AV5WE37O.js";
|
|
11
12
|
import "../__chunks/ASYR66PQ.js";
|
|
12
13
|
import "../__chunks/SXC6BPOF.js";
|
|
@@ -20,7 +21,10 @@ function useTooltipStoreOptions(props) {
|
|
|
20
21
|
return useHovercardStoreOptions(props);
|
|
21
22
|
}
|
|
22
23
|
function useTooltipStoreProps(store, props) {
|
|
23
|
-
|
|
24
|
+
store = useHovercardStoreProps(store, props);
|
|
25
|
+
useStoreProps(store, props, "type");
|
|
26
|
+
useStoreProps(store, props, "skipTimeout");
|
|
27
|
+
return store;
|
|
24
28
|
}
|
|
25
29
|
function useTooltipStore(props = {}) {
|
|
26
30
|
const options = useTooltipStoreOptions(props);
|
package/esm/tooltip/tooltip.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useHovercard
|
|
3
|
-
} from "../__chunks/
|
|
3
|
+
} from "../__chunks/BMIMIX2N.js";
|
|
4
4
|
import "../__chunks/X7FKJQME.js";
|
|
5
|
-
import "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
5
|
+
import "../__chunks/K4BVBSSF.js";
|
|
6
|
+
import "../__chunks/Q4774GYW.js";
|
|
7
|
+
import "../__chunks/EC5UVTWD.js";
|
|
8
8
|
import "../__chunks/4H6H5RRM.js";
|
|
9
9
|
import "../__chunks/7A3SODQV.js";
|
|
10
10
|
import "../__chunks/RBUEJWRA.js";
|
|
@@ -24,7 +24,7 @@ import "../__chunks/LDDPB3PY.js";
|
|
|
24
24
|
import "../__chunks/COQHFAEN.js";
|
|
25
25
|
import "../__chunks/LNHZLQEK.js";
|
|
26
26
|
import "../__chunks/R35SLIEE.js";
|
|
27
|
-
import "../__chunks/
|
|
27
|
+
import "../__chunks/NRBO7PPT.js";
|
|
28
28
|
import "../__chunks/6GS36SYX.js";
|
|
29
29
|
import {
|
|
30
30
|
TooltipContext
|