@ariakit/react 0.4.28 → 0.4.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{CHANGELOG-035.md → CHANGELOG-0314.md} +205 -0
- package/CHANGELOG.md +48 -202
- package/cjs/__chunks/{SXAPGTJ4.cjs → 2ENQD3AS.cjs} +6 -6
- package/cjs/__chunks/{L2IFVMDU.cjs → 2WBRQ3I7.cjs} +7 -6
- package/cjs/__chunks/{N3DLR7OL.cjs → 3B6TF7HK.cjs} +6 -6
- package/cjs/__chunks/{XPQIHUQ7.cjs → 42GL4LKI.cjs} +20 -20
- package/cjs/__chunks/{VXUZM542.cjs → 53Q7HWXL.cjs} +165 -165
- package/cjs/__chunks/{3FIXGHZ2.cjs → 5QRVCRDI.cjs} +5 -5
- package/cjs/__chunks/{7MXJT4IN.cjs → 5XICU34X.cjs} +3 -3
- package/cjs/__chunks/{334WKW6I.cjs → 5ZX5ACFH.cjs} +4 -4
- package/cjs/__chunks/{2MDC3Z3V.cjs → 6BNWLCHF.cjs} +10 -10
- package/cjs/__chunks/{IFZV5LA3.cjs → 6XKLGFUO.cjs} +17 -17
- package/cjs/__chunks/{PZXRBFZF.cjs → 7SEEXNY6.cjs} +7 -7
- package/cjs/__chunks/{VXDLN5CP.cjs → 7XB4QE2H.cjs} +29 -29
- package/cjs/__chunks/{RVXPEX7O.cjs → AI3BA27G.cjs} +18 -18
- package/cjs/__chunks/{NG34QRI6.cjs → BTARPES4.cjs} +79 -32
- package/cjs/__chunks/{LCX235VJ.cjs → CKHOJYDQ.cjs} +6 -6
- package/cjs/__chunks/{C4NVIV6V.cjs → CRPG37KH.cjs} +104 -84
- package/cjs/__chunks/{4RKQMGBK.cjs → CYTUSXPR.cjs} +236 -222
- package/cjs/__chunks/{IHVFJGGN.cjs → D6USTXKA.cjs} +4 -4
- package/cjs/__chunks/{NFZWL7LE.cjs → DDV252ZY.cjs} +4 -4
- package/cjs/__chunks/DVB2WSHD.cjs +41 -0
- package/cjs/__chunks/{YEXJT4IL.cjs → EF57ZMJN.cjs} +10 -10
- package/cjs/__chunks/{RR46KI45.cjs → EQYJ6RA7.cjs} +3 -3
- package/cjs/__chunks/{D4HCGWOU.cjs → FHPV2Q7C.cjs} +182 -78
- package/cjs/__chunks/{FHQ5DVYQ.cjs → FNYFMCD7.cjs} +4 -4
- package/cjs/__chunks/{FELYQPO5.cjs → FWVWDDOL.cjs} +182 -173
- package/cjs/__chunks/{GUY4MKX2.cjs → G2JI2Z7U.cjs} +12 -12
- package/cjs/__chunks/{Z5PDS46M.cjs → GI27TVAM.cjs} +159 -159
- package/cjs/__chunks/{PTE2IJM5.cjs → GQZ5DRPC.cjs} +32 -30
- package/cjs/__chunks/{XH4GE3VE.cjs → GV4SR2CM.cjs} +7 -7
- package/cjs/__chunks/{PU63IQFD.cjs → HCYQ5Z7Z.cjs} +58 -58
- package/cjs/__chunks/{ASOIXRUN.cjs → HGV6FCZP.cjs} +61 -61
- package/cjs/__chunks/{OOFUBC32.cjs → I4JS2KAF.cjs} +17 -19
- package/cjs/__chunks/{DVWS2XPY.cjs → I6N3772N.cjs} +21 -21
- package/cjs/__chunks/{7POA4244.cjs → IEVLYJJP.cjs} +22 -22
- package/cjs/__chunks/{ZNW2LLWJ.cjs → IGWSYIUY.cjs} +15 -15
- package/cjs/__chunks/{QAUJZR6Y.cjs → JBOLBTVU.cjs} +15 -4
- package/cjs/__chunks/{MN5TONXW.cjs → JXYV7OWF.cjs} +33 -36
- package/cjs/__chunks/{FIPBE5IX.cjs → KDVG735H.cjs} +3 -3
- package/cjs/__chunks/{TSBEWPNT.cjs → KFUU3G3B.cjs} +39 -39
- package/cjs/__chunks/{ZYPARRXG.cjs → LGUAIO4Q.cjs} +4 -4
- package/cjs/__chunks/{5NTEPQ2U.cjs → M6YHODMV.cjs} +20 -20
- package/cjs/__chunks/{SIF7IN4L.cjs → MWZS5XD4.cjs} +12 -12
- package/cjs/__chunks/{UUEFM3TG.cjs → NBAYASRC.cjs} +17 -17
- package/cjs/__chunks/{RXZPZPJX.cjs → OFFSDIY3.cjs} +21 -21
- package/cjs/__chunks/{RGH2H3WL.cjs → OP2QHIHD.cjs} +4 -4
- package/cjs/__chunks/{2HXQHKBC.cjs → P6Y2DILA.cjs} +17 -17
- package/cjs/__chunks/{LMCBLO3G.cjs → P7AY4KL3.cjs} +10 -10
- package/cjs/__chunks/{PDPE2VAZ.cjs → QJQWEU4Q.cjs} +134 -120
- package/cjs/__chunks/{UV7CXZEM.cjs → RZJLQJQM.cjs} +9 -9
- package/cjs/__chunks/{34UJGLOZ.cjs → SAFZBKT3.cjs} +61 -48
- package/cjs/__chunks/{LVHC4DSB.cjs → TMY4OIYC.cjs} +19 -19
- package/cjs/__chunks/{LS5VO6AA.cjs → ULDO57DJ.cjs} +12 -12
- package/cjs/__chunks/{NMUCJYMR.cjs → US2XYAXE.cjs} +83 -83
- package/cjs/__chunks/{GUB6WHB6.cjs → VUISVT3V.cjs} +9 -9
- package/cjs/__chunks/{RLKC7JVT.cjs → WHUT2PFL.cjs} +4 -4
- package/cjs/__chunks/WLHP5OM6.cjs +37 -0
- package/cjs/__chunks/{7M4GY5DS.cjs → WYI5CKPV.cjs} +38 -38
- package/cjs/__chunks/{SQ72MZ63.cjs → ZPWE3FTF.cjs} +39 -39
- package/cjs/button.cjs +5 -5
- package/cjs/checkbox.cjs +8 -8
- package/cjs/collection.cjs +6 -6
- package/cjs/combobox.cjs +30 -30
- package/cjs/command.cjs +4 -4
- package/cjs/composite.cjs +17 -17
- package/cjs/dialog.cjs +18 -18
- package/cjs/disclosure.cjs +9 -9
- package/cjs/focus-trap.cjs +5 -5
- package/cjs/focusable.cjs +3 -3
- package/cjs/form.cjs +14 -14
- package/cjs/group.cjs +3 -3
- package/cjs/heading.cjs +3 -3
- package/cjs/hovercard.cjs +25 -25
- package/cjs/index.cjs +59 -59
- package/cjs/menu.cjs +42 -42
- package/cjs/menubar.cjs +8 -8
- package/cjs/popover.cjs +25 -25
- package/cjs/portal.cjs +5 -5
- package/cjs/radio.cjs +12 -12
- package/cjs/role.cjs +3 -3
- package/cjs/select.cjs +36 -36
- package/cjs/separator.cjs +3 -3
- package/cjs/store.cjs +3 -3
- package/cjs/tab.cjs +15 -15
- package/cjs/toolbar.cjs +13 -13
- package/cjs/tooltip.cjs +15 -15
- package/cjs/visually-hidden.cjs +3 -3
- package/package.json +4 -4
- package/cjs/__chunks/FVIS5BFZ.cjs +0 -41
- package/cjs/__chunks/TLUFYZC7.cjs +0 -37
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _HCYQ5Z7Zcjs = require('./HCYQ5Z7Z.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _AI3BA27Gcjs = require('./AI3BA27G.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _DVB2WSHDcjs = require('./DVB2WSHD.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _OP2QHIHDcjs = require('./OP2QHIHD.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -25,50 +25,52 @@ var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
29
31
|
|
|
30
32
|
// ../ariakit-react-components/dist/hovercard/hovercard-arrow.js
|
|
31
33
|
var TagName = "div";
|
|
32
|
-
var useHovercardArrow =
|
|
33
|
-
const context =
|
|
34
|
+
var useHovercardArrow = _JBOLBTVUcjs.createHook.call(void 0, function useHovercardArrow2({ store, ...props }) {
|
|
35
|
+
const context = _HCYQ5Z7Zcjs.useHovercardContext.call(void 0, );
|
|
34
36
|
store = store || context;
|
|
35
|
-
props =
|
|
37
|
+
props = _AI3BA27Gcjs.usePopoverArrow.call(void 0, {
|
|
36
38
|
store,
|
|
37
39
|
...props
|
|
38
40
|
});
|
|
39
41
|
return props;
|
|
40
42
|
});
|
|
41
|
-
var HovercardArrow =
|
|
42
|
-
return
|
|
43
|
+
var HovercardArrow = _JBOLBTVUcjs.forwardRef.call(void 0, function HovercardArrow2(props) {
|
|
44
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useHovercardArrow(props));
|
|
43
45
|
});
|
|
44
46
|
|
|
45
47
|
// ../ariakit-react-components/dist/hovercard/hovercard-disclosure.js
|
|
46
48
|
var _react = require('react');
|
|
47
49
|
var _jsxruntime = require('react/jsx-runtime');
|
|
48
50
|
var TagName2 = "button";
|
|
49
|
-
var useHovercardDisclosure =
|
|
50
|
-
const context =
|
|
51
|
+
var useHovercardDisclosure = _JBOLBTVUcjs.createHook.call(void 0, function useHovercardDisclosure2({ store, ...props }) {
|
|
52
|
+
const context = _HCYQ5Z7Zcjs.useHovercardProviderContext.call(void 0, );
|
|
51
53
|
store = store || context;
|
|
52
|
-
|
|
54
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "HovercardDisclosure must receive a `store` prop or be wrapped in a HovercardProvider component.");
|
|
53
55
|
const [visible, setVisible] = _react.useState.call(void 0, false);
|
|
54
56
|
_react.useEffect.call(void 0, () => {
|
|
55
57
|
if (!visible) return;
|
|
56
58
|
const onBlur = (event) => {
|
|
57
59
|
if (!store) return;
|
|
58
60
|
const nextActiveElement = event.relatedTarget;
|
|
59
|
-
if (nextActiveElement) {
|
|
61
|
+
if (_JBOLBTVUcjs.isNode.call(void 0, nextActiveElement)) {
|
|
60
62
|
const { anchorElement: anchor, popoverElement: popover, disclosureElement: disclosure } = store.getState();
|
|
61
|
-
if (anchor &&
|
|
62
|
-
if (popover &&
|
|
63
|
-
if (disclosure &&
|
|
64
|
-
if (nextActiveElement.hasAttribute("data-focus-trap")) return;
|
|
63
|
+
if (anchor && _JBOLBTVUcjs.contains.call(void 0, anchor, nextActiveElement)) return;
|
|
64
|
+
if (popover && _JBOLBTVUcjs.contains.call(void 0, popover, nextActiveElement)) return;
|
|
65
|
+
if (disclosure && _JBOLBTVUcjs.contains.call(void 0, disclosure, nextActiveElement)) return;
|
|
66
|
+
if (_JBOLBTVUcjs.isElement.call(void 0, nextActiveElement) && nextActiveElement.hasAttribute("data-focus-trap")) return;
|
|
65
67
|
}
|
|
66
68
|
setVisible(false);
|
|
67
69
|
};
|
|
68
|
-
return
|
|
70
|
+
return _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "focusout", onBlur, true);
|
|
69
71
|
}, [visible, store]);
|
|
70
72
|
_react.useEffect.call(void 0, () => {
|
|
71
|
-
return
|
|
73
|
+
return _FHPV2Q7Ccjs.sync.call(void 0, store, ["anchorElement"], (state) => {
|
|
72
74
|
const anchor = state.anchorElement;
|
|
73
75
|
if (!anchor) return;
|
|
74
76
|
const observer = new MutationObserver(() => {
|
|
@@ -80,18 +82,18 @@ var useHovercardDisclosure = _QAUJZR6Ycjs.createHook.call(void 0, function useHo
|
|
|
80
82
|
});
|
|
81
83
|
}, [store]);
|
|
82
84
|
const onClickProp = props.onClick;
|
|
83
|
-
const onClick =
|
|
85
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
84
86
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
85
87
|
if (event.defaultPrevented) return;
|
|
86
88
|
store == null ? void 0 : store.setAutoFocusOnShow(true);
|
|
87
89
|
});
|
|
88
90
|
const onFocusProp = props.onFocus;
|
|
89
|
-
const onFocus =
|
|
91
|
+
const onFocus = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
90
92
|
onFocusProp == null ? void 0 : onFocusProp(event);
|
|
91
93
|
if (event.defaultPrevented) return;
|
|
92
94
|
setVisible(true);
|
|
93
95
|
});
|
|
94
|
-
const { style } =
|
|
96
|
+
const { style } = _OP2QHIHDcjs.useVisuallyHidden.call(void 0, );
|
|
95
97
|
if (!visible) props = {
|
|
96
98
|
...props,
|
|
97
99
|
style: {
|
|
@@ -113,25 +115,25 @@ var useHovercardDisclosure = _QAUJZR6Ycjs.createHook.call(void 0, function useHo
|
|
|
113
115
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
|
|
114
116
|
}),
|
|
115
117
|
...props,
|
|
116
|
-
ref:
|
|
118
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, store.setDisclosureElement, props.ref),
|
|
117
119
|
onClick,
|
|
118
120
|
onFocus
|
|
119
121
|
};
|
|
120
|
-
props =
|
|
122
|
+
props = _DVB2WSHDcjs.useDialogDisclosure.call(void 0, {
|
|
121
123
|
store,
|
|
122
124
|
...props
|
|
123
125
|
});
|
|
124
126
|
return props;
|
|
125
127
|
});
|
|
126
|
-
var HovercardDisclosure =
|
|
127
|
-
return
|
|
128
|
+
var HovercardDisclosure = _JBOLBTVUcjs.forwardRef.call(void 0, function HovercardDisclosure2(props) {
|
|
129
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useHovercardDisclosure(props));
|
|
128
130
|
});
|
|
129
131
|
|
|
130
132
|
// ../ariakit-react-components/dist/hovercard/hovercard-provider.js
|
|
131
133
|
|
|
132
134
|
function HovercardProvider(props = {}) {
|
|
133
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
134
|
-
value:
|
|
135
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HCYQ5Z7Zcjs.HovercardContextProvider, {
|
|
136
|
+
value: _HCYQ5Z7Zcjs.useHovercardStore.call(void 0, props),
|
|
135
137
|
children: props.children
|
|
136
138
|
});
|
|
137
139
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
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
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
10
10
|
|
|
11
11
|
// ../ariakit-react-components/dist/popover/popover-anchor.js
|
|
12
12
|
var TagName = "div";
|
|
13
|
-
var usePopoverAnchor =
|
|
14
|
-
const context =
|
|
13
|
+
var usePopoverAnchor = _JBOLBTVUcjs.createHook.call(void 0, function usePopoverAnchor2({ store, ...props }) {
|
|
14
|
+
const context = _KDVG735Hcjs.usePopoverProviderContext.call(void 0, );
|
|
15
15
|
store = store || context;
|
|
16
16
|
props = {
|
|
17
17
|
...props,
|
|
18
|
-
ref:
|
|
18
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
|
|
19
19
|
};
|
|
20
20
|
return props;
|
|
21
21
|
});
|
|
22
|
-
var PopoverAnchor =
|
|
23
|
-
return
|
|
22
|
+
var PopoverAnchor = _JBOLBTVUcjs.forwardRef.call(void 0, function PopoverAnchor2(props) {
|
|
23
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, usePopoverAnchor(props));
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
|
|
@@ -2,24 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _KFUU3G3Bcjs = require('./KFUU3G3B.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _KDVG735Hcjs = require('./KDVG735H.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _QJQWEU4Qcjs = require('./QJQWEU4Q.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _FHPV2Q7Ccjs = require('./FHPV2Q7C.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _BTARPES4cjs = require('./BTARPES4.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
@@ -41,10 +41,10 @@ var _NG34QRI6cjs = require('./NG34QRI6.cjs');
|
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
|
|
44
|
-
var
|
|
44
|
+
var _JBOLBTVUcjs = require('./JBOLBTVU.cjs');
|
|
45
45
|
|
|
46
46
|
// ../ariakit-react-components/dist/hovercard/hovercard-context.js
|
|
47
|
-
var ctx =
|
|
47
|
+
var ctx = _JBOLBTVUcjs.createStoreContext.call(void 0, [_KDVG735Hcjs.PopoverContextProvider], [_KDVG735Hcjs.PopoverScopedContextProvider]);
|
|
48
48
|
var useHovercardContext = ctx.useContext;
|
|
49
49
|
var useHovercardScopedContext = ctx.useScopedContext;
|
|
50
50
|
var useHovercardProviderContext = ctx.useProviderContext;
|
|
@@ -122,28 +122,28 @@ var _react = require('react');
|
|
|
122
122
|
var _jsxruntime = require('react/jsx-runtime');
|
|
123
123
|
var TagName = "div";
|
|
124
124
|
function isMovingOnHovercard(target, card, anchor, nested) {
|
|
125
|
-
if (
|
|
125
|
+
if (_JBOLBTVUcjs.hasFocusWithin.call(void 0, card)) return true;
|
|
126
126
|
if (!target) return false;
|
|
127
|
-
if (
|
|
128
|
-
if (anchor &&
|
|
129
|
-
if (nested == null ? void 0 : nested.some((card2) =>
|
|
127
|
+
if (_JBOLBTVUcjs.contains.call(void 0, card, target)) return true;
|
|
128
|
+
if (anchor && _JBOLBTVUcjs.contains.call(void 0, anchor, target)) return true;
|
|
129
|
+
if (nested == null ? void 0 : nested.some((card2) => _JBOLBTVUcjs.hasFocusWithin.call(void 0, card2) || _JBOLBTVUcjs.contains.call(void 0, card2, target))) return true;
|
|
130
130
|
return false;
|
|
131
131
|
}
|
|
132
132
|
function useAutoFocusOnHide({ store, ...props }) {
|
|
133
133
|
const [autoFocusOnHide, setAutoFocusOnHide] = _react.useState.call(void 0, false);
|
|
134
|
-
const mounted =
|
|
134
|
+
const mounted = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "mounted");
|
|
135
135
|
_react.useEffect.call(void 0, () => {
|
|
136
136
|
if (!mounted) setAutoFocusOnHide(false);
|
|
137
137
|
}, [mounted]);
|
|
138
138
|
const onFocusProp = props.onFocus;
|
|
139
|
-
const onFocus =
|
|
139
|
+
const onFocus = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
140
140
|
onFocusProp == null ? void 0 : onFocusProp(event);
|
|
141
141
|
if (event.defaultPrevented) return;
|
|
142
142
|
setAutoFocusOnHide(true);
|
|
143
143
|
});
|
|
144
144
|
const finalFocusRef = _react.useRef.call(void 0, null);
|
|
145
145
|
_react.useEffect.call(void 0, () => {
|
|
146
|
-
return
|
|
146
|
+
return _FHPV2Q7Ccjs.sync.call(void 0, store, ["anchorElement"], (state) => {
|
|
147
147
|
finalFocusRef.current = state.anchorElement;
|
|
148
148
|
});
|
|
149
149
|
}, [store]);
|
|
@@ -156,22 +156,22 @@ function useAutoFocusOnHide({ store, ...props }) {
|
|
|
156
156
|
return props;
|
|
157
157
|
}
|
|
158
158
|
var NestedHovercardContext = _react.createContext.call(void 0, null);
|
|
159
|
-
var useHovercard =
|
|
159
|
+
var useHovercard = _JBOLBTVUcjs.createHook.call(void 0, function useHovercard2({ store, modal = false, portal = modal, hideOnEscape = true, hideOnHoverOutside = true, disablePointerEventsOnApproach = !!hideOnHoverOutside, ...props }) {
|
|
160
160
|
const context = useHovercardProviderContext();
|
|
161
161
|
store = store || context;
|
|
162
|
-
|
|
162
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component.");
|
|
163
163
|
const ref = _react.useRef.call(void 0, null);
|
|
164
164
|
const [nestedHovercards, setNestedHovercards] = _react.useState.call(void 0, []);
|
|
165
165
|
const hideTimeoutRef = _react.useRef.call(void 0, 0);
|
|
166
166
|
const enterPointRef = _react.useRef.call(void 0, null);
|
|
167
|
-
const { portalRef, domReady } =
|
|
168
|
-
const isMouseMoving =
|
|
167
|
+
const { portalRef, domReady } = _JBOLBTVUcjs.usePortalRef.call(void 0, portal, props.portalRef);
|
|
168
|
+
const isMouseMoving = _JBOLBTVUcjs.useIsMouseMoving.call(void 0, );
|
|
169
169
|
const mayHideOnHoverOutside = !!hideOnHoverOutside;
|
|
170
|
-
const hideOnHoverOutsideProp =
|
|
170
|
+
const hideOnHoverOutsideProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
|
|
171
171
|
const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
|
|
172
|
-
const disablePointerEventsProp =
|
|
173
|
-
const open =
|
|
174
|
-
const mounted =
|
|
172
|
+
const disablePointerEventsProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, disablePointerEventsOnApproach);
|
|
173
|
+
const open = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "open");
|
|
174
|
+
const mounted = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, "mounted");
|
|
175
175
|
_react.useEffect.call(void 0, () => {
|
|
176
176
|
if (!domReady) return;
|
|
177
177
|
if (!mounted) return;
|
|
@@ -186,7 +186,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
186
186
|
const [target] = event.composedPath();
|
|
187
187
|
const anchor = anchorElement;
|
|
188
188
|
if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {
|
|
189
|
-
enterPointRef.current = target && anchor &&
|
|
189
|
+
enterPointRef.current = target && anchor && _JBOLBTVUcjs.contains.call(void 0, anchor, target) ? getEventPoint(event) : null;
|
|
190
190
|
window.clearTimeout(hideTimeoutRef.current);
|
|
191
191
|
hideTimeoutRef.current = 0;
|
|
192
192
|
return;
|
|
@@ -208,7 +208,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
208
208
|
store == null ? void 0 : store.hide();
|
|
209
209
|
}, hideTimeout != null ? hideTimeout : timeout);
|
|
210
210
|
};
|
|
211
|
-
return
|
|
211
|
+
return _JBOLBTVUcjs.chain.call(void 0, _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mousemove", onMouseMove, true), () => clearTimeout(hideTimeoutRef.current));
|
|
212
212
|
}, [
|
|
213
213
|
store,
|
|
214
214
|
isMouseMoving,
|
|
@@ -236,7 +236,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
236
236
|
event.stopPropagation();
|
|
237
237
|
}
|
|
238
238
|
};
|
|
239
|
-
return
|
|
239
|
+
return _JBOLBTVUcjs.chain.call(void 0, _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mouseenter", disableEvent, true), _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mouseover", disableEvent, true), _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mouseout", disableEvent, true), _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mouseleave", disableEvent, true));
|
|
240
240
|
}, [
|
|
241
241
|
domReady,
|
|
242
242
|
mounted,
|
|
@@ -252,7 +252,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
252
252
|
domReady,
|
|
253
253
|
open
|
|
254
254
|
]);
|
|
255
|
-
const openRef =
|
|
255
|
+
const openRef = _JBOLBTVUcjs.useLiveRef.call(void 0, open);
|
|
256
256
|
_react.useEffect.call(void 0, () => {
|
|
257
257
|
if (!domReady) return;
|
|
258
258
|
return () => {
|
|
@@ -260,7 +260,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
260
260
|
};
|
|
261
261
|
}, [store, domReady]);
|
|
262
262
|
const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
|
|
263
|
-
|
|
263
|
+
_JBOLBTVUcjs.useSafeLayoutEffect.call(void 0, () => {
|
|
264
264
|
if (modal) return;
|
|
265
265
|
if (!portal) return;
|
|
266
266
|
if (!mounted) return;
|
|
@@ -282,7 +282,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
282
282
|
parentUnregister == null ? void 0 : parentUnregister();
|
|
283
283
|
};
|
|
284
284
|
}, [registerOnParent]);
|
|
285
|
-
props =
|
|
285
|
+
props = _JBOLBTVUcjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HovercardScopedContextProvider, {
|
|
286
286
|
value: store,
|
|
287
287
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, {
|
|
288
288
|
value: registerNestedHovercard,
|
|
@@ -291,14 +291,14 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
291
291
|
}), [store, registerNestedHovercard]);
|
|
292
292
|
props = {
|
|
293
293
|
...props,
|
|
294
|
-
ref:
|
|
294
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref)
|
|
295
295
|
};
|
|
296
296
|
props = useAutoFocusOnHide({
|
|
297
297
|
store,
|
|
298
298
|
...props
|
|
299
299
|
});
|
|
300
|
-
const autoFocusOnShow =
|
|
301
|
-
props =
|
|
300
|
+
const autoFocusOnShow = _FHPV2Q7Ccjs.useStoreState.call(void 0, store, (state) => modal || state.autoFocusOnShow);
|
|
301
|
+
props = _KFUU3G3Bcjs.usePopover.call(void 0, {
|
|
302
302
|
store,
|
|
303
303
|
modal,
|
|
304
304
|
portal,
|
|
@@ -306,7 +306,7 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
306
306
|
...props,
|
|
307
307
|
portalRef,
|
|
308
308
|
hideOnEscape(event) {
|
|
309
|
-
if (
|
|
309
|
+
if (_JBOLBTVUcjs.isFalsyBooleanCallback.call(void 0, hideOnEscape, event)) return false;
|
|
310
310
|
requestAnimationFrame(() => {
|
|
311
311
|
requestAnimationFrame(() => {
|
|
312
312
|
store == null ? void 0 : store.hide();
|
|
@@ -317,18 +317,18 @@ var useHovercard = _QAUJZR6Ycjs.createHook.call(void 0, function useHovercard2({
|
|
|
317
317
|
});
|
|
318
318
|
return props;
|
|
319
319
|
});
|
|
320
|
-
var Hovercard =
|
|
321
|
-
return
|
|
320
|
+
var Hovercard = _QJQWEU4Qcjs.createDialogComponent.call(void 0, _JBOLBTVUcjs.forwardRef.call(void 0, function Hovercard2(props) {
|
|
321
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName, useHovercard(props));
|
|
322
322
|
}), useHovercardProviderContext);
|
|
323
323
|
|
|
324
324
|
// ../ariakit-react-components/dist/hovercard/hovercard-anchor.js
|
|
325
325
|
|
|
326
326
|
var TagName2 = "a";
|
|
327
|
-
var useHovercardAnchor =
|
|
327
|
+
var useHovercardAnchor = _JBOLBTVUcjs.createHook.call(void 0, function useHovercardAnchor2({ store, showOnHover = true, ...props }) {
|
|
328
328
|
const context = useHovercardProviderContext();
|
|
329
329
|
store = store || context;
|
|
330
|
-
|
|
331
|
-
const disabled =
|
|
330
|
+
_JBOLBTVUcjs.invariant.call(void 0, store, process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component.");
|
|
331
|
+
const disabled = _JBOLBTVUcjs.disabledFromProps.call(void 0, props);
|
|
332
332
|
const showTimeoutRef = _react.useRef.call(void 0, 0);
|
|
333
333
|
_react.useEffect.call(void 0, () => () => window.clearTimeout(showTimeoutRef.current), []);
|
|
334
334
|
_react.useEffect.call(void 0, () => {
|
|
@@ -340,12 +340,12 @@ var useHovercardAnchor = _QAUJZR6Ycjs.createHook.call(void 0, function useHoverc
|
|
|
340
340
|
window.clearTimeout(showTimeoutRef.current);
|
|
341
341
|
showTimeoutRef.current = 0;
|
|
342
342
|
};
|
|
343
|
-
return
|
|
343
|
+
return _JBOLBTVUcjs.addGlobalEventListener.call(void 0, "mouseleave", onMouseLeave, true);
|
|
344
344
|
}, [store]);
|
|
345
345
|
const onMouseMoveProp = props.onMouseMove;
|
|
346
|
-
const showOnHoverProp =
|
|
347
|
-
const isMouseMoving =
|
|
348
|
-
const onMouseMove =
|
|
346
|
+
const showOnHoverProp = _JBOLBTVUcjs.useBooleanEvent.call(void 0, showOnHover);
|
|
347
|
+
const isMouseMoving = _JBOLBTVUcjs.useIsMouseMoving.call(void 0, );
|
|
348
|
+
const onMouseMove = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
349
349
|
onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
|
|
350
350
|
if (disabled) return;
|
|
351
351
|
if (!store) return;
|
|
@@ -371,7 +371,7 @@ var useHovercardAnchor = _QAUJZR6Ycjs.createHook.call(void 0, function useHoverc
|
|
|
371
371
|
else showTimeoutRef.current = window.setTimeout(showHovercard, timeoutMs);
|
|
372
372
|
});
|
|
373
373
|
const onClickProp = props.onClick;
|
|
374
|
-
const onClick =
|
|
374
|
+
const onClick = _JBOLBTVUcjs.useEvent.call(void 0, (event) => {
|
|
375
375
|
onClickProp == null ? void 0 : onClickProp(event);
|
|
376
376
|
if (!store) return;
|
|
377
377
|
window.clearTimeout(showTimeoutRef.current);
|
|
@@ -385,32 +385,32 @@ var useHovercardAnchor = _QAUJZR6Ycjs.createHook.call(void 0, function useHoverc
|
|
|
385
385
|
}, [store]);
|
|
386
386
|
props = {
|
|
387
387
|
...props,
|
|
388
|
-
ref:
|
|
388
|
+
ref: _JBOLBTVUcjs.useMergeRefs.call(void 0, ref, props.ref),
|
|
389
389
|
onMouseMove,
|
|
390
390
|
onClick
|
|
391
391
|
};
|
|
392
|
-
props =
|
|
392
|
+
props = _BTARPES4cjs.useFocusable.call(void 0, props);
|
|
393
393
|
return props;
|
|
394
394
|
});
|
|
395
|
-
var HovercardAnchor =
|
|
396
|
-
return
|
|
395
|
+
var HovercardAnchor = _JBOLBTVUcjs.forwardRef.call(void 0, function HovercardAnchor2(props) {
|
|
396
|
+
return _JBOLBTVUcjs.createElement.call(void 0, TagName2, useHovercardAnchor(props));
|
|
397
397
|
});
|
|
398
398
|
|
|
399
399
|
// ../ariakit-components/dist/hovercard/hovercard-store.js
|
|
400
400
|
function createHovercardStore(props = {}) {
|
|
401
401
|
var _a;
|
|
402
402
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
403
|
-
const popover =
|
|
403
|
+
const popover = _KFUU3G3Bcjs.createPopoverStore.call(void 0, {
|
|
404
404
|
...props,
|
|
405
|
-
placement:
|
|
405
|
+
placement: _JBOLBTVUcjs.defaultValue.call(void 0, props.placement, syncState == null ? void 0 : syncState.placement, "bottom")
|
|
406
406
|
});
|
|
407
|
-
const timeout =
|
|
408
|
-
const hovercard =
|
|
407
|
+
const timeout = _JBOLBTVUcjs.defaultValue.call(void 0, props.timeout, syncState == null ? void 0 : syncState.timeout, 500);
|
|
408
|
+
const hovercard = _FHPV2Q7Ccjs.createStore.call(void 0, {
|
|
409
409
|
...popover.getState(),
|
|
410
410
|
timeout,
|
|
411
|
-
showTimeout:
|
|
412
|
-
hideTimeout:
|
|
413
|
-
autoFocusOnShow:
|
|
411
|
+
showTimeout: _JBOLBTVUcjs.defaultValue.call(void 0, props.showTimeout, syncState == null ? void 0 : syncState.showTimeout),
|
|
412
|
+
hideTimeout: _JBOLBTVUcjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
|
|
413
|
+
autoFocusOnShow: _JBOLBTVUcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
|
|
414
414
|
}, popover, props.store);
|
|
415
415
|
return {
|
|
416
416
|
...popover,
|
|
@@ -421,13 +421,13 @@ function createHovercardStore(props = {}) {
|
|
|
421
421
|
|
|
422
422
|
// ../ariakit-react-components/dist/hovercard/hovercard-store.js
|
|
423
423
|
function useHovercardStoreProps(store, update, props) {
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
return
|
|
424
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "timeout");
|
|
425
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "showTimeout");
|
|
426
|
+
_FHPV2Q7Ccjs.useStoreProps.call(void 0, store, props, "hideTimeout");
|
|
427
|
+
return _KFUU3G3Bcjs.usePopoverStoreProps.call(void 0, store, update, props);
|
|
428
428
|
}
|
|
429
429
|
function useHovercardStore(props = {}) {
|
|
430
|
-
const [store, update] =
|
|
430
|
+
const [store, update] = _FHPV2Q7Ccjs.useStore.call(void 0, createHovercardStore, props);
|
|
431
431
|
return useHovercardStoreProps(store, update, props);
|
|
432
432
|
}
|
|
433
433
|
|