@tamagui/tooltip 1.38.1 → 1.38.3
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 -4
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/esm/Tooltip.js +4 -4
- package/dist/esm/Tooltip.js.map +1 -1
- package/dist/jsx/Tooltip.js +4 -4
- package/dist/jsx/Tooltip.js.map +1 -1
- package/dist/jsx/Tooltip.mjs +4 -4
- package/dist/jsx/Tooltip.mjs.map +1 -1
- package/package.json +14 -14
- package/src/Tooltip.tsx +17 -10
- package/types/Tooltip.d.ts +2 -0
- package/types/Tooltip.d.ts.map +1 -1
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -46,9 +46,9 @@ const TooltipContent = import_popper.PopperContentFrame.extractable(
|
|
|
46
46
|
React.forwardRef(
|
|
47
47
|
({ __scopePopover, ...props }, ref) => {
|
|
48
48
|
const popper = (0, import_popper.usePopperContext)();
|
|
49
|
-
const padding = props.size
|
|
49
|
+
const padding = props.padding ?? (props.unstyled ? null : props.size ?? popper.size ?? (0, import_get_token.getSize)("$true", {
|
|
50
50
|
shift: -2
|
|
51
|
-
});
|
|
51
|
+
}));
|
|
52
52
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
53
|
import_popover.PopoverContent,
|
|
54
54
|
{
|
|
@@ -120,11 +120,11 @@ const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
|
120
120
|
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
|
|
121
121
|
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
|
|
122
122
|
const contentId = React.useId();
|
|
123
|
-
const smallerSize = (0, import_get_token.getSize)("$true", {
|
|
123
|
+
const smallerSize = props.unstyled ? null : (0, import_get_token.getSize)("$true", {
|
|
124
124
|
shift: -2,
|
|
125
125
|
bounds: [0]
|
|
126
126
|
});
|
|
127
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.Popper, { size: smallerSize.key, allowFlip: true, stayInFrame: true, ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
127
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.Popper, { size: smallerSize == null ? void 0 : smallerSize.key, allowFlip: true, stayInFrame: true, ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
128
128
|
import_popover.PopoverContext.Provider,
|
|
129
129
|
{
|
|
130
130
|
contentId,
|
package/dist/cjs/Tooltip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA,EAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Tooltip", "open", "props"]
|
|
6
6
|
}
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -32,9 +32,9 @@ const TooltipContent = PopperContentFrame.extractable(
|
|
|
32
32
|
React.forwardRef(
|
|
33
33
|
({ __scopePopover, ...props }, ref) => {
|
|
34
34
|
const popper = usePopperContext();
|
|
35
|
-
const padding = props.size
|
|
35
|
+
const padding = props.padding ?? (props.unstyled ? null : props.size ?? popper.size ?? getSize("$true", {
|
|
36
36
|
shift: -2
|
|
37
|
-
});
|
|
37
|
+
}));
|
|
38
38
|
return /* @__PURE__ */ jsx(
|
|
39
39
|
PopoverContent,
|
|
40
40
|
{
|
|
@@ -106,11 +106,11 @@ const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
|
106
106
|
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
|
|
107
107
|
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
|
|
108
108
|
const contentId = React.useId();
|
|
109
|
-
const smallerSize = getSize("$true", {
|
|
109
|
+
const smallerSize = props.unstyled ? null : getSize("$true", {
|
|
110
110
|
shift: -2,
|
|
111
111
|
bounds: [0]
|
|
112
112
|
});
|
|
113
|
-
return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(Popper, { size: smallerSize.key, allowFlip: true, stayInFrame: true, ...restProps, children: /* @__PURE__ */ jsx(
|
|
113
|
+
return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(Popper, { size: smallerSize == null ? void 0 : smallerSize.key, allowFlip: true, stayInFrame: true, ...restProps, children: /* @__PURE__ */ jsx(
|
|
114
114
|
PopoverContext.Provider,
|
|
115
115
|
{
|
|
116
116
|
contentId,
|
package/dist/esm/Tooltip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/dist/jsx/Tooltip.js
CHANGED
|
@@ -31,9 +31,9 @@ const TooltipContent = PopperContentFrame.extractable(
|
|
|
31
31
|
React.forwardRef(
|
|
32
32
|
({ __scopePopover, ...props }, ref) => {
|
|
33
33
|
const popper = usePopperContext();
|
|
34
|
-
const padding = props.size
|
|
34
|
+
const padding = props.padding ?? (props.unstyled ? null : props.size ?? popper.size ?? getSize("$true", {
|
|
35
35
|
shift: -2
|
|
36
|
-
});
|
|
36
|
+
}));
|
|
37
37
|
return <PopoverContent
|
|
38
38
|
componentName="Tooltip"
|
|
39
39
|
disableRemoveScroll
|
|
@@ -102,7 +102,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
|
102
102
|
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
|
|
103
103
|
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
|
|
104
104
|
const contentId = React.useId();
|
|
105
|
-
const smallerSize = getSize("$true", {
|
|
105
|
+
const smallerSize = props.unstyled ? null : getSize("$true", {
|
|
106
106
|
shift: -2,
|
|
107
107
|
bounds: [0]
|
|
108
108
|
});
|
|
@@ -110,7 +110,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
|
110
110
|
{
|
|
111
111
|
/* default tooltip to a smaller size */
|
|
112
112
|
}
|
|
113
|
-
<Popper size={smallerSize
|
|
113
|
+
<Popper size={smallerSize?.key} allowFlip stayInFrame {...restProps}><PopoverContext.Provider
|
|
114
114
|
contentId={contentId}
|
|
115
115
|
triggerRef={triggerRef}
|
|
116
116
|
sheetBreakpoint={false}
|
package/dist/jsx/Tooltip.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAqB,UAAU,4BAA4B;AAE3D,SAAS,+BAA8C;AACvD,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAEvB,MAAM,iBAAiB,mBAAmB;AAAA,EACxC,MAAM;AAAA,IACJ,CACE,EAAE,gBAAgB,GAAG,MAAM,GAC3B,QACG;AACH,YAAM,SAAS,iBAAiB;AAChC,YAAM,UACJ,MAAM,QACN,OAAO,QACP,QAAQ,SAAS;AAAA,QACf,OAAO;AAAA,MACT,CAAC;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/dist/jsx/Tooltip.mjs
CHANGED
|
@@ -31,9 +31,9 @@ const TooltipContent = PopperContentFrame.extractable(
|
|
|
31
31
|
React.forwardRef(
|
|
32
32
|
({ __scopePopover, ...props }, ref) => {
|
|
33
33
|
const popper = usePopperContext();
|
|
34
|
-
const padding = props.size
|
|
34
|
+
const padding = props.padding ?? (props.unstyled ? null : props.size ?? popper.size ?? getSize("$true", {
|
|
35
35
|
shift: -2
|
|
36
|
-
});
|
|
36
|
+
}));
|
|
37
37
|
return <PopoverContent
|
|
38
38
|
componentName="Tooltip"
|
|
39
39
|
disableRemoveScroll
|
|
@@ -102,7 +102,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
|
102
102
|
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
|
|
103
103
|
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
|
|
104
104
|
const contentId = React.useId();
|
|
105
|
-
const smallerSize = getSize("$true", {
|
|
105
|
+
const smallerSize = props.unstyled ? null : getSize("$true", {
|
|
106
106
|
shift: -2,
|
|
107
107
|
bounds: [0]
|
|
108
108
|
});
|
|
@@ -110,7 +110,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
|
|
|
110
110
|
{
|
|
111
111
|
/* default tooltip to a smaller size */
|
|
112
112
|
}
|
|
113
|
-
<Popper size={smallerSize
|
|
113
|
+
<Popper size={smallerSize?.key} allowFlip stayInFrame {...restProps}><PopoverContext.Provider
|
|
114
114
|
contentId={contentId}
|
|
115
115
|
triggerRef={triggerRef}
|
|
116
116
|
sheetBreakpoint={false}
|
package/dist/jsx/Tooltip.mjs.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Tooltip.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAqB,UAAU,4BAA4B;AAE3D,SAAS,+BAA8C;AACvD,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAEvB,MAAM,iBAAiB,mBAAmB;AAAA,EACxC,MAAM;AAAA,IACJ,CACE,EAAE,gBAAgB,GAAG,MAAM,GAC3B,QACG;AACH,YAAM,SAAS,iBAAiB;AAChC,YAAM,UACJ,MAAM,QACN,OAAO,QACP,QAAQ,SAAS;AAAA,QACf,OAAO;AAAA,MACT,CAAC;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["open", "props", "Tooltip"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tooltip",
|
|
3
|
-
"version": "1.38.
|
|
3
|
+
"version": "1.38.3",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -32,26 +32,26 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@floating-ui/react": "^0.24.3",
|
|
35
|
-
"@tamagui/compose-refs": "1.38.
|
|
36
|
-
"@tamagui/core": "1.38.
|
|
37
|
-
"@tamagui/create-context": "1.38.
|
|
38
|
-
"@tamagui/floating": "1.38.
|
|
39
|
-
"@tamagui/get-token": "1.38.
|
|
40
|
-
"@tamagui/polyfill-dev": "1.38.
|
|
41
|
-
"@tamagui/popover": "1.38.
|
|
42
|
-
"@tamagui/popper": "1.38.
|
|
43
|
-
"@tamagui/stacks": "1.38.
|
|
44
|
-
"@tamagui/text": "1.38.
|
|
45
|
-
"@tamagui/use-controllable-state": "1.38.
|
|
35
|
+
"@tamagui/compose-refs": "1.38.3",
|
|
36
|
+
"@tamagui/core": "1.38.3",
|
|
37
|
+
"@tamagui/create-context": "1.38.3",
|
|
38
|
+
"@tamagui/floating": "1.38.3",
|
|
39
|
+
"@tamagui/get-token": "1.38.3",
|
|
40
|
+
"@tamagui/polyfill-dev": "1.38.3",
|
|
41
|
+
"@tamagui/popover": "1.38.3",
|
|
42
|
+
"@tamagui/popper": "1.38.3",
|
|
43
|
+
"@tamagui/stacks": "1.38.3",
|
|
44
|
+
"@tamagui/text": "1.38.3",
|
|
45
|
+
"@tamagui/use-controllable-state": "1.38.3"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": "*",
|
|
49
49
|
"react-native": "*"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@tamagui/build": "1.38.
|
|
52
|
+
"@tamagui/build": "1.38.3",
|
|
53
53
|
"react": "^18.2.0",
|
|
54
|
-
"react-native": "^0.
|
|
54
|
+
"react-native": "^0.72.1"
|
|
55
55
|
},
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
package/src/Tooltip.tsx
CHANGED
|
@@ -41,11 +41,15 @@ const TooltipContent = PopperContentFrame.extractable(
|
|
|
41
41
|
) => {
|
|
42
42
|
const popper = usePopperContext()
|
|
43
43
|
const padding =
|
|
44
|
-
props.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
props.padding ??
|
|
45
|
+
(props.unstyled
|
|
46
|
+
? null
|
|
47
|
+
: props.size ??
|
|
48
|
+
popper.size ??
|
|
49
|
+
getSize('$true', {
|
|
50
|
+
shift: -2,
|
|
51
|
+
}))
|
|
52
|
+
|
|
49
53
|
return (
|
|
50
54
|
<PopoverContent
|
|
51
55
|
componentName="Tooltip"
|
|
@@ -67,6 +71,7 @@ const TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {
|
|
|
67
71
|
|
|
68
72
|
export type TooltipProps = PopperProps & {
|
|
69
73
|
open?: boolean
|
|
74
|
+
unstyled?: boolean
|
|
70
75
|
children?: React.ReactNode
|
|
71
76
|
onOpenChange?: (open: boolean) => void
|
|
72
77
|
focus?: {
|
|
@@ -160,15 +165,17 @@ const TooltipComponent = React.forwardRef(function Tooltip(
|
|
|
160
165
|
const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])
|
|
161
166
|
const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])
|
|
162
167
|
const contentId = React.useId()
|
|
163
|
-
const smallerSize =
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
168
|
+
const smallerSize = props.unstyled
|
|
169
|
+
? null
|
|
170
|
+
: getSize('$true', {
|
|
171
|
+
shift: -2,
|
|
172
|
+
bounds: [0],
|
|
173
|
+
})
|
|
167
174
|
|
|
168
175
|
return (
|
|
169
176
|
<FloatingOverrideContext.Provider value={useFloatingContext}>
|
|
170
177
|
{/* default tooltip to a smaller size */}
|
|
171
|
-
<Popper size={smallerSize
|
|
178
|
+
<Popper size={smallerSize?.key as SizeTokens} allowFlip stayInFrame {...restProps}>
|
|
172
179
|
<PopoverContext.Provider
|
|
173
180
|
contentId={contentId}
|
|
174
181
|
triggerRef={triggerRef}
|
package/types/Tooltip.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import { PopperProps } from '@tamagui/popper';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
export type TooltipProps = PopperProps & {
|
|
6
6
|
open?: boolean;
|
|
7
|
+
unstyled?: boolean;
|
|
7
8
|
children?: React.ReactNode;
|
|
8
9
|
onOpenChange?: (open: boolean) => void;
|
|
9
10
|
focus?: {
|
|
@@ -27,6 +28,7 @@ export declare const TooltipGroup: ({ children, delay }: {
|
|
|
27
28
|
}) => JSX.Element;
|
|
28
29
|
export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
|
|
29
30
|
open?: boolean | undefined;
|
|
31
|
+
unstyled?: boolean | undefined;
|
|
30
32
|
children?: React.ReactNode;
|
|
31
33
|
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
32
34
|
focus?: {
|
package/types/Tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAa9B,OAAO,EAAE,UAAU,EAAkC,MAAM,eAAe,CAAA;AAa1E,OAAO,EAGL,WAAW,EAEZ,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAa9B,OAAO,EAAE,UAAU,EAAkC,MAAM,eAAe,CAAA;AAa1E,OAAO,EAGL,WAAW,EAEZ,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsC9B,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACvC,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,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,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;CACN,CAAA;AAED,KAAK,KAAK,GACN,MAAM,GACN,OAAO,CAAC;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEN,eAAO,MAAM,YAAY;eAAsC,GAAG;WAAS,KAAK;iBAM/E,CAAA;AA6FD,eAAO,MAAM,OAAO;;;eA1HP,MAAM,SAAS;2BACJ,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HtC,CAAA"}
|