@tamagui/tooltip 1.13.3 → 1.13.4
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.js +1 -151
- package/dist/cjs/Tooltip.js.map +2 -2
- package/dist/cjs/Tooltip.native.js +1 -41
- package/dist/cjs/Tooltip.native.js.map +2 -2
- package/dist/cjs/TooltipSimple.js +1 -77
- package/dist/cjs/TooltipSimple.js.map +2 -2
- package/dist/cjs/TooltipSimple.native.js +1 -31
- package/dist/cjs/TooltipSimple.native.js.map +2 -2
- package/dist/cjs/index.js +1 -19
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/Tooltip.js +1 -137
- package/dist/esm/Tooltip.js.map +2 -2
- package/dist/esm/Tooltip.mjs +1 -137
- package/dist/esm/Tooltip.mjs.map +2 -2
- package/dist/esm/Tooltip.native.js +1 -17
- package/dist/esm/Tooltip.native.js.map +2 -2
- package/dist/esm/Tooltip.native.mjs +1 -17
- package/dist/esm/Tooltip.native.mjs.map +2 -2
- package/dist/esm/TooltipSimple.js +1 -53
- package/dist/esm/TooltipSimple.js.map +2 -2
- package/dist/esm/TooltipSimple.mjs +1 -53
- package/dist/esm/TooltipSimple.mjs.map +2 -2
- package/dist/esm/TooltipSimple.native.js +1 -7
- package/dist/esm/TooltipSimple.native.js.map +2 -2
- package/dist/esm/TooltipSimple.native.mjs +1 -7
- package/dist/esm/TooltipSimple.native.mjs.map +2 -2
- package/dist/esm/index.js +1 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/jsx/Tooltip.js +1 -129
- package/dist/jsx/Tooltip.js.map +2 -2
- package/dist/jsx/Tooltip.mjs +1 -129
- package/dist/jsx/Tooltip.mjs.map +2 -2
- package/dist/jsx/Tooltip.native.js +1 -17
- package/dist/jsx/Tooltip.native.js.map +2 -2
- package/dist/jsx/Tooltip.native.mjs +1 -17
- package/dist/jsx/Tooltip.native.mjs.map +2 -2
- package/dist/jsx/TooltipSimple.js +1 -48
- package/dist/jsx/TooltipSimple.js.map +2 -2
- package/dist/jsx/TooltipSimple.mjs +1 -48
- package/dist/jsx/TooltipSimple.mjs.map +2 -2
- package/dist/jsx/TooltipSimple.native.js +1 -7
- package/dist/jsx/TooltipSimple.native.js.map +2 -2
- package/dist/jsx/TooltipSimple.native.mjs +1 -7
- package/dist/jsx/TooltipSimple.native.mjs.map +2 -2
- package/dist/jsx/index.js +1 -2
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +1 -2
- package/dist/jsx/index.mjs.map +1 -1
- package/package.json +13 -13
package/dist/jsx/Tooltip.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
4
|
"sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n FloatingDelayGroup,\n useDelayGroup,\n useDelayGroupContext,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from '@floating-ui/react'\nimport { SizeTokens, useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n PopoverAnchor,\n PopoverArrow,\n PopoverArrowProps,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger,\n __PopoverProviderInternal,\n usePopoverScope,\n} from '@tamagui/popover'\nimport {\n Popper,\n PopperContentFrame,\n PopperProps,\n usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = PopperContentFrame.extractable(\n React.forwardRef(\n (\n { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n ref: any\n ) => {\n const popperScope = usePopoverScope(__scopePopover)\n const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n const padding = props.size || popper.size || stepTokenUpOrDown('size', '$true', -2)\n return (\n <PopoverContent\n componentName=\"Tooltip\"\n disableRemoveScroll\n trapFocus={false}\n padding={padding}\n pointerEvents=\"none\"\n ref={ref}\n {...props}\n />\n )\n }\n )\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n return <PopoverArrow componentName=\"Tooltip\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n children?: React.ReactNode\n onOpenChange?: (open: boolean) => void\n focus?: {\n enabled?: boolean\n keyboardOnly?: boolean\n }\n groupId?: string\n restMs?: number\n delay?:\n | number\n | {\n open?: number\n close?: number\n }\n}\n\ntype Delay =\n | number\n | Partial<{\n open: number\n close: number\n }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n return (\n <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n {children}\n </FloatingDelayGroup>\n )\n}\n\nconst TooltipComponent = React.forwardRef(function Tooltip(\n props: ScopedProps<TooltipProps, 'Popover'>,\n // theres no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts\n ref\n) {\n const {\n __scopePopover,\n children,\n delay: delayProp,\n restMs = typeof delayProp === 'undefined'\n ? 500\n : typeof delayProp === 'number'\n ? delayProp\n : 0,\n onOpenChange: onOpenChangeProp,\n focus,\n ...restProps\n } = props\n const popperScope = usePopoverScope(__scopePopover)\n const triggerRef = React.useRef<HTMLButtonElement>(null)\n const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n const delay = delayProp ?? delayGroup\n const [open, setOpen] = React.useState(false)\n const id = props.groupId\n\n const onOpenChange = useEvent((open) => {\n setOpen(open)\n if (open) {\n setCurrentId(id)\n }\n onOpenChangeProp?.(open)\n })\n\n const useFloatingFn: UseFloatingFn = (props) => {\n // @ts-ignore\n const floating = useFloating({\n ...props,\n open,\n onOpenChange,\n })\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(floating.context, { delay, restMs }),\n useFocus(floating.context, focus),\n useRole(floating.context, { role: 'tooltip' }),\n useDismiss(floating.context),\n useDelayGroup(floating.context, { id }),\n ])\n return {\n ...floating,\n getReferenceProps,\n getFloatingProps,\n } as any\n }\n\n const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])\n const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])\n const contentId = useId()\n const twoSmallerKey = stepTokenUpOrDown('size', '$true', -2).key\n const size = `$${twoSmallerKey}`\n\n return (\n <FloatingOverrideContext.Provider value={useFloatingContext}>\n {/* default tooltip to a smaller size */}\n <Popper size={size as SizeTokens} {...popperScope} {...restProps}>\n <__PopoverProviderInternal\n scope={__scopePopover}\n popperScope={popperScope.__scopePopper}\n contentId={contentId}\n triggerRef={triggerRef}\n sheetBreakpoint={false}\n scopeKey=\"\"\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={voidFn}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={onCustomAnchorAdd}\n onCustomAnchorRemove={onCustomAnchorRemove}\n >\n {children}\n </__PopoverProviderInternal>\n </Popper>\n </FloatingOverrideContext.Provider>\n )\n})\n\nexport const Tooltip = withStaticProperties(TooltipComponent, {\n Anchor: PopoverAnchor,\n Arrow: TooltipArrow,\n Content: TooltipContent,\n Trigger: PopoverTrigger,\n})\n\nconst voidFn = () => {}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["FloatingDelayGroup", "useDelayGroup", "useDelayGroupContext", "useDismiss", "useFloating", "useFocus", "useHover", "useInteractions", "useRole", "useEvent", "useId", "withStaticProperties", "FloatingOverrideContext", "stepTokenUpOrDown", "PopoverAnchor", "PopoverArrow", "PopoverContent", "PopoverTrigger", "__PopoverProviderInternal", "usePopoverScope", "Popper", "PopperContentFrame", "usePopperContext", "React", "TooltipContent", "__scopePopover", "props", "ref", "popperScope", "popper", "padding", "TooltipArrow", "TooltipGroup", "children", "delay", "TooltipComponent", "delayProp", "restMs", "onOpenChangeProp", "focus", "restProps", "triggerRef", "hasCustomAnchor", "setHasCustomAnchor", "delayGroup", "setCurrentId", "open", "setOpen", "id", "onOpenChange", "useFloatingFn", "floating", "getReferenceProps", "getFloatingProps", "useFloatingContext", "onCustomAnchorAdd", "onCustomAnchorRemove", "contentId", "size", "voidFn", "Tooltip"]
|
|
7
7
|
}
|
package/dist/jsx/Tooltip.mjs
CHANGED
|
@@ -1,130 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
FloatingDelayGroup,
|
|
4
|
-
useDelayGroup,
|
|
5
|
-
useDelayGroupContext,
|
|
6
|
-
useDismiss,
|
|
7
|
-
useFloating,
|
|
8
|
-
useFocus,
|
|
9
|
-
useHover,
|
|
10
|
-
useInteractions,
|
|
11
|
-
useRole
|
|
12
|
-
} from "@floating-ui/react";
|
|
13
|
-
import { useEvent, useId, withStaticProperties } from "@tamagui/core";
|
|
14
|
-
import { FloatingOverrideContext } from "@tamagui/floating";
|
|
15
|
-
import { stepTokenUpOrDown } from "@tamagui/get-size";
|
|
16
|
-
import {
|
|
17
|
-
PopoverAnchor,
|
|
18
|
-
PopoverArrow,
|
|
19
|
-
PopoverContent,
|
|
20
|
-
PopoverTrigger,
|
|
21
|
-
__PopoverProviderInternal,
|
|
22
|
-
usePopoverScope
|
|
23
|
-
} from "@tamagui/popover";
|
|
24
|
-
import {
|
|
25
|
-
Popper,
|
|
26
|
-
PopperContentFrame,
|
|
27
|
-
usePopperContext
|
|
28
|
-
} from "@tamagui/popper";
|
|
29
|
-
import * as React from "react";
|
|
30
|
-
const TooltipContent = PopperContentFrame.extractable(
|
|
31
|
-
React.forwardRef(
|
|
32
|
-
({ __scopePopover, ...props }, ref) => {
|
|
33
|
-
const popperScope = usePopoverScope(__scopePopover);
|
|
34
|
-
const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
|
|
35
|
-
const padding = props.size || popper.size || stepTokenUpOrDown("size", "$true", -2);
|
|
36
|
-
return <PopoverContent
|
|
37
|
-
componentName="Tooltip"
|
|
38
|
-
disableRemoveScroll
|
|
39
|
-
trapFocus={false}
|
|
40
|
-
padding={padding}
|
|
41
|
-
pointerEvents="none"
|
|
42
|
-
ref={ref}
|
|
43
|
-
{...props}
|
|
44
|
-
/>;
|
|
45
|
-
}
|
|
46
|
-
)
|
|
47
|
-
);
|
|
48
|
-
const TooltipArrow = React.forwardRef((props, ref) => {
|
|
49
|
-
return <PopoverArrow componentName="Tooltip" ref={ref} {...props} />;
|
|
50
|
-
});
|
|
51
|
-
const TooltipGroup = ({ children, delay }) => {
|
|
52
|
-
return <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>{children}</FloatingDelayGroup>;
|
|
53
|
-
};
|
|
54
|
-
const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
55
|
-
const {
|
|
56
|
-
__scopePopover,
|
|
57
|
-
children,
|
|
58
|
-
delay: delayProp,
|
|
59
|
-
restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
|
|
60
|
-
onOpenChange: onOpenChangeProp,
|
|
61
|
-
focus,
|
|
62
|
-
...restProps
|
|
63
|
-
} = props;
|
|
64
|
-
const popperScope = usePopoverScope(__scopePopover);
|
|
65
|
-
const triggerRef = React.useRef(null);
|
|
66
|
-
const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
|
|
67
|
-
const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
|
|
68
|
-
const delay = delayProp ?? delayGroup;
|
|
69
|
-
const [open, setOpen] = React.useState(false);
|
|
70
|
-
const id = props.groupId;
|
|
71
|
-
const onOpenChange = useEvent((open2) => {
|
|
72
|
-
setOpen(open2);
|
|
73
|
-
if (open2) {
|
|
74
|
-
setCurrentId(id);
|
|
75
|
-
}
|
|
76
|
-
onOpenChangeProp?.(open2);
|
|
77
|
-
});
|
|
78
|
-
const useFloatingFn = (props2) => {
|
|
79
|
-
const floating = useFloating({
|
|
80
|
-
...props2,
|
|
81
|
-
open,
|
|
82
|
-
onOpenChange
|
|
83
|
-
});
|
|
84
|
-
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
85
|
-
useHover(floating.context, { delay, restMs }),
|
|
86
|
-
useFocus(floating.context, focus),
|
|
87
|
-
useRole(floating.context, { role: "tooltip" }),
|
|
88
|
-
useDismiss(floating.context),
|
|
89
|
-
useDelayGroup(floating.context, { id })
|
|
90
|
-
]);
|
|
91
|
-
return {
|
|
92
|
-
...floating,
|
|
93
|
-
getReferenceProps,
|
|
94
|
-
getFloatingProps
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
|
|
98
|
-
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
|
|
99
|
-
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
|
|
100
|
-
const contentId = useId();
|
|
101
|
-
const twoSmallerKey = stepTokenUpOrDown("size", "$true", -2).key;
|
|
102
|
-
const size = `$${twoSmallerKey}`;
|
|
103
|
-
return <FloatingOverrideContext.Provider value={useFloatingContext}><Popper size={size} {...popperScope} {...restProps}><__PopoverProviderInternal
|
|
104
|
-
scope={__scopePopover}
|
|
105
|
-
popperScope={popperScope.__scopePopper}
|
|
106
|
-
contentId={contentId}
|
|
107
|
-
triggerRef={triggerRef}
|
|
108
|
-
sheetBreakpoint={false}
|
|
109
|
-
scopeKey=""
|
|
110
|
-
open={open}
|
|
111
|
-
onOpenChange={setOpen}
|
|
112
|
-
onOpenToggle={voidFn}
|
|
113
|
-
hasCustomAnchor={hasCustomAnchor}
|
|
114
|
-
onCustomAnchorAdd={onCustomAnchorAdd}
|
|
115
|
-
onCustomAnchorRemove={onCustomAnchorRemove}
|
|
116
|
-
>{children}</__PopoverProviderInternal></Popper></FloatingOverrideContext.Provider>;
|
|
117
|
-
});
|
|
118
|
-
const Tooltip2 = withStaticProperties(TooltipComponent, {
|
|
119
|
-
Anchor: PopoverAnchor,
|
|
120
|
-
Arrow: TooltipArrow,
|
|
121
|
-
Content: TooltipContent,
|
|
122
|
-
Trigger: PopoverTrigger
|
|
123
|
-
});
|
|
124
|
-
const voidFn = () => {
|
|
125
|
-
};
|
|
126
|
-
export {
|
|
127
|
-
Tooltip2 as Tooltip,
|
|
128
|
-
TooltipGroup
|
|
129
|
-
};
|
|
1
|
+
import"@tamagui/polyfill-dev";import{FloatingDelayGroup as D,useDelayGroup as G,useDelayGroupContext as M,useDismiss as N,useFloating as $,useFocus as E,useHover as H,useInteractions as K,useRole as U}from"@floating-ui/react";import{useEvent as B,useId as J,withStaticProperties as L}from"@tamagui/core";import{FloatingOverrideContext as j}from"@tamagui/floating";import{stepTokenUpOrDown as f}from"@tamagui/get-size";import{PopoverAnchor as q,PopoverArrow as Q,PopoverContent as V,PopoverTrigger as W,__PopoverProviderInternal as X,usePopoverScope as g}from"@tamagui/popover";import{Popper as Y,PopperContentFrame as Z,usePopperContext as oo}from"@tamagui/popper";import*as e from"react";const eo=Z.extractable(e.forwardRef(({__scopePopover:r,...o},i)=>{const s=g(r),a=oo("PopperContent",s.__scopePopper),t=o.size||a.size||f("size","$true",-2);return<V componentName="Tooltip"disableRemoveScroll trapFocus={!1}padding={t}pointerEvents="none"ref={i}{...o}/>})),ro=e.forwardRef((r,o)=><Q componentName="Tooltip"ref={o}{...r}/>),bo=({children:r,delay:o})=><D delay={e.useMemo(()=>o,[JSON.stringify(o)])}>{r}</D>,to=e.forwardRef(function(o,i){const{__scopePopover:s,children:a,delay:t,restMs:v=typeof t>"u"?500:typeof t=="number"?t:0,onOpenChange:C,focus:y,...h}=o,u=g(s),b=e.useRef(null),[F,m]=e.useState(!1),{delay:T,setCurrentId:A}=M(),d=t??T,[c,P]=e.useState(!1),l=o.groupId,S=B(p=>{P(p),p&&A(l),C?.(p)}),x=p=>{const n=$({...p,open:c,onOpenChange:S}),{getReferenceProps:I,getFloatingProps:z}=K([H(n.context,{delay:d,restMs:v}),E(n.context,y),U(n.context,{role:"tooltip"}),N(n.context),G(n.context,{id:l})]);return{...n,getReferenceProps:I,getFloatingProps:z}},R=e.useCallback(x,[l,d,c]),w=e.useCallback(()=>m(!0),[]),O=e.useCallback(()=>m(!1),[]),_=J(),k=`$${f("size","$true",-2).key}`;return<j.Provider value={R}><Y size={k}{...u}{...h}><X scope={s}popperScope={u.__scopePopper}contentId={_}triggerRef={b}sheetBreakpoint={!1}scopeKey=""open={c}onOpenChange={P}onOpenToggle={no}hasCustomAnchor={F}onCustomAnchorAdd={w}onCustomAnchorRemove={O}>{a}</X></Y></j.Provider>}),Fo=L(to,{Anchor:q,Arrow:ro,Content:eo,Trigger:W}),no=()=>{};export{Fo as Tooltip,bo as TooltipGroup};
|
|
130
2
|
//# sourceMappingURL=Tooltip.mjs.map
|
package/dist/jsx/Tooltip.mjs.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
4
|
"sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n FloatingDelayGroup,\n useDelayGroup,\n useDelayGroupContext,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from '@floating-ui/react'\nimport { SizeTokens, useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n PopoverAnchor,\n PopoverArrow,\n PopoverArrowProps,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger,\n __PopoverProviderInternal,\n usePopoverScope,\n} from '@tamagui/popover'\nimport {\n Popper,\n PopperContentFrame,\n PopperProps,\n usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = PopperContentFrame.extractable(\n React.forwardRef(\n (\n { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n ref: any\n ) => {\n const popperScope = usePopoverScope(__scopePopover)\n const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n const padding = props.size || popper.size || stepTokenUpOrDown('size', '$true', -2)\n return (\n <PopoverContent\n componentName=\"Tooltip\"\n disableRemoveScroll\n trapFocus={false}\n padding={padding}\n pointerEvents=\"none\"\n ref={ref}\n {...props}\n />\n )\n }\n )\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n return <PopoverArrow componentName=\"Tooltip\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n children?: React.ReactNode\n onOpenChange?: (open: boolean) => void\n focus?: {\n enabled?: boolean\n keyboardOnly?: boolean\n }\n groupId?: string\n restMs?: number\n delay?:\n | number\n | {\n open?: number\n close?: number\n }\n}\n\ntype Delay =\n | number\n | Partial<{\n open: number\n close: number\n }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n return (\n <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n {children}\n </FloatingDelayGroup>\n )\n}\n\nconst TooltipComponent = React.forwardRef(function Tooltip(\n props: ScopedProps<TooltipProps, 'Popover'>,\n // theres no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts\n ref\n) {\n const {\n __scopePopover,\n children,\n delay: delayProp,\n restMs = typeof delayProp === 'undefined'\n ? 500\n : typeof delayProp === 'number'\n ? delayProp\n : 0,\n onOpenChange: onOpenChangeProp,\n focus,\n ...restProps\n } = props\n const popperScope = usePopoverScope(__scopePopover)\n const triggerRef = React.useRef<HTMLButtonElement>(null)\n const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n const delay = delayProp ?? delayGroup\n const [open, setOpen] = React.useState(false)\n const id = props.groupId\n\n const onOpenChange = useEvent((open) => {\n setOpen(open)\n if (open) {\n setCurrentId(id)\n }\n onOpenChangeProp?.(open)\n })\n\n const useFloatingFn: UseFloatingFn = (props) => {\n // @ts-ignore\n const floating = useFloating({\n ...props,\n open,\n onOpenChange,\n })\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(floating.context, { delay, restMs }),\n useFocus(floating.context, focus),\n useRole(floating.context, { role: 'tooltip' }),\n useDismiss(floating.context),\n useDelayGroup(floating.context, { id }),\n ])\n return {\n ...floating,\n getReferenceProps,\n getFloatingProps,\n } as any\n }\n\n const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])\n const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])\n const contentId = useId()\n const twoSmallerKey = stepTokenUpOrDown('size', '$true', -2).key\n const size = `$${twoSmallerKey}`\n\n return (\n <FloatingOverrideContext.Provider value={useFloatingContext}>\n {/* default tooltip to a smaller size */}\n <Popper size={size as SizeTokens} {...popperScope} {...restProps}>\n <__PopoverProviderInternal\n scope={__scopePopover}\n popperScope={popperScope.__scopePopper}\n contentId={contentId}\n triggerRef={triggerRef}\n sheetBreakpoint={false}\n scopeKey=\"\"\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={voidFn}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={onCustomAnchorAdd}\n onCustomAnchorRemove={onCustomAnchorRemove}\n >\n {children}\n </__PopoverProviderInternal>\n </Popper>\n </FloatingOverrideContext.Provider>\n )\n})\n\nexport const Tooltip = withStaticProperties(TooltipComponent, {\n Anchor: PopoverAnchor,\n Arrow: TooltipArrow,\n Content: TooltipContent,\n Trigger: PopoverTrigger,\n})\n\nconst voidFn = () => {}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": "AAAA,MAAO,wBAEP,OACE,sBAAAA,EACA,iBAAAC,EACA,wBAAAC,EACA,cAAAC,EACA,eAAAC,EACA,YAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,WAAAC,MACK,qBACP,OAAqB,YAAAC,EAAU,SAAAC,EAAO,wBAAAC,MAA4B,gBAElE,OAAS,2BAAAC,MAA8C,oBACvD,OAAS,qBAAAC,MAAyB,oBAClC,OACE,iBAAAC,EACA,gBAAAC,EAEA,kBAAAC,EAEA,kBAAAC,EACA,6BAAAC,EACA,mBAAAC,MACK,mBACP,OACE,UAAAC,EACA,sBAAAC,EAEA,oBAAAC,OACK,kBACP,UAAYC,MAAW,QAEvB,MAAMC,GAAiBH,EAAmB,YACxCE,EAAM,WACJ,CACE,CAAE,eAAAE,EAAgB,GAAGC,CAAM,EAC3BC,IACG,CACH,MAAMC,EAAcT,EAAgBM,CAAc,EAC5CI,EAASP,GAAiB,gBAAiBM,EAAY,aAAgB,EACvEE,EAAUJ,EAAM,MAAQG,EAAO,MAAQhB,EAAkB,OAAQ,QAAS,EAAE,EAClF,MACE,CAACG,EACC,cAAc,SACd,oBACA,WAAW,GACX,SAASc,EACT,cAAc,MACd,KAAKH,MACDD,EACN,EAEJ,CACF,CACF,EAEMK,GAAeR,EAAM,WAAW,CAACG,EAA0BC,IACxD,CAACZ,EAAa,cAAc,SAAU,KAAKY,MAASD,EAAO,EACnE,EA0BYM,GAAe,CAAC,CAAE,SAAAC,EAAU,MAAAC,CAAM,IAE3C,CAAClC,EAAmB,OAAOuB,EAAM,QAAQ,IAAMW,EAAO,CAAC,KAAK,UAAUA,CAAK,CAAC,CAAC,IAC1ED,EACH,EAFCjC,GAMCmC,GAAmBZ,EAAM,WAAW,SACxCG,EAEAC,EACA,CACA,KAAM,CACJ,eAAAF,EACA,SAAAQ,EACA,MAAOG,EACP,OAAAC,EAAS,OAAOD,EAAc,IAC1B,IACA,OAAOA,GAAc,SACrBA,EACA,EACJ,aAAcE,EACd,MAAAC,EACA,GAAGC,CACL,EAAId,EACEE,EAAcT,EAAgBM,CAAc,EAC5CgB,EAAalB,EAAM,OAA0B,IAAI,EACjD,CAACmB,EAAiBC,CAAkB,EAAIpB,EAAM,SAAS,EAAK,EAC5D,CAAE,MAAOqB,EAAY,aAAAC,CAAa,EAAI3C,EAAqB,EAC3DgC,EAAQE,GAAaQ,EACrB,CAACE,EAAMC,CAAO,EAAIxB,EAAM,SAAS,EAAK,EACtCyB,EAAKtB,EAAM,QAEXuB,EAAexC,EAAUqC,GAAS,CACtCC,EAAQD,CAAI,EACRA,GACFD,EAAaG,CAAE,EAEjBV,IAAmBQ,CAAI,CACzB,CAAC,EAEKI,EAAgCxB,GAAU,CAE9C,MAAMyB,EAAW/C,EAAY,CAC3B,GAAGsB,EACH,KAAAoB,EACA,aAAAG,CACF,CAAC,EACK,CAAE,kBAAAG,EAAmB,iBAAAC,CAAiB,EAAI9C,EAAgB,CAC9DD,EAAS6C,EAAS,QAAS,CAAE,MAAAjB,EAAO,OAAAG,CAAO,CAAC,EAC5ChC,EAAS8C,EAAS,QAASZ,CAAK,EAChC/B,EAAQ2C,EAAS,QAAS,CAAE,KAAM,SAAU,CAAC,EAC7ChD,EAAWgD,EAAS,OAAO,EAC3BlD,EAAckD,EAAS,QAAS,CAAE,GAAAH,CAAG,CAAC,CACxC,CAAC,EACD,MAAO,CACL,GAAGG,EACH,kBAAAC,EACA,iBAAAC,CACF,CACF,EAEMC,EAAqB/B,EAAM,YAAY2B,EAAe,CAACF,EAAId,EAAOY,CAAI,CAAC,EACvES,EAAoBhC,EAAM,YAAY,IAAMoB,EAAmB,EAAI,EAAG,CAAC,CAAC,EACxEa,EAAuBjC,EAAM,YAAY,IAAMoB,EAAmB,EAAK,EAAG,CAAC,CAAC,EAC5Ec,EAAY/C,EAAM,EAElBgD,EAAO,IADS7C,EAAkB,OAAQ,QAAS,EAAE,EAAE,MAG7D,MACE,CAACD,EAAwB,SAAS,OAAO0C,GAEvC,CAAClC,EAAO,MAAMsC,MAAwB9B,MAAiBY,GACrD,CAACtB,EACC,OAAOO,EACP,aAAaG,EAAY,cACzB,WAAW6B,EACX,YAAYhB,EACZ,iBAAiB,GACjB,SAAS,EACT,MAAMK,EACN,cAAcC,EACd,cAAcY,GACd,iBAAiBjB,EACjB,mBAAmBa,EACnB,sBAAsBC,IAErBvB,EACH,EAfCf,EAgBH,EAjBCE,EAkBH,EApBCR,EAAwB,SAsB7B,CAAC,EAEYgD,GAAUjD,EAAqBwB,GAAkB,CAC5D,OAAQrB,EACR,MAAOiB,GACP,QAASP,GACT,QAASP,CACX,CAAC,EAEK0C,GAAS,IAAM,CAAC",
|
|
6
|
+
"names": ["FloatingDelayGroup", "useDelayGroup", "useDelayGroupContext", "useDismiss", "useFloating", "useFocus", "useHover", "useInteractions", "useRole", "useEvent", "useId", "withStaticProperties", "FloatingOverrideContext", "stepTokenUpOrDown", "PopoverAnchor", "PopoverArrow", "PopoverContent", "PopoverTrigger", "__PopoverProviderInternal", "usePopoverScope", "Popper", "PopperContentFrame", "usePopperContext", "React", "TooltipContent", "__scopePopover", "props", "ref", "popperScope", "popper", "padding", "TooltipArrow", "TooltipGroup", "children", "delay", "TooltipComponent", "delayProp", "restMs", "onOpenChangeProp", "focus", "restProps", "triggerRef", "hasCustomAnchor", "setHasCustomAnchor", "delayGroup", "setCurrentId", "open", "setOpen", "id", "onOpenChange", "useFloatingFn", "floating", "getReferenceProps", "getFloatingProps", "useFloatingContext", "onCustomAnchorAdd", "onCustomAnchorRemove", "contentId", "size", "voidFn", "Tooltip"]
|
|
7
7
|
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
const RenderChildren = (props) => {
|
|
3
|
-
return props.children;
|
|
4
|
-
};
|
|
5
|
-
const RenderNull = (props) => {
|
|
6
|
-
return null;
|
|
7
|
-
};
|
|
8
|
-
const Tooltip = withStaticProperties(RenderChildren, {
|
|
9
|
-
Anchor: RenderChildren,
|
|
10
|
-
Arrow: RenderNull,
|
|
11
|
-
Close: RenderNull,
|
|
12
|
-
Content: RenderNull,
|
|
13
|
-
Trigger: RenderChildren
|
|
14
|
-
});
|
|
15
|
-
export {
|
|
16
|
-
Tooltip
|
|
17
|
-
};
|
|
1
|
+
import{withStaticProperties as o}from"@tamagui/core";const r=e=>e.children,n=e=>null,i=o(r,{Anchor:r,Arrow:n,Close:n,Content:n,Trigger:r});export{i as Tooltip};
|
|
18
2
|
//# sourceMappingURL=Tooltip.native.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.native.tsx"],
|
|
4
4
|
"sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n return props.children\n}\n\nconst RenderNull = (props: any) => {\n return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n Anchor: RenderChildren,\n Arrow: RenderNull,\n Close: RenderNull,\n Content: RenderNull,\n Trigger: RenderChildren,\n})\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,wBAAAA,MAA4B,gBAKrC,MAAMC,EAAkBC,GACfA,EAAM,SAGTC,EAAcD,GACX,KAGIE,EAAUJ,EAAqBC,EAAgB,CAC1D,OAAQA,EACR,MAAOE,EACP,MAAOA,EACP,QAASA,EACT,QAASF,CACX,CAAC",
|
|
6
|
+
"names": ["withStaticProperties", "RenderChildren", "props", "RenderNull", "Tooltip"]
|
|
7
7
|
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
const RenderChildren = (props) => {
|
|
3
|
-
return props.children;
|
|
4
|
-
};
|
|
5
|
-
const RenderNull = (props) => {
|
|
6
|
-
return null;
|
|
7
|
-
};
|
|
8
|
-
const Tooltip = withStaticProperties(RenderChildren, {
|
|
9
|
-
Anchor: RenderChildren,
|
|
10
|
-
Arrow: RenderNull,
|
|
11
|
-
Close: RenderNull,
|
|
12
|
-
Content: RenderNull,
|
|
13
|
-
Trigger: RenderChildren
|
|
14
|
-
});
|
|
15
|
-
export {
|
|
16
|
-
Tooltip
|
|
17
|
-
};
|
|
1
|
+
import{withStaticProperties as o}from"@tamagui/core";const r=e=>e.children,n=e=>null,i=o(r,{Anchor:r,Arrow:n,Close:n,Content:n,Trigger:r});export{i as Tooltip};
|
|
18
2
|
//# sourceMappingURL=Tooltip.native.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.native.tsx"],
|
|
4
4
|
"sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n return props.children\n}\n\nconst RenderNull = (props: any) => {\n return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n Anchor: RenderChildren,\n Arrow: RenderNull,\n Close: RenderNull,\n Content: RenderNull,\n Trigger: RenderChildren,\n})\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,wBAAAA,MAA4B,gBAKrC,MAAMC,EAAkBC,GACfA,EAAM,SAGTC,EAAcD,GACX,KAGIE,EAAUJ,EAAqBC,EAAgB,CAC1D,OAAQA,EACR,MAAOE,EACP,MAAOA,EACP,QAASA,EACT,QAASF,CACX,CAAC",
|
|
6
|
+
"names": ["withStaticProperties", "RenderChildren", "props", "RenderNull", "Tooltip"]
|
|
7
7
|
}
|
|
@@ -1,49 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Paragraph } from "@tamagui/text";
|
|
3
|
-
import { Tooltip, TooltipGroup } from "./Tooltip";
|
|
4
|
-
const TooltipSimple = ({
|
|
5
|
-
label,
|
|
6
|
-
children,
|
|
7
|
-
contentProps,
|
|
8
|
-
...tooltipProps
|
|
9
|
-
}) => {
|
|
10
|
-
let context;
|
|
11
|
-
try {
|
|
12
|
-
context = useDelayGroupContext();
|
|
13
|
-
} catch {
|
|
14
|
-
}
|
|
15
|
-
const contents = <Tooltip {...tooltipProps}>
|
|
16
|
-
<Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
|
|
17
|
-
<Tooltip.Content
|
|
18
|
-
zIndex={1e6}
|
|
19
|
-
enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}
|
|
20
|
-
exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}
|
|
21
|
-
x={0}
|
|
22
|
-
scale={1}
|
|
23
|
-
y={0}
|
|
24
|
-
elevation="$1"
|
|
25
|
-
opacity={1}
|
|
26
|
-
animation={[
|
|
27
|
-
"quick",
|
|
28
|
-
{
|
|
29
|
-
opacity: {
|
|
30
|
-
overshootClamping: true
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
]}
|
|
34
|
-
{...contentProps}
|
|
35
|
-
>
|
|
36
|
-
<Tooltip.Arrow />
|
|
37
|
-
<Paragraph size="$2" lineHeight="$0">{label}</Paragraph>
|
|
38
|
-
</Tooltip.Content>
|
|
39
|
-
</Tooltip>;
|
|
40
|
-
if (!context) {
|
|
41
|
-
return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>;
|
|
42
|
-
}
|
|
43
|
-
return contents;
|
|
44
|
-
};
|
|
45
|
-
const defaultTooltipDelay = { open: 3e3, close: 100 };
|
|
46
|
-
export {
|
|
47
|
-
TooltipSimple
|
|
48
|
-
};
|
|
1
|
+
import{useDelayGroupContext as g}from"@floating-ui/react";import{Paragraph as C}from"@tamagui/text";import{Tooltip as T,TooltipGroup as R}from"./Tooltip";const w=({label:x,children:P,contentProps:S,...f})=>{let y;try{y=g()}catch{}const u=<T{...f}><T.Trigger asChild>{P}</T.Trigger><T.Content zIndex={1e6}enterStyle={{x:0,y:-8,opacity:0,scale:.93}}exitStyle={{x:0,y:-8,opacity:0,scale:.93}}x={0}scale={1}y={0}elevation="$1"opacity={1}animation={["quick",{opacity:{overshootClamping:!0}}]}{...S}><T.Arrow/><C size="$2"lineHeight="$0">{x}</C></T.Content></T>;return y?u:<R delay={z}>{u}</R>},z={open:3e3,close:100};export{w as TooltipSimple};
|
|
49
2
|
//# sourceMappingURL=TooltipSimple.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.tsx"],
|
|
4
4
|
"sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react'\nimport { Theme } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n label?: React.ReactNode\n children?: React.ReactNode\n contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n label,\n children,\n contentProps,\n ...tooltipProps\n}) => {\n let context\n try {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n context = useDelayGroupContext()\n } catch {\n // ok\n }\n\n const contents = (\n <Tooltip {...tooltipProps}>\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Tooltip.Content\n zIndex={1_000_000}\n enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n x={0}\n scale={1}\n y={0}\n elevation=\"$1\"\n opacity={1}\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n {...contentProps}\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$0\">\n {label}\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n\n if (!context) {\n return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>\n }\n\n return contents\n}\n\nconst defaultTooltipDelay = { open: 3000, close: 100 }\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,wBAAAA,MAA4B,qBAGrC,OAAS,aAAAC,MAAiB,gBAG1B,OAAS,WAAAC,EAAS,gBAAAC,MAAkC,YAQ7C,MAAMC,EAA8C,CAAC,CAC1D,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAIC,EACJ,GAAI,CAEFA,EAAUT,EAAqB,CACjC,MAAE,CAEF,CAEA,MAAMU,EACJ,CAACR,KAAYM,GACX,CAACN,EAAQ,QAAQ,SAASI,EAAS,EAAlCJ,EAAQ,QACT,CAACA,EAAQ,QACP,QAAQ,IACR,YAAY,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EACnD,WAAW,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EAClD,GAAG,EACH,OAAO,EACP,GAAG,EACH,UAAU,IACV,SAAS,EACT,WAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,MACIK,GAEJ,CAACL,EAAQ,KAAM,EACf,CAACD,EAAU,KAAK,IAAK,WAAW,MAC7BI,EACH,EAFCJ,EAGH,EAvBCC,EAAQ,QAwBX,EA1BCA,GA6BH,OAAKO,EAIEC,EAHE,CAACP,EAAa,OAAOQ,IAAsBD,EAAS,EAAnDP,EAIZ,EAEMQ,EAAsB,CAAE,KAAM,IAAM,MAAO,GAAI",
|
|
6
|
+
"names": ["useDelayGroupContext", "Paragraph", "Tooltip", "TooltipGroup", "TooltipSimple", "label", "children", "contentProps", "tooltipProps", "context", "contents", "defaultTooltipDelay"]
|
|
7
7
|
}
|
|
@@ -1,49 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Paragraph } from "@tamagui/text";
|
|
3
|
-
import { Tooltip, TooltipGroup } from "./Tooltip";
|
|
4
|
-
const TooltipSimple = ({
|
|
5
|
-
label,
|
|
6
|
-
children,
|
|
7
|
-
contentProps,
|
|
8
|
-
...tooltipProps
|
|
9
|
-
}) => {
|
|
10
|
-
let context;
|
|
11
|
-
try {
|
|
12
|
-
context = useDelayGroupContext();
|
|
13
|
-
} catch {
|
|
14
|
-
}
|
|
15
|
-
const contents = <Tooltip {...tooltipProps}>
|
|
16
|
-
<Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
|
|
17
|
-
<Tooltip.Content
|
|
18
|
-
zIndex={1e6}
|
|
19
|
-
enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}
|
|
20
|
-
exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}
|
|
21
|
-
x={0}
|
|
22
|
-
scale={1}
|
|
23
|
-
y={0}
|
|
24
|
-
elevation="$1"
|
|
25
|
-
opacity={1}
|
|
26
|
-
animation={[
|
|
27
|
-
"quick",
|
|
28
|
-
{
|
|
29
|
-
opacity: {
|
|
30
|
-
overshootClamping: true
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
]}
|
|
34
|
-
{...contentProps}
|
|
35
|
-
>
|
|
36
|
-
<Tooltip.Arrow />
|
|
37
|
-
<Paragraph size="$2" lineHeight="$0">{label}</Paragraph>
|
|
38
|
-
</Tooltip.Content>
|
|
39
|
-
</Tooltip>;
|
|
40
|
-
if (!context) {
|
|
41
|
-
return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>;
|
|
42
|
-
}
|
|
43
|
-
return contents;
|
|
44
|
-
};
|
|
45
|
-
const defaultTooltipDelay = { open: 3e3, close: 100 };
|
|
46
|
-
export {
|
|
47
|
-
TooltipSimple
|
|
48
|
-
};
|
|
1
|
+
import{useDelayGroupContext as g}from"@floating-ui/react";import{Paragraph as C}from"@tamagui/text";import{Tooltip as T,TooltipGroup as R}from"./Tooltip";const w=({label:x,children:P,contentProps:S,...f})=>{let y;try{y=g()}catch{}const u=<T{...f}><T.Trigger asChild>{P}</T.Trigger><T.Content zIndex={1e6}enterStyle={{x:0,y:-8,opacity:0,scale:.93}}exitStyle={{x:0,y:-8,opacity:0,scale:.93}}x={0}scale={1}y={0}elevation="$1"opacity={1}animation={["quick",{opacity:{overshootClamping:!0}}]}{...S}><T.Arrow/><C size="$2"lineHeight="$0">{x}</C></T.Content></T>;return y?u:<R delay={z}>{u}</R>},z={open:3e3,close:100};export{w as TooltipSimple};
|
|
49
2
|
//# sourceMappingURL=TooltipSimple.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.tsx"],
|
|
4
4
|
"sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react'\nimport { Theme } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n label?: React.ReactNode\n children?: React.ReactNode\n contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n label,\n children,\n contentProps,\n ...tooltipProps\n}) => {\n let context\n try {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n context = useDelayGroupContext()\n } catch {\n // ok\n }\n\n const contents = (\n <Tooltip {...tooltipProps}>\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Tooltip.Content\n zIndex={1_000_000}\n enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n x={0}\n scale={1}\n y={0}\n elevation=\"$1\"\n opacity={1}\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n {...contentProps}\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$0\">\n {label}\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n\n if (!context) {\n return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>\n }\n\n return contents\n}\n\nconst defaultTooltipDelay = { open: 3000, close: 100 }\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,wBAAAA,MAA4B,qBAGrC,OAAS,aAAAC,MAAiB,gBAG1B,OAAS,WAAAC,EAAS,gBAAAC,MAAkC,YAQ7C,MAAMC,EAA8C,CAAC,CAC1D,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAIC,EACJ,GAAI,CAEFA,EAAUT,EAAqB,CACjC,MAAE,CAEF,CAEA,MAAMU,EACJ,CAACR,KAAYM,GACX,CAACN,EAAQ,QAAQ,SAASI,EAAS,EAAlCJ,EAAQ,QACT,CAACA,EAAQ,QACP,QAAQ,IACR,YAAY,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EACnD,WAAW,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EAClD,GAAG,EACH,OAAO,EACP,GAAG,EACH,UAAU,IACV,SAAS,EACT,WAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,MACIK,GAEJ,CAACL,EAAQ,KAAM,EACf,CAACD,EAAU,KAAK,IAAK,WAAW,MAC7BI,EACH,EAFCJ,EAGH,EAvBCC,EAAQ,QAwBX,EA1BCA,GA6BH,OAAKO,EAIEC,EAHE,CAACP,EAAa,OAAOQ,IAAsBD,EAAS,EAAnDP,EAIZ,EAEMQ,EAAsB,CAAE,KAAM,IAAM,MAAO,GAAI",
|
|
6
|
+
"names": ["useDelayGroupContext", "Paragraph", "Tooltip", "TooltipGroup", "TooltipSimple", "label", "children", "contentProps", "tooltipProps", "context", "contents", "defaultTooltipDelay"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.native.tsx"],
|
|
4
4
|
"sourcesContent": ["const RenderChildren = (props: any) => {\n return props.children\n}\n\nexport const TooltipSimple = RenderChildren\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,MAAMA,EAAkBC,GACfA,EAAM,SAGFC,EAAgBF",
|
|
6
|
+
"names": ["RenderChildren", "props", "TooltipSimple"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TooltipSimple.native.tsx"],
|
|
4
4
|
"sourcesContent": ["const RenderChildren = (props: any) => {\n return props.children\n}\n\nexport const TooltipSimple = RenderChildren\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,MAAMA,EAAkBC,GACfA,EAAM,SAGFC,EAAgBF",
|
|
6
|
+
"names": ["RenderChildren", "props", "TooltipSimple"]
|
|
7
7
|
}
|
package/dist/jsx/index.js
CHANGED
package/dist/jsx/index.js.map
CHANGED
package/dist/jsx/index.mjs
CHANGED
package/dist/jsx/index.mjs.map
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tooltip",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.4",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -32,24 +32,24 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@floating-ui/react": "^0.19.1",
|
|
35
|
-
"@tamagui/compose-refs": "1.13.
|
|
36
|
-
"@tamagui/core": "1.13.
|
|
37
|
-
"@tamagui/create-context": "1.13.
|
|
38
|
-
"@tamagui/floating": "1.13.
|
|
39
|
-
"@tamagui/get-size": "1.13.
|
|
40
|
-
"@tamagui/polyfill-dev": "1.13.
|
|
41
|
-
"@tamagui/popover": "1.13.
|
|
42
|
-
"@tamagui/popper": "1.13.
|
|
43
|
-
"@tamagui/stacks": "1.13.
|
|
44
|
-
"@tamagui/text": "1.13.
|
|
45
|
-
"@tamagui/use-controllable-state": "1.13.
|
|
35
|
+
"@tamagui/compose-refs": "1.13.4",
|
|
36
|
+
"@tamagui/core": "1.13.4",
|
|
37
|
+
"@tamagui/create-context": "1.13.4",
|
|
38
|
+
"@tamagui/floating": "1.13.4",
|
|
39
|
+
"@tamagui/get-size": "1.13.4",
|
|
40
|
+
"@tamagui/polyfill-dev": "1.13.4",
|
|
41
|
+
"@tamagui/popover": "1.13.4",
|
|
42
|
+
"@tamagui/popper": "1.13.4",
|
|
43
|
+
"@tamagui/stacks": "1.13.4",
|
|
44
|
+
"@tamagui/text": "1.13.4",
|
|
45
|
+
"@tamagui/use-controllable-state": "1.13.4"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": "*",
|
|
49
49
|
"react-native": "*"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@tamagui/build": "1.13.
|
|
52
|
+
"@tamagui/build": "1.13.4",
|
|
53
53
|
"react": "^18.2.0",
|
|
54
54
|
"react-native": "^0.71.4"
|
|
55
55
|
},
|