@tamagui/tooltip 2.0.0-rc.4 → 2.0.0-rc.40
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 +214 -199
- package/dist/cjs/Tooltip.native.js +30 -28
- package/dist/cjs/Tooltip.native.js.map +1 -1
- package/dist/cjs/TooltipSimple.cjs +41 -34
- package/dist/cjs/TooltipSimple.native.js +15 -13
- package/dist/cjs/TooltipSimple.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Tooltip.mjs +180 -168
- package/dist/esm/Tooltip.mjs.map +1 -1
- package/dist/esm/Tooltip.native.js +16 -16
- package/dist/esm/Tooltip.native.js.map +1 -1
- package/dist/esm/TooltipSimple.mjs +12 -7
- package/dist/esm/TooltipSimple.mjs.map +1 -1
- package/dist/esm/TooltipSimple.native.js +3 -3
- package/dist/esm/TooltipSimple.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Tooltip.mjs +180 -168
- package/dist/jsx/Tooltip.mjs.map +1 -1
- package/dist/jsx/Tooltip.native.js +30 -28
- package/dist/jsx/Tooltip.native.js.map +1 -1
- package/dist/jsx/TooltipSimple.mjs +12 -7
- package/dist/jsx/TooltipSimple.mjs.map +1 -1
- package/dist/jsx/TooltipSimple.native.js +15 -13
- package/dist/jsx/TooltipSimple.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/package.json +18 -22
- package/src/Tooltip.tsx +57 -67
- package/src/TooltipSimple.tsx +4 -3
- package/types/Tooltip.d.ts +12 -5
- package/types/Tooltip.d.ts.map +1 -1
- package/types/TooltipSimple.d.ts.map +1 -1
- package/dist/cjs/Tooltip.js +0 -177
- package/dist/cjs/Tooltip.js.map +0 -6
- package/dist/cjs/TooltipSimple.js +0 -98
- package/dist/cjs/TooltipSimple.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/Tooltip.js +0 -179
- package/dist/esm/Tooltip.js.map +0 -6
- package/dist/esm/TooltipSimple.js +0 -78
- package/dist/esm/TooltipSimple.js.map +0 -6
- package/dist/jsx/Tooltip.js +0 -179
- package/dist/jsx/Tooltip.js.map +0 -6
- package/dist/jsx/TooltipSimple.js +0 -78
- package/dist/jsx/TooltipSimple.js.map +0 -6
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var TooltipSimple_native_exports = {};
|
|
24
26
|
__export(TooltipSimple_native_exports, {
|
|
@@ -26,7 +28,7 @@ __export(TooltipSimple_native_exports, {
|
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(TooltipSimple_native_exports);
|
|
28
30
|
var RenderChildren = function (props) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
return props.children;
|
|
32
|
+
};
|
|
33
|
+
var TooltipSimple = RenderChildren;
|
|
32
34
|
//# sourceMappingURL=TooltipSimple.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TooltipSimple_native_exports","__export","TooltipSimple","module","exports","__toCommonJS","RenderChildren","props","children"],"sources":["../../src/TooltipSimple.native.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["TooltipSimple_native_exports","__export","TooltipSimple","module","exports","__toCommonJS","RenderChildren","props","children"],"sources":["../../src/TooltipSimple.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,4BAAA;AAAA,IAAIM,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;EACjC,OAAOA,KAAA,CAAMC,QAAA;AACjB;AACO,IAAIN,aAAA,GAAgBI,cAAA","ignoreList":[]}
|
package/dist/jsx/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./Tooltip";
|
|
2
|
-
export * from "./TooltipSimple";
|
|
1
|
+
export * from "./Tooltip.mjs";
|
|
2
|
+
export * from "./TooltipSimple.mjs";
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/jsx/index.js.map
CHANGED
package/dist/jsx/index.native.js
CHANGED
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var index_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(index_exports);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tooltip",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.40",
|
|
4
4
|
"source": "src/index.tsx",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -18,15 +18,12 @@
|
|
|
18
18
|
"./package.json": "./package.json",
|
|
19
19
|
".": {
|
|
20
20
|
"types": "./types/index.d.ts",
|
|
21
|
-
"react-native":
|
|
22
|
-
|
|
23
|
-
"import": "./dist/esm/index.native.js",
|
|
24
|
-
"require": "./dist/cjs/index.native.js"
|
|
25
|
-
},
|
|
21
|
+
"react-native": "./dist/esm/index.native.js",
|
|
22
|
+
"browser": "./dist/esm/index.mjs",
|
|
26
23
|
"module": "./dist/esm/index.mjs",
|
|
27
24
|
"import": "./dist/esm/index.mjs",
|
|
28
25
|
"require": "./dist/cjs/index.cjs",
|
|
29
|
-
"default": "./dist/
|
|
26
|
+
"default": "./dist/esm/index.mjs"
|
|
30
27
|
}
|
|
31
28
|
},
|
|
32
29
|
"publishConfig": {
|
|
@@ -39,24 +36,23 @@
|
|
|
39
36
|
"clean:build": "tamagui-build clean:build"
|
|
40
37
|
},
|
|
41
38
|
"dependencies": {
|
|
42
|
-
"@
|
|
43
|
-
"@tamagui/
|
|
44
|
-
"@tamagui/
|
|
45
|
-
"@tamagui/
|
|
46
|
-
"@tamagui/
|
|
47
|
-
"@tamagui/
|
|
48
|
-
"@tamagui/
|
|
49
|
-
"@tamagui/
|
|
50
|
-
"@tamagui/
|
|
51
|
-
"@tamagui/
|
|
52
|
-
"@tamagui/
|
|
53
|
-
"@tamagui/
|
|
54
|
-
"@tamagui/use-controllable-state": "2.0.0-rc.4"
|
|
39
|
+
"@tamagui/compose-refs": "2.0.0-rc.40",
|
|
40
|
+
"@tamagui/core": "2.0.0-rc.40",
|
|
41
|
+
"@tamagui/create-context": "2.0.0-rc.40",
|
|
42
|
+
"@tamagui/floating": "2.0.0-rc.40",
|
|
43
|
+
"@tamagui/get-token": "2.0.0-rc.40",
|
|
44
|
+
"@tamagui/helpers": "2.0.0-rc.40",
|
|
45
|
+
"@tamagui/polyfill-dev": "2.0.0-rc.40",
|
|
46
|
+
"@tamagui/popover": "2.0.0-rc.40",
|
|
47
|
+
"@tamagui/popper": "2.0.0-rc.40",
|
|
48
|
+
"@tamagui/stacks": "2.0.0-rc.40",
|
|
49
|
+
"@tamagui/text": "2.0.0-rc.40",
|
|
50
|
+
"@tamagui/use-controllable-state": "2.0.0-rc.40"
|
|
55
51
|
},
|
|
56
52
|
"devDependencies": {
|
|
57
|
-
"@tamagui/build": "2.0.0-rc.
|
|
53
|
+
"@tamagui/build": "2.0.0-rc.40",
|
|
58
54
|
"react": ">=19",
|
|
59
|
-
"react-native": "0.
|
|
55
|
+
"react-native": "0.83.2"
|
|
60
56
|
},
|
|
61
57
|
"peerDependencies": {
|
|
62
58
|
"react": ">=19",
|
package/src/Tooltip.tsx
CHANGED
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
import '@tamagui/polyfill-dev'
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
FloatingDelayGroup,
|
|
5
|
-
useDelayGroup,
|
|
6
|
-
useDelayGroupContext,
|
|
7
|
-
useDismiss,
|
|
8
|
-
useFloating,
|
|
9
|
-
useFocus,
|
|
10
|
-
useHover,
|
|
11
|
-
useInteractions,
|
|
12
|
-
useRole,
|
|
13
|
-
} from '@floating-ui/react'
|
|
3
|
+
import { FloatingDelayGroup, useDelayGroupContext, type Delay } from '@tamagui/floating'
|
|
14
4
|
import type { SizeTokens, TamaguiElement } from '@tamagui/core'
|
|
15
5
|
import { useEvent } from '@tamagui/core'
|
|
16
|
-
import type { UseFloatingFn } from '@tamagui/floating'
|
|
17
6
|
import { FloatingOverrideContext } from '@tamagui/floating'
|
|
18
7
|
import { getSize } from '@tamagui/get-token'
|
|
19
8
|
import { withStaticProperties } from '@tamagui/helpers'
|
|
@@ -26,8 +15,9 @@ import {
|
|
|
26
15
|
PopoverAnchor,
|
|
27
16
|
PopoverArrow,
|
|
28
17
|
PopoverContent,
|
|
29
|
-
|
|
18
|
+
PopoverContextProvider,
|
|
30
19
|
PopoverTrigger,
|
|
20
|
+
useFloatingContext,
|
|
31
21
|
} from '@tamagui/popover'
|
|
32
22
|
import type { PopperArrowProps, PopperProps } from '@tamagui/popper'
|
|
33
23
|
import { Popper, PopperContentFrame } from '@tamagui/popper'
|
|
@@ -44,18 +34,32 @@ export type TooltipContentProps = ScopedProps<PopoverContentProps>
|
|
|
44
34
|
|
|
45
35
|
// warning: setting to stylebale causes issues with themeInverse across portal root
|
|
46
36
|
|
|
37
|
+
// performance: avoid 2 components we never use
|
|
38
|
+
const ALWAYS_DISABLE_TOOLTIP = {
|
|
39
|
+
focus: true,
|
|
40
|
+
'remove-scroll': true,
|
|
41
|
+
// it's nice to hit escape to hide a tooltip
|
|
42
|
+
// dismiss: true
|
|
43
|
+
} as const
|
|
44
|
+
|
|
47
45
|
const TooltipContent = PopperContentFrame.styleable<TooltipContentProps>(
|
|
48
46
|
(props, ref) => {
|
|
49
47
|
const preventAnimation = React.useContext(PreventTooltipAnimationContext)
|
|
48
|
+
const zIndexFromContext = React.useContext(TooltipZIndexContext)
|
|
50
49
|
|
|
51
50
|
return (
|
|
52
51
|
<PopoverContent
|
|
53
52
|
scope={props.scope || TOOLTIP_SCOPE}
|
|
54
|
-
|
|
53
|
+
alwaysDisable={ALWAYS_DISABLE_TOOLTIP}
|
|
55
54
|
{...(!props.unstyled && {
|
|
55
|
+
backgroundColor: '$background',
|
|
56
|
+
alignItems: 'center',
|
|
56
57
|
pointerEvents: 'none',
|
|
58
|
+
size: '$true',
|
|
57
59
|
})}
|
|
58
60
|
ref={ref}
|
|
61
|
+
// zIndex from root Tooltip prop flows to portal
|
|
62
|
+
{...(zIndexFromContext !== undefined && { zIndex: zIndexFromContext })}
|
|
59
63
|
{...props}
|
|
60
64
|
{...(preventAnimation && {
|
|
61
65
|
transition: null,
|
|
@@ -100,17 +104,16 @@ export type TooltipProps = ScopedProps<
|
|
|
100
104
|
close?: number
|
|
101
105
|
}
|
|
102
106
|
disableAutoCloseOnScroll?: boolean
|
|
107
|
+
/**
|
|
108
|
+
* z-index for the tooltip portal. Use this when tooltips need to appear
|
|
109
|
+
* above other portaled content like dialogs.
|
|
110
|
+
*/
|
|
111
|
+
zIndex?: number
|
|
103
112
|
}
|
|
104
113
|
>
|
|
105
114
|
|
|
106
|
-
type Delay =
|
|
107
|
-
| number
|
|
108
|
-
| Partial<{
|
|
109
|
-
open: number
|
|
110
|
-
close: number
|
|
111
|
-
}>
|
|
112
|
-
|
|
113
115
|
const PreventTooltipAnimationContext = React.createContext(false)
|
|
116
|
+
const TooltipZIndexContext = React.createContext<number | undefined>(undefined)
|
|
114
117
|
|
|
115
118
|
export const TooltipGroup = ({
|
|
116
119
|
children,
|
|
@@ -146,6 +149,9 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
146
149
|
// no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts
|
|
147
150
|
ref
|
|
148
151
|
) {
|
|
152
|
+
// hooks inside useFloatingFn confuse the React Compiler
|
|
153
|
+
'use no memo'
|
|
154
|
+
|
|
149
155
|
const {
|
|
150
156
|
children,
|
|
151
157
|
delay: delayProp,
|
|
@@ -154,6 +160,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
154
160
|
focus,
|
|
155
161
|
open: openProp,
|
|
156
162
|
disableAutoCloseOnScroll,
|
|
163
|
+
zIndex,
|
|
157
164
|
scope = TOOLTIP_SCOPE,
|
|
158
165
|
...restProps
|
|
159
166
|
} = props
|
|
@@ -170,7 +177,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
170
177
|
})
|
|
171
178
|
const id = props.groupId
|
|
172
179
|
|
|
173
|
-
const onOpenChange = useEvent((open) => {
|
|
180
|
+
const onOpenChange = useEvent((open: boolean) => {
|
|
174
181
|
if (open) {
|
|
175
182
|
setCurrentId(id)
|
|
176
183
|
}
|
|
@@ -193,47 +200,22 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
193
200
|
}
|
|
194
201
|
}, [open, disableAutoCloseOnScroll])
|
|
195
202
|
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
open,
|
|
201
|
-
onOpenChange,
|
|
202
|
-
})
|
|
203
|
-
// useDelayGroup returns the coordinated delay from FloatingDelayGroup
|
|
204
|
-
// When another tooltip in the group is open, it returns { open: 1, close: ... }
|
|
205
|
-
// to enable instant opening when moving between grouped tooltips
|
|
206
|
-
const { delay: delayContext, currentId } = useDelayGroup(floating.context, { id })
|
|
207
|
-
// Use coordinated delay only when actively in a group with another tooltip showing
|
|
208
|
-
// (currentId is set and delayContext is the coordinated { open: 1, ... } object)
|
|
209
|
-
// Otherwise fall back to local delay
|
|
210
|
-
const isInActiveGroup = currentId != null && typeof delayContext === 'object'
|
|
211
|
-
const delayOut = isInActiveGroup ? delayContext : delay
|
|
212
|
-
|
|
213
|
-
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
214
|
-
useHover(floating.context, {
|
|
215
|
-
delay: delayOut,
|
|
216
|
-
restMs,
|
|
217
|
-
}),
|
|
218
|
-
useFocus(floating.context, focus),
|
|
219
|
-
useRole(floating.context, { role: 'tooltip' }),
|
|
220
|
-
useDismiss(floating.context),
|
|
221
|
-
])
|
|
222
|
-
return {
|
|
223
|
-
...floating,
|
|
224
|
-
open,
|
|
225
|
-
getReferenceProps,
|
|
226
|
-
getFloatingProps,
|
|
227
|
-
} as any
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
const useFloatingContext = React.useCallback(useFloatingFn, [
|
|
231
|
-
id,
|
|
232
|
-
delay,
|
|
203
|
+
// use the shared floating context from popover — gives us multi-trigger
|
|
204
|
+
// hover coordination (onHoverReference/onLeaveReference + grace period)
|
|
205
|
+
// and safePolygon for free
|
|
206
|
+
const floatingContext = useFloatingContext({
|
|
233
207
|
open,
|
|
208
|
+
setOpen: onOpenChange,
|
|
209
|
+
disable: false,
|
|
210
|
+
disableFocus: false,
|
|
211
|
+
hoverable: true,
|
|
212
|
+
role: 'tooltip',
|
|
213
|
+
focus,
|
|
214
|
+
groupId: id,
|
|
215
|
+
delay,
|
|
234
216
|
restMs,
|
|
235
|
-
|
|
236
|
-
|
|
217
|
+
})
|
|
218
|
+
|
|
237
219
|
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])
|
|
238
220
|
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])
|
|
239
221
|
const contentId = React.useId()
|
|
@@ -244,9 +226,8 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
244
226
|
bounds: [0],
|
|
245
227
|
})
|
|
246
228
|
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
<FloatingOverrideContext.Provider value={useFloatingContext}>
|
|
229
|
+
const content = (
|
|
230
|
+
<FloatingOverrideContext.Provider value={floatingContext}>
|
|
250
231
|
{/* default tooltip to a smaller size */}
|
|
251
232
|
<Popper
|
|
252
233
|
scope={scope}
|
|
@@ -256,8 +237,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
256
237
|
open={open}
|
|
257
238
|
{...restProps}
|
|
258
239
|
>
|
|
259
|
-
<
|
|
260
|
-
popoverScope={scope}
|
|
240
|
+
<PopoverContextProvider
|
|
261
241
|
scope={scope}
|
|
262
242
|
contentId={contentId}
|
|
263
243
|
triggerRef={triggerRef}
|
|
@@ -269,10 +249,20 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
269
249
|
onCustomAnchorRemove={onCustomAnchorRemove}
|
|
270
250
|
>
|
|
271
251
|
{children}
|
|
272
|
-
</
|
|
252
|
+
</PopoverContextProvider>
|
|
273
253
|
</Popper>
|
|
274
254
|
</FloatingOverrideContext.Provider>
|
|
275
255
|
)
|
|
256
|
+
|
|
257
|
+
if (zIndex !== undefined) {
|
|
258
|
+
return (
|
|
259
|
+
<TooltipZIndexContext.Provider value={zIndex}>
|
|
260
|
+
{content}
|
|
261
|
+
</TooltipZIndexContext.Provider>
|
|
262
|
+
)
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
return content
|
|
276
266
|
})
|
|
277
267
|
|
|
278
268
|
const TooltipTrigger = React.forwardRef(function TooltipTrigger(
|
package/src/TooltipSimple.tsx
CHANGED
|
@@ -15,6 +15,8 @@ export type TooltipSimpleProps = TooltipProps & {
|
|
|
15
15
|
|
|
16
16
|
export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
|
|
17
17
|
({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
|
|
18
|
+
'use no memo'
|
|
19
|
+
|
|
18
20
|
const child = React.Children.only(children)
|
|
19
21
|
|
|
20
22
|
if (!label) {
|
|
@@ -27,6 +29,8 @@ export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
|
|
|
27
29
|
offset={15}
|
|
28
30
|
restMs={40}
|
|
29
31
|
delay={40}
|
|
32
|
+
// ensure tooltips appear above dialogs and other portaled content
|
|
33
|
+
zIndex={1_000_000}
|
|
30
34
|
{...tooltipProps}
|
|
31
35
|
{...(disabled ? { open: false } : null)}
|
|
32
36
|
>
|
|
@@ -42,7 +46,6 @@ export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
|
|
|
42
46
|
</Tooltip.Trigger>
|
|
43
47
|
|
|
44
48
|
<Tooltip.Content
|
|
45
|
-
zIndex={1_000_000_000}
|
|
46
49
|
enterStyle={{ y: -4, opacity: 0, scale: 0.96 }}
|
|
47
50
|
exitStyle={{ y: -4, opacity: 0, scale: 0.96 }}
|
|
48
51
|
scale={1}
|
|
@@ -53,8 +56,6 @@ export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
|
|
|
53
56
|
shift: -4,
|
|
54
57
|
})}
|
|
55
58
|
animateOnly={['transform', 'opacity']}
|
|
56
|
-
// not working how i expect at least
|
|
57
|
-
// animatePosition
|
|
58
59
|
transition={[
|
|
59
60
|
'quicker',
|
|
60
61
|
{
|
package/types/Tooltip.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import '@tamagui/polyfill-dev';
|
|
2
|
+
import { type Delay } from '@tamagui/floating';
|
|
2
3
|
import type { SizeTokens, TamaguiElement } from '@tamagui/core';
|
|
3
4
|
import type { PopoverAnchorProps, PopoverContentProps, PopoverTriggerProps } from '@tamagui/popover';
|
|
4
5
|
import type { PopperProps } from '@tamagui/popper';
|
|
@@ -24,10 +25,11 @@ export type TooltipProps = ScopedProps<PopperProps & {
|
|
|
24
25
|
close?: number;
|
|
25
26
|
};
|
|
26
27
|
disableAutoCloseOnScroll?: boolean;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
/**
|
|
29
|
+
* z-index for the tooltip portal. Use this when tooltips need to appear
|
|
30
|
+
* above other portaled content like dialogs.
|
|
31
|
+
*/
|
|
32
|
+
zIndex?: number;
|
|
31
33
|
}>;
|
|
32
34
|
export declare const TooltipGroup: ({ children, delay, preventAnimation, timeoutMs, }: {
|
|
33
35
|
children?: any;
|
|
@@ -52,6 +54,11 @@ export declare const Tooltip: React.ForwardRefExoticComponent<Omit<PopperProps &
|
|
|
52
54
|
close?: number;
|
|
53
55
|
};
|
|
54
56
|
disableAutoCloseOnScroll?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* z-index for the tooltip portal. Use this when tooltips need to appear
|
|
59
|
+
* above other portaled content like dialogs.
|
|
60
|
+
*/
|
|
61
|
+
zIndex?: number;
|
|
55
62
|
}, "scope"> & {
|
|
56
63
|
scope?: TooltipScopes;
|
|
57
64
|
} & React.RefAttributes<unknown>> & {
|
|
@@ -67,7 +74,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<Omit<PopperProps &
|
|
|
67
74
|
unstyled?: boolean | undefined;
|
|
68
75
|
elevation?: number | SizeTokens | undefined;
|
|
69
76
|
fullscreen?: boolean | undefined;
|
|
70
|
-
}>, "theme" | "debug" | "scope" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onStartShouldSetResponder" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onLayout" | "elevationAndroid" | "rel" | "download" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "style" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "position" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "userSelect" | "backdropFilter" | "background" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "boxShadow" | "border" | "overflowX" | "overflowY" | "transformOrigin" | "filter" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "inset" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "transition" | "animateOnly" | "animatePresence" | "passThrough" | "elevation" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "isolation" | "mixBlendMode" | "experimental_backgroundImage" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "boxSizing" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "size" | "transparent" | "fullscreen" | "circular" | "elevate" | "bordered" | "chromeless" | `$${string}` | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | `$theme-${string}` | `$theme-${number}` | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "forceUnmount" | "onBlurCapture" | "onFocusCapture" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "animatePosition" | "enableAnimationForPositionChange" | "lazyMount" | "trapFocus" | "disableFocusScope" | "onOpenAutoFocus" | "onCloseAutoFocus" | "enableRemoveScroll" | "freezeContentsWhenHidden"> & Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
|
|
77
|
+
}>, "theme" | "debug" | "scope" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onStartShouldSetResponder" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onLayout" | "elevationAndroid" | "rel" | "download" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "style" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "position" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "outline" | "userSelect" | "backdropFilter" | "background" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "boxShadow" | "border" | "overflowX" | "overflowY" | "transformOrigin" | "filter" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "inset" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "transition" | "animateOnly" | "animatePresence" | "passThrough" | "elevation" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "isolation" | "mixBlendMode" | "experimental_backgroundImage" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "boxSizing" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "size" | "transparent" | "fullscreen" | "circular" | "elevate" | "bordered" | "chromeless" | `$${string}` | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | `$theme-${string}` | `$theme-${number}` | "branches" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "forceUnmount" | "onBlurCapture" | "onFocusCapture" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "animatePosition" | "enableAnimationForPositionChange" | "lazyMount" | "trapFocus" | "disableFocusScope" | "onOpenAutoFocus" | "onCloseAutoFocus" | "enableRemoveScroll" | "freezeContentsWhenHidden" | "alwaysDisable"> & Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
|
|
71
78
|
scope?: TooltipScopes;
|
|
72
79
|
}, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
|
|
73
80
|
scope?: TooltipScopes;
|
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;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAA4C,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxF,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAK/D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AASzB,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;AAuDlE,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;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AAKD,eAAO,MAAM,YAAY,GAAI,mDAK1B;IACD,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,4CAWA,CAAA;AAID,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AA2ID,eAAO,MAAM,OAAO;WAlMT,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;IAClC;;;OAGG;aACM,MAAM;;YAhFgC,aAAa;;;gBAAb,aAAa;;;;;;;;;;;;gBAAb,aAAa;;gBAAb,aAAa;;;;;;;;gBAAb,aAAa;;CAkQ9D,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,CAqEtD,CAAA"}
|