@tamagui/tooltip 1.130.8 → 1.131.0
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 +13 -24
- package/dist/cjs/Tooltip.js +20 -43
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TooltipSimple.cjs +1 -1
- package/dist/cjs/index.cjs +2 -2
- package/dist/esm/Tooltip.js +20 -43
- package/dist/esm/Tooltip.js.map +1 -1
- package/dist/esm/Tooltip.mjs +13 -24
- package/dist/esm/Tooltip.mjs.map +1 -1
- package/dist/jsx/Tooltip.js +20 -43
- package/dist/jsx/Tooltip.js.map +1 -1
- package/dist/jsx/Tooltip.mjs +13 -24
- package/dist/jsx/Tooltip.mjs.map +1 -1
- package/package.json +14 -14
- package/src/Tooltip.tsx +56 -69
- package/types/Tooltip.d.ts +25 -43
- package/types/Tooltip.d.ts.map +1 -1
package/dist/cjs/Tooltip.cjs
CHANGED
|
@@ -48,13 +48,9 @@ var import_polyfill_dev = require("@tamagui/polyfill-dev"),
|
|
|
48
48
|
React = __toESM(require("react")),
|
|
49
49
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
50
50
|
const TOOLTIP_SCOPE = "tooltip",
|
|
51
|
-
TooltipContent = import_popper.PopperContentFrame.extractable(React.forwardRef(({
|
|
52
|
-
__scopeTooltip,
|
|
53
|
-
...props
|
|
54
|
-
}, ref) => {
|
|
51
|
+
TooltipContent = import_popper.PopperContentFrame.extractable(React.forwardRef((props, ref) => {
|
|
55
52
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
56
53
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContent, {
|
|
57
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
58
54
|
componentName: "Tooltip",
|
|
59
55
|
disableFocusScope: !0,
|
|
60
56
|
...(!props.unstyled && {
|
|
@@ -67,18 +63,11 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
67
63
|
})
|
|
68
64
|
});
|
|
69
65
|
})),
|
|
70
|
-
TooltipArrow = React.forwardRef((props, ref) => {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, {
|
|
76
|
-
__scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
|
|
77
|
-
componentName: "Tooltip",
|
|
78
|
-
ref,
|
|
79
|
-
...rest
|
|
80
|
-
});
|
|
81
|
-
}),
|
|
66
|
+
TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, {
|
|
67
|
+
componentName: "Tooltip",
|
|
68
|
+
ref,
|
|
69
|
+
...props
|
|
70
|
+
})),
|
|
82
71
|
PreventTooltipAnimationContext = React.createContext(!1),
|
|
83
72
|
TooltipGroup = ({
|
|
84
73
|
children,
|
|
@@ -106,7 +95,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
106
95
|
focus,
|
|
107
96
|
open: openProp,
|
|
108
97
|
disableAutoCloseOnScroll,
|
|
109
|
-
|
|
98
|
+
scope,
|
|
110
99
|
...restProps
|
|
111
100
|
} = props,
|
|
112
101
|
triggerRef = React.useRef(null),
|
|
@@ -175,7 +164,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
175
164
|
(0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, {
|
|
176
165
|
value: useFloatingContext,
|
|
177
166
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.Popper, {
|
|
178
|
-
|
|
167
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
179
168
|
size: smallerSize?.key,
|
|
180
169
|
allowFlip: !0,
|
|
181
170
|
stayInFrame: !0,
|
|
@@ -185,7 +174,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
185
174
|
contentId,
|
|
186
175
|
triggerRef,
|
|
187
176
|
open,
|
|
188
|
-
scope:
|
|
177
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
189
178
|
onOpenChange: setOpen,
|
|
190
179
|
onOpenToggle: voidFn,
|
|
191
180
|
hasCustomAnchor,
|
|
@@ -199,23 +188,23 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
199
188
|
}),
|
|
200
189
|
TooltipTrigger = React.forwardRef(function (props, ref) {
|
|
201
190
|
const {
|
|
202
|
-
|
|
191
|
+
scope,
|
|
203
192
|
...rest
|
|
204
193
|
} = props;
|
|
205
194
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, {
|
|
206
195
|
...rest,
|
|
207
|
-
|
|
196
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
208
197
|
ref
|
|
209
198
|
});
|
|
210
199
|
}),
|
|
211
200
|
TooltipAnchor = React.forwardRef(function (props, ref) {
|
|
212
201
|
const {
|
|
213
|
-
|
|
202
|
+
scope,
|
|
214
203
|
...rest
|
|
215
204
|
} = props;
|
|
216
205
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, {
|
|
217
206
|
...rest,
|
|
218
|
-
|
|
207
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
219
208
|
ref
|
|
220
209
|
});
|
|
221
210
|
}),
|
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -29,41 +29,25 @@ __export(Tooltip_exports, {
|
|
|
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
31
|
const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFrame.extractable(
|
|
32
|
-
React.forwardRef(
|
|
33
|
-
|
|
34
|
-
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
35
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
36
|
-
import_popover.PopoverContent,
|
|
37
|
-
{
|
|
38
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
39
|
-
componentName: "Tooltip",
|
|
40
|
-
disableFocusScope: !0,
|
|
41
|
-
...!props.unstyled && {
|
|
42
|
-
pointerEvents: "none"
|
|
43
|
-
},
|
|
44
|
-
ref,
|
|
45
|
-
...props,
|
|
46
|
-
...preventAnimation && {
|
|
47
|
-
animation: null
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
);
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
), TooltipArrow = React.forwardRef(
|
|
54
|
-
(props, ref) => {
|
|
55
|
-
const { __scopeTooltip, ...rest } = props;
|
|
32
|
+
React.forwardRef((props, ref) => {
|
|
33
|
+
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
56
34
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
57
|
-
import_popover.
|
|
35
|
+
import_popover.PopoverContent,
|
|
58
36
|
{
|
|
59
|
-
__scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
|
|
60
37
|
componentName: "Tooltip",
|
|
38
|
+
disableFocusScope: !0,
|
|
39
|
+
...!props.unstyled && {
|
|
40
|
+
pointerEvents: "none"
|
|
41
|
+
},
|
|
61
42
|
ref,
|
|
62
|
-
...
|
|
43
|
+
...props,
|
|
44
|
+
...preventAnimation && {
|
|
45
|
+
animation: null
|
|
46
|
+
}
|
|
63
47
|
}
|
|
64
48
|
);
|
|
65
|
-
}
|
|
66
|
-
), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
49
|
+
})
|
|
50
|
+
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, { componentName: "Tooltip", ref, ...props })), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
67
51
|
children,
|
|
68
52
|
delay,
|
|
69
53
|
preventAnimation = !1,
|
|
@@ -86,7 +70,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
86
70
|
focus,
|
|
87
71
|
open: openProp,
|
|
88
72
|
disableAutoCloseOnScroll,
|
|
89
|
-
|
|
73
|
+
scope,
|
|
90
74
|
...restProps
|
|
91
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)({
|
|
92
76
|
prop: openProp,
|
|
@@ -136,7 +120,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
136
120
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
137
121
|
import_popper.Popper,
|
|
138
122
|
{
|
|
139
|
-
|
|
123
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
140
124
|
size: smallerSize?.key,
|
|
141
125
|
allowFlip: !0,
|
|
142
126
|
stayInFrame: !0,
|
|
@@ -148,7 +132,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
148
132
|
contentId,
|
|
149
133
|
triggerRef,
|
|
150
134
|
open,
|
|
151
|
-
scope:
|
|
135
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
152
136
|
onOpenChange: setOpen,
|
|
153
137
|
onOpenToggle: voidFn,
|
|
154
138
|
hasCustomAnchor,
|
|
@@ -161,18 +145,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFra
|
|
|
161
145
|
) })
|
|
162
146
|
);
|
|
163
147
|
}), TooltipTrigger = React.forwardRef(function(props, ref) {
|
|
164
|
-
const {
|
|
165
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
166
|
-
import_popover.PopoverTrigger,
|
|
167
|
-
{
|
|
168
|
-
...rest,
|
|
169
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
170
|
-
ref
|
|
171
|
-
}
|
|
172
|
-
);
|
|
148
|
+
const { scope, ...rest } = props;
|
|
149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
|
|
173
150
|
}), TooltipAnchor = React.forwardRef(function(props, ref) {
|
|
174
|
-
const {
|
|
175
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { ...rest,
|
|
151
|
+
const { scope, ...rest } = props;
|
|
152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
|
|
176
153
|
}), Tooltip2 = (0, import_helpers.withStaticProperties)(TooltipComponent, {
|
|
177
154
|
Anchor: TooltipAnchor,
|
|
178
155
|
Arrow: TooltipArrow,
|
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,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Tooltip", "open", "props"]
|
|
6
6
|
}
|
|
@@ -37,7 +37,7 @@ module.exports = __toCommonJS(TooltipSimple_exports);
|
|
|
37
37
|
var import_get_token = require("@tamagui/get-token"),
|
|
38
38
|
import_text = require("@tamagui/text"),
|
|
39
39
|
React = __toESM(require("react")),
|
|
40
|
-
import_Tooltip = require("./Tooltip"),
|
|
40
|
+
import_Tooltip = require("./Tooltip.cjs"),
|
|
41
41
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
const TooltipSimple = React.forwardRef(({
|
|
43
43
|
label,
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -15,5 +15,5 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
|
15
15
|
}), mod);
|
|
16
16
|
var index_exports = {};
|
|
17
17
|
module.exports = __toCommonJS(index_exports);
|
|
18
|
-
__reExport(index_exports, require("./Tooltip"), module.exports);
|
|
19
|
-
__reExport(index_exports, require("./TooltipSimple"), module.exports);
|
|
18
|
+
__reExport(index_exports, require("./Tooltip.cjs"), module.exports);
|
|
19
|
+
__reExport(index_exports, require("./TooltipSimple.cjs"), module.exports);
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -26,41 +26,25 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
26
26
|
import * as React from "react";
|
|
27
27
|
import { jsx } from "react/jsx-runtime";
|
|
28
28
|
const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable(
|
|
29
|
-
React.forwardRef(
|
|
30
|
-
|
|
31
|
-
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
32
|
-
return /* @__PURE__ */ jsx(
|
|
33
|
-
PopoverContent,
|
|
34
|
-
{
|
|
35
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
36
|
-
componentName: "Tooltip",
|
|
37
|
-
disableFocusScope: !0,
|
|
38
|
-
...!props.unstyled && {
|
|
39
|
-
pointerEvents: "none"
|
|
40
|
-
},
|
|
41
|
-
ref,
|
|
42
|
-
...props,
|
|
43
|
-
...preventAnimation && {
|
|
44
|
-
animation: null
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
}
|
|
49
|
-
)
|
|
50
|
-
), TooltipArrow = React.forwardRef(
|
|
51
|
-
(props, ref) => {
|
|
52
|
-
const { __scopeTooltip, ...rest } = props;
|
|
29
|
+
React.forwardRef((props, ref) => {
|
|
30
|
+
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
53
31
|
return /* @__PURE__ */ jsx(
|
|
54
|
-
|
|
32
|
+
PopoverContent,
|
|
55
33
|
{
|
|
56
|
-
__scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
|
|
57
34
|
componentName: "Tooltip",
|
|
35
|
+
disableFocusScope: !0,
|
|
36
|
+
...!props.unstyled && {
|
|
37
|
+
pointerEvents: "none"
|
|
38
|
+
},
|
|
58
39
|
ref,
|
|
59
|
-
...
|
|
40
|
+
...props,
|
|
41
|
+
...preventAnimation && {
|
|
42
|
+
animation: null
|
|
43
|
+
}
|
|
60
44
|
}
|
|
61
45
|
);
|
|
62
|
-
}
|
|
63
|
-
), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
46
|
+
})
|
|
47
|
+
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(PopoverArrow, { componentName: "Tooltip", ref, ...props })), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
64
48
|
children,
|
|
65
49
|
delay,
|
|
66
50
|
preventAnimation = !1,
|
|
@@ -83,7 +67,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
83
67
|
focus,
|
|
84
68
|
open: openProp,
|
|
85
69
|
disableAutoCloseOnScroll,
|
|
86
|
-
|
|
70
|
+
scope,
|
|
87
71
|
...restProps
|
|
88
72
|
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup, [open, setOpen] = useControllableState({
|
|
89
73
|
prop: openProp,
|
|
@@ -133,7 +117,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
133
117
|
/* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(
|
|
134
118
|
Popper,
|
|
135
119
|
{
|
|
136
|
-
|
|
120
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
137
121
|
size: smallerSize?.key,
|
|
138
122
|
allowFlip: !0,
|
|
139
123
|
stayInFrame: !0,
|
|
@@ -145,7 +129,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
145
129
|
contentId,
|
|
146
130
|
triggerRef,
|
|
147
131
|
open,
|
|
148
|
-
scope:
|
|
132
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
149
133
|
onOpenChange: setOpen,
|
|
150
134
|
onOpenToggle: voidFn,
|
|
151
135
|
hasCustomAnchor,
|
|
@@ -158,18 +142,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
158
142
|
) })
|
|
159
143
|
);
|
|
160
144
|
}), TooltipTrigger = React.forwardRef(function(props, ref) {
|
|
161
|
-
const {
|
|
162
|
-
return /* @__PURE__ */ jsx(
|
|
163
|
-
PopoverTrigger,
|
|
164
|
-
{
|
|
165
|
-
...rest,
|
|
166
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
167
|
-
ref
|
|
168
|
-
}
|
|
169
|
-
);
|
|
145
|
+
const { scope, ...rest } = props;
|
|
146
|
+
return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
|
|
170
147
|
}), TooltipAnchor = React.forwardRef(function(props, ref) {
|
|
171
|
-
const {
|
|
172
|
-
return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest,
|
|
148
|
+
const { scope, ...rest } = props;
|
|
149
|
+
return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
|
|
173
150
|
}), Tooltip2 = withStaticProperties(TooltipComponent, {
|
|
174
151
|
Anchor: TooltipAnchor,
|
|
175
152
|
Arrow: TooltipArrow,
|
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;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/dist/esm/Tooltip.mjs
CHANGED
|
@@ -10,13 +10,9 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
12
|
const TOOLTIP_SCOPE = "tooltip",
|
|
13
|
-
TooltipContent = PopperContentFrame.extractable(React.forwardRef(({
|
|
14
|
-
__scopeTooltip,
|
|
15
|
-
...props
|
|
16
|
-
}, ref) => {
|
|
13
|
+
TooltipContent = PopperContentFrame.extractable(React.forwardRef((props, ref) => {
|
|
17
14
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
18
15
|
return /* @__PURE__ */jsx(PopoverContent, {
|
|
19
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
20
16
|
componentName: "Tooltip",
|
|
21
17
|
disableFocusScope: !0,
|
|
22
18
|
...(!props.unstyled && {
|
|
@@ -29,18 +25,11 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
29
25
|
})
|
|
30
26
|
});
|
|
31
27
|
})),
|
|
32
|
-
TooltipArrow = React.forwardRef((props, ref) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return /* @__PURE__ */jsx(PopoverArrow, {
|
|
38
|
-
__scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
|
|
39
|
-
componentName: "Tooltip",
|
|
40
|
-
ref,
|
|
41
|
-
...rest
|
|
42
|
-
});
|
|
43
|
-
}),
|
|
28
|
+
TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */jsx(PopoverArrow, {
|
|
29
|
+
componentName: "Tooltip",
|
|
30
|
+
ref,
|
|
31
|
+
...props
|
|
32
|
+
})),
|
|
44
33
|
PreventTooltipAnimationContext = React.createContext(!1),
|
|
45
34
|
TooltipGroup = ({
|
|
46
35
|
children,
|
|
@@ -68,7 +57,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
68
57
|
focus,
|
|
69
58
|
open: openProp,
|
|
70
59
|
disableAutoCloseOnScroll,
|
|
71
|
-
|
|
60
|
+
scope,
|
|
72
61
|
...restProps
|
|
73
62
|
} = props,
|
|
74
63
|
triggerRef = React.useRef(null),
|
|
@@ -137,7 +126,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
137
126
|
jsx(FloatingOverrideContext.Provider, {
|
|
138
127
|
value: useFloatingContext,
|
|
139
128
|
children: /* @__PURE__ */jsx(Popper, {
|
|
140
|
-
|
|
129
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
141
130
|
size: smallerSize?.key,
|
|
142
131
|
allowFlip: !0,
|
|
143
132
|
stayInFrame: !0,
|
|
@@ -147,7 +136,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
147
136
|
contentId,
|
|
148
137
|
triggerRef,
|
|
149
138
|
open,
|
|
150
|
-
scope:
|
|
139
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
151
140
|
onOpenChange: setOpen,
|
|
152
141
|
onOpenToggle: voidFn,
|
|
153
142
|
hasCustomAnchor,
|
|
@@ -161,23 +150,23 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
161
150
|
}),
|
|
162
151
|
TooltipTrigger = React.forwardRef(function (props, ref) {
|
|
163
152
|
const {
|
|
164
|
-
|
|
153
|
+
scope,
|
|
165
154
|
...rest
|
|
166
155
|
} = props;
|
|
167
156
|
return /* @__PURE__ */jsx(PopoverTrigger, {
|
|
168
157
|
...rest,
|
|
169
|
-
|
|
158
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
170
159
|
ref
|
|
171
160
|
});
|
|
172
161
|
}),
|
|
173
162
|
TooltipAnchor = React.forwardRef(function (props, ref) {
|
|
174
163
|
const {
|
|
175
|
-
|
|
164
|
+
scope,
|
|
176
165
|
...rest
|
|
177
166
|
} = props;
|
|
178
167
|
return /* @__PURE__ */jsx(PopoverAnchor, {
|
|
179
168
|
...rest,
|
|
180
|
-
|
|
169
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
181
170
|
ref
|
|
182
171
|
});
|
|
183
172
|
}),
|
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","
|
|
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","scope","restProps","triggerRef","useRef","hasCustomAnchor","setHasCustomAnchor","useState","delayGroup","setCurrentId","setOpen","prop","defaultProp","onChange","id","groupId","open2","useEffect","document","openIt","add","documentElement","addEventListener","delete","removeEventListener","useFloatingFn","props2","floating","delayContext","context","getReferenceProps","getFloatingProps","role","useFloatingContext","useCallback","onCustomAnchorAdd","onCustomAnchorRemove","contentId","useId","smallerSize","shift","bounds","size","key","allowFlip","stayInFrame","onOpenToggle","voidFn","TooltipTrigger","rest","TooltipAnchor","Tooltip2","Anchor","Arrow","Content","Trigger"],"sources":["../../src/Tooltip.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAO;AAEP,SACEA,kBAAA,EACAC,aAAA,EACAC,oBAAA,EACAC,UAAA,EACAC,WAAA,EACAC,QAAA,EACAC,QAAA,EACAC,eAAA,EACAC,OAAA,QACK;AAEP,SAASC,QAAA,QAAgB;AAEzB,SAASC,uBAAA,QAA+B;AACxC,SAASC,OAAA,QAAe;AACxB,SAASC,oBAAA,QAA4B;AAMrC,SACEC,aAAA,EACAC,YAAA,EACAC,cAAA,EACAC,cAAA,EACAC,cAAA,QACK;AAEP,SAASC,MAAA,EAAQC,kBAAA,QAA0B;AAC3C,SAASC,oBAAA,QAA4B;AACrC,YAAYC,KAAA,MAAW;AAiBjB,SAAAC,GAAA;AAfN,MAAMC,aAAA,GAAgB;EAUhBC,cAAA,GAAiBL,kBAAA,CAAmBM,WAAA,CACxCJ,KAAA,CAAMK,UAAA,CAAgD,CAACC,KAAA,EAAOC,GAAA,KAAQ;IACpE,MAAMC,gBAAA,GAAmBR,KAAA,CAAMS,UAAA,CAAWC,8BAA8B;IAExE,OACE,eAAAT,GAAA,CAACP,cAAA;MACCiB,aAAA,EAAc;MACdC,iBAAA,EAAiB;MAChB,IAAI,CAACN,KAAA,CAAMO,QAAA,IAAY;QACtBC,aAAA,EAAe;MACjB;MACAP,GAAA;MACC,GAAGD,KAAA;MACH,IAAIE,gBAAA,IAAoB;QACvBO,SAAA,EAAW;MACb;IAAA,CACF;EAEJ,CAAC,CACH;EAEMC,YAAA,GAAehB,KAAA,CAAMK,UAAA,CAA6C,CAACC,KAAA,EAAOC,GAAA,KACvE,eAAAN,GAAA,CAACR,YAAA;IAAakB,aAAA,EAAc;IAAUJ,GAAA;IAAW,GAAGD;EAAA,CAAO,CACnE;EA+BKI,8BAAA,GAAiCV,KAAA,CAAMiB,aAAA,CAAc,EAAK;EAEnDC,YAAA,GAAeA,CAAC;IAC3BC,QAAA;IACAC,KAAA;IACAZ,gBAAA,GAAmB;IACnBa;EACF,MAEI,eAAApB,GAAA,CAACS,8BAAA,CAA+BY,QAAA,EAA/B;IAAwCC,KAAA,EAAOf,gBAAA;IAC9CW,QAAA,iBAAAlB,GAAA,CAACtB,kBAAA;MACC0C,SAAA;MACAD,KAAA,EAAOpB,KAAA,CAAMwB,OAAA,CAAQ,MAAMJ,KAAA,EAAO,CAACK,IAAA,CAAKC,SAAA,CAAUN,KAAK,CAAC,CAAC;MAExDD;IAAA,CACH;EAAA,CACF;EAIEQ,QAAA,GAAW,mBAAIC,GAAA,CAAmD;EAE3DC,iBAAA,GAAoBA,CAAA,KAAM;IACrCF,QAAA,CAASG,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAE,EAAK,CAAC;EAClC;EAEMC,gBAAA,GAAmBhC,KAAA,CAAMK,UAAA,CAAW,UACxCC,KAAA,EAEAC,GAAA,EACA;IACA,MAAM;QACJY,QAAA;QACAC,KAAA,EAAOa,SAAA;QACPC,MAAA,GAAS,OAAOD,SAAA,GAAc,MAC1B,MACA,OAAOA,SAAA,IAAc,WACnBA,SAAA,GACA;QACNE,YAAA,EAAcC,gBAAA;QACdC,KAAA;QACAC,IAAA,EAAMC,QAAA;QACNC,wBAAA;QACAC,KAAA;QACA,GAAGC;MACL,IAAIpC,KAAA;MACEqC,UAAA,GAAa3C,KAAA,CAAM4C,MAAA,CAA0B,IAAI;MACjD,CAACC,eAAA,EAAiBC,kBAAkB,IAAI9C,KAAA,CAAM+C,QAAA,CAAS,EAAK;MAC5D;QAAE3B,KAAA,EAAO4B,UAAA;QAAYC;MAAa,IAAIpE,oBAAA,CAAqB;MAC3DuC,KAAA,GAAQa,SAAA,IAAae,UAAA;MACrB,CAACV,IAAA,EAAMY,OAAO,IAAInD,oBAAA,CAAqB;QAC3CoD,IAAA,EAAMZ,QAAA;QACNa,WAAA,EAAa;QACbC,QAAA,EAAUjB;MACZ,CAAC;MACKkB,EAAA,GAAKhD,KAAA,CAAMiD,OAAA;MAEXpB,YAAA,GAAe/C,QAAA,CAAUoE,KAAA,IAAS;QAClCA,KAAA,IACFP,YAAA,CAAaK,EAAE,GAEjBJ,OAAA,CAAQM,KAAI;MACd,CAAC;IAGDxD,KAAA,CAAMyD,SAAA,CAAU,MAAM;MAGpB,IAFI,CAACnB,IAAA,IACDE,wBAAA,IACA,OAAOkB,QAAA,GAAa,KAAa;MACrC,MAAMC,MAAA,GAASA,CAAA,KAAM;QACnBT,OAAA,CAAQ,EAAK;MACf;MACA,OAAAvB,QAAA,CAASiC,GAAA,CAAIV,OAAO,GACpBQ,QAAA,CAASG,eAAA,CAAgBC,gBAAA,CAAiB,UAAUH,MAAM,GACnD,MAAM;QACXhC,QAAA,CAASoC,MAAA,CAAOb,OAAO,GACvBQ,QAAA,CAASG,eAAA,CAAgBG,mBAAA,CAAoB,UAAUL,MAAM;MAC/D;IACF,GAAG,CAACrB,IAAA,EAAME,wBAAwB,CAAC;IAEnC,MAAMyB,aAAA,GAAgCC,MAAA,IAAU;QAE9C,MAAMC,QAAA,GAAWpF,WAAA,CAAY;YAC3B,GAAGmF,MAAA;YACH5B,IAAA;YACAH;UACF,CAAC;UACK;YAAEf,KAAA,EAAOgD;UAAa,IAAIxF,aAAA,CAAcuF,QAAA,CAASE,OAAA,EAAS;YAAEf;UAAG,CAAC;UAChE;YAAEgB,iBAAA;YAAmBC;UAAiB,IAAIrF,eAAA,CAAgB,CAC9DD,QAAA,CAASkF,QAAA,CAASE,OAAA,EAAS;YAAEjD,KAAA,EAAOA,KAAA,IAASgD,YAAA;YAAclC;UAAO,CAAC,GACnElD,QAAA,CAASmF,QAAA,CAASE,OAAA,EAAShC,KAAK,GAChClD,OAAA,CAAQgF,QAAA,CAASE,OAAA,EAAS;YAAEG,IAAA,EAAM;UAAU,CAAC,GAC7C1F,UAAA,CAAWqF,QAAA,CAASE,OAAO,EAC5B;QACD,OAAO;UACL,GAAGF,QAAA;UACH7B,IAAA;UACAgC,iBAAA;UACAC;QACF;MACF;MAEME,kBAAA,GAAqBzE,KAAA,CAAM0E,WAAA,CAAYT,aAAA,EAAe,CAC1DX,EAAA,EACAlC,KAAA,EACAkB,IAAA,EACAJ,MAAA,EACAG,KAAA,GAAQZ,IAAA,CAAKC,SAAA,CAAUW,KAAK,IAAI,EACjC;MACKsC,iBAAA,GAAoB3E,KAAA,CAAM0E,WAAA,CAAY,MAAM5B,kBAAA,CAAmB,EAAI,GAAG,EAAE;MACxE8B,oBAAA,GAAuB5E,KAAA,CAAM0E,WAAA,CAAY,MAAM5B,kBAAA,CAAmB,EAAK,GAAG,EAAE;MAC5E+B,SAAA,GAAY7E,KAAA,CAAM8E,KAAA,CAAM;MACxBC,WAAA,GAAczE,KAAA,CAAMO,QAAA,GACtB,OACAvB,OAAA,CAAQ,SAAS;QACf0F,KAAA,EAAO;QACPC,MAAA,EAAQ,CAAC,CAAC;MACZ,CAAC;IAEL;MAAA;MAEE;MAAAhF,GAAA,CAACZ,uBAAA,CAAwBiC,QAAA,EAAxB;QAAiCC,KAAA,EAAOkD,kBAAA;QAEvCtD,QAAA,iBAAAlB,GAAA,CAACJ,MAAA;UACC4C,KAAA,EAAOA,KAAA,IAASvC,aAAA;UAChBgF,IAAA,EAAMH,WAAA,EAAaI,GAAA;UACnBC,SAAA,EAAS;UACTC,WAAA,EAAW;UACX/C,IAAA;UACC,GAAGI,SAAA;UAEJvB,QAAA,iBAAAlB,GAAA,CAACN,cAAA,CAAe2B,QAAA,EAAf;YACCuD,SAAA;YACAlC,UAAA;YACAL,IAAA;YACAG,KAAA,EAAOA,KAAA,IAASvC,aAAA;YAChBiC,YAAA,EAAce,OAAA;YACdoC,YAAA,EAAcC,MAAA;YACd1C,eAAA;YACA8B,iBAAA;YACAC,oBAAA;YAECzD;UAAA,CACH;QAAA,CACF;MAAA,CACF;IAAA;EAEJ,CAAC;EAEKqE,cAAA,GAAiBxF,KAAA,CAAMK,UAAA,CAAW,UACtCC,KAAA,EACAC,GAAA,EACA;IACA,MAAM;MAAEkC,KAAA;MAAO,GAAGgD;IAAK,IAAInF,KAAA;IAC3B,OAAO,eAAAL,GAAA,CAACL,cAAA;MAAgB,GAAG6F,IAAA;MAAMhD,KAAA,EAAOA,KAAA,IAASvC,aAAA;MAAeK;IAAA,CAAU;EAC5E,CAAC;EAEKmF,aAAA,GAAgB1F,KAAA,CAAMK,UAAA,CAAW,UACrCC,KAAA,EACAC,GAAA,EACA;IACA,MAAM;MAAEkC,KAAA;MAAO,GAAGgD;IAAK,IAAInF,KAAA;IAC3B,OAAO,eAAAL,GAAA,CAACT,aAAA;MAAe,GAAGiG,IAAA;MAAMhD,KAAA,EAAOA,KAAA,IAASvC,aAAA;MAAeK;IAAA,CAAU;EAC3E,CAAC;EAEYoF,QAAA,GAAUpG,oBAAA,CAAqByC,gBAAA,EAAkB;IAC5D4D,MAAA,EAAQF,aAAA;IACRG,KAAA,EAAO7E,YAAA;IACP8E,OAAA,EAAS3F,cAAA;IACT4F,OAAA,EAASP;EACX,CAAC;EAEKD,MAAA,GAASA,CAAA,KAAM,CAAC","ignoreList":[]}
|
package/dist/jsx/Tooltip.js
CHANGED
|
@@ -26,41 +26,25 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
26
26
|
import * as React from "react";
|
|
27
27
|
import { jsx } from "react/jsx-runtime";
|
|
28
28
|
const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable(
|
|
29
|
-
React.forwardRef(
|
|
30
|
-
|
|
31
|
-
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
32
|
-
return /* @__PURE__ */ jsx(
|
|
33
|
-
PopoverContent,
|
|
34
|
-
{
|
|
35
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
36
|
-
componentName: "Tooltip",
|
|
37
|
-
disableFocusScope: !0,
|
|
38
|
-
...!props.unstyled && {
|
|
39
|
-
pointerEvents: "none"
|
|
40
|
-
},
|
|
41
|
-
ref,
|
|
42
|
-
...props,
|
|
43
|
-
...preventAnimation && {
|
|
44
|
-
animation: null
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
}
|
|
49
|
-
)
|
|
50
|
-
), TooltipArrow = React.forwardRef(
|
|
51
|
-
(props, ref) => {
|
|
52
|
-
const { __scopeTooltip, ...rest } = props;
|
|
29
|
+
React.forwardRef((props, ref) => {
|
|
30
|
+
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
53
31
|
return /* @__PURE__ */ jsx(
|
|
54
|
-
|
|
32
|
+
PopoverContent,
|
|
55
33
|
{
|
|
56
|
-
__scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
|
|
57
34
|
componentName: "Tooltip",
|
|
35
|
+
disableFocusScope: !0,
|
|
36
|
+
...!props.unstyled && {
|
|
37
|
+
pointerEvents: "none"
|
|
38
|
+
},
|
|
58
39
|
ref,
|
|
59
|
-
...
|
|
40
|
+
...props,
|
|
41
|
+
...preventAnimation && {
|
|
42
|
+
animation: null
|
|
43
|
+
}
|
|
60
44
|
}
|
|
61
45
|
);
|
|
62
|
-
}
|
|
63
|
-
), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
46
|
+
})
|
|
47
|
+
), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(PopoverArrow, { componentName: "Tooltip", ref, ...props })), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
|
|
64
48
|
children,
|
|
65
49
|
delay,
|
|
66
50
|
preventAnimation = !1,
|
|
@@ -83,7 +67,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
83
67
|
focus,
|
|
84
68
|
open: openProp,
|
|
85
69
|
disableAutoCloseOnScroll,
|
|
86
|
-
|
|
70
|
+
scope,
|
|
87
71
|
...restProps
|
|
88
72
|
} = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup, [open, setOpen] = useControllableState({
|
|
89
73
|
prop: openProp,
|
|
@@ -133,7 +117,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
133
117
|
/* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(
|
|
134
118
|
Popper,
|
|
135
119
|
{
|
|
136
|
-
|
|
120
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
137
121
|
size: smallerSize?.key,
|
|
138
122
|
allowFlip: !0,
|
|
139
123
|
stayInFrame: !0,
|
|
@@ -145,7 +129,7 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
145
129
|
contentId,
|
|
146
130
|
triggerRef,
|
|
147
131
|
open,
|
|
148
|
-
scope:
|
|
132
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
149
133
|
onOpenChange: setOpen,
|
|
150
134
|
onOpenToggle: voidFn,
|
|
151
135
|
hasCustomAnchor,
|
|
@@ -158,18 +142,11 @@ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable
|
|
|
158
142
|
) })
|
|
159
143
|
);
|
|
160
144
|
}), TooltipTrigger = React.forwardRef(function(props, ref) {
|
|
161
|
-
const {
|
|
162
|
-
return /* @__PURE__ */ jsx(
|
|
163
|
-
PopoverTrigger,
|
|
164
|
-
{
|
|
165
|
-
...rest,
|
|
166
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
167
|
-
ref
|
|
168
|
-
}
|
|
169
|
-
);
|
|
145
|
+
const { scope, ...rest } = props;
|
|
146
|
+
return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
|
|
170
147
|
}), TooltipAnchor = React.forwardRef(function(props, ref) {
|
|
171
|
-
const {
|
|
172
|
-
return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest,
|
|
148
|
+
const { scope, ...rest } = props;
|
|
149
|
+
return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
|
|
173
150
|
}), Tooltip2 = withStaticProperties(TooltipComponent, {
|
|
174
151
|
Anchor: TooltipAnchor,
|
|
175
152
|
Arrow: TooltipArrow,
|
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;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/dist/jsx/Tooltip.mjs
CHANGED
|
@@ -10,13 +10,9 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
12
|
const TOOLTIP_SCOPE = "tooltip",
|
|
13
|
-
TooltipContent = PopperContentFrame.extractable(React.forwardRef(({
|
|
14
|
-
__scopeTooltip,
|
|
15
|
-
...props
|
|
16
|
-
}, ref) => {
|
|
13
|
+
TooltipContent = PopperContentFrame.extractable(React.forwardRef((props, ref) => {
|
|
17
14
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext);
|
|
18
15
|
return /* @__PURE__ */jsx(PopoverContent, {
|
|
19
|
-
__scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
|
|
20
16
|
componentName: "Tooltip",
|
|
21
17
|
disableFocusScope: !0,
|
|
22
18
|
...(!props.unstyled && {
|
|
@@ -29,18 +25,11 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
29
25
|
})
|
|
30
26
|
});
|
|
31
27
|
})),
|
|
32
|
-
TooltipArrow = React.forwardRef((props, ref) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return /* @__PURE__ */jsx(PopoverArrow, {
|
|
38
|
-
__scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
|
|
39
|
-
componentName: "Tooltip",
|
|
40
|
-
ref,
|
|
41
|
-
...rest
|
|
42
|
-
});
|
|
43
|
-
}),
|
|
28
|
+
TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */jsx(PopoverArrow, {
|
|
29
|
+
componentName: "Tooltip",
|
|
30
|
+
ref,
|
|
31
|
+
...props
|
|
32
|
+
})),
|
|
44
33
|
PreventTooltipAnimationContext = React.createContext(!1),
|
|
45
34
|
TooltipGroup = ({
|
|
46
35
|
children,
|
|
@@ -68,7 +57,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
68
57
|
focus,
|
|
69
58
|
open: openProp,
|
|
70
59
|
disableAutoCloseOnScroll,
|
|
71
|
-
|
|
60
|
+
scope,
|
|
72
61
|
...restProps
|
|
73
62
|
} = props,
|
|
74
63
|
triggerRef = React.useRef(null),
|
|
@@ -137,7 +126,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
137
126
|
jsx(FloatingOverrideContext.Provider, {
|
|
138
127
|
value: useFloatingContext,
|
|
139
128
|
children: /* @__PURE__ */jsx(Popper, {
|
|
140
|
-
|
|
129
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
141
130
|
size: smallerSize?.key,
|
|
142
131
|
allowFlip: !0,
|
|
143
132
|
stayInFrame: !0,
|
|
@@ -147,7 +136,7 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
147
136
|
contentId,
|
|
148
137
|
triggerRef,
|
|
149
138
|
open,
|
|
150
|
-
scope:
|
|
139
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
151
140
|
onOpenChange: setOpen,
|
|
152
141
|
onOpenToggle: voidFn,
|
|
153
142
|
hasCustomAnchor,
|
|
@@ -161,23 +150,23 @@ const TOOLTIP_SCOPE = "tooltip",
|
|
|
161
150
|
}),
|
|
162
151
|
TooltipTrigger = React.forwardRef(function (props, ref) {
|
|
163
152
|
const {
|
|
164
|
-
|
|
153
|
+
scope,
|
|
165
154
|
...rest
|
|
166
155
|
} = props;
|
|
167
156
|
return /* @__PURE__ */jsx(PopoverTrigger, {
|
|
168
157
|
...rest,
|
|
169
|
-
|
|
158
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
170
159
|
ref
|
|
171
160
|
});
|
|
172
161
|
}),
|
|
173
162
|
TooltipAnchor = React.forwardRef(function (props, ref) {
|
|
174
163
|
const {
|
|
175
|
-
|
|
164
|
+
scope,
|
|
176
165
|
...rest
|
|
177
166
|
} = props;
|
|
178
167
|
return /* @__PURE__ */jsx(PopoverAnchor, {
|
|
179
168
|
...rest,
|
|
180
|
-
|
|
169
|
+
scope: scope || TOOLTIP_SCOPE,
|
|
181
170
|
ref
|
|
182
171
|
});
|
|
183
172
|
}),
|
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","
|
|
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","scope","restProps","triggerRef","useRef","hasCustomAnchor","setHasCustomAnchor","useState","delayGroup","setCurrentId","setOpen","prop","defaultProp","onChange","id","groupId","open2","useEffect","document","openIt","add","documentElement","addEventListener","delete","removeEventListener","useFloatingFn","props2","floating","delayContext","context","getReferenceProps","getFloatingProps","role","useFloatingContext","useCallback","onCustomAnchorAdd","onCustomAnchorRemove","contentId","useId","smallerSize","shift","bounds","size","key","allowFlip","stayInFrame","onOpenToggle","voidFn","TooltipTrigger","rest","TooltipAnchor","Tooltip2","Anchor","Arrow","Content","Trigger"],"sources":["../../src/Tooltip.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tooltip",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.131.0",
|
|
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.
|
|
41
|
-
"@tamagui/core": "1.
|
|
42
|
-
"@tamagui/create-context": "1.
|
|
43
|
-
"@tamagui/floating": "1.
|
|
44
|
-
"@tamagui/get-token": "1.
|
|
45
|
-
"@tamagui/helpers": "1.
|
|
46
|
-
"@tamagui/polyfill-dev": "1.
|
|
47
|
-
"@tamagui/popover": "1.
|
|
48
|
-
"@tamagui/popper": "1.
|
|
49
|
-
"@tamagui/stacks": "1.
|
|
50
|
-
"@tamagui/text": "1.
|
|
51
|
-
"@tamagui/use-controllable-state": "1.
|
|
40
|
+
"@tamagui/compose-refs": "1.131.0",
|
|
41
|
+
"@tamagui/core": "1.131.0",
|
|
42
|
+
"@tamagui/create-context": "1.131.0",
|
|
43
|
+
"@tamagui/floating": "1.131.0",
|
|
44
|
+
"@tamagui/get-token": "1.131.0",
|
|
45
|
+
"@tamagui/helpers": "1.131.0",
|
|
46
|
+
"@tamagui/polyfill-dev": "1.131.0",
|
|
47
|
+
"@tamagui/popover": "1.131.0",
|
|
48
|
+
"@tamagui/popper": "1.131.0",
|
|
49
|
+
"@tamagui/stacks": "1.131.0",
|
|
50
|
+
"@tamagui/text": "1.131.0",
|
|
51
|
+
"@tamagui/use-controllable-state": "1.131.0"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "*",
|
|
55
55
|
"react-native": "*"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@tamagui/build": "1.
|
|
58
|
+
"@tamagui/build": "1.131.0",
|
|
59
59
|
"react": "*",
|
|
60
60
|
"react-native": "^0.79.2"
|
|
61
61
|
},
|
package/src/Tooltip.tsx
CHANGED
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
useInteractions,
|
|
12
12
|
useRole,
|
|
13
13
|
} from '@floating-ui/react'
|
|
14
|
-
import type {
|
|
14
|
+
import type { SizeTokens, TamaguiElement } from '@tamagui/core'
|
|
15
15
|
import { useEvent } from '@tamagui/core'
|
|
16
16
|
import type { UseFloatingFn } from '@tamagui/floating'
|
|
17
17
|
import { FloatingOverrideContext } from '@tamagui/floating'
|
|
@@ -19,7 +19,6 @@ import { getSize } from '@tamagui/get-token'
|
|
|
19
19
|
import { withStaticProperties } from '@tamagui/helpers'
|
|
20
20
|
import type {
|
|
21
21
|
PopoverAnchorProps,
|
|
22
|
-
PopoverArrowProps,
|
|
23
22
|
PopoverContentProps,
|
|
24
23
|
PopoverTriggerProps,
|
|
25
24
|
} from '@tamagui/popover'
|
|
@@ -30,71 +29,67 @@ import {
|
|
|
30
29
|
PopoverContext,
|
|
31
30
|
PopoverTrigger,
|
|
32
31
|
} from '@tamagui/popover'
|
|
33
|
-
import type { PopperProps } from '@tamagui/popper'
|
|
32
|
+
import type { PopperArrowProps, PopperProps } from '@tamagui/popper'
|
|
34
33
|
import { Popper, PopperContentFrame } from '@tamagui/popper'
|
|
35
34
|
import { useControllableState } from '@tamagui/use-controllable-state'
|
|
36
35
|
import * as React from 'react'
|
|
37
36
|
|
|
38
37
|
const TOOLTIP_SCOPE = 'tooltip'
|
|
39
|
-
type ScopedTooltipProps<P> = ScopedProps<P, 'Tooltip'>
|
|
40
38
|
|
|
41
|
-
|
|
42
|
-
React.forwardRef(
|
|
43
|
-
({ __scopeTooltip, ...props }: ScopedTooltipProps<PopoverContentProps>, ref: any) => {
|
|
44
|
-
const preventAnimation = React.useContext(PreventTooltipAnimationContext)
|
|
39
|
+
export type TooltipScopes = string
|
|
45
40
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
{...props}
|
|
56
|
-
{...(preventAnimation && {
|
|
57
|
-
animation: null,
|
|
58
|
-
})}
|
|
59
|
-
/>
|
|
60
|
-
)
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
)
|
|
41
|
+
type ScopedProps<P> = Omit<P, 'scope'> & { scope?: TooltipScopes }
|
|
42
|
+
|
|
43
|
+
export type TooltipContentProps = ScopedProps<PopoverContentProps>
|
|
44
|
+
|
|
45
|
+
// warning: setting to stylebale causes issues with themeInverse across portal root
|
|
46
|
+
|
|
47
|
+
const TooltipContent = PopperContentFrame.extractable(
|
|
48
|
+
React.forwardRef<TamaguiElement, TooltipContentProps>((props, ref) => {
|
|
49
|
+
const preventAnimation = React.useContext(PreventTooltipAnimationContext)
|
|
64
50
|
|
|
65
|
-
const TooltipArrow = React.forwardRef(
|
|
66
|
-
(props: ScopedTooltipProps<PopoverArrowProps>, ref: any) => {
|
|
67
|
-
const { __scopeTooltip, ...rest } = props
|
|
68
51
|
return (
|
|
69
|
-
<
|
|
70
|
-
__scopePopper={__scopeTooltip || TOOLTIP_SCOPE}
|
|
52
|
+
<PopoverContent
|
|
71
53
|
componentName="Tooltip"
|
|
54
|
+
disableFocusScope
|
|
55
|
+
{...(!props.unstyled && {
|
|
56
|
+
pointerEvents: 'none',
|
|
57
|
+
})}
|
|
72
58
|
ref={ref}
|
|
73
|
-
{...
|
|
59
|
+
{...props}
|
|
60
|
+
{...(preventAnimation && {
|
|
61
|
+
animation: null,
|
|
62
|
+
})}
|
|
74
63
|
/>
|
|
75
64
|
)
|
|
76
|
-
}
|
|
65
|
+
})
|
|
77
66
|
)
|
|
78
67
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
68
|
+
const TooltipArrow = React.forwardRef<TamaguiElement, PopperArrowProps>((props, ref) => {
|
|
69
|
+
return <PopoverArrow componentName="Tooltip" ref={ref} {...props} />
|
|
70
|
+
})
|
|
71
|
+
|
|
72
|
+
export type TooltipProps = ScopedProps<
|
|
73
|
+
PopperProps & {
|
|
74
|
+
open?: boolean
|
|
75
|
+
unstyled?: boolean
|
|
76
|
+
children?: React.ReactNode
|
|
77
|
+
onOpenChange?: (open: boolean) => void
|
|
78
|
+
focus?: {
|
|
79
|
+
enabled?: boolean
|
|
80
|
+
visibleOnly?: boolean
|
|
81
|
+
}
|
|
82
|
+
groupId?: string
|
|
83
|
+
restMs?: number
|
|
84
|
+
delay?:
|
|
85
|
+
| number
|
|
86
|
+
| {
|
|
87
|
+
open?: number
|
|
88
|
+
close?: number
|
|
89
|
+
}
|
|
90
|
+
disableAutoCloseOnScroll?: boolean
|
|
87
91
|
}
|
|
88
|
-
|
|
89
|
-
restMs?: number
|
|
90
|
-
delay?:
|
|
91
|
-
| number
|
|
92
|
-
| {
|
|
93
|
-
open?: number
|
|
94
|
-
close?: number
|
|
95
|
-
}
|
|
96
|
-
disableAutoCloseOnScroll?: boolean
|
|
97
|
-
}
|
|
92
|
+
>
|
|
98
93
|
|
|
99
94
|
type Delay =
|
|
100
95
|
| number
|
|
@@ -130,7 +125,7 @@ export const closeOpenTooltips = () => {
|
|
|
130
125
|
}
|
|
131
126
|
|
|
132
127
|
const TooltipComponent = React.forwardRef(function Tooltip(
|
|
133
|
-
props:
|
|
128
|
+
props: TooltipProps,
|
|
134
129
|
// no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts
|
|
135
130
|
ref
|
|
136
131
|
) {
|
|
@@ -146,7 +141,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
146
141
|
focus,
|
|
147
142
|
open: openProp,
|
|
148
143
|
disableAutoCloseOnScroll,
|
|
149
|
-
|
|
144
|
+
scope,
|
|
150
145
|
...restProps
|
|
151
146
|
} = props
|
|
152
147
|
const triggerRef = React.useRef<HTMLButtonElement>(null)
|
|
@@ -227,7 +222,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
227
222
|
<FloatingOverrideContext.Provider value={useFloatingContext}>
|
|
228
223
|
{/* default tooltip to a smaller size */}
|
|
229
224
|
<Popper
|
|
230
|
-
|
|
225
|
+
scope={scope || TOOLTIP_SCOPE}
|
|
231
226
|
size={smallerSize?.key as SizeTokens}
|
|
232
227
|
allowFlip
|
|
233
228
|
stayInFrame
|
|
@@ -238,7 +233,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
238
233
|
contentId={contentId}
|
|
239
234
|
triggerRef={triggerRef}
|
|
240
235
|
open={open}
|
|
241
|
-
scope={
|
|
236
|
+
scope={scope || TOOLTIP_SCOPE}
|
|
242
237
|
onOpenChange={setOpen}
|
|
243
238
|
onOpenToggle={voidFn}
|
|
244
239
|
hasCustomAnchor={hasCustomAnchor}
|
|
@@ -253,27 +248,19 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
253
248
|
})
|
|
254
249
|
|
|
255
250
|
const TooltipTrigger = React.forwardRef(function TooltipTrigger(
|
|
256
|
-
props:
|
|
251
|
+
props: ScopedProps<PopoverTriggerProps>,
|
|
257
252
|
ref: any
|
|
258
253
|
) {
|
|
259
|
-
const {
|
|
260
|
-
return
|
|
261
|
-
<PopoverTrigger
|
|
262
|
-
{...rest}
|
|
263
|
-
__scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
|
|
264
|
-
ref={ref}
|
|
265
|
-
/>
|
|
266
|
-
)
|
|
254
|
+
const { scope, ...rest } = props
|
|
255
|
+
return <PopoverTrigger {...rest} scope={scope || TOOLTIP_SCOPE} ref={ref} />
|
|
267
256
|
})
|
|
268
257
|
|
|
269
258
|
const TooltipAnchor = React.forwardRef(function TooltipAnchor(
|
|
270
|
-
props:
|
|
259
|
+
props: ScopedProps<PopoverAnchorProps>,
|
|
271
260
|
ref: any
|
|
272
261
|
) {
|
|
273
|
-
const {
|
|
274
|
-
return
|
|
275
|
-
<PopoverAnchor {...rest} __scopePopover={__scopeTooltip || TOOLTIP_SCOPE} ref={ref} />
|
|
276
|
-
)
|
|
262
|
+
const { scope, ...rest } = props
|
|
263
|
+
return <PopoverAnchor {...rest} scope={scope || TOOLTIP_SCOPE} ref={ref} />
|
|
277
264
|
})
|
|
278
265
|
|
|
279
266
|
export const Tooltip = withStaticProperties(TooltipComponent, {
|
package/types/Tooltip.d.ts
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import '@tamagui/polyfill-dev';
|
|
2
|
-
import type { SizeTokens } from '@tamagui/core';
|
|
2
|
+
import type { SizeTokens, TamaguiElement } from '@tamagui/core';
|
|
3
|
+
import type { PopoverAnchorProps, PopoverContentProps, PopoverTriggerProps } from '@tamagui/popover';
|
|
3
4
|
import type { PopperProps } from '@tamagui/popper';
|
|
4
5
|
import * as React from 'react';
|
|
5
|
-
export type
|
|
6
|
+
export type TooltipScopes = string;
|
|
7
|
+
type ScopedProps<P> = Omit<P, 'scope'> & {
|
|
8
|
+
scope?: TooltipScopes;
|
|
9
|
+
};
|
|
10
|
+
export type TooltipContentProps = ScopedProps<PopoverContentProps>;
|
|
11
|
+
export type TooltipProps = ScopedProps<PopperProps & {
|
|
6
12
|
open?: boolean;
|
|
7
13
|
unstyled?: boolean;
|
|
8
14
|
children?: React.ReactNode;
|
|
@@ -18,7 +24,7 @@ export type TooltipProps = PopperProps & {
|
|
|
18
24
|
close?: number;
|
|
19
25
|
};
|
|
20
26
|
disableAutoCloseOnScroll?: boolean;
|
|
21
|
-
}
|
|
27
|
+
}>;
|
|
22
28
|
type Delay = number | Partial<{
|
|
23
29
|
open: number;
|
|
24
30
|
close: number;
|
|
@@ -30,7 +36,7 @@ export declare const TooltipGroup: ({ children, delay, preventAnimation, timeout
|
|
|
30
36
|
timeoutMs?: number;
|
|
31
37
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
32
38
|
export declare const closeOpenTooltips: () => void;
|
|
33
|
-
export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
|
|
39
|
+
export declare const Tooltip: React.ForwardRefExoticComponent<Omit<PopperProps & {
|
|
34
40
|
open?: boolean;
|
|
35
41
|
unstyled?: boolean;
|
|
36
42
|
children?: React.ReactNode;
|
|
@@ -46,38 +52,11 @@ export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
|
|
|
46
52
|
close?: number;
|
|
47
53
|
};
|
|
48
54
|
disableAutoCloseOnScroll?: boolean;
|
|
49
|
-
} & {
|
|
50
|
-
|
|
55
|
+
}, "scope"> & {
|
|
56
|
+
scope?: TooltipScopes;
|
|
51
57
|
} & React.RefAttributes<unknown>> & {
|
|
52
|
-
Anchor: React.ForwardRefExoticComponent<Omit<
|
|
53
|
-
|
|
54
|
-
inset?: number | SizeTokens | {
|
|
55
|
-
top?: number;
|
|
56
|
-
bottom?: number;
|
|
57
|
-
left?: number;
|
|
58
|
-
right?: number;
|
|
59
|
-
} | null | undefined;
|
|
60
|
-
fullscreen?: boolean | undefined;
|
|
61
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
|
|
62
|
-
elevation?: number | SizeTokens | undefined;
|
|
63
|
-
inset?: number | SizeTokens | {
|
|
64
|
-
top?: number;
|
|
65
|
-
bottom?: number;
|
|
66
|
-
left?: number;
|
|
67
|
-
right?: number;
|
|
68
|
-
} | null | undefined;
|
|
69
|
-
fullscreen?: boolean | undefined;
|
|
70
|
-
} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {
|
|
71
|
-
elevation?: number | SizeTokens | undefined;
|
|
72
|
-
inset?: number | SizeTokens | {
|
|
73
|
-
top?: number;
|
|
74
|
-
bottom?: number;
|
|
75
|
-
left?: number;
|
|
76
|
-
right?: number;
|
|
77
|
-
} | null | undefined;
|
|
78
|
-
fullscreen?: boolean | undefined;
|
|
79
|
-
}>> & {
|
|
80
|
-
__scopeTooltip?: string | undefined;
|
|
58
|
+
Anchor: React.ForwardRefExoticComponent<Omit<PopoverAnchorProps, "scope"> & {
|
|
59
|
+
scope?: TooltipScopes;
|
|
81
60
|
} & React.RefAttributes<unknown>>;
|
|
82
61
|
Arrow: React.ForwardRefExoticComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/core").StackStyleBase | "fullscreen"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
|
|
83
62
|
elevation?: number | SizeTokens | undefined;
|
|
@@ -106,14 +85,17 @@ export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
|
|
|
106
85
|
right?: number;
|
|
107
86
|
} | null | undefined;
|
|
108
87
|
fullscreen?: boolean | undefined;
|
|
109
|
-
}>> &
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
} & React.RefAttributes<
|
|
115
|
-
|
|
116
|
-
|
|
88
|
+
}>> & {
|
|
89
|
+
offset?: number;
|
|
90
|
+
size?: SizeTokens;
|
|
91
|
+
} & {
|
|
92
|
+
scope?: string | undefined;
|
|
93
|
+
} & React.RefAttributes<TamaguiElement>>;
|
|
94
|
+
Content: React.ForwardRefExoticComponent<Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
|
|
95
|
+
scope?: TooltipScopes;
|
|
96
|
+
} & React.RefAttributes<TamaguiElement>>;
|
|
97
|
+
Trigger: React.ForwardRefExoticComponent<Omit<PopoverTriggerProps, "scope"> & {
|
|
98
|
+
scope?: TooltipScopes;
|
|
117
99
|
} & React.RefAttributes<unknown>>;
|
|
118
100
|
};
|
|
119
101
|
export {};
|
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,
|
|
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;AA6BlE,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;AA6ID,eAAO,MAAM,OAAO;WAhMT,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;;YAjDa,aAAa;;;gBAAb,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAb,aAAa;;;gBAAb,aAAa;;CAsO9D,CAAA"}
|