@tamagui/tooltip 1.0.1-beta.70 → 1.0.1-beta.73
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 +4 -5
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/Tooltip.native.js +4 -5
- package/dist/cjs/Tooltip.native.js.map +1 -1
- package/dist/esm/Tooltip.js +4 -6
- package/dist/esm/Tooltip.js.map +1 -1
- package/dist/esm/Tooltip.native.js +4 -6
- package/dist/esm/Tooltip.native.js.map +1 -1
- package/dist/jsx/Tooltip.js +4 -6
- package/dist/jsx/Tooltip.native.js +4 -6
- package/package.json +14 -12
- package/types/Tooltip.d.ts +0 -0
- package/types/Tooltip.d.ts.map +0 -0
- package/types/Tooltip.native.d.ts +0 -0
- package/types/Tooltip.native.d.ts.map +0 -0
- package/types/index.d.ts +0 -0
- package/types/index.d.ts.map +0 -0
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
|
|
|
21
21
|
return a;
|
|
22
22
|
};
|
|
23
23
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
25
24
|
var __objRest = (source, exclude) => {
|
|
26
25
|
var target = {};
|
|
27
26
|
for (var prop in source)
|
|
@@ -93,7 +92,7 @@ const Tooltip = (0, import_core.withStaticProperties)((props) => {
|
|
|
93
92
|
}
|
|
94
93
|
(_a2 = props.onOpenChange) == null ? void 0 : _a2.call(props, open2);
|
|
95
94
|
}, [id, setCurrentId]);
|
|
96
|
-
const useFloatingFn =
|
|
95
|
+
const useFloatingFn = (props2) => {
|
|
97
96
|
const floating = (0, import_react_dom_interactions.useFloating)(__spreadProps(__spreadValues({}, props2), {
|
|
98
97
|
open,
|
|
99
98
|
onOpenChange
|
|
@@ -109,7 +108,7 @@ const Tooltip = (0, import_core.withStaticProperties)((props) => {
|
|
|
109
108
|
getReferenceProps,
|
|
110
109
|
getFloatingProps
|
|
111
110
|
});
|
|
112
|
-
}
|
|
111
|
+
};
|
|
113
112
|
const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
|
|
114
113
|
const voidFn = React.useCallback(() => {
|
|
115
114
|
}, [setOpen]);
|
|
@@ -136,7 +135,7 @@ const Tooltip = (0, import_core.withStaticProperties)((props) => {
|
|
|
136
135
|
Trigger: import_popover.PopoverTrigger
|
|
137
136
|
});
|
|
138
137
|
Tooltip.displayName = "Tooltip";
|
|
139
|
-
const TooltipSimple =
|
|
138
|
+
const TooltipSimple = (_a) => {
|
|
140
139
|
var _b = _a, {
|
|
141
140
|
label,
|
|
142
141
|
children,
|
|
@@ -178,7 +177,7 @@ const TooltipSimple = /* @__PURE__ */ __name((_a) => {
|
|
|
178
177
|
}, contents);
|
|
179
178
|
}
|
|
180
179
|
return contents;
|
|
181
|
-
}
|
|
180
|
+
};
|
|
182
181
|
// Annotate the CommonJS export names for ESM import in node:
|
|
183
182
|
0 && (module.exports = {
|
|
184
183
|
Tooltip,
|
package/dist/cjs/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-dom-interactions'\nimport { useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n PopoverAnchor,\n PopoverArrow,\n PopoverArrowProps,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger,\n __PopoverProviderInternal,\n usePopoverScope,\n} from '@tamagui/popover'\nimport { FloatingOverrideContext, Popper, PopperProps, UseFloatingFn } from '@tamagui/popper'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef((props: PopoverContentProps, ref: any) => {\n return <PopoverContent componentName=\"TooltipContent\" pointerEvents=\"none\" ref={ref} {...props} />\n})\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n children?: React.ReactNode\n onOpenChange?: (open: boolean) => void\n groupId?: string\n restMs?: number\n delay?:\n | number\n | {\n open?: number\n close?: number\n }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n const { __scopePopover, children, restMs = 500, delay: delayProp, ...restProps } = 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 = React.useCallback(\n (open) => {\n setOpen(open)\n if (open) {\n setCurrentId(id)\n }\n props.onOpenChange?.(open)\n },\n [id, setCurrentId]\n )\n\n const useFloatingFn: UseFloatingFn = (props) => {\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),\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\n const voidFn = React.useCallback(() => {}, [setOpen])\n\n return (\n <FloatingOverrideContext.Provider value={useFloatingContext}>\n {/* default tooltip to a smaller size */}\n <Popper size=\"$2\" {...popperScope} {...restProps}>\n <__PopoverProviderInternal\n scope={__scopePopover}\n contentId={useId()}\n triggerRef={triggerRef}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={voidFn}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}\n onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}\n modal\n >\n {children}\n </__PopoverProviderInternal>\n </Popper>\n </FloatingOverrideContext.Provider>\n )\n }) as React.FC<TooltipProps>,\n {\n Anchor: PopoverAnchor,\n Arrow: TooltipArrow,\n Content: TooltipContent,\n Trigger: PopoverTrigger,\n }\n)\n\nTooltip.displayName = '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 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 enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n x={0}\n scale={1}\n y={0}\n elevation=\"$1\"\n opacity={1}\n animation={[\n 'bouncy',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n {...contentProps}\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\">{label}</Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n\n if (!context) {\n return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>\n }\n\n return contents\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,7 +2,6 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
7
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -23,12 +22,12 @@ __export(Tooltip_native_exports, {
|
|
|
23
22
|
});
|
|
24
23
|
module.exports = __toCommonJS(Tooltip_native_exports);
|
|
25
24
|
var import_core = require("@tamagui/core");
|
|
26
|
-
const RenderChildren =
|
|
25
|
+
const RenderChildren = (props) => {
|
|
27
26
|
return props.children;
|
|
28
|
-
}
|
|
29
|
-
const RenderNull =
|
|
27
|
+
};
|
|
28
|
+
const RenderNull = (props) => {
|
|
30
29
|
return null;
|
|
31
|
-
}
|
|
30
|
+
};
|
|
32
31
|
const Tooltip = (0, import_core.withStaticProperties)(RenderChildren, {
|
|
33
32
|
Anchor: RenderChildren,
|
|
34
33
|
Arrow: RenderNull,
|
|
@@ -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\nexport const TooltipSimple = RenderChildren\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,sCAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,MAAM,gBAAgB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import "@tamagui/polyfill-dev";
|
|
4
2
|
import {
|
|
5
3
|
FloatingDelayGroup,
|
|
@@ -57,7 +55,7 @@ const Tooltip = withStaticProperties((props) => {
|
|
|
57
55
|
}
|
|
58
56
|
(_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
|
|
59
57
|
}, [id, setCurrentId]);
|
|
60
|
-
const useFloatingFn =
|
|
58
|
+
const useFloatingFn = (props2) => {
|
|
61
59
|
const floating = useFloating({
|
|
62
60
|
...props2,
|
|
63
61
|
open,
|
|
@@ -75,7 +73,7 @@ const Tooltip = withStaticProperties((props) => {
|
|
|
75
73
|
getReferenceProps,
|
|
76
74
|
getFloatingProps
|
|
77
75
|
};
|
|
78
|
-
}
|
|
76
|
+
};
|
|
79
77
|
const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
|
|
80
78
|
const voidFn = React.useCallback(() => {
|
|
81
79
|
}, [setOpen]);
|
|
@@ -104,7 +102,7 @@ const Tooltip = withStaticProperties((props) => {
|
|
|
104
102
|
Trigger: PopoverTrigger
|
|
105
103
|
});
|
|
106
104
|
Tooltip.displayName = "Tooltip";
|
|
107
|
-
const TooltipSimple =
|
|
105
|
+
const TooltipSimple = ({
|
|
108
106
|
label,
|
|
109
107
|
children,
|
|
110
108
|
contentProps,
|
|
@@ -145,7 +143,7 @@ const TooltipSimple = /* @__PURE__ */ __name(({
|
|
|
145
143
|
}, contents);
|
|
146
144
|
}
|
|
147
145
|
return contents;
|
|
148
|
-
}
|
|
146
|
+
};
|
|
149
147
|
export {
|
|
150
148
|
Tooltip,
|
|
151
149
|
TooltipGroup,
|
package/dist/esm/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-dom-interactions'\nimport { useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n PopoverAnchor,\n PopoverArrow,\n PopoverArrowProps,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger,\n __PopoverProviderInternal,\n usePopoverScope,\n} from '@tamagui/popover'\nimport { FloatingOverrideContext, Popper, PopperProps, UseFloatingFn } from '@tamagui/popper'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef((props: PopoverContentProps, ref: any) => {\n return <PopoverContent componentName=\"TooltipContent\" pointerEvents=\"none\" ref={ref} {...props} />\n})\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n children?: React.ReactNode\n onOpenChange?: (open: boolean) => void\n groupId?: string\n restMs?: number\n delay?:\n | number\n | {\n open?: number\n close?: number\n }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n const { __scopePopover, children, restMs = 500, delay: delayProp, ...restProps } = 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 = React.useCallback(\n (open) => {\n setOpen(open)\n if (open) {\n setCurrentId(id)\n }\n props.onOpenChange?.(open)\n },\n [id, setCurrentId]\n )\n\n const useFloatingFn: UseFloatingFn = (props) => {\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),\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\n const voidFn = React.useCallback(() => {}, [setOpen])\n\n return (\n <FloatingOverrideContext.Provider value={useFloatingContext}>\n {/* default tooltip to a smaller size */}\n <Popper size=\"$2\" {...popperScope} {...restProps}>\n <__PopoverProviderInternal\n scope={__scopePopover}\n contentId={useId()}\n triggerRef={triggerRef}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={voidFn}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}\n onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}\n modal\n >\n {children}\n </__PopoverProviderInternal>\n </Popper>\n </FloatingOverrideContext.Provider>\n )\n }) as React.FC<TooltipProps>,\n {\n Anchor: PopoverAnchor,\n Arrow: TooltipArrow,\n Content: TooltipContent,\n Trigger: PopoverTrigger,\n }\n)\n\nTooltip.displayName = '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 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 enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n x={0}\n scale={1}\n y={0}\n elevation=\"$1\"\n opacity={1}\n animation={[\n 'bouncy',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n {...contentProps}\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\">{label}</Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n\n if (!context) {\n return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>\n }\n\n return contents\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { withStaticProperties } from "@tamagui/core";
|
|
4
|
-
const RenderChildren =
|
|
2
|
+
const RenderChildren = (props) => {
|
|
5
3
|
return props.children;
|
|
6
|
-
}
|
|
7
|
-
const RenderNull =
|
|
4
|
+
};
|
|
5
|
+
const RenderNull = (props) => {
|
|
8
6
|
return null;
|
|
9
|
-
}
|
|
7
|
+
};
|
|
10
8
|
const Tooltip = withStaticProperties(RenderChildren, {
|
|
11
9
|
Anchor: RenderChildren,
|
|
12
10
|
Arrow: RenderNull,
|
|
@@ -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\nexport const TooltipSimple = RenderChildren\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "AAAA;AAKA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,qBAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,MAAM,gBAAgB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/Tooltip.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import "@tamagui/polyfill-dev";
|
|
4
2
|
import {
|
|
5
3
|
FloatingDelayGroup,
|
|
@@ -48,7 +46,7 @@ const Tooltip = withStaticProperties((props) => {
|
|
|
48
46
|
}
|
|
49
47
|
(_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
|
|
50
48
|
}, [id, setCurrentId]);
|
|
51
|
-
const useFloatingFn =
|
|
49
|
+
const useFloatingFn = (props2) => {
|
|
52
50
|
const floating = useFloating({
|
|
53
51
|
...props2,
|
|
54
52
|
open,
|
|
@@ -66,7 +64,7 @@ const Tooltip = withStaticProperties((props) => {
|
|
|
66
64
|
getReferenceProps,
|
|
67
65
|
getFloatingProps
|
|
68
66
|
};
|
|
69
|
-
}
|
|
67
|
+
};
|
|
70
68
|
const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
|
|
71
69
|
const voidFn = React.useCallback(() => {
|
|
72
70
|
}, [setOpen]);
|
|
@@ -78,7 +76,7 @@ const Tooltip = withStaticProperties((props) => {
|
|
|
78
76
|
Trigger: PopoverTrigger
|
|
79
77
|
});
|
|
80
78
|
Tooltip.displayName = "Tooltip";
|
|
81
|
-
const TooltipSimple =
|
|
79
|
+
const TooltipSimple = ({
|
|
82
80
|
label,
|
|
83
81
|
children,
|
|
84
82
|
contentProps,
|
|
@@ -107,7 +105,7 @@ const TooltipSimple = /* @__PURE__ */ __name(({
|
|
|
107
105
|
return <TooltipGroup delay={{ open: 3e3, close: 100 }}>{contents}</TooltipGroup>;
|
|
108
106
|
}
|
|
109
107
|
return contents;
|
|
110
|
-
}
|
|
108
|
+
};
|
|
111
109
|
export {
|
|
112
110
|
Tooltip,
|
|
113
111
|
TooltipGroup,
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { withStaticProperties } from "@tamagui/core";
|
|
4
|
-
const RenderChildren =
|
|
2
|
+
const RenderChildren = (props) => {
|
|
5
3
|
return props.children;
|
|
6
|
-
}
|
|
7
|
-
const RenderNull =
|
|
4
|
+
};
|
|
5
|
+
const RenderNull = (props) => {
|
|
8
6
|
return null;
|
|
9
|
-
}
|
|
7
|
+
};
|
|
10
8
|
const Tooltip = withStaticProperties(RenderChildren, {
|
|
11
9
|
Anchor: RenderChildren,
|
|
12
10
|
Arrow: RenderNull,
|
package/package.json
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tooltip",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
4
|
-
"sideEffects":
|
|
3
|
+
"version": "1.0.1-beta.73",
|
|
4
|
+
"sideEffects": [
|
|
5
|
+
"*.css"
|
|
6
|
+
],
|
|
5
7
|
"source": "src/index.ts",
|
|
6
8
|
"types": "./types/index.d.ts",
|
|
7
9
|
"main": "dist/cjs",
|
|
@@ -20,15 +22,15 @@
|
|
|
20
22
|
},
|
|
21
23
|
"dependencies": {
|
|
22
24
|
"@floating-ui/react-dom-interactions": "^0.5.0",
|
|
23
|
-
"@tamagui/compose-refs": "^1.0.1-beta.
|
|
24
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
25
|
-
"@tamagui/create-context": "^1.0.1-beta.
|
|
26
|
-
"@tamagui/polyfill-dev": "^1.0.1-beta.
|
|
27
|
-
"@tamagui/popover": "^1.0.1-beta.
|
|
28
|
-
"@tamagui/popper": "^1.0.1-beta.
|
|
29
|
-
"@tamagui/stacks": "^1.0.1-beta.
|
|
30
|
-
"@tamagui/text": "^1.0.1-beta.
|
|
31
|
-
"@tamagui/use-controllable-state": "^1.0.1-beta.
|
|
25
|
+
"@tamagui/compose-refs": "^1.0.1-beta.73",
|
|
26
|
+
"@tamagui/core": "^1.0.1-beta.73",
|
|
27
|
+
"@tamagui/create-context": "^1.0.1-beta.73",
|
|
28
|
+
"@tamagui/polyfill-dev": "^1.0.1-beta.73",
|
|
29
|
+
"@tamagui/popover": "^1.0.1-beta.73",
|
|
30
|
+
"@tamagui/popper": "^1.0.1-beta.73",
|
|
31
|
+
"@tamagui/stacks": "^1.0.1-beta.73",
|
|
32
|
+
"@tamagui/text": "^1.0.1-beta.73",
|
|
33
|
+
"@tamagui/use-controllable-state": "^1.0.1-beta.73"
|
|
32
34
|
},
|
|
33
35
|
"peerDependencies": {
|
|
34
36
|
"react": "*",
|
|
@@ -36,7 +38,7 @@
|
|
|
36
38
|
"react-native": "*"
|
|
37
39
|
},
|
|
38
40
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
41
|
+
"@tamagui/build": "^1.0.1-beta.73",
|
|
40
42
|
"@types/react-dom": "^18.0.3",
|
|
41
43
|
"@types/react-native": "^0.67.3",
|
|
42
44
|
"react": "*",
|
package/types/Tooltip.d.ts
CHANGED
|
File without changes
|
package/types/Tooltip.d.ts.map
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/types/index.d.ts
CHANGED
|
File without changes
|
package/types/index.d.ts.map
CHANGED
|
File without changes
|