@tamagui/tooltip 1.46.1 → 1.47.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/tooltip",
3
- "version": "1.46.1",
3
+ "version": "1.47.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -32,24 +32,24 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@floating-ui/react": "^0.24.7",
35
- "@tamagui/compose-refs": "1.46.1",
36
- "@tamagui/core": "1.46.1",
37
- "@tamagui/create-context": "1.46.1",
38
- "@tamagui/floating": "1.46.1",
39
- "@tamagui/get-token": "1.46.1",
40
- "@tamagui/polyfill-dev": "1.46.1",
41
- "@tamagui/popover": "1.46.1",
42
- "@tamagui/popper": "1.46.1",
43
- "@tamagui/stacks": "1.46.1",
44
- "@tamagui/text": "1.46.1",
45
- "@tamagui/use-controllable-state": "1.46.1"
35
+ "@tamagui/compose-refs": "1.47.0",
36
+ "@tamagui/core": "1.47.0",
37
+ "@tamagui/create-context": "1.47.0",
38
+ "@tamagui/floating": "1.47.0",
39
+ "@tamagui/get-token": "1.47.0",
40
+ "@tamagui/polyfill-dev": "1.47.0",
41
+ "@tamagui/popover": "1.47.0",
42
+ "@tamagui/popper": "1.47.0",
43
+ "@tamagui/stacks": "1.47.0",
44
+ "@tamagui/text": "1.47.0",
45
+ "@tamagui/use-controllable-state": "1.47.0"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "*",
49
49
  "react-native": "*"
50
50
  },
51
51
  "devDependencies": {
52
- "@tamagui/build": "1.46.1",
52
+ "@tamagui/build": "1.47.0",
53
53
  "react": "^18.2.0",
54
54
  "react-native": "^0.72.1"
55
55
  },
