@tamagui/tooltip 1.26.0 → 1.26.1

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.26.0",
3
+ "version": "1.26.1",
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.26.0",
36
- "@tamagui/core": "1.26.0",
37
- "@tamagui/create-context": "1.26.0",
38
- "@tamagui/floating": "1.26.0",
39
- "@tamagui/get-size": "1.26.0",
40
- "@tamagui/polyfill-dev": "1.26.0",
41
- "@tamagui/popover": "1.26.0",
42
- "@tamagui/popper": "1.26.0",
43
- "@tamagui/stacks": "1.26.0",
44
- "@tamagui/text": "1.26.0",
45
- "@tamagui/use-controllable-state": "1.26.0"
35
+ "@tamagui/compose-refs": "1.26.1",
36
+ "@tamagui/core": "1.26.1",
37
+ "@tamagui/create-context": "1.26.1",
38
+ "@tamagui/floating": "1.26.1",
39
+ "@tamagui/get-size": "1.26.1",
40
+ "@tamagui/polyfill-dev": "1.26.1",
41
+ "@tamagui/popover": "1.26.1",
42
+ "@tamagui/popper": "1.26.1",
43
+ "@tamagui/stacks": "1.26.1",
44
+ "@tamagui/text": "1.26.1",
45
+ "@tamagui/use-controllable-state": "1.26.1"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "*",
49
49
  "react-native": "*"
50
50
  },
51
51
  "devDependencies": {
52
- "@tamagui/build": "1.26.0",
52
+ "@tamagui/build": "1.26.1",
53
53
  "react": "^18.2.0",
54
54
  "react-native": "^0.71.7"
55
55
  },
