@tamagui/tooltip 1.131.0 → 1.131.1
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/dist/cjs/Tooltip.cjs +15 -11
- package/dist/cjs/Tooltip.js +26 -13
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TooltipSimple.js.map +1 -1
- package/dist/esm/Tooltip.js +26 -13
- package/dist/esm/Tooltip.js.map +1 -1
- package/dist/esm/Tooltip.mjs +15 -11
- package/dist/esm/Tooltip.mjs.map +1 -1
- package/dist/esm/TooltipSimple.js.map +1 -1
- package/dist/esm/TooltipSimple.mjs.map +1 -1
- package/dist/jsx/Tooltip.js +26 -13
- package/dist/jsx/Tooltip.js.map +1 -1
- package/dist/jsx/Tooltip.mjs +15 -11
- package/dist/jsx/Tooltip.mjs.map +1 -1
- package/dist/jsx/TooltipSimple.js.map +1 -1
- package/dist/jsx/TooltipSimple.mjs.map +1 -1
- package/package.json +14 -14
- package/src/Tooltip.tsx +26 -12
- package/src/TooltipSimple.tsx +1 -0
- package/types/Tooltip.d.ts.map +1 -1
- package/types/TooltipSimple.d.ts.map +1 -1
package/dist/cjs/Tooltip.cjs
CHANGED
|
@@ -47,10 +47,11 @@ var import_polyfill_dev = require("@tamagui/polyfill-dev"),
|
|
|
47
47
|
import_use_controllable_state = require("@tamagui/use-controllable-state"),
|
|
48
48
|
React = __toESM(require("react")),
|
|
49
49
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
50
|
-
const TOOLTIP_SCOPE = "
|
|
50
|
+
const TOOLTIP_SCOPE = "",
|
|
51
51
|
TooltipContent = import_popper.PopperContentFrame.extractable(React.forwardRef((props, ref) => {
|
|
52
52
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
53
53
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContent, {
|
|
54
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
54
55
|
componentName: "Tooltip",
|
|
55
56
|
disableFocusScope: !0,
|
|
56
57
|
...(!props.unstyled && {
|
|
@@ -64,6 +65,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
64
65
|
});
|
|
65
66
|
})),
|
|
66
67
|
TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, {
|
|
68
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
67
69
|
componentName: "Tooltip",
|
|
68
70
|
ref,
|
|
69
71
|
...props
|
|
@@ -89,13 +91,13 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
89
91
|
TooltipComponent = React.forwardRef(function (props, ref) {
|
|
90
92
|
const {
|
|
91
93
|
children,
|
|
92
|
-
delay: delayProp,
|
|
93
|
-
restMs = typeof delayProp > "u" ?
|
|
94
|
+
delay: delayProp = 400,
|
|
95
|
+
restMs = typeof delayProp > "u" ? 0 : typeof delayProp == "number" ? delayProp : 0,
|
|
94
96
|
onOpenChange: onOpenChangeProp,
|
|
95
97
|
focus,
|
|
96
98
|
open: openProp,
|
|
97
99
|
disableAutoCloseOnScroll,
|
|
98
|
-
scope,
|
|
100
|
+
scope = TOOLTIP_SCOPE,
|
|
99
101
|
...restProps
|
|
100
102
|
} = props,
|
|
101
103
|
triggerRef = React.useRef(null),
|
|
@@ -104,7 +106,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
104
106
|
delay: delayGroup,
|
|
105
107
|
setCurrentId
|
|
106
108
|
} = (0, import_react.useDelayGroupContext)(),
|
|
107
|
-
delay = delayProp ?? delayGroup,
|
|
109
|
+
delay = delayProp ?? delayGroup ?? 0,
|
|
108
110
|
[open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
109
111
|
prop: openProp,
|
|
110
112
|
defaultProp: !1,
|
|
@@ -116,11 +118,11 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
116
118
|
});
|
|
117
119
|
React.useEffect(() => {
|
|
118
120
|
if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
|
|
119
|
-
const
|
|
121
|
+
const closeIt = () => {
|
|
120
122
|
setOpen(!1);
|
|
121
123
|
};
|
|
122
|
-
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll",
|
|
123
|
-
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll",
|
|
124
|
+
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
|
|
125
|
+
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
|
|
124
126
|
};
|
|
125
127
|
}, [open, disableAutoCloseOnScroll]);
|
|
126
128
|
const useFloatingFn = props2 => {
|
|
@@ -134,11 +136,12 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
134
136
|
} = (0, import_react.useDelayGroup)(floating.context, {
|
|
135
137
|
id
|
|
136
138
|
}),
|
|
139
|
+
delayOut = delay ?? delayContext,
|
|
137
140
|
{
|
|
138
141
|
getReferenceProps,
|
|
139
142
|
getFloatingProps
|
|
140
143
|
} = (0, import_react.useInteractions)([(0, import_react.useHover)(floating.context, {
|
|
141
|
-
delay:
|
|
144
|
+
delay: delayOut,
|
|
142
145
|
restMs
|
|
143
146
|
}), (0, import_react.useFocus)(floating.context, focus), (0, import_react.useRole)(floating.context, {
|
|
144
147
|
role: "tooltip"
|
|
@@ -164,17 +167,18 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
164
167
|
(0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, {
|
|
165
168
|
value: useFloatingContext,
|
|
166
169
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.Popper, {
|
|
167
|
-
scope
|
|
170
|
+
scope,
|
|
168
171
|
size: smallerSize?.key,
|
|
169
172
|
allowFlip: !0,
|
|
170
173
|
stayInFrame: !0,
|
|
171
174
|
open,
|
|
172
175
|
...restProps,
|
|
173
176
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContext.Provider, {
|
|
177
|
+
popoverScope: scope,
|
|
178
|
+
scope,
|
|
174
179
|
contentId,
|
|
175
180
|
triggerRef,
|
|
176
181
|
open,
|
|
177
|
-
scope: scope || TOOLTIP_SCOPE,
|
|
178
182
|
onOpenChange: setOpen,
|
|
179
183
|
onOpenToggle: voidFn,
|
|
180
184
|
hasCustomAnchor,
|
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -28,12 +28,13 @@ __export(Tooltip_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(Tooltip_exports);
|
|
30
30
|
var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_react = require("@floating-ui/react"), import_core = require("@tamagui/core"), import_floating = require("@tamagui/floating"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_popover = require("@tamagui/popover"), import_popper = require("@tamagui/popper"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
const TOOLTIP_SCOPE = "
|
|
31
|
+
const TOOLTIP_SCOPE = "", TooltipContent = import_popper.PopperContentFrame.extractable(
|
|
32
32
|
React.forwardRef((props, ref) => {
|
|
33
33
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
34
34
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
35
35
|
import_popover.PopoverContent,
|
|
36
36
|
{
|
|
37
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
37
38
|
componentName: "Tooltip",
|
|
38
39
|
disableFocusScope: !0,
|
|
39
40
|
...!props.unstyled && {
|
|
@@ -47,7 +48,15 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
47
48
|
}
|
|
48
49
|
);
|
|
49
50
|
})
|
|
50
|
-
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
51
|
+
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
52
|
+
import_popover.PopoverArrow,
|
|
53
|
+
{
|
|
54
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
55
|
+
componentName: "Tooltip",
|
|
56
|
+
ref,
|
|
57
|
+
...props
|
|
58
|
+
}
|
|
59
|
+
)), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
51
60
|
children,
|
|
52
61
|
delay,
|
|
53
62
|
preventAnimation = !1,
|
|
@@ -64,15 +73,15 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
64
73
|
}, TooltipComponent = React.forwardRef(function(props, ref) {
|
|
65
74
|
const {
|
|
66
75
|
children,
|
|
67
|
-
delay: delayProp,
|
|
68
|
-
restMs = typeof delayProp > "u" ?
|
|
76
|
+
delay: delayProp = 400,
|
|
77
|
+
restMs = typeof delayProp > "u" ? 0 : typeof delayProp == "number" ? delayProp : 0,
|
|
69
78
|
onOpenChange: onOpenChangeProp,
|
|
70
79
|
focus,
|
|
71
80
|
open: openProp,
|
|
72
81
|
disableAutoCloseOnScroll,
|
|
73
|
-
scope,
|
|
82
|
+
scope = TOOLTIP_SCOPE,
|
|
74
83
|
...restProps
|
|
75
|
-
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = (0, import_react.useDelayGroupContext)(), delay = delayProp ?? delayGroup, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
84
|
+
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = (0, import_react.useDelayGroupContext)(), delay = delayProp ?? delayGroup ?? 0, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
76
85
|
prop: openProp,
|
|
77
86
|
defaultProp: !1,
|
|
78
87
|
onChange: onOpenChangeProp
|
|
@@ -81,11 +90,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
81
90
|
});
|
|
82
91
|
React.useEffect(() => {
|
|
83
92
|
if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
|
|
84
|
-
const
|
|
93
|
+
const closeIt = () => {
|
|
85
94
|
setOpen(!1);
|
|
86
95
|
};
|
|
87
|
-
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll",
|
|
88
|
-
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll",
|
|
96
|
+
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
|
|
97
|
+
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
|
|
89
98
|
};
|
|
90
99
|
}, [open, disableAutoCloseOnScroll]);
|
|
91
100
|
const useFloatingFn = (props2) => {
|
|
@@ -93,8 +102,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
93
102
|
...props2,
|
|
94
103
|
open,
|
|
95
104
|
onOpenChange
|
|
96
|
-
}), { delay: delayContext } = (0, import_react.useDelayGroup)(floating.context, { id }), { getReferenceProps, getFloatingProps } = (0, import_react.useInteractions)([
|
|
97
|
-
(0, import_react.useHover)(floating.context, {
|
|
105
|
+
}), { delay: delayContext } = (0, import_react.useDelayGroup)(floating.context, { id }), delayOut = delay ?? delayContext, { getReferenceProps, getFloatingProps } = (0, import_react.useInteractions)([
|
|
106
|
+
(0, import_react.useHover)(floating.context, {
|
|
107
|
+
delay: delayOut,
|
|
108
|
+
restMs
|
|
109
|
+
}),
|
|
98
110
|
(0, import_react.useFocus)(floating.context, focus),
|
|
99
111
|
(0, import_react.useRole)(floating.context, { role: "tooltip" }),
|
|
100
112
|
(0, import_react.useDismiss)(floating.context)
|
|
@@ -120,7 +132,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
120
132
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
121
133
|
import_popper.Popper,
|
|
122
134
|
{
|
|
123
|
-
scope
|
|
135
|
+
scope,
|
|
124
136
|
size: smallerSize?.key,
|
|
125
137
|
allowFlip: !0,
|
|
126
138
|
stayInFrame: !0,
|
|
@@ -129,10 +141,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
129
141
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
130
142
|
import_popover.PopoverContext.Provider,
|
|
131
143
|
{
|
|
144
|
+
popoverScope: scope,
|
|
145
|
+
scope,
|
|
132
146
|
contentId,
|
|
133
147
|
triggerRef,
|
|
134
148
|
open,
|
|
135
|
-
scope: scope || TOOLTIP_SCOPE,
|
|
136
149
|
onOpenChange: setOpen,
|
|
137
150
|
onOpenToggle: voidFn,
|
|
138
151
|
hasCustomAnchor,
|
package/dist/cjs/Tooltip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,eAUO,+BAEP,cAAyB,0BAEzB,kBAAwC,8BACxC,mBAAwB,+BACxB,iBAAqC,6BAMrC,iBAMO,6BAEP,gBAA2C,4BAC3C,gCAAqC,4CACrC,QAAuB,2BAiBjB;AAfN,MAAM,gBAAgB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Tooltip", "open", "props"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB,+BAEzB,cAA0B,0BAC1B,QAAuB,2BAGvB,iBAAwB,sBA0BhB;AAjBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,uBAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB,+BAEzB,cAA0B,0BAC1B,QAAuB,2BAGvB,iBAAwB,sBA0BhB;AAjBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,uBAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,uBAAQ;AAAA,YAAR;AAAA,cACC,QAAQ;AAAA,cACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,GAAG;AAAA,cACH,OAAO;AAAA,cACP,GAAG;AAAA,cACH,WAAU;AAAA,cACV,SAAS;AAAA,cACT,eAAc;AAAA,cACd,qBAAiB,2BAAS,aAAa,QAAQ,SAAS;AAAA,gBACtD,OAAO;AAAA,cACT,CAAC;AAAA,cACD,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ;AAAA,4DAAC,uBAAQ,OAAR,EAAc;AAAA,gBACf,4CAAC,yBAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,UAC9B;AAAA;AAAA;AAAA,IACF,IAlDO;AAAA,EAoDX;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -25,12 +25,13 @@ import { Popper, PopperContentFrame } from "@tamagui/popper";
|
|
|
25
25
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
26
26
|
import * as React from "react";
|
|
27
27
|
import { jsx } from "react/jsx-runtime";
|
|
28
|
-
const TOOLTIP_SCOPE = "
|
|
28
|
+
const TOOLTIP_SCOPE = "", TooltipContent = PopperContentFrame.extractable(
|
|
29
29
|
React.forwardRef((props, ref) => {
|
|
30
30
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
31
31
|
return /* @__PURE__ */ jsx(
|
|
32
32
|
PopoverContent,
|
|
33
33
|
{
|
|
34
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
34
35
|
componentName: "Tooltip",
|
|
35
36
|
disableFocusScope: !0,
|
|
36
37
|
...!props.unstyled && {
|
|
@@ -44,7 +45,15 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
44
45
|
}
|
|
45
46
|
);
|
|
46
47
|
})
|
|
47
|
-
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
48
|
+
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
49
|
+
PopoverArrow,
|
|
50
|
+
{
|
|
51
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
52
|
+
componentName: "Tooltip",
|
|
53
|
+
ref,
|
|
54
|
+
...props
|
|
55
|
+
}
|
|
56
|
+
)), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
48
57
|
children,
|
|
49
58
|
delay,
|
|
50
59
|
preventAnimation = !1,
|
|
@@ -61,15 +70,15 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
61
70
|
}, TooltipComponent = React.forwardRef(function(props, ref) {
|
|
62
71
|
const {
|
|
63
72
|
children,
|
|
64
|
-
delay: delayProp,
|
|
65
|
-
restMs = typeof delayProp > "u" ?
|
|
73
|
+
delay: delayProp = 400,
|
|
74
|
+
restMs = typeof delayProp > "u" ? 0 : typeof delayProp == "number" ? delayProp : 0,
|
|
66
75
|
onOpenChange: onOpenChangeProp,
|
|
67
76
|
focus,
|
|
68
77
|
open: openProp,
|
|
69
78
|
disableAutoCloseOnScroll,
|
|
70
|
-
scope,
|
|
79
|
+
scope = TOOLTIP_SCOPE,
|
|
71
80
|
...restProps
|
|
72
|
-
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup, [open, setOpen] = useControllableState({
|
|
81
|
+
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup ?? 0, [open, setOpen] = useControllableState({
|
|
73
82
|
prop: openProp,
|
|
74
83
|
defaultProp: !1,
|
|
75
84
|
onChange: onOpenChangeProp
|
|
@@ -78,11 +87,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
78
87
|
});
|
|
79
88
|
React.useEffect(() => {
|
|
80
89
|
if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
|
|
81
|
-
const
|
|
90
|
+
const closeIt = () => {
|
|
82
91
|
setOpen(!1);
|
|
83
92
|
};
|
|
84
|
-
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll",
|
|
85
|
-
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll",
|
|
93
|
+
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
|
|
94
|
+
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
|
|
86
95
|
};
|
|
87
96
|
}, [open, disableAutoCloseOnScroll]);
|
|
88
97
|
const useFloatingFn = (props2) => {
|
|
@@ -90,8 +99,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
90
99
|
...props2,
|
|
91
100
|
open,
|
|
92
101
|
onOpenChange
|
|
93
|
-
}), { delay: delayContext } = useDelayGroup(floating.context, { id }), { getReferenceProps, getFloatingProps } = useInteractions([
|
|
94
|
-
useHover(floating.context, {
|
|
102
|
+
}), { delay: delayContext } = useDelayGroup(floating.context, { id }), delayOut = delay ?? delayContext, { getReferenceProps, getFloatingProps } = useInteractions([
|
|
103
|
+
useHover(floating.context, {
|
|
104
|
+
delay: delayOut,
|
|
105
|
+
restMs
|
|
106
|
+
}),
|
|
95
107
|
useFocus(floating.context, focus),
|
|
96
108
|
useRole(floating.context, { role: "tooltip" }),
|
|
97
109
|
useDismiss(floating.context)
|
|
@@ -117,7 +129,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
117
129
|
/* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(
|
|
118
130
|
Popper,
|
|
119
131
|
{
|
|
120
|
-
scope
|
|
132
|
+
scope,
|
|
121
133
|
size: smallerSize?.key,
|
|
122
134
|
allowFlip: !0,
|
|
123
135
|
stayInFrame: !0,
|
|
@@ -126,10 +138,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
126
138
|
children: /* @__PURE__ */ jsx(
|
|
127
139
|
PopoverContext.Provider,
|
|
128
140
|
{
|
|
141
|
+
popoverScope: scope,
|
|
142
|
+
scope,
|
|
129
143
|
contentId,
|
|
130
144
|
triggerRef,
|
|
131
145
|
open,
|
|
132
|
-
scope: scope || TOOLTIP_SCOPE,
|
|
133
146
|
onOpenChange: setOpen,
|
|
134
147
|
onOpenToggle: voidFn,
|
|
135
148
|
hasCustomAnchor,
|
package/dist/esm/Tooltip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB;AAEzB,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAiBjB;AAfN,MAAM,gBAAgB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/dist/esm/Tooltip.mjs
CHANGED
|
@@ -9,10 +9,11 @@ import { Popper, PopperContentFrame } from "@tamagui/popper";
|
|
|
9
9
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
|
-
const TOOLTIP_SCOPE = "
|
|
12
|
+
const TOOLTIP_SCOPE = "",
|
|
13
13
|
TooltipContent = PopperContentFrame.extractable(React.forwardRef((props, ref) => {
|
|
14
14
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
15
15
|
return /* @__PURE__ */jsx(PopoverContent, {
|
|
16
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
16
17
|
componentName: "Tooltip",
|
|
17
18
|
disableFocusScope: !0,
|
|
18
19
|
...(!props.unstyled && {
|
|
@@ -26,6 +27,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
26
27
|
});
|
|
27
28
|
})),
|
|
28
29
|
TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */jsx(PopoverArrow, {
|
|
30
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
29
31
|
componentName: "Tooltip",
|
|
30
32
|
ref,
|
|
31
33
|
...props
|
|
@@ -51,13 +53,13 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
51
53
|
TooltipComponent = React.forwardRef(function (props, ref) {
|
|
52
54
|
const {
|
|
53
55
|
children,
|
|
54
|
-
delay: delayProp,
|
|
55
|
-
restMs = typeof delayProp > "u" ?
|
|
56
|
+
delay: delayProp = 400,
|
|
57
|
+
restMs = typeof delayProp > "u" ? 0 : typeof delayProp == "number" ? delayProp : 0,
|
|
56
58
|
onOpenChange: onOpenChangeProp,
|
|
57
59
|
focus,
|
|
58
60
|
open: openProp,
|
|
59
61
|
disableAutoCloseOnScroll,
|
|
60
|
-
scope,
|
|
62
|
+
scope = TOOLTIP_SCOPE,
|
|
61
63
|
...restProps
|
|
62
64
|
} = props,
|
|
63
65
|
triggerRef = React.useRef(null),
|
|
@@ -66,7 +68,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
66
68
|
delay: delayGroup,
|
|
67
69
|
setCurrentId
|
|
68
70
|
} = useDelayGroupContext(),
|
|
69
|
-
delay = delayProp ?? delayGroup,
|
|
71
|
+
delay = delayProp ?? delayGroup ?? 0,
|
|
70
72
|
[open, setOpen] = useControllableState({
|
|
71
73
|
prop: openProp,
|
|
72
74
|
defaultProp: !1,
|
|
@@ -78,11 +80,11 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
78
80
|
});
|
|
79
81
|
React.useEffect(() => {
|
|
80
82
|
if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
|
|
81
|
-
const
|
|
83
|
+
const closeIt = () => {
|
|
82
84
|
setOpen(!1);
|
|
83
85
|
};
|
|
84
|
-
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll",
|
|
85
|
-
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll",
|
|
86
|
+
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
|
|
87
|
+
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
|
|
86
88
|
};
|
|
87
89
|
}, [open, disableAutoCloseOnScroll]);
|
|
88
90
|
const useFloatingFn = props2 => {
|
|
@@ -96,11 +98,12 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
96
98
|
} = useDelayGroup(floating.context, {
|
|
97
99
|
id
|
|
98
100
|
}),
|
|
101
|
+
delayOut = delay ?? delayContext,
|
|
99
102
|
{
|
|
100
103
|
getReferenceProps,
|
|
101
104
|
getFloatingProps
|
|
102
105
|
} = useInteractions([useHover(floating.context, {
|
|
103
|
-
delay:
|
|
106
|
+
delay: delayOut,
|
|
104
107
|
restMs
|
|
105
108
|
}), useFocus(floating.context, focus), useRole(floating.context, {
|
|
106
109
|
role: "tooltip"
|
|
@@ -126,17 +129,18 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
126
129
|
jsx(FloatingOverrideContext.Provider, {
|
|
127
130
|
value: useFloatingContext,
|
|
128
131
|
children: /* @__PURE__ */jsx(Popper, {
|
|
129
|
-
scope
|
|
132
|
+
scope,
|
|
130
133
|
size: smallerSize?.key,
|
|
131
134
|
allowFlip: !0,
|
|
132
135
|
stayInFrame: !0,
|
|
133
136
|
open,
|
|
134
137
|
...restProps,
|
|
135
138
|
children: /* @__PURE__ */jsx(PopoverContext.Provider, {
|
|
139
|
+
popoverScope: scope,
|
|
140
|
+
scope,
|
|
136
141
|
contentId,
|
|
137
142
|
triggerRef,
|
|
138
143
|
open,
|
|
139
|
-
scope: scope || TOOLTIP_SCOPE,
|
|
140
144
|
onOpenChange: setOpen,
|
|
141
145
|
onOpenToggle: voidFn,
|
|
142
146
|
hasCustomAnchor,
|
package/dist/esm/Tooltip.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FloatingDelayGroup","useDelayGroup","useDelayGroupContext","useDismiss","useFloating","useFocus","useHover","useInteractions","useRole","useEvent","FloatingOverrideContext","getSize","withStaticProperties","PopoverAnchor","PopoverArrow","PopoverContent","PopoverContext","PopoverTrigger","Popper","PopperContentFrame","useControllableState","React","jsx","TOOLTIP_SCOPE","TooltipContent","extractable","forwardRef","props","ref","preventAnimation","useContext","PreventTooltipAnimationContext","componentName","disableFocusScope","unstyled","pointerEvents","animation","TooltipArrow","createContext","TooltipGroup","children","delay","timeoutMs","Provider","value","useMemo","JSON","stringify","setOpens","Set","closeOpenTooltips","forEach","x","TooltipComponent","delayProp","restMs","onOpenChange","onOpenChangeProp","focus","open","openProp","disableAutoCloseOnScroll","
|
|
1
|
+
{"version":3,"names":["FloatingDelayGroup","useDelayGroup","useDelayGroupContext","useDismiss","useFloating","useFocus","useHover","useInteractions","useRole","useEvent","FloatingOverrideContext","getSize","withStaticProperties","PopoverAnchor","PopoverArrow","PopoverContent","PopoverContext","PopoverTrigger","Popper","PopperContentFrame","useControllableState","React","jsx","TOOLTIP_SCOPE","TooltipContent","extractable","forwardRef","props","ref","preventAnimation","useContext","PreventTooltipAnimationContext","scope","componentName","disableFocusScope","unstyled","pointerEvents","animation","TooltipArrow","createContext","TooltipGroup","children","delay","timeoutMs","Provider","value","useMemo","JSON","stringify","setOpens","Set","closeOpenTooltips","forEach","x","TooltipComponent","delayProp","restMs","onOpenChange","onOpenChangeProp","focus","open","openProp","disableAutoCloseOnScroll","restProps","triggerRef","useRef","hasCustomAnchor","setHasCustomAnchor","useState","delayGroup","setCurrentId","setOpen","prop","defaultProp","onChange","id","groupId","open2","useEffect","document","closeIt","add","documentElement","addEventListener","delete","removeEventListener","useFloatingFn","props2","floating","delayContext","context","delayOut","getReferenceProps","getFloatingProps","role","useFloatingContext","useCallback","onCustomAnchorAdd","onCustomAnchorRemove","contentId","useId","smallerSize","shift","bounds","size","key","allowFlip","stayInFrame","popoverScope","onOpenToggle","voidFn","TooltipTrigger","rest","TooltipAnchor","Tooltip2","Anchor","Arrow","Content","Trigger"],"sources":["../../src/Tooltip.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,YAAY,WAAW;AAGvB,SAAS,eAAe;AA0BhB,
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,YAAY,WAAW;AAGvB,SAAS,eAAe;AA0BhB,cAWA,YAXA;AAjBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,QAAQ;AAAA,cACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,GAAG;AAAA,cACH,OAAO;AAAA,cACP,GAAG;AAAA,cACH,WAAU;AAAA,cACV,SAAS;AAAA,cACT,eAAc;AAAA,cACd,iBAAiB,SAAS,aAAa,QAAQ,SAAS;AAAA,gBACtD,OAAO;AAAA,cACT,CAAC;AAAA,cACD,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ;AAAA,oCAAC,QAAQ,OAAR,EAAc;AAAA,gBACf,oBAAC,aAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,UAC9B;AAAA;AAAA;AAAA,IACF,IAlDO;AAAA,EAoDX;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getSpace","Paragraph","React","Tooltip","jsx","jsxs","TooltipSimple","forwardRef","label","children","contentProps","disabled","tooltipProps","ref","child","Children","only","disableRTL","offset","restMs","delay","open","Trigger","asChild","isValidElement","cloneElement","Content","zIndex","enterStyle","x","y","opacity","scale","exitStyle","elevation","pointerEvents","paddingVertical","size","shift","animateOnly","animation","overshootClamping","Arrow"],"sources":["../../src/TooltipSimple.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,SAAA,QAAiB;AAC1B,YAAYC,KAAA,MAAW;AAGvB,SAASC,OAAA,QAAe;AA0BhB,SAAAC,GAAA,
|
|
1
|
+
{"version":3,"names":["getSpace","Paragraph","React","Tooltip","jsx","jsxs","TooltipSimple","forwardRef","label","children","contentProps","disabled","tooltipProps","ref","child","Children","only","disableRTL","offset","restMs","delay","open","Trigger","asChild","isValidElement","cloneElement","Content","zIndex","enterStyle","x","y","opacity","scale","exitStyle","elevation","pointerEvents","paddingVertical","size","shift","animateOnly","animation","overshootClamping","Arrow"],"sources":["../../src/TooltipSimple.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,SAAA,QAAiB;AAC1B,YAAYC,KAAA,MAAW;AAGvB,SAASC,OAAA,QAAe;AA0BhB,SAAAC,GAAA,EAWAC,IAAA,QAXA;AAjBD,MAAMC,aAAA,GAA8CJ,KAAA,CAAMK,UAAA,CAC/D,CAAC;EAAEC,KAAA;EAAOC,QAAA;EAAUC,YAAA;EAAcC,QAAA;EAAU,GAAGC;AAAa,GAAGC,GAAA,KAAQ;EACrE,MAAMC,KAAA,GAAQZ,KAAA,CAAMa,QAAA,CAASC,IAAA,CAAKP,QAAQ;EAE1C,OAAKD,KAAA,GAKH,eAAAH,IAAA,CAACF,OAAA;IACCc,UAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACN,GAAGR,YAAA;IACH,IAAID,QAAA,GAAW;MAAEU,IAAA,EAAM;IAAM,IAAI;IAElCZ,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQmB,OAAA,EAAR;MACE,IAAI,OAAOd,KAAA,IAAU,YAAY;QAChC,cAAcA;MAChB;MACAe,OAAA,EAAQ;MAEPd,QAAA,EAAAI,GAAA,IAAOX,KAAA,CAAMsB,cAAA,CAAeV,KAAK,IAC9BZ,KAAA,CAAMuB,YAAA,CAAaX,KAAA,EAAO;QAAED;MAAI,CAAQ,IACxCC;IAAA,CACN,GAEA,eAAAT,IAAA,CAACF,OAAA,CAAQuB,OAAA,EAAR;MACCC,MAAA,EAAQ;MACRC,UAAA,EAAY;QAAEC,CAAA,EAAG;QAAGC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MACnDC,SAAA,EAAW;QAAEJ,CAAA,EAAG;QAAGC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MAClDH,CAAA,EAAG;MACHG,KAAA,EAAO;MACPF,CAAA,EAAG;MACHI,SAAA,EAAU;MACVH,OAAA,EAAS;MACTI,aAAA,EAAc;MACdC,eAAA,EAAiBpC,QAAA,CAASY,YAAA,CAAayB,IAAA,IAAQ,SAAS;QACtDC,KAAA,EAAO;MACT,CAAC;MACDC,WAAA,EAAa,CAAC,aAAa,SAAS;MACpCC,SAAA,EAAW,CACT,WACA;QACET,OAAA,EAAS;UACPU,iBAAA,EAAmB;QACrB;MACF,EACF;MACC,GAAG/B,YAAA;MAEJD,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQuC,KAAA,EAAR,EAAc,GACf,eAAAtC,GAAA,CAACH,SAAA;QAAUoC,IAAA,EAAK;QAAM5B,QAAA,EAAAD;MAAA,CAAM;IAAA,CAC9B;EAAA,CACF,IAlDOC,QAAA;AAoDX,CACF","ignoreList":[]}
|
package/dist/jsx/Tooltip.js
CHANGED
|
@@ -25,12 +25,13 @@ import { Popper, PopperContentFrame } from "@tamagui/popper";
|
|
|
25
25
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
26
26
|
import * as React from "react";
|
|
27
27
|
import { jsx } from "react/jsx-runtime";
|
|
28
|
-
const TOOLTIP_SCOPE = "
|
|
28
|
+
const TOOLTIP_SCOPE = "", TooltipContent = PopperContentFrame.extractable(
|
|
29
29
|
React.forwardRef((props, ref) => {
|
|
30
30
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
31
31
|
return /* @__PURE__ */ jsx(
|
|
32
32
|
PopoverContent,
|
|
33
33
|
{
|
|
34
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
34
35
|
componentName: "Tooltip",
|
|
35
36
|
disableFocusScope: !0,
|
|
36
37
|
...!props.unstyled && {
|
|
@@ -44,7 +45,15 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
44
45
|
}
|
|
45
46
|
);
|
|
46
47
|
})
|
|
47
|
-
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
48
|
+
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
49
|
+
PopoverArrow,
|
|
50
|
+
{
|
|
51
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
52
|
+
componentName: "Tooltip",
|
|
53
|
+
ref,
|
|
54
|
+
...props
|
|
55
|
+
}
|
|
56
|
+
)), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
48
57
|
children,
|
|
49
58
|
delay,
|
|
50
59
|
preventAnimation = !1,
|
|
@@ -61,15 +70,15 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
61
70
|
}, TooltipComponent = React.forwardRef(function(props, ref) {
|
|
62
71
|
const {
|
|
63
72
|
children,
|
|
64
|
-
delay: delayProp,
|
|
65
|
-
restMs = typeof delayProp > "u" ?
|
|
73
|
+
delay: delayProp = 400,
|
|
74
|
+
restMs = typeof delayProp > "u" ? 0 : typeof delayProp == "number" ? delayProp : 0,
|
|
66
75
|
onOpenChange: onOpenChangeProp,
|
|
67
76
|
focus,
|
|
68
77
|
open: openProp,
|
|
69
78
|
disableAutoCloseOnScroll,
|
|
70
|
-
scope,
|
|
79
|
+
scope = TOOLTIP_SCOPE,
|
|
71
80
|
...restProps
|
|
72
|
-
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup, [open, setOpen] = useControllableState({
|
|
81
|
+
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup ?? 0, [open, setOpen] = useControllableState({
|
|
73
82
|
prop: openProp,
|
|
74
83
|
defaultProp: !1,
|
|
75
84
|
onChange: onOpenChangeProp
|
|
@@ -78,11 +87,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
78
87
|
});
|
|
79
88
|
React.useEffect(() => {
|
|
80
89
|
if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
|
|
81
|
-
const
|
|
90
|
+
const closeIt = () => {
|
|
82
91
|
setOpen(!1);
|
|
83
92
|
};
|
|
84
|
-
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll",
|
|
85
|
-
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll",
|
|
93
|
+
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
|
|
94
|
+
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
|
|
86
95
|
};
|
|
87
96
|
}, [open, disableAutoCloseOnScroll]);
|
|
88
97
|
const useFloatingFn = (props2) => {
|
|
@@ -90,8 +99,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
90
99
|
...props2,
|
|
91
100
|
open,
|
|
92
101
|
onOpenChange
|
|
93
|
-
}), { delay: delayContext } = useDelayGroup(floating.context, { id }), { getReferenceProps, getFloatingProps } = useInteractions([
|
|
94
|
-
useHover(floating.context, {
|
|
102
|
+
}), { delay: delayContext } = useDelayGroup(floating.context, { id }), delayOut = delay ?? delayContext, { getReferenceProps, getFloatingProps } = useInteractions([
|
|
103
|
+
useHover(floating.context, {
|
|
104
|
+
delay: delayOut,
|
|
105
|
+
restMs
|
|
106
|
+
}),
|
|
95
107
|
useFocus(floating.context, focus),
|
|
96
108
|
useRole(floating.context, { role: "tooltip" }),
|
|
97
109
|
useDismiss(floating.context)
|
|
@@ -117,7 +129,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
117
129
|
/* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(
|
|
118
130
|
Popper,
|
|
119
131
|
{
|
|
120
|
-
scope
|
|
132
|
+
scope,
|
|
121
133
|
size: smallerSize?.key,
|
|
122
134
|
allowFlip: !0,
|
|
123
135
|
stayInFrame: !0,
|
|
@@ -126,10 +138,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
126
138
|
children: /* @__PURE__ */ jsx(
|
|
127
139
|
PopoverContext.Provider,
|
|
128
140
|
{
|
|
141
|
+
popoverScope: scope,
|
|
142
|
+
scope,
|
|
129
143
|
contentId,
|
|
130
144
|
triggerRef,
|
|
131
145
|
open,
|
|
132
|
-
scope: scope || TOOLTIP_SCOPE,
|
|
133
146
|
onOpenChange: setOpen,
|
|
134
147
|
onOpenToggle: voidFn,
|
|
135
148
|
hasCustomAnchor,
|
package/dist/jsx/Tooltip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB;AAEzB,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAiBjB;AAfN,MAAM,gBAAgB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/dist/jsx/Tooltip.mjs
CHANGED
|
@@ -9,10 +9,11 @@ import { Popper, PopperContentFrame } from "@tamagui/popper";
|
|
|
9
9
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
|
-
const TOOLTIP_SCOPE = "
|
|
12
|
+
const TOOLTIP_SCOPE = "",
|
|
13
13
|
TooltipContent = PopperContentFrame.extractable(React.forwardRef((props, ref) => {
|
|
14
14
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
15
15
|
return /* @__PURE__ */jsx(PopoverContent, {
|
|
16
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
16
17
|
componentName: "Tooltip",
|
|
17
18
|
disableFocusScope: !0,
|
|
18
19
|
...(!props.unstyled && {
|
|
@@ -26,6 +27,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
26
27
|
});
|
|
27
28
|
})),
|
|
28
29
|
TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */jsx(PopoverArrow, {
|
|
30
|
+
scope: props.scope || TOOLTIP_SCOPE,
|
|
29
31
|
componentName: "Tooltip",
|
|
30
32
|
ref,
|
|
31
33
|
...props
|
|
@@ -51,13 +53,13 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
51
53
|
TooltipComponent = React.forwardRef(function (props, ref) {
|
|
52
54
|
const {
|
|
53
55
|
children,
|
|
54
|
-
delay: delayProp,
|
|
55
|
-
restMs = typeof delayProp > "u" ?
|
|
56
|
+
delay: delayProp = 400,
|
|
57
|
+
restMs = typeof delayProp > "u" ? 0 : typeof delayProp == "number" ? delayProp : 0,
|
|
56
58
|
onOpenChange: onOpenChangeProp,
|
|
57
59
|
focus,
|
|
58
60
|
open: openProp,
|
|
59
61
|
disableAutoCloseOnScroll,
|
|
60
|
-
scope,
|
|
62
|
+
scope = TOOLTIP_SCOPE,
|
|
61
63
|
...restProps
|
|
62
64
|
} = props,
|
|
63
65
|
triggerRef = React.useRef(null),
|
|
@@ -66,7 +68,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
66
68
|
delay: delayGroup,
|
|
67
69
|
setCurrentId
|
|
68
70
|
} = useDelayGroupContext(),
|
|
69
|
-
delay = delayProp ?? delayGroup,
|
|
71
|
+
delay = delayProp ?? delayGroup ?? 0,
|
|
70
72
|
[open, setOpen] = useControllableState({
|
|
71
73
|
prop: openProp,
|
|
72
74
|
defaultProp: !1,
|
|
@@ -78,11 +80,11 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
78
80
|
});
|
|
79
81
|
React.useEffect(() => {
|
|
80
82
|
if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
|
|
81
|
-
const
|
|
83
|
+
const closeIt = () => {
|
|
82
84
|
setOpen(!1);
|
|
83
85
|
};
|
|
84
|
-
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll",
|
|
85
|
-
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll",
|
|
86
|
+
return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
|
|
87
|
+
setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
|
|
86
88
|
};
|
|
87
89
|
}, [open, disableAutoCloseOnScroll]);
|
|
88
90
|
const useFloatingFn = props2 => {
|
|
@@ -96,11 +98,12 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
96
98
|
} = useDelayGroup(floating.context, {
|
|
97
99
|
id
|
|
98
100
|
}),
|
|
101
|
+
delayOut = delay ?? delayContext,
|
|
99
102
|
{
|
|
100
103
|
getReferenceProps,
|
|
101
104
|
getFloatingProps
|
|
102
105
|
} = useInteractions([useHover(floating.context, {
|
|
103
|
-
delay:
|
|
106
|
+
delay: delayOut,
|
|
104
107
|
restMs
|
|
105
108
|
}), useFocus(floating.context, focus), useRole(floating.context, {
|
|
106
109
|
role: "tooltip"
|
|
@@ -126,17 +129,18 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
126
129
|
jsx(FloatingOverrideContext.Provider, {
|
|
127
130
|
value: useFloatingContext,
|
|
128
131
|
children: /* @__PURE__ */jsx(Popper, {
|
|
129
|
-
scope
|
|
132
|
+
scope,
|
|
130
133
|
size: smallerSize?.key,
|
|
131
134
|
allowFlip: !0,
|
|
132
135
|
stayInFrame: !0,
|
|
133
136
|
open,
|
|
134
137
|
...restProps,
|
|
135
138
|
children: /* @__PURE__ */jsx(PopoverContext.Provider, {
|
|
139
|
+
popoverScope: scope,
|
|
140
|
+
scope,
|
|
136
141
|
contentId,
|
|
137
142
|
triggerRef,
|
|
138
143
|
open,
|
|
139
|
-
scope: scope || TOOLTIP_SCOPE,
|
|
140
144
|
onOpenChange: setOpen,
|
|
141
145
|
onOpenToggle: voidFn,
|
|
142
146
|
hasCustomAnchor,
|
package/dist/jsx/Tooltip.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FloatingDelayGroup","useDelayGroup","useDelayGroupContext","useDismiss","useFloating","useFocus","useHover","useInteractions","useRole","useEvent","FloatingOverrideContext","getSize","withStaticProperties","PopoverAnchor","PopoverArrow","PopoverContent","PopoverContext","PopoverTrigger","Popper","PopperContentFrame","useControllableState","React","jsx","TOOLTIP_SCOPE","TooltipContent","extractable","forwardRef","props","ref","preventAnimation","useContext","PreventTooltipAnimationContext","componentName","disableFocusScope","unstyled","pointerEvents","animation","TooltipArrow","createContext","TooltipGroup","children","delay","timeoutMs","Provider","value","useMemo","JSON","stringify","setOpens","Set","closeOpenTooltips","forEach","x","TooltipComponent","delayProp","restMs","onOpenChange","onOpenChangeProp","focus","open","openProp","disableAutoCloseOnScroll","
|
|
1
|
+
{"version":3,"names":["FloatingDelayGroup","useDelayGroup","useDelayGroupContext","useDismiss","useFloating","useFocus","useHover","useInteractions","useRole","useEvent","FloatingOverrideContext","getSize","withStaticProperties","PopoverAnchor","PopoverArrow","PopoverContent","PopoverContext","PopoverTrigger","Popper","PopperContentFrame","useControllableState","React","jsx","TOOLTIP_SCOPE","TooltipContent","extractable","forwardRef","props","ref","preventAnimation","useContext","PreventTooltipAnimationContext","scope","componentName","disableFocusScope","unstyled","pointerEvents","animation","TooltipArrow","createContext","TooltipGroup","children","delay","timeoutMs","Provider","value","useMemo","JSON","stringify","setOpens","Set","closeOpenTooltips","forEach","x","TooltipComponent","delayProp","restMs","onOpenChange","onOpenChangeProp","focus","open","openProp","disableAutoCloseOnScroll","restProps","triggerRef","useRef","hasCustomAnchor","setHasCustomAnchor","useState","delayGroup","setCurrentId","setOpen","prop","defaultProp","onChange","id","groupId","open2","useEffect","document","closeIt","add","documentElement","addEventListener","delete","removeEventListener","useFloatingFn","props2","floating","delayContext","context","delayOut","getReferenceProps","getFloatingProps","role","useFloatingContext","useCallback","onCustomAnchorAdd","onCustomAnchorRemove","contentId","useId","smallerSize","shift","bounds","size","key","allowFlip","stayInFrame","popoverScope","onOpenToggle","voidFn","TooltipTrigger","rest","TooltipAnchor","Tooltip2","Anchor","Arrow","Content","Trigger"],"sources":["../../src/Tooltip.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,YAAY,WAAW;AAGvB,SAAS,eAAe;AA0BhB,
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,YAAY,WAAW;AAGvB,SAAS,eAAe;AA0BhB,cAWA,YAXA;AAjBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,QAAQ;AAAA,cACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,GAAG;AAAA,cACH,OAAO;AAAA,cACP,GAAG;AAAA,cACH,WAAU;AAAA,cACV,SAAS;AAAA,cACT,eAAc;AAAA,cACd,iBAAiB,SAAS,aAAa,QAAQ,SAAS;AAAA,gBACtD,OAAO;AAAA,cACT,CAAC;AAAA,cACD,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ;AAAA,oCAAC,QAAQ,OAAR,EAAc;AAAA,gBACf,oBAAC,aAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,UAC9B;AAAA;AAAA;AAAA,IACF,IAlDO;AAAA,EAoDX;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getSpace","Paragraph","React","Tooltip","jsx","jsxs","TooltipSimple","forwardRef","label","children","contentProps","disabled","tooltipProps","ref","child","Children","only","disableRTL","offset","restMs","delay","open","Trigger","asChild","isValidElement","cloneElement","Content","zIndex","enterStyle","x","y","opacity","scale","exitStyle","elevation","pointerEvents","paddingVertical","size","shift","animateOnly","animation","overshootClamping","Arrow"],"sources":["../../src/TooltipSimple.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,SAAA,QAAiB;AAC1B,YAAYC,KAAA,MAAW;AAGvB,SAASC,OAAA,QAAe;AA0BhB,SAAAC,GAAA,
|
|
1
|
+
{"version":3,"names":["getSpace","Paragraph","React","Tooltip","jsx","jsxs","TooltipSimple","forwardRef","label","children","contentProps","disabled","tooltipProps","ref","child","Children","only","disableRTL","offset","restMs","delay","open","Trigger","asChild","isValidElement","cloneElement","Content","zIndex","enterStyle","x","y","opacity","scale","exitStyle","elevation","pointerEvents","paddingVertical","size","shift","animateOnly","animation","overshootClamping","Arrow"],"sources":["../../src/TooltipSimple.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,SAAA,QAAiB;AAC1B,YAAYC,KAAA,MAAW;AAGvB,SAASC,OAAA,QAAe;AA0BhB,SAAAC,GAAA,EAWAC,IAAA,QAXA;AAjBD,MAAMC,aAAA,GAA8CJ,KAAA,CAAMK,UAAA,CAC/D,CAAC;EAAEC,KAAA;EAAOC,QAAA;EAAUC,YAAA;EAAcC,QAAA;EAAU,GAAGC;AAAa,GAAGC,GAAA,KAAQ;EACrE,MAAMC,KAAA,GAAQZ,KAAA,CAAMa,QAAA,CAASC,IAAA,CAAKP,QAAQ;EAE1C,OAAKD,KAAA,GAKH,eAAAH,IAAA,CAACF,OAAA;IACCc,UAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACN,GAAGR,YAAA;IACH,IAAID,QAAA,GAAW;MAAEU,IAAA,EAAM;IAAM,IAAI;IAElCZ,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQmB,OAAA,EAAR;MACE,IAAI,OAAOd,KAAA,IAAU,YAAY;QAChC,cAAcA;MAChB;MACAe,OAAA,EAAQ;MAEPd,QAAA,EAAAI,GAAA,IAAOX,KAAA,CAAMsB,cAAA,CAAeV,KAAK,IAC9BZ,KAAA,CAAMuB,YAAA,CAAaX,KAAA,EAAO;QAAED;MAAI,CAAQ,IACxCC;IAAA,CACN,GAEA,eAAAT,IAAA,CAACF,OAAA,CAAQuB,OAAA,EAAR;MACCC,MAAA,EAAQ;MACRC,UAAA,EAAY;QAAEC,CAAA,EAAG;QAAGC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MACnDC,SAAA,EAAW;QAAEJ,CAAA,EAAG;QAAGC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MAClDH,CAAA,EAAG;MACHG,KAAA,EAAO;MACPF,CAAA,EAAG;MACHI,SAAA,EAAU;MACVH,OAAA,EAAS;MACTI,aAAA,EAAc;MACdC,eAAA,EAAiBpC,QAAA,CAASY,YAAA,CAAayB,IAAA,IAAQ,SAAS;QACtDC,KAAA,EAAO;MACT,CAAC;MACDC,WAAA,EAAa,CAAC,aAAa,SAAS;MACpCC,SAAA,EAAW,CACT,WACA;QACET,OAAA,EAAS;UACPU,iBAAA,EAAmB;QACrB;MACF,EACF;MACC,GAAG/B,YAAA;MAEJD,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQuC,KAAA,EAAR,EAAc,GACf,eAAAtC,GAAA,CAACH,SAAA;QAAUoC,IAAA,EAAK;QAAM5B,QAAA,EAAAD;MAAA,CAAM;IAAA,CAC9B;EAAA,CACF,IAlDOC,QAAA;AAoDX,CACF","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tooltip",
|
|
3
|
-
"version": "1.131.
|
|
3
|
+
"version": "1.131.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -37,25 +37,25 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@floating-ui/react": "^0.27.12",
|
|
40
|
-
"@tamagui/compose-refs": "1.131.
|
|
41
|
-
"@tamagui/core": "1.131.
|
|
42
|
-
"@tamagui/create-context": "1.131.
|
|
43
|
-
"@tamagui/floating": "1.131.
|
|
44
|
-
"@tamagui/get-token": "1.131.
|
|
45
|
-
"@tamagui/helpers": "1.131.
|
|
46
|
-
"@tamagui/polyfill-dev": "1.131.
|
|
47
|
-
"@tamagui/popover": "1.131.
|
|
48
|
-
"@tamagui/popper": "1.131.
|
|
49
|
-
"@tamagui/stacks": "1.131.
|
|
50
|
-
"@tamagui/text": "1.131.
|
|
51
|
-
"@tamagui/use-controllable-state": "1.131.
|
|
40
|
+
"@tamagui/compose-refs": "1.131.1",
|
|
41
|
+
"@tamagui/core": "1.131.1",
|
|
42
|
+
"@tamagui/create-context": "1.131.1",
|
|
43
|
+
"@tamagui/floating": "1.131.1",
|
|
44
|
+
"@tamagui/get-token": "1.131.1",
|
|
45
|
+
"@tamagui/helpers": "1.131.1",
|
|
46
|
+
"@tamagui/polyfill-dev": "1.131.1",
|
|
47
|
+
"@tamagui/popover": "1.131.1",
|
|
48
|
+
"@tamagui/popper": "1.131.1",
|
|
49
|
+
"@tamagui/stacks": "1.131.1",
|
|
50
|
+
"@tamagui/text": "1.131.1",
|
|
51
|
+
"@tamagui/use-controllable-state": "1.131.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "*",
|
|
55
55
|
"react-native": "*"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@tamagui/build": "1.131.
|
|
58
|
+
"@tamagui/build": "1.131.1",
|
|
59
59
|
"react": "*",
|
|
60
60
|
"react-native": "^0.79.2"
|
|
61
61
|
},
|
package/src/Tooltip.tsx
CHANGED
|
@@ -34,7 +34,7 @@ import { Popper, PopperContentFrame } from '@tamagui/popper'
|
|
|
34
34
|
import { useControllableState } from '@tamagui/use-controllable-state'
|
|
35
35
|
import * as React from 'react'
|
|
36
36
|
|
|
37
|
-
const TOOLTIP_SCOPE = '
|
|
37
|
+
const TOOLTIP_SCOPE = ''
|
|
38
38
|
|
|
39
39
|
export type TooltipScopes = string
|
|
40
40
|
|
|
@@ -50,6 +50,7 @@ const TooltipContent = PopperContentFrame.extractable(
|
|
|
50
50
|
|
|
51
51
|
return (
|
|
52
52
|
<PopoverContent
|
|
53
|
+
scope={props.scope || TOOLTIP_SCOPE}
|
|
53
54
|
componentName="Tooltip"
|
|
54
55
|
disableFocusScope
|
|
55
56
|
{...(!props.unstyled && {
|
|
@@ -66,7 +67,14 @@ const TooltipContent = PopperContentFrame.extractable(
|
|
|
66
67
|
)
|
|
67
68
|
|
|
68
69
|
const TooltipArrow = React.forwardRef<TamaguiElement, PopperArrowProps>((props, ref) => {
|
|
69
|
-
return
|
|
70
|
+
return (
|
|
71
|
+
<PopoverArrow
|
|
72
|
+
scope={props.scope || TOOLTIP_SCOPE}
|
|
73
|
+
componentName="Tooltip"
|
|
74
|
+
ref={ref}
|
|
75
|
+
{...props}
|
|
76
|
+
/>
|
|
77
|
+
)
|
|
70
78
|
})
|
|
71
79
|
|
|
72
80
|
export type TooltipProps = ScopedProps<
|
|
@@ -131,9 +139,9 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
131
139
|
) {
|
|
132
140
|
const {
|
|
133
141
|
children,
|
|
134
|
-
delay: delayProp,
|
|
142
|
+
delay: delayProp = 400,
|
|
135
143
|
restMs = typeof delayProp === 'undefined'
|
|
136
|
-
?
|
|
144
|
+
? 0
|
|
137
145
|
: typeof delayProp === 'number'
|
|
138
146
|
? delayProp
|
|
139
147
|
: 0,
|
|
@@ -141,13 +149,13 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
141
149
|
focus,
|
|
142
150
|
open: openProp,
|
|
143
151
|
disableAutoCloseOnScroll,
|
|
144
|
-
scope,
|
|
152
|
+
scope = TOOLTIP_SCOPE,
|
|
145
153
|
...restProps
|
|
146
154
|
} = props
|
|
147
155
|
const triggerRef = React.useRef<HTMLButtonElement>(null)
|
|
148
156
|
const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)
|
|
149
157
|
const { delay: delayGroup, setCurrentId } = useDelayGroupContext()
|
|
150
|
-
const delay = delayProp ?? delayGroup
|
|
158
|
+
const delay = delayProp ?? delayGroup ?? 0
|
|
151
159
|
const [open, setOpen] = useControllableState({
|
|
152
160
|
prop: openProp,
|
|
153
161
|
defaultProp: false,
|
|
@@ -167,14 +175,14 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
167
175
|
if (!open) return
|
|
168
176
|
if (disableAutoCloseOnScroll) return
|
|
169
177
|
if (typeof document === 'undefined') return
|
|
170
|
-
const
|
|
178
|
+
const closeIt = () => {
|
|
171
179
|
setOpen(false)
|
|
172
180
|
}
|
|
173
181
|
setOpens.add(setOpen)
|
|
174
|
-
document.documentElement.addEventListener('scroll',
|
|
182
|
+
document.documentElement.addEventListener('scroll', closeIt)
|
|
175
183
|
return () => {
|
|
176
184
|
setOpens.delete(setOpen)
|
|
177
|
-
document.documentElement.removeEventListener('scroll',
|
|
185
|
+
document.documentElement.removeEventListener('scroll', closeIt)
|
|
178
186
|
}
|
|
179
187
|
}, [open, disableAutoCloseOnScroll])
|
|
180
188
|
|
|
@@ -186,8 +194,13 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
186
194
|
onOpenChange,
|
|
187
195
|
})
|
|
188
196
|
const { delay: delayContext } = useDelayGroup(floating.context, { id })
|
|
197
|
+
const delayOut = delay ?? delayContext
|
|
198
|
+
|
|
189
199
|
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
190
|
-
useHover(floating.context, {
|
|
200
|
+
useHover(floating.context, {
|
|
201
|
+
delay: delayOut,
|
|
202
|
+
restMs,
|
|
203
|
+
}),
|
|
191
204
|
useFocus(floating.context, focus),
|
|
192
205
|
useRole(floating.context, { role: 'tooltip' }),
|
|
193
206
|
useDismiss(floating.context),
|
|
@@ -222,7 +235,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
222
235
|
<FloatingOverrideContext.Provider value={useFloatingContext}>
|
|
223
236
|
{/* default tooltip to a smaller size */}
|
|
224
237
|
<Popper
|
|
225
|
-
scope={scope
|
|
238
|
+
scope={scope}
|
|
226
239
|
size={smallerSize?.key as SizeTokens}
|
|
227
240
|
allowFlip
|
|
228
241
|
stayInFrame
|
|
@@ -230,10 +243,11 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
230
243
|
{...restProps}
|
|
231
244
|
>
|
|
232
245
|
<PopoverContext.Provider
|
|
246
|
+
popoverScope={scope}
|
|
247
|
+
scope={scope}
|
|
233
248
|
contentId={contentId}
|
|
234
249
|
triggerRef={triggerRef}
|
|
235
250
|
open={open}
|
|
236
|
-
scope={scope || TOOLTIP_SCOPE}
|
|
237
251
|
onOpenChange={setOpen}
|
|
238
252
|
onOpenToggle={voidFn}
|
|
239
253
|
hasCustomAnchor={hasCustomAnchor}
|
package/src/TooltipSimple.tsx
CHANGED
|
@@ -40,6 +40,7 @@ export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
|
|
|
40
40
|
? React.cloneElement(child, { ref } as any)
|
|
41
41
|
: child}
|
|
42
42
|
</Tooltip.Trigger>
|
|
43
|
+
|
|
43
44
|
<Tooltip.Content
|
|
44
45
|
zIndex={1_000_000_000}
|
|
45
46
|
enterStyle={{ x: 0, y: -4, opacity: 0, scale: 0.96 }}
|
package/types/Tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAa9B,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM/D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AAQzB,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAElC,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAA;AAElE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAa9B,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM/D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AAQzB,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAElC,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAA;AAElE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAqClE,MAAM,MAAM,YAAY,GAAG,WAAW,CACpC,WAAW,GAAG;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EACF,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC,CACF,CAAA;AAED,KAAK,KAAK,GACN,MAAM,GACN,OAAO,CAAC;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAIN,eAAO,MAAM,YAAY,GAAI,mDAK1B;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAWlF,CAAA;AAID,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAmJD,eAAO,MAAM,OAAO;WAtMT,OAAO;eACH,OAAO;eACP,KAAK,CAAC,SAAS;mBACX,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;YAC9B;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB;cACS,MAAM;aACP,MAAM;YAEX,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf;+BACsB,OAAO;;YAzDa,aAAa;;;gBAAb,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAb,aAAa;;;gBAAb,aAAa;;CAoP9D,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipSimple.d.ts","sourceRoot":"","sources":["../src/TooltipSimple.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"TooltipSimple.d.ts","sourceRoot":"","sources":["../src/TooltipSimple.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0DtD,CAAA"}
|