@dreamcommerce/aurora 3.0.0-13 → 3.0.0-15
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/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js +6 -3
- package/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-arrow/dist/index.mjs.js +19 -15
- package/build/cjs/external/@radix-ui/react-arrow/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js +14 -4
- package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js +54 -35
- package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +168 -138
- package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js +13 -6
- package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-popper/dist/index.mjs.js +281 -223
- package/build/cjs/external/@radix-ui/react-popper/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js +51 -34
- package/build/cjs/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js +17 -6
- package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js +67 -53
- package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js +16 -27
- package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-slot/dist/index.mjs.js +49 -33
- package/build/cjs/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-tooltip/dist/index.mjs.js +432 -338
- package/build/cjs/external/@radix-ui/react-tooltip/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +11 -3
- package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +34 -32
- package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +13 -6
- package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +1 -2
- package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-use-size/dist/index.mjs.js +26 -13
- package/build/cjs/external/@radix-ui/react-use-size/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-visually-hidden/dist/index.mjs.js +19 -26
- package/build/cjs/external/@radix-ui/react-visually-hidden/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/tailwind-merge/dist/bundle-mjs.mjs.js +2586 -0
- package/build/{esm/external/tailwind-merge/dist/bundle-cjs.js.map → cjs/external/tailwind-merge/dist/bundle-mjs.mjs.js.map} +1 -1
- package/build/cjs/packages/aurora/src/utilities/cn.js +2 -2
- package/build/cjs/packages/aurora/src/utilities/cn.js.map +1 -1
- package/build/esm/external/@floating-ui/dom/dist/floating-ui.dom.mjs.js +1 -1
- package/build/esm/external/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs.js +1 -1
- package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js +6 -3
- package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-arrow/dist/index.mjs.js +19 -15
- package/build/esm/external/@radix-ui/react-arrow/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js +14 -4
- package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js +54 -35
- package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +169 -139
- package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js +13 -6
- package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-popper/dist/index.mjs.js +282 -224
- package/build/esm/external/@radix-ui/react-popper/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js +51 -34
- package/build/esm/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js +17 -6
- package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js +67 -53
- package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js +16 -27
- package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-slot/dist/index.mjs.js +49 -33
- package/build/esm/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-tooltip/dist/index.mjs.js +424 -330
- package/build/esm/external/@radix-ui/react-tooltip/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +11 -3
- package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +34 -32
- package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +13 -6
- package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +1 -2
- package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-use-size/dist/index.mjs.js +26 -13
- package/build/esm/external/@radix-ui/react-use-size/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-visually-hidden/dist/index.mjs.js +19 -26
- package/build/esm/external/@radix-ui/react-visually-hidden/dist/index.mjs.js.map +1 -1
- package/build/esm/external/tailwind-merge/dist/bundle-mjs.mjs.js +2578 -0
- package/build/{cjs/external/tailwind-merge/dist/bundle-cjs.js.map → esm/external/tailwind-merge/dist/bundle-mjs.mjs.js.map} +1 -1
- package/build/esm/packages/aurora/src/utilities/cn.js +2 -2
- package/build/esm/packages/aurora/src/utilities/cn.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/_virtual/_commonjsHelpers.js +0 -11
- package/build/cjs/_virtual/_commonjsHelpers.js.map +0 -1
- package/build/cjs/external/tailwind-merge/dist/bundle-cjs.js +0 -2671
- package/build/esm/_virtual/_commonjsHelpers.js +0 -7
- package/build/esm/_virtual/_commonjsHelpers.js.map +0 -1
- package/build/esm/external/tailwind-merge/dist/bundle-cjs.js +0 -2667
|
@@ -3,147 +3,165 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
7
|
-
var index$
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var index$6 = require('../../primitive/dist/index.mjs.js');
|
|
8
|
+
var index$4 = require('../../react-compose-refs/dist/index.mjs.js');
|
|
8
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
10
|
var index = require('../../react-context/dist/index.mjs.js');
|
|
10
|
-
var index$
|
|
11
|
-
var index$
|
|
12
|
-
var index$
|
|
13
|
-
var index$
|
|
11
|
+
var index$a = require('../../react-slot/dist/index.mjs.js');
|
|
12
|
+
var index$5 = require('../../react-primitive/dist/index.mjs.js');
|
|
13
|
+
var index$9 = require('../../react-dismissable-layer/dist/index.mjs.js');
|
|
14
|
+
var index$2 = require('../../react-id/dist/index.mjs.js');
|
|
14
15
|
var index$1 = require('../../react-popper/dist/index.mjs.js');
|
|
15
|
-
var index$
|
|
16
|
-
var index$
|
|
17
|
-
var index$
|
|
18
|
-
var index$
|
|
16
|
+
var index$8 = require('../../react-portal/dist/index.mjs.js');
|
|
17
|
+
var index$7 = require('../../react-presence/dist/index.mjs.js');
|
|
18
|
+
var index$3 = require('../../react-use-controllable-state/dist/index.mjs.js');
|
|
19
|
+
var index$b = require('../../react-visually-hidden/dist/index.mjs.js');
|
|
19
20
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
]
|
|
21
|
+
var _excluded = ["__scopeTooltip"],
|
|
22
|
+
_excluded2 = ["forceMount", "side"],
|
|
23
|
+
_excluded3 = ["__scopeTooltip", "children", "aria-label", "onEscapeKeyDown", "onPointerDownOutside"],
|
|
24
|
+
_excluded4 = ["__scopeTooltip"];
|
|
25
|
+
var _createContextScope = index.createContextScope("Tooltip", [index$1.createPopperScope]),
|
|
26
|
+
_createContextScope2 = _rollupPluginBabelHelpers.slicedToArray(_createContextScope, 2),
|
|
27
|
+
createTooltipContext = _createContextScope2[0],
|
|
28
|
+
createTooltipScope = _createContextScope2[1];
|
|
23
29
|
var usePopperScope = index$1.createPopperScope();
|
|
24
30
|
var PROVIDER_NAME = "TooltipProvider";
|
|
25
31
|
var DEFAULT_DELAY_DURATION = 700;
|
|
26
32
|
var TOOLTIP_OPEN = "tooltip.open";
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
var _createTooltipContext = createTooltipContext(PROVIDER_NAME),
|
|
34
|
+
_createTooltipContext2 = _rollupPluginBabelHelpers.slicedToArray(_createTooltipContext, 2),
|
|
35
|
+
TooltipProviderContextProvider = _createTooltipContext2[0],
|
|
36
|
+
useTooltipProviderContext = _createTooltipContext2[1];
|
|
37
|
+
var TooltipProvider = function TooltipProvider(props) {
|
|
38
|
+
var __scopeTooltip = props.__scopeTooltip,
|
|
39
|
+
_props$delayDuration = props.delayDuration,
|
|
40
|
+
delayDuration = _props$delayDuration === void 0 ? DEFAULT_DELAY_DURATION : _props$delayDuration,
|
|
41
|
+
_props$skipDelayDurat = props.skipDelayDuration,
|
|
42
|
+
skipDelayDuration = _props$skipDelayDurat === void 0 ? 300 : _props$skipDelayDurat,
|
|
43
|
+
_props$disableHoverab = props.disableHoverableContent,
|
|
44
|
+
disableHoverableContent = _props$disableHoverab === void 0 ? false : _props$disableHoverab,
|
|
45
|
+
children = props.children;
|
|
46
|
+
var _React$useState = React.useState(true),
|
|
47
|
+
_React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
|
|
48
|
+
isOpenDelayed = _React$useState2[0],
|
|
49
|
+
setIsOpenDelayed = _React$useState2[1];
|
|
50
|
+
var isPointerInTransitRef = React.useRef(false);
|
|
51
|
+
var skipDelayTimerRef = React.useRef(0);
|
|
52
|
+
React.useEffect(function () {
|
|
53
|
+
var skipDelayTimer = skipDelayTimerRef.current;
|
|
54
|
+
return function () {
|
|
55
|
+
return window.clearTimeout(skipDelayTimer);
|
|
56
|
+
};
|
|
42
57
|
}, []);
|
|
43
|
-
return /* @__PURE__ */
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
disableHoverableContent,
|
|
65
|
-
children
|
|
66
|
-
}
|
|
67
|
-
);
|
|
58
|
+
return /* @__PURE__ */jsxRuntime.jsx(TooltipProviderContextProvider, {
|
|
59
|
+
scope: __scopeTooltip,
|
|
60
|
+
isOpenDelayed: isOpenDelayed,
|
|
61
|
+
delayDuration: delayDuration,
|
|
62
|
+
onOpen: React.useCallback(function () {
|
|
63
|
+
window.clearTimeout(skipDelayTimerRef.current);
|
|
64
|
+
setIsOpenDelayed(false);
|
|
65
|
+
}, []),
|
|
66
|
+
onClose: React.useCallback(function () {
|
|
67
|
+
window.clearTimeout(skipDelayTimerRef.current);
|
|
68
|
+
skipDelayTimerRef.current = window.setTimeout(function () {
|
|
69
|
+
return setIsOpenDelayed(true);
|
|
70
|
+
}, skipDelayDuration);
|
|
71
|
+
}, [skipDelayDuration]),
|
|
72
|
+
isPointerInTransitRef: isPointerInTransitRef,
|
|
73
|
+
onPointerInTransitChange: React.useCallback(function (inTransit) {
|
|
74
|
+
isPointerInTransitRef.current = inTransit;
|
|
75
|
+
}, []),
|
|
76
|
+
disableHoverableContent: disableHoverableContent,
|
|
77
|
+
children: children
|
|
78
|
+
});
|
|
68
79
|
};
|
|
69
80
|
TooltipProvider.displayName = PROVIDER_NAME;
|
|
70
81
|
var TOOLTIP_NAME = "Tooltip";
|
|
71
|
-
var
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
82
|
+
var _createTooltipContext3 = createTooltipContext(TOOLTIP_NAME),
|
|
83
|
+
_createTooltipContext4 = _rollupPluginBabelHelpers.slicedToArray(_createTooltipContext3, 2),
|
|
84
|
+
TooltipContextProvider = _createTooltipContext4[0],
|
|
85
|
+
useTooltipContext = _createTooltipContext4[1];
|
|
86
|
+
var Tooltip = function Tooltip(props) {
|
|
87
|
+
var __scopeTooltip = props.__scopeTooltip,
|
|
88
|
+
children = props.children,
|
|
89
|
+
openProp = props.open,
|
|
90
|
+
_props$defaultOpen = props.defaultOpen,
|
|
91
|
+
defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
|
|
92
|
+
onOpenChange = props.onOpenChange,
|
|
93
|
+
disableHoverableContentProp = props.disableHoverableContent,
|
|
94
|
+
delayDurationProp = props.delayDuration;
|
|
95
|
+
var providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
|
|
96
|
+
var popperScope = usePopperScope(__scopeTooltip);
|
|
97
|
+
var _React$useState3 = React.useState(null),
|
|
98
|
+
_React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
|
|
99
|
+
trigger = _React$useState4[0],
|
|
100
|
+
setTrigger = _React$useState4[1];
|
|
101
|
+
var contentId = index$2.useId();
|
|
102
|
+
var openTimerRef = React.useRef(0);
|
|
103
|
+
var disableHoverableContent = disableHoverableContentProp !== null && disableHoverableContentProp !== void 0 ? disableHoverableContentProp : providerContext.disableHoverableContent;
|
|
104
|
+
var delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : providerContext.delayDuration;
|
|
105
|
+
var wasOpenDelayedRef = React.useRef(false);
|
|
106
|
+
var _useControllableState = index$3.useControllableState({
|
|
107
|
+
prop: openProp,
|
|
108
|
+
defaultProp: defaultOpen,
|
|
109
|
+
onChange: function onChange(open2) {
|
|
110
|
+
if (open2) {
|
|
111
|
+
providerContext.onOpen();
|
|
112
|
+
document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));
|
|
113
|
+
} else {
|
|
114
|
+
providerContext.onClose();
|
|
115
|
+
}
|
|
116
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open2);
|
|
99
117
|
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
118
|
+
}),
|
|
119
|
+
_useControllableState2 = _rollupPluginBabelHelpers.slicedToArray(_useControllableState, 2),
|
|
120
|
+
_useControllableState3 = _useControllableState2[0],
|
|
121
|
+
open = _useControllableState3 === void 0 ? false : _useControllableState3,
|
|
122
|
+
setOpen = _useControllableState2[1];
|
|
123
|
+
var stateAttribute = React.useMemo(function () {
|
|
104
124
|
return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
|
|
105
125
|
}, [open]);
|
|
106
|
-
|
|
126
|
+
var handleOpen = React.useCallback(function () {
|
|
107
127
|
window.clearTimeout(openTimerRef.current);
|
|
108
128
|
openTimerRef.current = 0;
|
|
109
129
|
wasOpenDelayedRef.current = false;
|
|
110
130
|
setOpen(true);
|
|
111
131
|
}, [setOpen]);
|
|
112
|
-
|
|
132
|
+
var handleClose = React.useCallback(function () {
|
|
113
133
|
window.clearTimeout(openTimerRef.current);
|
|
114
134
|
openTimerRef.current = 0;
|
|
115
135
|
setOpen(false);
|
|
116
136
|
}, [setOpen]);
|
|
117
|
-
|
|
137
|
+
var handleDelayedOpen = React.useCallback(function () {
|
|
118
138
|
window.clearTimeout(openTimerRef.current);
|
|
119
|
-
openTimerRef.current = window.setTimeout(()
|
|
139
|
+
openTimerRef.current = window.setTimeout(function () {
|
|
120
140
|
wasOpenDelayedRef.current = true;
|
|
121
141
|
setOpen(true);
|
|
122
142
|
openTimerRef.current = 0;
|
|
123
143
|
}, delayDuration);
|
|
124
144
|
}, [delayDuration, setOpen]);
|
|
125
|
-
React.useEffect(()
|
|
126
|
-
return ()
|
|
145
|
+
React.useEffect(function () {
|
|
146
|
+
return function () {
|
|
127
147
|
if (openTimerRef.current) {
|
|
128
148
|
window.clearTimeout(openTimerRef.current);
|
|
129
149
|
openTimerRef.current = 0;
|
|
130
150
|
}
|
|
131
151
|
};
|
|
132
152
|
}, []);
|
|
133
|
-
return /* @__PURE__ */
|
|
134
|
-
TooltipContextProvider,
|
|
135
|
-
{
|
|
153
|
+
return /* @__PURE__ */jsxRuntime.jsx(index$1.Root, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, popperScope), {}, {
|
|
154
|
+
children: /* @__PURE__ */jsxRuntime.jsx(TooltipContextProvider, {
|
|
136
155
|
scope: __scopeTooltip,
|
|
137
|
-
contentId,
|
|
138
|
-
open,
|
|
139
|
-
stateAttribute,
|
|
140
|
-
trigger,
|
|
156
|
+
contentId: contentId,
|
|
157
|
+
open: open,
|
|
158
|
+
stateAttribute: stateAttribute,
|
|
159
|
+
trigger: trigger,
|
|
141
160
|
onTriggerChange: setTrigger,
|
|
142
|
-
onTriggerEnter: React.useCallback(()
|
|
143
|
-
if (providerContext.isOpenDelayed) handleDelayedOpen();
|
|
144
|
-
else handleOpen();
|
|
161
|
+
onTriggerEnter: React.useCallback(function () {
|
|
162
|
+
if (providerContext.isOpenDelayed) handleDelayedOpen();else handleOpen();
|
|
145
163
|
}, [providerContext.isOpenDelayed, handleDelayedOpen, handleOpen]),
|
|
146
|
-
onTriggerLeave: React.useCallback(()
|
|
164
|
+
onTriggerLeave: React.useCallback(function () {
|
|
147
165
|
if (disableHoverableContent) {
|
|
148
166
|
handleClose();
|
|
149
167
|
} else {
|
|
@@ -153,126 +171,175 @@ var Tooltip = (props) => {
|
|
|
153
171
|
}, [handleClose, disableHoverableContent]),
|
|
154
172
|
onOpen: handleOpen,
|
|
155
173
|
onClose: handleClose,
|
|
156
|
-
disableHoverableContent,
|
|
157
|
-
children
|
|
158
|
-
}
|
|
159
|
-
|
|
174
|
+
disableHoverableContent: disableHoverableContent,
|
|
175
|
+
children: children
|
|
176
|
+
})
|
|
177
|
+
}));
|
|
160
178
|
};
|
|
161
179
|
Tooltip.displayName = TOOLTIP_NAME;
|
|
162
180
|
var TRIGGER_NAME = "TooltipTrigger";
|
|
163
|
-
var TooltipTrigger = React.forwardRef(
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
return
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
context.
|
|
193
|
-
hasPointerMoveOpenedRef.current =
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
);
|
|
181
|
+
var TooltipTrigger = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
182
|
+
var __scopeTooltip = props.__scopeTooltip,
|
|
183
|
+
triggerProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
184
|
+
var context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);
|
|
185
|
+
var providerContext = useTooltipProviderContext(TRIGGER_NAME, __scopeTooltip);
|
|
186
|
+
var popperScope = usePopperScope(__scopeTooltip);
|
|
187
|
+
var ref = React.useRef(null);
|
|
188
|
+
var composedRefs = index$4.useComposedRefs(forwardedRef, ref, context.onTriggerChange);
|
|
189
|
+
var isPointerDownRef = React.useRef(false);
|
|
190
|
+
var hasPointerMoveOpenedRef = React.useRef(false);
|
|
191
|
+
var handlePointerUp = React.useCallback(function () {
|
|
192
|
+
return isPointerDownRef.current = false;
|
|
193
|
+
}, []);
|
|
194
|
+
React.useEffect(function () {
|
|
195
|
+
return function () {
|
|
196
|
+
return document.removeEventListener("pointerup", handlePointerUp);
|
|
197
|
+
};
|
|
198
|
+
}, [handlePointerUp]);
|
|
199
|
+
return /* @__PURE__ */jsxRuntime.jsx(index$1.Anchor, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
200
|
+
asChild: true
|
|
201
|
+
}, popperScope), {}, {
|
|
202
|
+
children: /* @__PURE__ */jsxRuntime.jsx(index$5.Primitive.button, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
203
|
+
"aria-describedby": context.open ? context.contentId : void 0,
|
|
204
|
+
"data-state": context.stateAttribute
|
|
205
|
+
}, triggerProps), {}, {
|
|
206
|
+
ref: composedRefs,
|
|
207
|
+
onPointerMove: index$6.composeEventHandlers(props.onPointerMove, function (event) {
|
|
208
|
+
if (event.pointerType === "touch") return;
|
|
209
|
+
if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
|
|
210
|
+
context.onTriggerEnter();
|
|
211
|
+
hasPointerMoveOpenedRef.current = true;
|
|
212
|
+
}
|
|
213
|
+
}),
|
|
214
|
+
onPointerLeave: index$6.composeEventHandlers(props.onPointerLeave, function () {
|
|
215
|
+
context.onTriggerLeave();
|
|
216
|
+
hasPointerMoveOpenedRef.current = false;
|
|
217
|
+
}),
|
|
218
|
+
onPointerDown: index$6.composeEventHandlers(props.onPointerDown, function () {
|
|
219
|
+
isPointerDownRef.current = true;
|
|
220
|
+
document.addEventListener("pointerup", handlePointerUp, {
|
|
221
|
+
once: true
|
|
222
|
+
});
|
|
223
|
+
}),
|
|
224
|
+
onFocus: index$6.composeEventHandlers(props.onFocus, function () {
|
|
225
|
+
if (!isPointerDownRef.current) context.onOpen();
|
|
226
|
+
}),
|
|
227
|
+
onBlur: index$6.composeEventHandlers(props.onBlur, context.onClose),
|
|
228
|
+
onClick: index$6.composeEventHandlers(props.onClick, context.onClose)
|
|
229
|
+
}))
|
|
230
|
+
}));
|
|
231
|
+
});
|
|
208
232
|
TooltipTrigger.displayName = TRIGGER_NAME;
|
|
209
233
|
var PORTAL_NAME = "TooltipPortal";
|
|
210
|
-
var
|
|
211
|
-
|
|
212
|
-
})
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
234
|
+
var _createTooltipContext5 = createTooltipContext(PORTAL_NAME, {
|
|
235
|
+
forceMount: void 0
|
|
236
|
+
}),
|
|
237
|
+
_createTooltipContext6 = _rollupPluginBabelHelpers.slicedToArray(_createTooltipContext5, 2),
|
|
238
|
+
PortalProvider = _createTooltipContext6[0],
|
|
239
|
+
usePortalContext = _createTooltipContext6[1];
|
|
240
|
+
var TooltipPortal = function TooltipPortal(props) {
|
|
241
|
+
var __scopeTooltip = props.__scopeTooltip,
|
|
242
|
+
forceMount = props.forceMount,
|
|
243
|
+
children = props.children,
|
|
244
|
+
container = props.container;
|
|
245
|
+
var context = useTooltipContext(PORTAL_NAME, __scopeTooltip);
|
|
246
|
+
return /* @__PURE__ */jsxRuntime.jsx(PortalProvider, {
|
|
247
|
+
scope: __scopeTooltip,
|
|
248
|
+
forceMount: forceMount,
|
|
249
|
+
children: /* @__PURE__ */jsxRuntime.jsx(index$7.Presence, {
|
|
250
|
+
present: forceMount || context.open,
|
|
251
|
+
children: /* @__PURE__ */jsxRuntime.jsx(index$8.Portal, {
|
|
252
|
+
asChild: true,
|
|
253
|
+
container: container,
|
|
254
|
+
children: children
|
|
255
|
+
})
|
|
256
|
+
})
|
|
257
|
+
});
|
|
217
258
|
};
|
|
218
259
|
TooltipPortal.displayName = PORTAL_NAME;
|
|
219
260
|
var CONTENT_NAME = "TooltipContent";
|
|
220
|
-
var TooltipContent = React.forwardRef(
|
|
221
|
-
(
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
);
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
261
|
+
var TooltipContent = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
262
|
+
var portalContext = usePortalContext(CONTENT_NAME, props.__scopeTooltip);
|
|
263
|
+
var _props$forceMount = props.forceMount,
|
|
264
|
+
forceMount = _props$forceMount === void 0 ? portalContext.forceMount : _props$forceMount,
|
|
265
|
+
_props$side = props.side,
|
|
266
|
+
side = _props$side === void 0 ? "top" : _props$side,
|
|
267
|
+
contentProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
|
|
268
|
+
var context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);
|
|
269
|
+
return /* @__PURE__ */jsxRuntime.jsx(index$7.Presence, {
|
|
270
|
+
present: forceMount || context.open,
|
|
271
|
+
children: context.disableHoverableContent ? /* @__PURE__ */jsxRuntime.jsx(TooltipContentImpl, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
272
|
+
side: side
|
|
273
|
+
}, contentProps), {}, {
|
|
274
|
+
ref: forwardedRef
|
|
275
|
+
})) : /* @__PURE__ */jsxRuntime.jsx(TooltipContentHoverable, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
276
|
+
side: side
|
|
277
|
+
}, contentProps), {}, {
|
|
278
|
+
ref: forwardedRef
|
|
279
|
+
}))
|
|
280
|
+
});
|
|
281
|
+
});
|
|
282
|
+
var TooltipContentHoverable = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
283
|
+
var context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);
|
|
284
|
+
var providerContext = useTooltipProviderContext(CONTENT_NAME, props.__scopeTooltip);
|
|
285
|
+
var ref = React.useRef(null);
|
|
286
|
+
var composedRefs = index$4.useComposedRefs(forwardedRef, ref);
|
|
287
|
+
var _React$useState5 = React.useState(null),
|
|
288
|
+
_React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
|
|
289
|
+
pointerGraceArea = _React$useState6[0],
|
|
290
|
+
setPointerGraceArea = _React$useState6[1];
|
|
291
|
+
var trigger = context.trigger,
|
|
292
|
+
onClose = context.onClose;
|
|
293
|
+
var content = ref.current;
|
|
294
|
+
var onPointerInTransitChange = providerContext.onPointerInTransitChange;
|
|
295
|
+
var handleRemoveGraceArea = React.useCallback(function () {
|
|
238
296
|
setPointerGraceArea(null);
|
|
239
297
|
onPointerInTransitChange(false);
|
|
240
298
|
}, [onPointerInTransitChange]);
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
);
|
|
254
|
-
React.useEffect(()
|
|
255
|
-
return ()
|
|
299
|
+
var handleCreateGraceArea = React.useCallback(function (event, hoverTarget) {
|
|
300
|
+
var currentTarget = event.currentTarget;
|
|
301
|
+
var exitPoint = {
|
|
302
|
+
x: event.clientX,
|
|
303
|
+
y: event.clientY
|
|
304
|
+
};
|
|
305
|
+
var exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
|
|
306
|
+
var paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide);
|
|
307
|
+
var hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect());
|
|
308
|
+
var graceArea = getHull([].concat(_rollupPluginBabelHelpers.toConsumableArray(paddedExitPoints), _rollupPluginBabelHelpers.toConsumableArray(hoverTargetPoints)));
|
|
309
|
+
setPointerGraceArea(graceArea);
|
|
310
|
+
onPointerInTransitChange(true);
|
|
311
|
+
}, [onPointerInTransitChange]);
|
|
312
|
+
React.useEffect(function () {
|
|
313
|
+
return function () {
|
|
314
|
+
return handleRemoveGraceArea();
|
|
315
|
+
};
|
|
256
316
|
}, [handleRemoveGraceArea]);
|
|
257
|
-
React.useEffect(()
|
|
317
|
+
React.useEffect(function () {
|
|
258
318
|
if (trigger && content) {
|
|
259
|
-
|
|
260
|
-
|
|
319
|
+
var handleTriggerLeave = function handleTriggerLeave(event) {
|
|
320
|
+
return handleCreateGraceArea(event, content);
|
|
321
|
+
};
|
|
322
|
+
var handleContentLeave = function handleContentLeave(event) {
|
|
323
|
+
return handleCreateGraceArea(event, trigger);
|
|
324
|
+
};
|
|
261
325
|
trigger.addEventListener("pointerleave", handleTriggerLeave);
|
|
262
326
|
content.addEventListener("pointerleave", handleContentLeave);
|
|
263
|
-
return ()
|
|
327
|
+
return function () {
|
|
264
328
|
trigger.removeEventListener("pointerleave", handleTriggerLeave);
|
|
265
329
|
content.removeEventListener("pointerleave", handleContentLeave);
|
|
266
330
|
};
|
|
267
331
|
}
|
|
268
332
|
}, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
|
|
269
|
-
React.useEffect(()
|
|
333
|
+
React.useEffect(function () {
|
|
270
334
|
if (pointerGraceArea) {
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
335
|
+
var handleTrackPointerGrace = function handleTrackPointerGrace(event) {
|
|
336
|
+
var target = event.target;
|
|
337
|
+
var pointerPosition = {
|
|
338
|
+
x: event.clientX,
|
|
339
|
+
y: event.clientY
|
|
340
|
+
};
|
|
341
|
+
var hasEnteredTarget = (trigger === null || trigger === void 0 ? void 0 : trigger.contains(target)) || (content === null || content === void 0 ? void 0 : content.contains(target));
|
|
342
|
+
var isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea);
|
|
276
343
|
if (hasEnteredTarget) {
|
|
277
344
|
handleRemoveGraceArea();
|
|
278
345
|
} else if (isPointerOutsideGraceArea) {
|
|
@@ -281,95 +348,104 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
|
|
|
281
348
|
}
|
|
282
349
|
};
|
|
283
350
|
document.addEventListener("pointermove", handleTrackPointerGrace);
|
|
284
|
-
return ()
|
|
351
|
+
return function () {
|
|
352
|
+
return document.removeEventListener("pointermove", handleTrackPointerGrace);
|
|
353
|
+
};
|
|
285
354
|
}
|
|
286
355
|
}, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
|
|
287
|
-
return /* @__PURE__ */
|
|
356
|
+
return /* @__PURE__ */jsxRuntime.jsx(TooltipContentImpl, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
357
|
+
ref: composedRefs
|
|
358
|
+
}));
|
|
359
|
+
});
|
|
360
|
+
var _createTooltipContext7 = createTooltipContext(TOOLTIP_NAME, {
|
|
361
|
+
isInside: false
|
|
362
|
+
}),
|
|
363
|
+
_createTooltipContext8 = _rollupPluginBabelHelpers.slicedToArray(_createTooltipContext7, 2),
|
|
364
|
+
VisuallyHiddenContentContextProvider = _createTooltipContext8[0],
|
|
365
|
+
useVisuallyHiddenContentContext = _createTooltipContext8[1];
|
|
366
|
+
var TooltipContentImpl = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
367
|
+
var __scopeTooltip = props.__scopeTooltip,
|
|
368
|
+
children = props.children,
|
|
369
|
+
ariaLabel = props["aria-label"],
|
|
370
|
+
onEscapeKeyDown = props.onEscapeKeyDown,
|
|
371
|
+
onPointerDownOutside = props.onPointerDownOutside,
|
|
372
|
+
contentProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
|
|
373
|
+
var context = useTooltipContext(CONTENT_NAME, __scopeTooltip);
|
|
374
|
+
var popperScope = usePopperScope(__scopeTooltip);
|
|
375
|
+
var onClose = context.onClose;
|
|
376
|
+
React.useEffect(function () {
|
|
377
|
+
document.addEventListener(TOOLTIP_OPEN, onClose);
|
|
378
|
+
return function () {
|
|
379
|
+
return document.removeEventListener(TOOLTIP_OPEN, onClose);
|
|
380
|
+
};
|
|
381
|
+
}, [onClose]);
|
|
382
|
+
React.useEffect(function () {
|
|
383
|
+
if (context.trigger) {
|
|
384
|
+
var handleScroll = function handleScroll(event) {
|
|
385
|
+
var target = event.target;
|
|
386
|
+
if (target !== null && target !== void 0 && target.contains(context.trigger)) onClose();
|
|
387
|
+
};
|
|
388
|
+
window.addEventListener("scroll", handleScroll, {
|
|
389
|
+
capture: true
|
|
390
|
+
});
|
|
391
|
+
return function () {
|
|
392
|
+
return window.removeEventListener("scroll", handleScroll, {
|
|
393
|
+
capture: true
|
|
394
|
+
});
|
|
395
|
+
};
|
|
396
|
+
}
|
|
397
|
+
}, [context.trigger, onClose]);
|
|
398
|
+
return /* @__PURE__ */jsxRuntime.jsx(index$9.DismissableLayer, {
|
|
399
|
+
asChild: true,
|
|
400
|
+
disableOutsidePointerEvents: false,
|
|
401
|
+
onEscapeKeyDown: onEscapeKeyDown,
|
|
402
|
+
onPointerDownOutside: onPointerDownOutside,
|
|
403
|
+
onFocusOutside: function onFocusOutside(event) {
|
|
404
|
+
return event.preventDefault();
|
|
405
|
+
},
|
|
406
|
+
onDismiss: onClose,
|
|
407
|
+
children: /* @__PURE__ */jsxRuntime.jsxs(index$1.Content, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
408
|
+
"data-state": context.stateAttribute
|
|
409
|
+
}, popperScope), contentProps), {}, {
|
|
410
|
+
ref: forwardedRef,
|
|
411
|
+
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, contentProps.style), {
|
|
412
|
+
"--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
|
|
413
|
+
"--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
|
|
414
|
+
"--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
|
|
415
|
+
"--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
|
|
416
|
+
"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
|
|
417
|
+
}),
|
|
418
|
+
children: [/* @__PURE__ */jsxRuntime.jsx(index$a.Slottable, {
|
|
419
|
+
children: children
|
|
420
|
+
}), /* @__PURE__ */jsxRuntime.jsx(VisuallyHiddenContentContextProvider, {
|
|
421
|
+
scope: __scopeTooltip,
|
|
422
|
+
isInside: true,
|
|
423
|
+
children: /* @__PURE__ */jsxRuntime.jsx(index$b.Root, {
|
|
424
|
+
id: context.contentId,
|
|
425
|
+
role: "tooltip",
|
|
426
|
+
children: ariaLabel || children
|
|
427
|
+
})
|
|
428
|
+
})]
|
|
429
|
+
}))
|
|
430
|
+
});
|
|
288
431
|
});
|
|
289
|
-
var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
|
|
290
|
-
var TooltipContentImpl = React.forwardRef(
|
|
291
|
-
(props, forwardedRef) => {
|
|
292
|
-
const {
|
|
293
|
-
__scopeTooltip,
|
|
294
|
-
children,
|
|
295
|
-
"aria-label": ariaLabel,
|
|
296
|
-
onEscapeKeyDown,
|
|
297
|
-
onPointerDownOutside,
|
|
298
|
-
...contentProps
|
|
299
|
-
} = props;
|
|
300
|
-
const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);
|
|
301
|
-
const popperScope = usePopperScope(__scopeTooltip);
|
|
302
|
-
const { onClose } = context;
|
|
303
|
-
React.useEffect(() => {
|
|
304
|
-
document.addEventListener(TOOLTIP_OPEN, onClose);
|
|
305
|
-
return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
|
|
306
|
-
}, [onClose]);
|
|
307
|
-
React.useEffect(() => {
|
|
308
|
-
if (context.trigger) {
|
|
309
|
-
const handleScroll = (event) => {
|
|
310
|
-
const target = event.target;
|
|
311
|
-
if (target?.contains(context.trigger)) onClose();
|
|
312
|
-
};
|
|
313
|
-
window.addEventListener("scroll", handleScroll, { capture: true });
|
|
314
|
-
return () => window.removeEventListener("scroll", handleScroll, { capture: true });
|
|
315
|
-
}
|
|
316
|
-
}, [context.trigger, onClose]);
|
|
317
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
318
|
-
index$6.DismissableLayer,
|
|
319
|
-
{
|
|
320
|
-
asChild: true,
|
|
321
|
-
disableOutsidePointerEvents: false,
|
|
322
|
-
onEscapeKeyDown,
|
|
323
|
-
onPointerDownOutside,
|
|
324
|
-
onFocusOutside: (event) => event.preventDefault(),
|
|
325
|
-
onDismiss: onClose,
|
|
326
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
327
|
-
index$1.Content,
|
|
328
|
-
{
|
|
329
|
-
"data-state": context.stateAttribute,
|
|
330
|
-
...popperScope,
|
|
331
|
-
...contentProps,
|
|
332
|
-
ref: forwardedRef,
|
|
333
|
-
style: {
|
|
334
|
-
...contentProps.style,
|
|
335
|
-
// re-namespace exposed content custom properties
|
|
336
|
-
...{
|
|
337
|
-
"--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
|
|
338
|
-
"--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
|
|
339
|
-
"--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
|
|
340
|
-
"--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
|
|
341
|
-
"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
|
|
342
|
-
}
|
|
343
|
-
},
|
|
344
|
-
children: [
|
|
345
|
-
/* @__PURE__ */ jsxRuntime.jsx(index$7.Slottable, { children }),
|
|
346
|
-
/* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$8.Root, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
|
|
347
|
-
]
|
|
348
|
-
}
|
|
349
|
-
)
|
|
350
|
-
}
|
|
351
|
-
);
|
|
352
|
-
}
|
|
353
|
-
);
|
|
354
432
|
TooltipContent.displayName = CONTENT_NAME;
|
|
355
433
|
var ARROW_NAME = "TooltipArrow";
|
|
356
|
-
var TooltipArrow = React.forwardRef(
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
}
|
|
366
|
-
);
|
|
434
|
+
var TooltipArrow = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
435
|
+
var __scopeTooltip = props.__scopeTooltip,
|
|
436
|
+
arrowProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
|
|
437
|
+
var popperScope = usePopperScope(__scopeTooltip);
|
|
438
|
+
var visuallyHiddenContentContext = useVisuallyHiddenContentContext(ARROW_NAME, __scopeTooltip);
|
|
439
|
+
return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */jsxRuntime.jsx(index$1.Arrow, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, popperScope), arrowProps), {}, {
|
|
440
|
+
ref: forwardedRef
|
|
441
|
+
}));
|
|
442
|
+
});
|
|
367
443
|
TooltipArrow.displayName = ARROW_NAME;
|
|
368
444
|
function getExitSideFromRect(point, rect) {
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
445
|
+
var top = Math.abs(rect.top - point.y);
|
|
446
|
+
var bottom = Math.abs(rect.bottom - point.y);
|
|
447
|
+
var right = Math.abs(rect.right - point.x);
|
|
448
|
+
var left = Math.abs(rect.left - point.x);
|
|
373
449
|
switch (Math.min(top, bottom, right, left)) {
|
|
374
450
|
case left:
|
|
375
451
|
return "left";
|
|
@@ -383,93 +459,111 @@ function getExitSideFromRect(point, rect) {
|
|
|
383
459
|
throw new Error("unreachable");
|
|
384
460
|
}
|
|
385
461
|
}
|
|
386
|
-
function getPaddedExitPoints(exitPoint, exitSide
|
|
387
|
-
|
|
462
|
+
function getPaddedExitPoints(exitPoint, exitSide) {
|
|
463
|
+
var padding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
|
|
464
|
+
var paddedExitPoints = [];
|
|
388
465
|
switch (exitSide) {
|
|
389
466
|
case "top":
|
|
390
|
-
paddedExitPoints.push(
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
467
|
+
paddedExitPoints.push({
|
|
468
|
+
x: exitPoint.x - padding,
|
|
469
|
+
y: exitPoint.y + padding
|
|
470
|
+
}, {
|
|
471
|
+
x: exitPoint.x + padding,
|
|
472
|
+
y: exitPoint.y + padding
|
|
473
|
+
});
|
|
394
474
|
break;
|
|
395
475
|
case "bottom":
|
|
396
|
-
paddedExitPoints.push(
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
476
|
+
paddedExitPoints.push({
|
|
477
|
+
x: exitPoint.x - padding,
|
|
478
|
+
y: exitPoint.y - padding
|
|
479
|
+
}, {
|
|
480
|
+
x: exitPoint.x + padding,
|
|
481
|
+
y: exitPoint.y - padding
|
|
482
|
+
});
|
|
400
483
|
break;
|
|
401
484
|
case "left":
|
|
402
|
-
paddedExitPoints.push(
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
485
|
+
paddedExitPoints.push({
|
|
486
|
+
x: exitPoint.x + padding,
|
|
487
|
+
y: exitPoint.y - padding
|
|
488
|
+
}, {
|
|
489
|
+
x: exitPoint.x + padding,
|
|
490
|
+
y: exitPoint.y + padding
|
|
491
|
+
});
|
|
406
492
|
break;
|
|
407
493
|
case "right":
|
|
408
|
-
paddedExitPoints.push(
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
494
|
+
paddedExitPoints.push({
|
|
495
|
+
x: exitPoint.x - padding,
|
|
496
|
+
y: exitPoint.y - padding
|
|
497
|
+
}, {
|
|
498
|
+
x: exitPoint.x - padding,
|
|
499
|
+
y: exitPoint.y + padding
|
|
500
|
+
});
|
|
412
501
|
break;
|
|
413
502
|
}
|
|
414
503
|
return paddedExitPoints;
|
|
415
504
|
}
|
|
416
505
|
function getPointsFromRect(rect) {
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
506
|
+
var top = rect.top,
|
|
507
|
+
right = rect.right,
|
|
508
|
+
bottom = rect.bottom,
|
|
509
|
+
left = rect.left;
|
|
510
|
+
return [{
|
|
511
|
+
x: left,
|
|
512
|
+
y: top
|
|
513
|
+
}, {
|
|
514
|
+
x: right,
|
|
515
|
+
y: top
|
|
516
|
+
}, {
|
|
517
|
+
x: right,
|
|
518
|
+
y: bottom
|
|
519
|
+
}, {
|
|
520
|
+
x: left,
|
|
521
|
+
y: bottom
|
|
522
|
+
}];
|
|
424
523
|
}
|
|
425
524
|
function isPointInPolygon(point, polygon) {
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
525
|
+
var x = point.x,
|
|
526
|
+
y = point.y;
|
|
527
|
+
var inside = false;
|
|
528
|
+
for (var i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
|
|
529
|
+
var xi = polygon[i].x;
|
|
530
|
+
var yi = polygon[i].y;
|
|
531
|
+
var xj = polygon[j].x;
|
|
532
|
+
var yj = polygon[j].y;
|
|
533
|
+
var intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
|
|
434
534
|
if (intersect) inside = !inside;
|
|
435
535
|
}
|
|
436
536
|
return inside;
|
|
437
537
|
}
|
|
438
538
|
function getHull(points) {
|
|
439
|
-
|
|
440
|
-
newPoints.sort((a, b)
|
|
441
|
-
if (a.x < b.x) return -1;
|
|
442
|
-
else if (a.x > b.x) return 1;
|
|
443
|
-
else if (a.y < b.y) return -1;
|
|
444
|
-
else if (a.y > b.y) return 1;
|
|
445
|
-
else return 0;
|
|
539
|
+
var newPoints = points.slice();
|
|
540
|
+
newPoints.sort(function (a, b) {
|
|
541
|
+
if (a.x < b.x) return -1;else if (a.x > b.x) return 1;else if (a.y < b.y) return -1;else if (a.y > b.y) return 1;else return 0;
|
|
446
542
|
});
|
|
447
543
|
return getHullPresorted(newPoints);
|
|
448
544
|
}
|
|
449
545
|
function getHullPresorted(points) {
|
|
450
546
|
if (points.length <= 1) return points.slice();
|
|
451
|
-
|
|
452
|
-
for (
|
|
453
|
-
|
|
547
|
+
var upperHull = [];
|
|
548
|
+
for (var i = 0; i < points.length; i++) {
|
|
549
|
+
var p = points[i];
|
|
454
550
|
while (upperHull.length >= 2) {
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x)) upperHull.pop();
|
|
458
|
-
else break;
|
|
551
|
+
var q = upperHull[upperHull.length - 1];
|
|
552
|
+
var r = upperHull[upperHull.length - 2];
|
|
553
|
+
if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x)) upperHull.pop();else break;
|
|
459
554
|
}
|
|
460
555
|
upperHull.push(p);
|
|
461
556
|
}
|
|
462
557
|
upperHull.pop();
|
|
463
|
-
|
|
464
|
-
for (
|
|
465
|
-
|
|
558
|
+
var lowerHull = [];
|
|
559
|
+
for (var _i = points.length - 1; _i >= 0; _i--) {
|
|
560
|
+
var _p = points[_i];
|
|
466
561
|
while (lowerHull.length >= 2) {
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
if ((
|
|
470
|
-
else break;
|
|
562
|
+
var _q = lowerHull[lowerHull.length - 1];
|
|
563
|
+
var _r = lowerHull[lowerHull.length - 2];
|
|
564
|
+
if ((_q.x - _r.x) * (_p.y - _r.y) >= (_q.y - _r.y) * (_p.x - _r.x)) lowerHull.pop();else break;
|
|
471
565
|
}
|
|
472
|
-
lowerHull.push(
|
|
566
|
+
lowerHull.push(_p);
|
|
473
567
|
}
|
|
474
568
|
lowerHull.pop();
|
|
475
569
|
if (upperHull.length === 1 && lowerHull.length === 1 && upperHull[0].x === lowerHull[0].x && upperHull[0].y === lowerHull[0].y) {
|