@@ -1,140 +0,0 @@
1
- import "@tamagui/polyfill-dev";
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, withStaticProperties } from "@tamagui/core";
14
- import { FloatingOverrideContext } from "@tamagui/floating";
15
- import { getSize } from "@tamagui/get-token";
16
- import {
17
- PopoverAnchor,
18
- PopoverArrow,
19
- PopoverContent,
20
- PopoverContext,
21
- PopoverTrigger
22
- } from "@tamagui/popover";
23
- import {
24
- Popper,
25
- PopperContentFrame,
26
- usePopperContext
27
- } from "@tamagui/popper";
28
- import { useControllableState } from "@tamagui/use-controllable-state";
29
- import * as React from "react";
30
- const TooltipContent = PopperContentFrame.extractable(
31
- React.forwardRef(
32
- ({ __scopePopover, ...props }, ref) => {
33
- const popper = usePopperContext();
34
- const padding = props.padding ?? props.size ?? popper.size ?? getSize("$true", {
35
- shift: -2
36
- });
37
- return <PopoverContent
38
- componentName="Tooltip"
39
- disableRemoveScroll
40
- trapFocus={false}
41
- {...!props.unstyled && {
42
- padding
43
- }}
44
- ref={ref}
45
- {...props}
46
- />;
47
- }
48
- )
49
- );
50
- const TooltipArrow = React.forwardRef((props, ref) => {
51
- return <PopoverArrow componentName="Tooltip" ref={ref} {...props} />;
52
- });
53
- const TooltipGroup = ({ children, delay }) => {
54
- return <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>{children}</FloatingDelayGroup>;
55
- };
56
- const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
57
- const {
58
- __scopePopover,
59
- children,
60
- delay: delayProp,
61
- restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
62
- onOpenChange: onOpenChangeProp,
63
- focus,
64
- open: openProp,
65
- ...restProps
66
- } = props;
67
- const triggerRef = React.useRef(null);
68
- const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
69
- const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
70
- const delay = delayProp ?? delayGroup;
71
- const [open, setOpen] = useControllableState({
72
- prop: openProp,
73
- defaultProp: false,
74
- onChange: onOpenChangeProp
75
- });
76
- const id = props.groupId;
77
- const onOpenChange = useEvent((open2) => {
78
- if (open2) {
79
- setCurrentId(id);
80
- }
81
- setOpen(open2);
82
- });
83
- const useFloatingFn = (props2) => {
84
- const floating = useFloating({
85
- ...props2,
86
- open,
87
- onOpenChange
88
- });
89
- const { getReferenceProps, getFloatingProps } = useInteractions([
90
- useHover(floating.context, { delay, restMs }),
91
- useFocus(floating.context, focus),
92
- useRole(floating.context, { role: "tooltip" }),
93
- useDismiss(floating.context),
94
- useDelayGroup(floating.context, { id })
95
- ]);
96
- return {
97
- ...floating,
98
- open,
99
- getReferenceProps,
100
- getFloatingProps
101
- };
102
- };
103
- const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
104
- const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
105
- const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
106
- const contentId = React.useId();
107
- const smallerSize = props.unstyled ? null : getSize("$true", {
108
- shift: -2,
109
- bounds: [0]
110
- });
111
- return <FloatingOverrideContext.Provider value={useFloatingContext}>
112
- {
113
- /* default tooltip to a smaller size */
114
- }
115
- <Popper size={smallerSize?.key} allowFlip stayInFrame {...restProps}><PopoverContext.Provider
116
- contentId={contentId}
117
- triggerRef={triggerRef}
118
- sheetBreakpoint={false}
119
- open={open}
120
- onOpenChange={setOpen}
121
- onOpenToggle={voidFn}
122
- hasCustomAnchor={hasCustomAnchor}
123
- onCustomAnchorAdd={onCustomAnchorAdd}
124
- onCustomAnchorRemove={onCustomAnchorRemove}
125
- >{children}</PopoverContext.Provider></Popper>
126
- </FloatingOverrideContext.Provider>;
127
- });
128
- const Tooltip2 = withStaticProperties(TooltipComponent, {
129
- Anchor: PopoverAnchor,
130
- Arrow: TooltipArrow,
131
- Content: TooltipContent,
132
- Trigger: PopoverTrigger
133
- });
134
- const voidFn = () => {
135
- };
136
- export {
137
- Tooltip2 as Tooltip,
138
- TooltipGroup
139
- };
140
- //# sourceMappingURL=Tooltip.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "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",
5
- "names": ["open", "props", "Tooltip"]
6
- }
@@ -1,18 +0,0 @@
1
- import { withStaticProperties } from "@tamagui/core";
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
- };
18
- //# sourceMappingURL=Tooltip.native.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tooltip.native.tsx"],
4
- "mappings": "AAAA,SAAS,4BAA4B;AAKrC,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;",
5
- "names": []
6
- }
@@ -1,50 +0,0 @@
1
- import { useDelayGroupContext } from "@floating-ui/react";
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 offset={18} {...tooltipProps}>
16
- <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
17
- <Tooltip.Content
18
- zIndex={1e9}
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
- animateOnly={["transform", "opacity"]}
27
- animation={[
28
- "quick",
29
- {
30
- opacity: {
31
- overshootClamping: true
32
- }
33
- }
34
- ]}
35
- {...contentProps}
36
- >
37
- <Tooltip.Arrow />
38
- <Paragraph size="$2">{label}</Paragraph>
39
- </Tooltip.Content>
40
- </Tooltip>;
41
- if (!context) {
42
- return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>;
43
- }
44
- return contents;
45
- };
46
- const defaultTooltipDelay = { open: 3e3, close: 100 };
47
- export {
48
- TooltipSimple
49
- };
50
- //# sourceMappingURL=TooltipSimple.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": "AAAA,SAAS,4BAA4B;AAGrC,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,CAAC,QAAQ,QAAQ,QAAQ;AAAA,IACvB,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAlC,QAAQ;AAAA,IACT,CAAC,QAAQ;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG;AAAA,MACH,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa,CAAC,aAAa,SAAS;AAAA,MACpC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,MAAM,MAAM,EAA3B;AAAA,IACH,EAtBC,QAAQ;AAAA,EAuBX,EAzBC;AA4BH,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,aAAa,OAAO,sBAAsB,SAAS,EAAnD;AAAA,EACV;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
5
- "names": []
6
- }
@@ -1,8 +0,0 @@
1
- const RenderChildren = (props) => {
2
- return props.children;
3
- };
4
- const TooltipSimple = RenderChildren;
5
- export {
6
- TooltipSimple
7
- };
8
- //# sourceMappingURL=TooltipSimple.native.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TooltipSimple.native.tsx"],
4
- "mappings": "AAAA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEO,MAAM,gBAAgB;",
5
- "names": []
6
- }
@@ -1,3 +0,0 @@
1
- export * from "./Tooltip";
2
- export * from "./TooltipSimple";
3
- //# sourceMappingURL=index.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;",
5
- "names": []
6
- }