@ariakit/react 0.4.27 → 0.4.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{CHANGELOG-035.md → CHANGELOG-0314.md} +205 -0
- package/CHANGELOG.md +53 -202
- package/cjs/__chunks/{SXAPGTJ4.cjs → 2ENQD3AS.cjs} +6 -6
- package/cjs/__chunks/{L2IFVMDU.cjs → 2WBRQ3I7.cjs} +7 -6
- package/cjs/__chunks/{N3DLR7OL.cjs → 3B6TF7HK.cjs} +6 -6
- package/cjs/__chunks/{XPQIHUQ7.cjs → 42GL4LKI.cjs} +20 -20
- package/cjs/__chunks/{VXUZM542.cjs → 53Q7HWXL.cjs} +165 -165
- package/cjs/__chunks/{3FIXGHZ2.cjs → 5QRVCRDI.cjs} +5 -5
- package/cjs/__chunks/{7MXJT4IN.cjs → 5XICU34X.cjs} +3 -3
- package/cjs/__chunks/{334WKW6I.cjs → 5ZX5ACFH.cjs} +4 -4
- package/cjs/__chunks/{2MDC3Z3V.cjs → 6BNWLCHF.cjs} +10 -10
- package/cjs/__chunks/{IFZV5LA3.cjs → 6XKLGFUO.cjs} +17 -17
- package/cjs/__chunks/{PZXRBFZF.cjs → 7SEEXNY6.cjs} +7 -7
- package/cjs/__chunks/{VXDLN5CP.cjs → 7XB4QE2H.cjs} +29 -29
- package/cjs/__chunks/{RVXPEX7O.cjs → AI3BA27G.cjs} +18 -18
- package/cjs/__chunks/{NG34QRI6.cjs → BTARPES4.cjs} +79 -32
- package/cjs/__chunks/{LCX235VJ.cjs → CKHOJYDQ.cjs} +6 -6
- package/cjs/__chunks/{C4NVIV6V.cjs → CRPG37KH.cjs} +104 -84
- package/cjs/__chunks/{4RKQMGBK.cjs → CYTUSXPR.cjs} +236 -222
- package/cjs/__chunks/{IHVFJGGN.cjs → D6USTXKA.cjs} +4 -4
- package/cjs/__chunks/{NFZWL7LE.cjs → DDV252ZY.cjs} +4 -4
- package/cjs/__chunks/DVB2WSHD.cjs +41 -0
- package/cjs/__chunks/{YEXJT4IL.cjs → EF57ZMJN.cjs} +10 -10
- package/cjs/__chunks/{RR46KI45.cjs → EQYJ6RA7.cjs} +3 -3
- package/cjs/__chunks/{D4HCGWOU.cjs → FHPV2Q7C.cjs} +182 -78
- package/cjs/__chunks/{FHQ5DVYQ.cjs → FNYFMCD7.cjs} +4 -4
- package/cjs/__chunks/{FELYQPO5.cjs → FWVWDDOL.cjs} +182 -173
- package/cjs/__chunks/{GUY4MKX2.cjs → G2JI2Z7U.cjs} +12 -12
- package/cjs/__chunks/{Z5PDS46M.cjs → GI27TVAM.cjs} +159 -159
- package/cjs/__chunks/{PTE2IJM5.cjs → GQZ5DRPC.cjs} +32 -30
- package/cjs/__chunks/{XH4GE3VE.cjs → GV4SR2CM.cjs} +7 -7
- package/cjs/__chunks/{PU63IQFD.cjs → HCYQ5Z7Z.cjs} +58 -58
- package/cjs/__chunks/{ASOIXRUN.cjs → HGV6FCZP.cjs} +61 -61
- package/cjs/__chunks/{OOFUBC32.cjs → I4JS2KAF.cjs} +17 -19
- package/cjs/__chunks/{DVWS2XPY.cjs → I6N3772N.cjs} +21 -21
- package/cjs/__chunks/{7POA4244.cjs → IEVLYJJP.cjs} +22 -22
- package/cjs/__chunks/{ZNW2LLWJ.cjs → IGWSYIUY.cjs} +15 -15
- package/cjs/__chunks/{QAUJZR6Y.cjs → JBOLBTVU.cjs} +15 -4
- package/cjs/__chunks/{MN5TONXW.cjs → JXYV7OWF.cjs} +33 -36
- package/cjs/__chunks/{FIPBE5IX.cjs → KDVG735H.cjs} +3 -3
- package/cjs/__chunks/{TSBEWPNT.cjs → KFUU3G3B.cjs} +39 -39
- package/cjs/__chunks/{ZYPARRXG.cjs → LGUAIO4Q.cjs} +4 -4
- package/cjs/__chunks/{5NTEPQ2U.cjs → M6YHODMV.cjs} +20 -20
- package/cjs/__chunks/{SIF7IN4L.cjs → MWZS5XD4.cjs} +12 -12
- package/cjs/__chunks/{UUEFM3TG.cjs → NBAYASRC.cjs} +17 -17
- package/cjs/__chunks/{RXZPZPJX.cjs → OFFSDIY3.cjs} +21 -21
- package/cjs/__chunks/{RGH2H3WL.cjs → OP2QHIHD.cjs} +4 -4
- package/cjs/__chunks/{2HXQHKBC.cjs → P6Y2DILA.cjs} +17 -17
- package/cjs/__chunks/{LMCBLO3G.cjs → P7AY4KL3.cjs} +10 -10
- package/cjs/__chunks/{PDPE2VAZ.cjs → QJQWEU4Q.cjs} +134 -120
- package/cjs/__chunks/{UV7CXZEM.cjs → RZJLQJQM.cjs} +9 -9
- package/cjs/__chunks/{34UJGLOZ.cjs → SAFZBKT3.cjs} +61 -48
- package/cjs/__chunks/{LVHC4DSB.cjs → TMY4OIYC.cjs} +19 -19
- package/cjs/__chunks/{LS5VO6AA.cjs → ULDO57DJ.cjs} +12 -12
- package/cjs/__chunks/{NMUCJYMR.cjs → US2XYAXE.cjs} +83 -83
- package/cjs/__chunks/{GUB6WHB6.cjs → VUISVT3V.cjs} +9 -9
- package/cjs/__chunks/{RLKC7JVT.cjs → WHUT2PFL.cjs} +4 -4
- package/cjs/__chunks/WLHP5OM6.cjs +37 -0
- package/cjs/__chunks/{7M4GY5DS.cjs → WYI5CKPV.cjs} +38 -38
- package/cjs/__chunks/{SQ72MZ63.cjs → ZPWE3FTF.cjs} +39 -39
- package/cjs/button.cjs +5 -5
- package/cjs/checkbox.cjs +8 -8
- package/cjs/collection.cjs +6 -6
- package/cjs/combobox.cjs +30 -30
- package/cjs/command.cjs +4 -4
- package/cjs/composite.cjs +17 -17
- package/cjs/dialog.cjs +18 -18
- package/cjs/disclosure.cjs +9 -9
- package/cjs/focus-trap.cjs +5 -5
- package/cjs/focusable.cjs +3 -3
- package/cjs/form.cjs +14 -14
- package/cjs/group.cjs +3 -3
- package/cjs/heading.cjs +3 -3
- package/cjs/hovercard.cjs +25 -25
- package/cjs/index.cjs +59 -59
- package/cjs/menu.cjs +42 -42
- package/cjs/menubar.cjs +8 -8
- package/cjs/popover.cjs +25 -25
- package/cjs/portal.cjs +5 -5
- package/cjs/radio.cjs +12 -12
- package/cjs/role.cjs +3 -3
- package/cjs/select.cjs +36 -36
- package/cjs/separator.cjs +3 -3
- package/cjs/store.cjs +3 -3
- package/cjs/tab.cjs +15 -15
- package/cjs/toolbar.cjs +13 -13
- package/cjs/tooltip.cjs +15 -15
- package/cjs/visually-hidden.cjs +3 -3
- package/package.json +4 -4
- package/cjs/__chunks/FVIS5BFZ.cjs +0 -41
- package/cjs/__chunks/TLUFYZC7.cjs +0 -37
|
@@ -6,7 +6,7 @@ var _X4U3XKYQcjs = require('./X4U3XKYQ.cjs');
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
10
10
|
|
|
11
11
|
// ../ariakit-react-components/dist/checkbox/checkbox-check.js
|
|
12
12
|
var _react = require('react');
|
|
@@ -29,7 +29,7 @@ function getChildren(props) {
|
|
|
29
29
|
if (typeof props.children === "function") return props.children;
|
|
30
30
|
return null;
|
|
31
31
|
}
|
|
32
|
-
var useCheckboxCheck =
|
|
32
|
+
var useCheckboxCheck = _JBOLBTVUcjs.createHook.call(void 0, function useCheckboxCheck2({ store, checked, ...props }) {
|
|
33
33
|
const context = _react.useContext.call(void 0, _X4U3XKYQcjs.CheckboxCheckedContext);
|
|
34
34
|
checked = checked != null ? checked : context;
|
|
35
35
|
const children = getChildren({
|
|
@@ -47,10 +47,10 @@ var useCheckboxCheck = _QAUJZR6Ycjs.createHook.call(void 0, function useCheckbox
|
|
|
47
47
|
...props.style
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
return
|
|
50
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
51
51
|
});
|
|
52
|
-
var CheckboxCheck =
|
|
53
|
-
return
|
|
52
|
+
var CheckboxCheck = _JBOLBTVUcjs.forwardRef.call(void 0, function CheckboxCheck2(props) {
|
|
53
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useCheckboxCheck(props));
|
|
54
54
|
});
|
|
55
55
|
|
|
56
56
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
5
5
|
|
|
6
6
|
// ../ariakit-react-components/dist/disclosure/disclosure-provider.js
|
|
7
7
|
var _jsxruntime = require('react/jsx-runtime');
|
|
8
8
|
function DisclosureProvider(props = {}) {
|
|
9
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
10
|
-
value:
|
|
9
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WYI5CKPVcjs.DisclosureContextProvider, {
|
|
10
|
+
value: _WYI5CKPVcjs.useDisclosureStore.call(void 0, props),
|
|
11
11
|
children: props.children
|
|
12
12
|
});
|
|
13
13
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _QJQWEU4Qcjs = require('./QJQWEU4Q.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
7
7
|
|
|
8
8
|
// ../ariakit-react-components/dist/dialog/dialog-provider.js
|
|
9
9
|
var _jsxruntime = require('react/jsx-runtime');
|
|
10
10
|
function DialogProvider(props = {}) {
|
|
11
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
12
|
-
value:
|
|
11
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WYI5CKPVcjs.DialogContextProvider, {
|
|
12
|
+
value: _QJQWEU4Qcjs.useDialogStore.call(void 0, props),
|
|
13
13
|
children: props.children
|
|
14
14
|
});
|
|
15
15
|
}
|
|
@@ -3,36 +3,36 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _42GL4LKIcjs = require('./42GL4LKI.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
14
14
|
|
|
15
15
|
// ../ariakit-react-components/dist/collection/collection.js
|
|
16
16
|
var _jsxruntime = require('react/jsx-runtime');
|
|
17
17
|
var TagName = "div";
|
|
18
|
-
var useCollection =
|
|
19
|
-
const context =
|
|
18
|
+
var useCollection = _JBOLBTVUcjs.createHook.call(void 0, function useCollection2({ store, ...props }) {
|
|
19
|
+
const context = _42GL4LKIcjs.useCollectionProviderContext.call(void 0, );
|
|
20
20
|
store = store || context;
|
|
21
|
-
props =
|
|
21
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _42GL4LKIcjs.CollectionScopedContextProvider, {
|
|
22
22
|
value: store,
|
|
23
23
|
children: element
|
|
24
24
|
}), [store]);
|
|
25
|
-
return
|
|
25
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
26
26
|
});
|
|
27
|
-
var Collection =
|
|
28
|
-
return
|
|
27
|
+
var Collection = _JBOLBTVUcjs.forwardRef.call(void 0, function Collection2(props) {
|
|
28
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useCollection(props));
|
|
29
29
|
});
|
|
30
30
|
|
|
31
31
|
// ../ariakit-react-components/dist/collection/collection-provider.js
|
|
32
32
|
|
|
33
33
|
function CollectionProvider(props = {}) {
|
|
34
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
35
|
-
value:
|
|
34
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _42GL4LKIcjs.CollectionContextProvider, {
|
|
35
|
+
value: _42GL4LKIcjs.useCollectionStore.call(void 0, props),
|
|
36
36
|
children: props.children
|
|
37
37
|
});
|
|
38
38
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _7SEEXNY6cjs = require('./7SEEXNY6.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _WYI5CKPVcjs = require('./WYI5CKPV.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _P7AY4KL3cjs = require('./P7AY4KL3.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
@@ -15,17 +15,17 @@ var _LMCBLO3Gcjs = require('./LMCBLO3G.cjs');
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
19
19
|
|
|
20
20
|
// ../ariakit-react-components/dist/dialog/dialog-dismiss.js
|
|
21
21
|
var _react = require('react');
|
|
22
22
|
var _jsxruntime = require('react/jsx-runtime');
|
|
23
23
|
var TagName = "button";
|
|
24
|
-
var useDialogDismiss =
|
|
25
|
-
const context =
|
|
24
|
+
var useDialogDismiss = _JBOLBTVUcjs.createHook.call(void 0, function useDialogDismiss2({ store, ...props }) {
|
|
25
|
+
const context = _WYI5CKPVcjs.useDialogScopedContext.call(void 0, );
|
|
26
26
|
store = store || context;
|
|
27
27
|
const onClickProp = props.onClick;
|
|
28
|
-
const onClick =
|
|
28
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
29
29
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
30
30
|
if (event.defaultPrevented) return;
|
|
31
31
|
store == null ? void 0 : store.hide();
|
|
@@ -58,20 +58,20 @@ var useDialogDismiss = _QAUJZR6Ycjs.createHook.call(void 0, function useDialogDi
|
|
|
58
58
|
...props,
|
|
59
59
|
onClick
|
|
60
60
|
};
|
|
61
|
-
props =
|
|
61
|
+
props = _P7AY4KL3cjs.useButton.call(void 0, props);
|
|
62
62
|
return props;
|
|
63
63
|
});
|
|
64
|
-
var DialogDismiss =
|
|
65
|
-
return
|
|
64
|
+
var DialogDismiss = _JBOLBTVUcjs.forwardRef.call(void 0, function DialogDismiss2(props) {
|
|
65
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useDialogDismiss(props));
|
|
66
66
|
});
|
|
67
67
|
|
|
68
68
|
// ../ariakit-react-components/dist/dialog/dialog-heading.js
|
|
69
69
|
|
|
70
70
|
var TagName2 = "h1";
|
|
71
|
-
var useDialogHeading =
|
|
72
|
-
const setHeadingId = _react.useContext.call(void 0,
|
|
73
|
-
const id =
|
|
74
|
-
|
|
71
|
+
var useDialogHeading = _JBOLBTVUcjs.createHook.call(void 0, function useDialogHeading2({ store, ...props }) {
|
|
72
|
+
const setHeadingId = _react.useContext.call(void 0, _WYI5CKPVcjs.DialogHeadingContext);
|
|
73
|
+
const id = _JBOLBTVUcjs.useId.call(void 0, props.id);
|
|
74
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
75
75
|
setHeadingId == null ? void 0 : setHeadingId(id);
|
|
76
76
|
return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
|
|
77
77
|
}, [setHeadingId, id]);
|
|
@@ -79,11 +79,11 @@ var useDialogHeading = _QAUJZR6Ycjs.createHook.call(void 0, function useDialogHe
|
|
|
79
79
|
...props,
|
|
80
80
|
id
|
|
81
81
|
};
|
|
82
|
-
props =
|
|
82
|
+
props = _7SEEXNY6cjs.useHeading.call(void 0, props);
|
|
83
83
|
return props;
|
|
84
84
|
});
|
|
85
|
-
var DialogHeading =
|
|
86
|
-
return
|
|
85
|
+
var DialogHeading = _JBOLBTVUcjs.forwardRef.call(void 0, function DialogHeading2(props) {
|
|
86
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useDialogHeading(props));
|
|
87
87
|
});
|
|
88
88
|
|
|
89
89
|
|
|
@@ -7,29 +7,29 @@ var _DWSXHZYMcjs = require('./DWSXHZYM.cjs');
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
11
11
|
|
|
12
12
|
// ../ariakit-react-components/dist/heading/heading.js
|
|
13
13
|
var _react = require('react');
|
|
14
14
|
var _jsxruntime = require('react/jsx-runtime');
|
|
15
15
|
var TagName = "h1";
|
|
16
|
-
var useHeading =
|
|
16
|
+
var useHeading = _JBOLBTVUcjs.createHook.call(void 0, function useHeading2(props) {
|
|
17
17
|
const ref = _react.useRef.call(void 0, null);
|
|
18
18
|
const level = _react.useContext.call(void 0, _DWSXHZYMcjs.HeadingContext) || 1;
|
|
19
19
|
const Element = `h${level}`;
|
|
20
|
-
const tagName =
|
|
21
|
-
const isNativeHeading =
|
|
20
|
+
const tagName = _JBOLBTVUcjs.useTagName.call(void 0, ref, Element);
|
|
21
|
+
const isNativeHeading = !!tagName && /^h\d$/.test(tagName);
|
|
22
22
|
props = {
|
|
23
23
|
render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Element, {}),
|
|
24
24
|
role: !isNativeHeading ? "heading" : void 0,
|
|
25
25
|
"aria-level": !isNativeHeading ? level : void 0,
|
|
26
26
|
...props,
|
|
27
|
-
ref:
|
|
27
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref)
|
|
28
28
|
};
|
|
29
29
|
return props;
|
|
30
30
|
});
|
|
31
|
-
var Heading =
|
|
32
|
-
return
|
|
31
|
+
var Heading = _JBOLBTVUcjs.forwardRef.call(void 0, function Heading2(props) {
|
|
32
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useHeading(props));
|
|
33
33
|
});
|
|
34
34
|
|
|
35
35
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _3B6TF7HKcjs = require('./3B6TF7HK.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -15,7 +15,7 @@ var _N3DLR7OLcjs = require('./N3DLR7OL.cjs');
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
19
19
|
|
|
20
20
|
// ../ariakit-react-components/dist/portal/portal-context.js
|
|
21
21
|
var _react = require('react');
|
|
@@ -27,13 +27,13 @@ var _jsxruntime = require('react/jsx-runtime');
|
|
|
27
27
|
var _reactdom = require('react-dom');
|
|
28
28
|
var TagName = "div";
|
|
29
29
|
function getRootElement(element) {
|
|
30
|
-
const doc =
|
|
30
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, element);
|
|
31
31
|
const { fullscreenElement } = doc;
|
|
32
32
|
if (fullscreenElement instanceof HTMLElement) return fullscreenElement;
|
|
33
33
|
return doc.body;
|
|
34
34
|
}
|
|
35
35
|
function getPortalElement(element, portalElement) {
|
|
36
|
-
if (!portalElement) return
|
|
36
|
+
if (!portalElement) return _JBOLBTVUcjs.getDocument.call(void 0, element).createElement("div");
|
|
37
37
|
if (typeof portalElement === "function") return portalElement(element);
|
|
38
38
|
return portalElement;
|
|
39
39
|
}
|
|
@@ -45,9 +45,9 @@ function queueFocus(element) {
|
|
|
45
45
|
element == null ? void 0 : element.focus();
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
var usePortal =
|
|
48
|
+
var usePortal = _JBOLBTVUcjs.createHook.call(void 0, function usePortal2({ preserveTabOrder, preserveTabOrderAnchor, portalElement, portalRef, portal = true, ...props }) {
|
|
49
49
|
const ref = _react.useRef.call(void 0, null);
|
|
50
|
-
const refProp =
|
|
50
|
+
const refProp = _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref);
|
|
51
51
|
const context = _react.useContext.call(void 0, PortalContext);
|
|
52
52
|
const [portalNode, setPortalNode] = _react.useState.call(void 0, null);
|
|
53
53
|
const [anchorPortalNode, setAnchorPortalNode] = _react.useState.call(void 0, null);
|
|
@@ -55,7 +55,7 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
55
55
|
const innerBeforeRef = _react.useRef.call(void 0, null);
|
|
56
56
|
const innerAfterRef = _react.useRef.call(void 0, null);
|
|
57
57
|
const outerAfterRef = _react.useRef.call(void 0, null);
|
|
58
|
-
|
|
58
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
59
59
|
const element = ref.current;
|
|
60
60
|
if (!element || !portal) {
|
|
61
61
|
setPortalNode(null);
|
|
@@ -70,11 +70,11 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
70
70
|
if (!isPortalInDocument) (context || getRootElement(element)).appendChild(portalEl);
|
|
71
71
|
if (!portalEl.id) portalEl.id = element.id ? `portal/${element.id}` : getRandomId();
|
|
72
72
|
setPortalNode(portalEl);
|
|
73
|
-
|
|
73
|
+
_JBOLBTVUcjs.setRef.call(void 0, portalRef, portalEl);
|
|
74
74
|
if (isPortalInDocument) return;
|
|
75
75
|
return () => {
|
|
76
76
|
portalEl.remove();
|
|
77
|
-
|
|
77
|
+
_JBOLBTVUcjs.setRef.call(void 0, portalRef, null);
|
|
78
78
|
};
|
|
79
79
|
}, [
|
|
80
80
|
portal,
|
|
@@ -86,7 +86,7 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
86
86
|
if (!portalNode) return;
|
|
87
87
|
if (context) return;
|
|
88
88
|
if (portalElement) return;
|
|
89
|
-
const doc =
|
|
89
|
+
const doc = _JBOLBTVUcjs.getDocument.call(void 0, portalNode);
|
|
90
90
|
const onFullscreenChange = () => {
|
|
91
91
|
const rootElement = getRootElement(portalNode);
|
|
92
92
|
if (portalNode.parentElement !== rootElement) rootElement.appendChild(portalNode);
|
|
@@ -101,11 +101,11 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
101
101
|
context,
|
|
102
102
|
portalElement
|
|
103
103
|
]);
|
|
104
|
-
|
|
104
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
105
105
|
if (!portal) return;
|
|
106
106
|
if (!preserveTabOrder) return;
|
|
107
107
|
if (!preserveTabOrderAnchor) return;
|
|
108
|
-
const element =
|
|
108
|
+
const element = _JBOLBTVUcjs.getDocument.call(void 0, preserveTabOrderAnchor).createElement("span");
|
|
109
109
|
element.style.position = "fixed";
|
|
110
110
|
preserveTabOrderAnchor.insertAdjacentElement("afterend", element);
|
|
111
111
|
setAnchorPortalNode(element);
|
|
@@ -123,12 +123,12 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
123
123
|
if (!preserveTabOrder) return;
|
|
124
124
|
let raf = 0;
|
|
125
125
|
const onFocus = (event) => {
|
|
126
|
-
if (!
|
|
126
|
+
if (!_JBOLBTVUcjs.isFocusEventOutside.call(void 0, event)) return;
|
|
127
127
|
const focusing = event.type === "focusin";
|
|
128
128
|
cancelAnimationFrame(raf);
|
|
129
|
-
if (focusing) return
|
|
129
|
+
if (focusing) return _JBOLBTVUcjs.restoreFocusIn.call(void 0, portalNode);
|
|
130
130
|
raf = requestAnimationFrame(() => {
|
|
131
|
-
|
|
131
|
+
_JBOLBTVUcjs.disableFocusIn.call(void 0, portalNode, true);
|
|
132
132
|
});
|
|
133
133
|
};
|
|
134
134
|
portalNode.addEventListener("focusin", onFocus, true);
|
|
@@ -139,7 +139,7 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
139
139
|
portalNode.removeEventListener("focusout", onFocus, true);
|
|
140
140
|
};
|
|
141
141
|
}, [portalNode, preserveTabOrder]);
|
|
142
|
-
props =
|
|
142
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => {
|
|
143
143
|
element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PortalContext.Provider, {
|
|
144
144
|
value: portalNode || context,
|
|
145
145
|
children: element
|
|
@@ -152,53 +152,53 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
152
152
|
hidden: true
|
|
153
153
|
});
|
|
154
154
|
element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
155
|
-
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
155
|
+
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3B6TF7HKcjs.FocusTrap, {
|
|
156
156
|
ref: innerBeforeRef,
|
|
157
157
|
"data-focus-trap": props.id,
|
|
158
158
|
className: "__focus-trap-inner-before",
|
|
159
159
|
onFocus: (event) => {
|
|
160
|
-
if (
|
|
160
|
+
if (_JBOLBTVUcjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(_JBOLBTVUcjs.getNextTabbable.call(void 0, ));
|
|
161
161
|
else queueFocus(outerBeforeRef.current);
|
|
162
162
|
}
|
|
163
163
|
}),
|
|
164
164
|
element,
|
|
165
|
-
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
165
|
+
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3B6TF7HKcjs.FocusTrap, {
|
|
166
166
|
ref: innerAfterRef,
|
|
167
167
|
"data-focus-trap": props.id,
|
|
168
168
|
className: "__focus-trap-inner-after",
|
|
169
169
|
onFocus: (event) => {
|
|
170
|
-
if (
|
|
170
|
+
if (_JBOLBTVUcjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(_JBOLBTVUcjs.getPreviousTabbable.call(void 0, ));
|
|
171
171
|
else queueFocus(outerAfterRef.current);
|
|
172
172
|
}
|
|
173
173
|
})
|
|
174
174
|
] });
|
|
175
175
|
if (portalNode) element = _reactdom.createPortal.call(void 0, element, portalNode);
|
|
176
176
|
let preserveTabOrderElement = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
177
|
-
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
177
|
+
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3B6TF7HKcjs.FocusTrap, {
|
|
178
178
|
ref: outerBeforeRef,
|
|
179
179
|
"data-focus-trap": props.id,
|
|
180
180
|
className: "__focus-trap-outer-before",
|
|
181
181
|
onFocus: (event) => {
|
|
182
|
-
if (!(event.relatedTarget === outerAfterRef.current) &&
|
|
183
|
-
else queueFocus(
|
|
182
|
+
if (!(event.relatedTarget === outerAfterRef.current) && _JBOLBTVUcjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(innerBeforeRef.current);
|
|
183
|
+
else queueFocus(_JBOLBTVUcjs.getPreviousTabbable.call(void 0, ));
|
|
184
184
|
}
|
|
185
185
|
}),
|
|
186
186
|
preserveTabOrder && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {
|
|
187
187
|
"aria-owns": portalNode == null ? void 0 : portalNode.id,
|
|
188
188
|
style: { position: "fixed" }
|
|
189
189
|
}),
|
|
190
|
-
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
190
|
+
preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3B6TF7HKcjs.FocusTrap, {
|
|
191
191
|
ref: outerAfterRef,
|
|
192
192
|
"data-focus-trap": props.id,
|
|
193
193
|
className: "__focus-trap-outer-after",
|
|
194
194
|
onFocus: (event) => {
|
|
195
|
-
if (
|
|
195
|
+
if (_JBOLBTVUcjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(innerAfterRef.current);
|
|
196
196
|
else {
|
|
197
|
-
const nextTabbable =
|
|
197
|
+
const nextTabbable = _JBOLBTVUcjs.getNextTabbable.call(void 0, );
|
|
198
198
|
if (nextTabbable === innerBeforeRef.current) {
|
|
199
199
|
requestAnimationFrame(() => {
|
|
200
200
|
var _a;
|
|
201
|
-
return (_a =
|
|
201
|
+
return (_a = _JBOLBTVUcjs.getNextTabbable.call(void 0, )) == null ? void 0 : _a.focus();
|
|
202
202
|
});
|
|
203
203
|
return;
|
|
204
204
|
}
|
|
@@ -223,8 +223,8 @@ var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ prese
|
|
|
223
223
|
};
|
|
224
224
|
return props;
|
|
225
225
|
});
|
|
226
|
-
var Portal =
|
|
227
|
-
return
|
|
226
|
+
var Portal = _JBOLBTVUcjs.forwardRef.call(void 0, function Portal2(props) {
|
|
227
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, usePortal(props));
|
|
228
228
|
});
|
|
229
229
|
|
|
230
230
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _KDVG735Hcjs = require('./KDVG735H.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
@@ -15,7 +15,7 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
19
19
|
|
|
20
20
|
// ../ariakit-react-components/dist/popover/popover-arrow-path.js
|
|
21
21
|
var POPOVER_ARROW_PATH = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z";
|
|
@@ -34,10 +34,10 @@ var rotateMap = {
|
|
|
34
34
|
};
|
|
35
35
|
function useComputedStyle(store) {
|
|
36
36
|
const [style, setStyle] = _react.useState.call(void 0, );
|
|
37
|
-
const contentElement =
|
|
38
|
-
|
|
37
|
+
const contentElement = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "contentElement");
|
|
38
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
39
39
|
if (!contentElement) return;
|
|
40
|
-
setStyle(
|
|
40
|
+
setStyle(_JBOLBTVUcjs.getWindow.call(void 0, contentElement).getComputedStyle(contentElement));
|
|
41
41
|
}, [contentElement]);
|
|
42
42
|
return style;
|
|
43
43
|
}
|
|
@@ -54,12 +54,12 @@ function getBorderColor(dir, style) {
|
|
|
54
54
|
if (!match) return;
|
|
55
55
|
return match[0].replace(/^0px 0px 0px\s+[^\s,]+/, "").trim() || void 0;
|
|
56
56
|
}
|
|
57
|
-
var usePopoverArrow =
|
|
58
|
-
const context =
|
|
57
|
+
var usePopoverArrow = _JBOLBTVUcjs.createHook.call(void 0, function usePopoverArrow2({ store, size = defaultSize, borderWidth: borderWidthProp, ...props }) {
|
|
58
|
+
const context = _KDVG735Hcjs.usePopoverContext.call(void 0, );
|
|
59
59
|
store = store || context;
|
|
60
|
-
|
|
61
|
-
const dir =
|
|
62
|
-
const maskId =
|
|
60
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component.");
|
|
61
|
+
const dir = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => state.currentPlacement.split("-")[0]);
|
|
62
|
+
const maskId = _JBOLBTVUcjs.useId.call(void 0, );
|
|
63
63
|
const style = useComputedStyle(store);
|
|
64
64
|
const stroke = getBorderColor(dir, style) || "none";
|
|
65
65
|
const fill = (style == null ? void 0 : style.getPropertyValue("background-color")) || "none";
|
|
@@ -90,7 +90,7 @@ var usePopoverArrow = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverAr
|
|
|
90
90
|
children: [
|
|
91
91
|
!isRing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
|
|
92
92
|
fill: "none",
|
|
93
|
-
stroke:
|
|
93
|
+
stroke: fill,
|
|
94
94
|
d: "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z",
|
|
95
95
|
mask: `url(#${maskId})`
|
|
96
96
|
}),
|
|
@@ -125,23 +125,23 @@ var usePopoverArrow = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverAr
|
|
|
125
125
|
]),
|
|
126
126
|
"aria-hidden": true,
|
|
127
127
|
...props,
|
|
128
|
-
ref:
|
|
128
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
|
|
129
129
|
style: {
|
|
130
130
|
position: "absolute",
|
|
131
131
|
fontSize: size,
|
|
132
132
|
width: "1em",
|
|
133
133
|
height: "1em",
|
|
134
134
|
pointerEvents: "none",
|
|
135
|
-
fill
|
|
136
|
-
stroke
|
|
135
|
+
fill,
|
|
136
|
+
stroke,
|
|
137
137
|
strokeWidth,
|
|
138
138
|
...props.style
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
|
-
return
|
|
141
|
+
return _JBOLBTVUcjs.removeUndefinedValues.call(void 0, props);
|
|
142
142
|
});
|
|
143
|
-
var PopoverArrow =
|
|
144
|
-
return
|
|
143
|
+
var PopoverArrow = _JBOLBTVUcjs.memo.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function PopoverArrow2(props) {
|
|
144
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, usePopoverArrow(props));
|
|
145
145
|
}));
|
|
146
146
|
|
|
147
147
|
|