@@ -1,138 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import "@tamagui/polyfill-dev";
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";
14
- import { useEvent, withStaticProperties } from "@tamagui/core";
15
- import { FloatingOverrideContext } from "@tamagui/floating";
16
- import { stepTokenUpOrDown } from "@tamagui/get-size";
17
- import {
18
- PopoverAnchor,
19
- PopoverArrow,
20
- PopoverContent,
21
- PopoverTrigger,
22
- __PopoverProviderInternal,
23
- usePopoverScope
24
- } from "@tamagui/popover";
25
- import {
26
- Popper,
27
- PopperContentFrame,
28
- usePopperContext
29
- } from "@tamagui/popper";
30
- import * as React from "react";
31
- const TooltipContent = PopperContentFrame.extractable(
32
- React.forwardRef(
33
- ({ __scopePopover, ...props }, ref) => {
34
- const popperScope = usePopoverScope(__scopePopover);
35
- const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
36
- const padding = props.size || popper.size || stepTokenUpOrDown("size", "$true", -2);
37
- return /* @__PURE__ */ jsx(
38
- PopoverContent,
39
- {
40
- componentName: "Tooltip",
41
- disableRemoveScroll: true,
42
- trapFocus: false,
43
- padding,
44
- pointerEvents: "none",
45
- ref,
46
- ...props
47
- }
48
- );
49
- }
50
- )
51
- );
52
- const TooltipArrow = React.forwardRef((props, ref) => {
53
- return /* @__PURE__ */ jsx(PopoverArrow, { componentName: "Tooltip", ref, ...props });
54
- });
55
- const TooltipGroup = ({ children, delay }) => {
56
- return /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children });
57
- };
58
- const TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
59
- const {
60
- __scopePopover,
61
- children,
62
- delay: delayProp,
63
- restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
64
- onOpenChange: onOpenChangeProp,
65
- focus,
66
- ...restProps
67
- } = props;
68
- const popperScope = usePopoverScope(__scopePopover);
69
- const triggerRef = React.useRef(null);
70
- const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
71
- const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
72
- const delay = delayProp ?? delayGroup;
73
- const [open, setOpen] = React.useState(false);
74
- const id = props.groupId;
75
- const onOpenChange = useEvent((open2) => {
76
- setOpen(open2);
77
- if (open2) {
78
- setCurrentId(id);
79
- }
80
- onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
81
- });
82
- const useFloatingFn = (props2) => {
83
- const floating = useFloating({
84
- ...props2,
85
- open,
86
- onOpenChange
87
- });
88
- const { getReferenceProps, getFloatingProps } = useInteractions([
89
- useHover(floating.context, { delay, restMs }),
90
- useFocus(floating.context, focus),
91
- useRole(floating.context, { role: "tooltip" }),
92
- useDismiss(floating.context),
93
- useDelayGroup(floating.context, { id })
94
- ]);
95
- return {
96
- ...floating,
97
- getReferenceProps,
98
- getFloatingProps
99
- };
100
- };
101
- const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
102
- const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
103
- const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
104
- const contentId = React.useId();
105
- const twoSmallerKey = stepTokenUpOrDown("size", "$true", -2).key;
106
- const size = `$${twoSmallerKey}`;
107
- return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(Popper, { size, allowFlip: true, ...popperScope, ...restProps, children: /* @__PURE__ */ jsx(
108
- __PopoverProviderInternal,
109
- {
110
- scope: __scopePopover,
111
- popperScope: popperScope.__scopePopper,
112
- contentId,
113
- triggerRef,
114
- sheetBreakpoint: false,
115
- scopeKey: "",
116
- open,
117
- onOpenChange: setOpen,
118
- onOpenToggle: voidFn,
119
- hasCustomAnchor,
120
- onCustomAnchorAdd,
121
- onCustomAnchorRemove,
122
- children
123
- }
124
- ) }) });
125
- });
126
- const Tooltip2 = withStaticProperties(TooltipComponent, {
127
- Anchor: PopoverAnchor,
128
- Arrow: TooltipArrow,
129
- Content: TooltipContent,
130
- Trigger: PopoverTrigger
131
- });
132
- const voidFn = () => {
133
- };
134
- export {
135
- Tooltip2 as Tooltip,
136
- TooltipGroup
137
- };
138
- //# 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,54 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useDelayGroupContext } from "@floating-ui/react";
3
- import { Paragraph } from "@tamagui/text";
4
- import { Tooltip, TooltipGroup } from "./Tooltip";
5
- const TooltipSimple = ({
6
- label,
7
- children,
8
- contentProps,
9
- ...tooltipProps
10
- }) => {
11
- let context;
12
- try {
13
- context = useDelayGroupContext();
14
- } catch {
15
- }
16
- const contents = /* @__PURE__ */ jsxs(Tooltip, { ...tooltipProps, children: [
17
- /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children }),
18
- /* @__PURE__ */ jsxs(
19
- Tooltip.Content,
20
- {
21
- zIndex: 1e9,
22
- enterStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
23
- exitStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
24
- x: 0,
25
- scale: 1,
26
- y: 0,
27
- elevation: "$1",
28
- opacity: 1,
29
- animation: [
30
- "quick",
31
- {
32
- opacity: {
33
- overshootClamping: true
34
- }
35
- }
36
- ],
37
- ...contentProps,
38
- children: [
39
- /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
40
- /* @__PURE__ */ jsx(Paragraph, { size: "$2", lineHeight: "$0", children: label })
41
- ]
42
- }
43
- )
44
- ] });
45
- if (!context) {
46
- return /* @__PURE__ */ jsx(TooltipGroup, { delay: defaultTooltipDelay, children: contents });
47
- }
48
- return contents;
49
- };
50
- const defaultTooltipDelay = { open: 3e3, close: 100 };
51
- export {
52
- TooltipSimple
53
- };
54
- //# sourceMappingURL=TooltipSimple.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": "AA8BM,cACA,YADA;AA9BN,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,qBAAC,WAAS,GAAG,cACX;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MAAE,UAAS;AAAA,IACnC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAG;AAAA,QACH,WAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAK,YAAW,MAC7B,iBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC,gBAAa,OAAO,qBAAsB,oBAAS;AAAA,EAC7D;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
- }