@tamagui/tooltip 2.0.0-rc.3 → 2.0.0-rc.30
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 +45 -47
- package/dist/cjs/TooltipSimple.cjs +3 -1
- package/dist/cjs/index.js +12 -9
- package/dist/esm/Tooltip.mjs +43 -46
- package/dist/esm/Tooltip.mjs.map +1 -1
- package/dist/esm/TooltipSimple.mjs +3 -1
- package/dist/esm/TooltipSimple.mjs.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Tooltip.mjs +43 -46
- package/dist/jsx/Tooltip.mjs.map +1 -1
- package/dist/jsx/TooltipSimple.mjs +3 -1
- package/dist/jsx/TooltipSimple.mjs.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -6
- 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/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
package/dist/jsx/Tooltip.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FloatingDelayGroup","
|
|
1
|
+
{"version":3,"names":["FloatingDelayGroup","useDelayGroupContext","useEvent","FloatingOverrideContext","getSize","withStaticProperties","PopoverAnchor","PopoverArrow","PopoverContent","PopoverContextProvider","PopoverTrigger","useFloatingContext","Popper","PopperContentFrame","useControllableState","React","jsx","TOOLTIP_SCOPE","ALWAYS_DISABLE_TOOLTIP","focus","TooltipContent","styleable","props","ref","preventAnimation","useContext","PreventTooltipAnimationContext","zIndexFromContext","TooltipZIndexContext","scope","alwaysDisable","unstyled","backgroundColor","alignItems","pointerEvents","size","zIndex","transition","staticConfig","componentName","TooltipArrow","forwardRef","createContext","TooltipGroup","children","delay","timeoutMs","Provider","value","useMemo","JSON","stringify","setOpens","Set","closeOpenTooltips","forEach","x","TooltipComponent","delayProp","restMs","restMsProp","onOpenChange","onOpenChangeProp","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","floatingContext","disable","disableFocus","hoverable","role","onCustomAnchorAdd","useCallback","onCustomAnchorRemove","contentId","useId","smallerSize","shift","bounds","content","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":[]}
|
|
@@ -10,12 +10,15 @@ const TooltipSimple = React.forwardRef(({
|
|
|
10
10
|
disabled,
|
|
11
11
|
...tooltipProps
|
|
12
12
|
}, ref) => {
|
|
13
|
+
"use no memo";
|
|
14
|
+
|
|
13
15
|
const child = React.Children.only(children);
|
|
14
16
|
return label ? /* @__PURE__ */jsxs(Tooltip, {
|
|
15
17
|
disableRTL: !0,
|
|
16
18
|
offset: 15,
|
|
17
19
|
restMs: 40,
|
|
18
20
|
delay: 40,
|
|
21
|
+
zIndex: 1e6,
|
|
19
22
|
...tooltipProps,
|
|
20
23
|
...(disabled ? {
|
|
21
24
|
open: !1
|
|
@@ -29,7 +32,6 @@ const TooltipSimple = React.forwardRef(({
|
|
|
29
32
|
ref
|
|
30
33
|
}) : child
|
|
31
34
|
}), /* @__PURE__ */jsxs(Tooltip.Content, {
|
|
32
|
-
zIndex: 1e9,
|
|
33
35
|
enterStyle: {
|
|
34
36
|
y: -4,
|
|
35
37
|
opacity: 0,
|
|
@@ -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","
|
|
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","zIndex","open","Trigger","asChild","isValidElement","cloneElement","Content","enterStyle","y","opacity","scale","exitStyle","elevation","pointerEvents","paddingVertical","size","shift","animateOnly","transition","overshootClamping","Arrow","maxWidth","overflow","textAlign","textWrap"],"sources":["../../src/TooltipSimple.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,SAAA,QAAiB;AAC1B,YAAYC,KAAA,MAAW;AAGvB,SAASC,OAAA,QAAe;AA8BhB,SAAAC,GAAA,EAWAC,IAAA,QAXA;AArBD,MAAMC,aAAA,GAA8CJ,KAAA,CAAMK,UAAA,CAC/D,CAAC;EAAEC,KAAA;EAAOC,QAAA;EAAUC,YAAA;EAAcC,QAAA;EAAU,GAAGC;AAAa,GAAGC,GAAA,KAAQ;EACrE;;EAEA,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;IAEPC,MAAA,EAAQ;IACP,GAAGT,YAAA;IACH,IAAID,QAAA,GAAW;MAAEW,IAAA,EAAM;IAAM,IAAI;IAElCb,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQoB,OAAA,EAAR;MACE,IAAI,OAAOf,KAAA,IAAU,YAAY;QAChC,cAAcA;MAChB;MACAgB,OAAA,EAAQ;MAEPf,QAAA,EAAAI,GAAA,IAAOX,KAAA,CAAMuB,cAAA,CAAeX,KAAK,IAC9BZ,KAAA,CAAMwB,YAAA,CAAaZ,KAAA,EAAO;QAAED;MAAI,CAAQ,IACxCC;IAAA,CACN,GAEA,eAAAT,IAAA,CAACF,OAAA,CAAQwB,OAAA,EAAR;MACCC,UAAA,EAAY;QAAEC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MAC7CC,SAAA,EAAW;QAAEH,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MAC5CA,KAAA,EAAO;MACPE,SAAA,EAAU;MACVH,OAAA,EAAS;MACTI,aAAA,EAAc;MACdC,eAAA,EAAiBnC,QAAA,CAASY,YAAA,CAAawB,IAAA,IAAQ,SAAS;QACtDC,KAAA,EAAO;MACT,CAAC;MACDC,WAAA,EAAa,CAAC,aAAa,SAAS;MACpCC,UAAA,EAAY,CACV,WACA;QACET,OAAA,EAAS;UACPU,iBAAA,EAAmB;QACrB;MACF,EACF;MACC,GAAG9B,YAAA;MAEJD,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQsC,KAAA,EAAR,EAAc,GACf,eAAArC,GAAA,CAACH,SAAA;QACCyC,QAAA,EAAU;QACVC,QAAA,EAAS;QACTP,IAAA,EAAK;QACLQ,SAAA,EAAU;QACV,iBAAe;UACbC,QAAA,EAAU;QACZ;QAECpC,QAAA,EAAAD;MAAA,CACH;IAAA,CACF;EAAA,CACF,IA3DOC,QAAA;AA6DX,CACF","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/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.30",
|
|
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.3"
|
|
39
|
+
"@tamagui/compose-refs": "2.0.0-rc.30",
|
|
40
|
+
"@tamagui/core": "2.0.0-rc.30",
|
|
41
|
+
"@tamagui/create-context": "2.0.0-rc.30",
|
|
42
|
+
"@tamagui/floating": "2.0.0-rc.30",
|
|
43
|
+
"@tamagui/get-token": "2.0.0-rc.30",
|
|
44
|
+
"@tamagui/helpers": "2.0.0-rc.30",
|
|
45
|
+
"@tamagui/polyfill-dev": "2.0.0-rc.30",
|
|
46
|
+
"@tamagui/popover": "2.0.0-rc.30",
|
|
47
|
+
"@tamagui/popper": "2.0.0-rc.30",
|
|
48
|
+
"@tamagui/stacks": "2.0.0-rc.30",
|
|
49
|
+
"@tamagui/text": "2.0.0-rc.30",
|
|
50
|
+
"@tamagui/use-controllable-state": "2.0.0-rc.30"
|
|
55
51
|
},
|
|
56
52
|
"devDependencies": {
|
|
57
|
-
"@tamagui/build": "2.0.0-rc.
|
|
53
|
+
"@tamagui/build": "2.0.0-rc.30",
|
|
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"}
|