@tamagui/tooltip 2.0.0-rc.26 → 2.0.0-rc.26-1773452370596

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.
Files changed (13) hide show
  1. package/package.json +14 -14
  2. package/dist/cjs/Tooltip.js +0 -169
  3. package/dist/cjs/Tooltip.js.map +0 -6
  4. package/dist/cjs/TooltipSimple.js +0 -99
  5. package/dist/cjs/TooltipSimple.js.map +0 -6
  6. package/dist/esm/Tooltip.js +0 -162
  7. package/dist/esm/Tooltip.js.map +0 -6
  8. package/dist/esm/TooltipSimple.js +0 -79
  9. package/dist/esm/TooltipSimple.js.map +0 -6
  10. package/dist/jsx/Tooltip.js +0 -162
  11. package/dist/jsx/Tooltip.js.map +0 -6
  12. package/dist/jsx/TooltipSimple.js +0 -79
  13. package/dist/jsx/TooltipSimple.js.map +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/tooltip",
3
- "version": "2.0.0-rc.26",
3
+ "version": "2.0.0-rc.26-1773452370596",
4
4
  "source": "src/index.tsx",
5
5
  "files": [
6
6
  "src",
@@ -36,21 +36,21 @@
36
36
  "clean:build": "tamagui-build clean:build"
37
37
  },
38
38
  "dependencies": {
39
- "@tamagui/compose-refs": "2.0.0-rc.26",
40
- "@tamagui/core": "2.0.0-rc.26",
41
- "@tamagui/create-context": "2.0.0-rc.26",
42
- "@tamagui/floating": "2.0.0-rc.26",
43
- "@tamagui/get-token": "2.0.0-rc.26",
44
- "@tamagui/helpers": "2.0.0-rc.26",
45
- "@tamagui/polyfill-dev": "2.0.0-rc.26",
46
- "@tamagui/popover": "2.0.0-rc.26",
47
- "@tamagui/popper": "2.0.0-rc.26",
48
- "@tamagui/stacks": "2.0.0-rc.26",
49
- "@tamagui/text": "2.0.0-rc.26",
50
- "@tamagui/use-controllable-state": "2.0.0-rc.26"
39
+ "@tamagui/compose-refs": "2.0.0-rc.26-1773452370596",
40
+ "@tamagui/core": "2.0.0-rc.26-1773452370596",
41
+ "@tamagui/create-context": "2.0.0-rc.26-1773452370596",
42
+ "@tamagui/floating": "2.0.0-rc.26-1773452370596",
43
+ "@tamagui/get-token": "2.0.0-rc.26-1773452370596",
44
+ "@tamagui/helpers": "2.0.0-rc.26-1773452370596",
45
+ "@tamagui/polyfill-dev": "2.0.0-rc.26-1773452370596",
46
+ "@tamagui/popover": "2.0.0-rc.26-1773452370596",
47
+ "@tamagui/popper": "2.0.0-rc.26-1773452370596",
48
+ "@tamagui/stacks": "2.0.0-rc.26-1773452370596",
49
+ "@tamagui/text": "2.0.0-rc.26-1773452370596",
50
+ "@tamagui/use-controllable-state": "2.0.0-rc.26-1773452370596"
51
51
  },
52
52
  "devDependencies": {
53
- "@tamagui/build": "2.0.0-rc.26",
53
+ "@tamagui/build": "2.0.0-rc.26-1773452370596",
54
54
  "react": ">=19",
55
55
  "react-native": "0.81.5"
56
56
  },
package/dist/cjs/Tooltip.js DELETED
@@ -1,169 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var Tooltip_exports = {};
24
- __export(Tooltip_exports, {
25
- Tooltip: () => Tooltip2,
26
- TooltipGroup: () => TooltipGroup,
27
- closeOpenTooltips: () => closeOpenTooltips
28
- });
29
- module.exports = __toCommonJS(Tooltip_exports);
30
- var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_floating = require("@tamagui/floating"), import_core = require("@tamagui/core"), import_floating2 = require("@tamagui/floating"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_popover = require("@tamagui/popover"), import_popper = require("@tamagui/popper"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react"), 1), import_jsx_runtime = require("react/jsx-runtime");
31
- const TOOLTIP_SCOPE = "", ALWAYS_DISABLE_TOOLTIP = {
32
- focus: !0,
33
- "remove-scroll": !0
34
- // it's nice to hit escape to hide a tooltip
35
- // dismiss: true
36
- }, TooltipContent = import_popper.PopperContentFrame.styleable(
37
- (props, ref) => {
38
- const preventAnimation = React.useContext(PreventTooltipAnimationContext), zIndexFromContext = React.useContext(TooltipZIndexContext);
39
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
40
- import_popover.PopoverContent,
41
- {
42
- scope: props.scope || TOOLTIP_SCOPE,
43
- alwaysDisable: ALWAYS_DISABLE_TOOLTIP,
44
- ...!props.unstyled && {
45
- backgroundColor: "$background",
46
- alignItems: "center",
47
- pointerEvents: "none",
48
- size: "$true"
49
- },
50
- ref,
51
- ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },
52
- ...props,
53
- ...preventAnimation && {
54
- transition: null
55
- }
56
- }
57
- );
58
- },
59
- {
60
- staticConfig: {
61
- componentName: "Tooltip"
62
- }
63
- }
64
- ), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
65
- import_popover.PopoverArrow,
66
- {
67
- scope: props.scope || TOOLTIP_SCOPE,
68
- componentName: "Tooltip",
69
- ref,
70
- ...props
71
- }
72
- )), PreventTooltipAnimationContext = React.createContext(!1), TooltipZIndexContext = React.createContext(void 0), TooltipGroup = ({
73
- children,
74
- delay,
75
- preventAnimation = !1,
76
- timeoutMs
77
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
78
- import_floating.FloatingDelayGroup,
79
- {
80
- timeoutMs,
81
- delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
82
- children
83
- }
84
- ) }), setOpens = /* @__PURE__ */ new Set(), closeOpenTooltips = () => {
85
- setOpens.forEach((x) => x(!1));
86
- }, TooltipComponent = React.forwardRef(function(props, ref) {
87
- "use no memo";
88
- const {
89
- children,
90
- delay: delayProp,
91
- restMs: restMsProp,
92
- onOpenChange: onOpenChangeProp,
93
- focus,
94
- open: openProp,
95
- disableAutoCloseOnScroll,
96
- zIndex,
97
- scope = TOOLTIP_SCOPE,
98
- ...restProps
99
- } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = (0, import_floating.useDelayGroupContext)(), delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400, restMs = restMsProp ?? (typeof delay == "number" ? delay : 0), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
100
- prop: openProp,
101
- defaultProp: !1,
102
- onChange: onOpenChangeProp
103
- }), id = props.groupId, onOpenChange = (0, import_core.useEvent)((open2) => {
104
- open2 && setCurrentId(id), setOpen(open2);
105
- });
106
- React.useEffect(() => {
107
- if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
108
- const closeIt = () => {
109
- setOpen(!1);
110
- };
111
- return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
112
- setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
113
- };
114
- }, [open, disableAutoCloseOnScroll]);
115
- const floatingContext = (0, import_popover.useFloatingContext)({
116
- open,
117
- setOpen: onOpenChange,
118
- disable: !1,
119
- disableFocus: !1,
120
- hoverable: !0,
121
- role: "tooltip",
122
- focus,
123
- groupId: id,
124
- delay,
125
- restMs
126
- }), onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []), onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []), contentId = React.useId(), smallerSize = props.unstyled ? null : (0, import_get_token.getSize)("$true", {
127
- shift: -2,
128
- bounds: [0]
129
- }), content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating2.FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
130
- import_popper.Popper,
131
- {
132
- scope,
133
- size: smallerSize?.key,
134
- allowFlip: !0,
135
- stayInFrame: !0,
136
- open,
137
- ...restProps,
138
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
139
- import_popover.PopoverContextProvider,
140
- {
141
- scope,
142
- contentId,
143
- triggerRef,
144
- open,
145
- onOpenChange: setOpen,
146
- onOpenToggle: voidFn,
147
- hasCustomAnchor,
148
- onCustomAnchorAdd,
149
- onCustomAnchorRemove,
150
- children
151
- }
152
- )
153
- }
154
- ) });
155
- return zIndex !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipZIndexContext.Provider, { value: zIndex, children: content }) : content;
156
- }), TooltipTrigger = React.forwardRef(function(props, ref) {
157
- const { scope, ...rest } = props;
158
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
159
- }), TooltipAnchor = React.forwardRef(function(props, ref) {
160
- const { scope, ...rest } = props;
161
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
162
- }), Tooltip2 = (0, import_helpers.withStaticProperties)(TooltipComponent, {
163
- Anchor: TooltipAnchor,
164
- Arrow: TooltipArrow,
165
- Content: TooltipContent,
166
- Trigger: TooltipTrigger
167
- }), voidFn = () => {
168
- };
169
- //# sourceMappingURL=Tooltip.js.map
package/dist/cjs/Tooltip.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "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",
5
- "names": ["Tooltip", "import_floating", "open"]
6
- }
package/dist/cjs/TooltipSimple.js DELETED
@@ -1,99 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var TooltipSimple_exports = {};
24
- __export(TooltipSimple_exports, {
25
- TooltipSimple: () => TooltipSimple
26
- });
27
- module.exports = __toCommonJS(TooltipSimple_exports);
28
- var import_get_token = require("@tamagui/get-token"), import_text = require("@tamagui/text"), React = __toESM(require("react"), 1), import_Tooltip = require("./Tooltip"), import_jsx_runtime = require("react/jsx-runtime");
29
- const TooltipSimple = React.forwardRef(
30
- ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
31
- "use no memo";
32
- const child = React.Children.only(children);
33
- return label ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
34
- import_Tooltip.Tooltip,
35
- {
36
- disableRTL: !0,
37
- offset: 15,
38
- restMs: 40,
39
- delay: 40,
40
- zIndex: 1e6,
41
- ...tooltipProps,
42
- ...disabled ? { open: !1 } : null,
43
- children: [
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
- import_Tooltip.Tooltip.Trigger,
46
- {
47
- ...typeof label == "string" && {
48
- "aria-label": label
49
- },
50
- asChild: "except-style",
51
- children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
52
- }
53
- ),
54
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
55
- import_Tooltip.Tooltip.Content,
56
- {
57
- enterStyle: { y: -4, opacity: 0, scale: 0.96 },
58
- exitStyle: { y: -4, opacity: 0, scale: 0.96 },
59
- scale: 1,
60
- elevation: "$0.5",
61
- opacity: 1,
62
- pointerEvents: "none",
63
- paddingVertical: (0, import_get_token.getSpace)(tooltipProps.size || "$true", {
64
- shift: -4
65
- }),
66
- animateOnly: ["transform", "opacity"],
67
- transition: [
68
- "quicker",
69
- {
70
- opacity: {
71
- overshootClamping: !0
72
- }
73
- }
74
- ],
75
- ...contentProps,
76
- children: [
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Arrow, {}),
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
79
- import_text.Paragraph,
80
- {
81
- maxWidth: 350,
82
- overflow: "hidden",
83
- size: "$3",
84
- textAlign: "center",
85
- "$platform-web": {
86
- textWrap: "balance"
87
- },
88
- children: label
89
- }
90
- )
91
- ]
92
- }
93
- )
94
- ]
95
- }
96
- ) : children;
97
- }
98
- );
99
- //# sourceMappingURL=TooltipSimple.js.map
package/dist/cjs/TooltipSimple.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB,+BAEzB,cAA0B,0BAC1B,QAAuB,8BAGvB,iBAAwB,sBA8BhB;AArBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE;AAEA,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QAEP,QAAQ;AAAA,QACP,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,uBAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,uBAAQ;AAAA,YAAR;AAAA,cACC,YAAY,EAAE,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAC7C,WAAW,EAAE,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAC5C,OAAO;AAAA,cACP,WAAU;AAAA,cACV,SAAS;AAAA,cACT,eAAc;AAAA,cACd,qBAAiB,2BAAS,aAAa,QAAQ,SAAS;AAAA,gBACtD,OAAO;AAAA,cACT,CAAC;AAAA,cACD,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,YAAY;AAAA,gBACV;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ;AAAA,4DAAC,uBAAQ,OAAR,EAAc;AAAA,gBACf;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAU;AAAA,oBACV,UAAS;AAAA,oBACT,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,iBAAe;AAAA,sBACb,UAAU;AAAA,oBACZ;AAAA,oBAEC;AAAA;AAAA,gBACH;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,IA3DO;AAAA,EA6DX;AACF;",
5
- "names": []
6
- }
package/dist/esm/Tooltip.js DELETED
@@ -1,162 +0,0 @@
1
- import "@tamagui/polyfill-dev";
2
- import { FloatingDelayGroup, useDelayGroupContext } from "@tamagui/floating";
3
- import { useEvent } from "@tamagui/core";
4
- import { FloatingOverrideContext } from "@tamagui/floating";
5
- import { getSize } from "@tamagui/get-token";
6
- import { withStaticProperties } from "@tamagui/helpers";
7
- import {
8
- PopoverAnchor,
9
- PopoverArrow,
10
- PopoverContent,
11
- PopoverContextProvider,
12
- PopoverTrigger,
13
- useFloatingContext
14
- } from "@tamagui/popover";
15
- import { Popper, PopperContentFrame } from "@tamagui/popper";
16
- import { useControllableState } from "@tamagui/use-controllable-state";
17
- import * as React from "react";
18
- import { jsx } from "react/jsx-runtime";
19
- const TOOLTIP_SCOPE = "", ALWAYS_DISABLE_TOOLTIP = {
20
- focus: !0,
21
- "remove-scroll": !0
22
- // it's nice to hit escape to hide a tooltip
23
- // dismiss: true
24
- }, TooltipContent = PopperContentFrame.styleable(
25
- (props, ref) => {
26
- const preventAnimation = React.useContext(PreventTooltipAnimationContext), zIndexFromContext = React.useContext(TooltipZIndexContext);
27
- return /* @__PURE__ */ jsx(
28
- PopoverContent,
29
- {
30
- scope: props.scope || TOOLTIP_SCOPE,
31
- alwaysDisable: ALWAYS_DISABLE_TOOLTIP,
32
- ...!props.unstyled && {
33
- backgroundColor: "$background",
34
- alignItems: "center",
35
- pointerEvents: "none",
36
- size: "$true"
37
- },
38
- ref,
39
- ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },
40
- ...props,
41
- ...preventAnimation && {
42
- transition: null
43
- }
44
- }
45
- );
46
- },
47
- {
48
- staticConfig: {
49
- componentName: "Tooltip"
50
- }
51
- }
52
- ), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
53
- PopoverArrow,
54
- {
55
- scope: props.scope || TOOLTIP_SCOPE,
56
- componentName: "Tooltip",
57
- ref,
58
- ...props
59
- }
60
- )), PreventTooltipAnimationContext = React.createContext(!1), TooltipZIndexContext = React.createContext(void 0), TooltipGroup = ({
61
- children,
62
- delay,
63
- preventAnimation = !1,
64
- timeoutMs
65
- }) => /* @__PURE__ */ jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ jsx(
66
- FloatingDelayGroup,
67
- {
68
- timeoutMs,
69
- delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
70
- children
71
- }
72
- ) }), setOpens = /* @__PURE__ */ new Set(), closeOpenTooltips = () => {
73
- setOpens.forEach((x) => x(!1));
74
- }, TooltipComponent = React.forwardRef(function(props, ref) {
75
- "use no memo";
76
- const {
77
- children,
78
- delay: delayProp,
79
- restMs: restMsProp,
80
- onOpenChange: onOpenChangeProp,
81
- focus,
82
- open: openProp,
83
- disableAutoCloseOnScroll,
84
- zIndex,
85
- scope = TOOLTIP_SCOPE,
86
- ...restProps
87
- } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400, restMs = restMsProp ?? (typeof delay == "number" ? delay : 0), [open, setOpen] = useControllableState({
88
- prop: openProp,
89
- defaultProp: !1,
90
- onChange: onOpenChangeProp
91
- }), id = props.groupId, onOpenChange = useEvent((open2) => {
92
- open2 && setCurrentId(id), setOpen(open2);
93
- });
94
- React.useEffect(() => {
95
- if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
96
- const closeIt = () => {
97
- setOpen(!1);
98
- };
99
- return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
100
- setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
101
- };
102
- }, [open, disableAutoCloseOnScroll]);
103
- const floatingContext = useFloatingContext({
104
- open,
105
- setOpen: onOpenChange,
106
- disable: !1,
107
- disableFocus: !1,
108
- hoverable: !0,
109
- role: "tooltip",
110
- focus,
111
- groupId: id,
112
- delay,
113
- restMs
114
- }), onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []), onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []), contentId = React.useId(), smallerSize = props.unstyled ? null : getSize("$true", {
115
- shift: -2,
116
- bounds: [0]
117
- }), content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ jsx(
118
- Popper,
119
- {
120
- scope,
121
- size: smallerSize?.key,
122
- allowFlip: !0,
123
- stayInFrame: !0,
124
- open,
125
- ...restProps,
126
- children: /* @__PURE__ */ jsx(
127
- PopoverContextProvider,
128
- {
129
- scope,
130
- contentId,
131
- triggerRef,
132
- open,
133
- onOpenChange: setOpen,
134
- onOpenToggle: voidFn,
135
- hasCustomAnchor,
136
- onCustomAnchorAdd,
137
- onCustomAnchorRemove,
138
- children
139
- }
140
- )
141
- }
142
- ) });
143
- return zIndex !== void 0 ? /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, { value: zIndex, children: content }) : content;
144
- }), TooltipTrigger = React.forwardRef(function(props, ref) {
145
- const { scope, ...rest } = props;
146
- return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
147
- }), TooltipAnchor = React.forwardRef(function(props, ref) {
148
- const { scope, ...rest } = props;
149
- return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
150
- }), Tooltip2 = withStaticProperties(TooltipComponent, {
151
- Anchor: TooltipAnchor,
152
- Arrow: TooltipArrow,
153
- Content: TooltipContent,
154
- Trigger: TooltipTrigger
155
- }), voidFn = () => {
156
- };
157
- export {
158
- Tooltip2 as Tooltip,
159
- TooltipGroup,
160
- closeOpenTooltips
161
- };
162
- //# sourceMappingURL=Tooltip.js.map
package/dist/esm/Tooltip.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "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",
5
- "names": ["open", "Tooltip"]
6
- }
package/dist/esm/TooltipSimple.js DELETED
@@ -1,79 +0,0 @@
1
- import { getSpace } from "@tamagui/get-token";
2
- import { Paragraph } from "@tamagui/text";
3
- import * as React from "react";
4
- import { Tooltip } from "./Tooltip";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- const TooltipSimple = React.forwardRef(
7
- ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
8
- "use no memo";
9
- const child = React.Children.only(children);
10
- return label ? /* @__PURE__ */ jsxs(
11
- Tooltip,
12
- {
13
- disableRTL: !0,
14
- offset: 15,
15
- restMs: 40,
16
- delay: 40,
17
- zIndex: 1e6,
18
- ...tooltipProps,
19
- ...disabled ? { open: !1 } : null,
20
- children: [
21
- /* @__PURE__ */ jsx(
22
- Tooltip.Trigger,
23
- {
24
- ...typeof label == "string" && {
25
- "aria-label": label
26
- },
27
- asChild: "except-style",
28
- children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
29
- }
30
- ),
31
- /* @__PURE__ */ jsxs(
32
- Tooltip.Content,
33
- {
34
- enterStyle: { y: -4, opacity: 0, scale: 0.96 },
35
- exitStyle: { y: -4, opacity: 0, scale: 0.96 },
36
- scale: 1,
37
- elevation: "$0.5",
38
- opacity: 1,
39
- pointerEvents: "none",
40
- paddingVertical: getSpace(tooltipProps.size || "$true", {
41
- shift: -4
42
- }),
43
- animateOnly: ["transform", "opacity"],
44
- transition: [
45
- "quicker",
46
- {
47
- opacity: {
48
- overshootClamping: !0
49
- }
50
- }
51
- ],
52
- ...contentProps,
53
- children: [
54
- /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
55
- /* @__PURE__ */ jsx(
56
- Paragraph,
57
- {
58
- maxWidth: 350,
59
- overflow: "hidden",
60
- size: "$3",
61
- textAlign: "center",
62
- "$platform-web": {
63
- textWrap: "balance"
64
- },
65
- children: label
66
- }
67
- )
68
- ]
69
- }
70
- )
71
- ]
72
- }
73
- ) : children;
74
- }
75
- );
76
- export {
77
- TooltipSimple
78
- };
79
- //# sourceMappingURL=TooltipSimple.js.map
package/dist/esm/TooltipSimple.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,YAAY,WAAW;AAGvB,SAAS,eAAe;AA8BhB,cAWA,YAXA;AArBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE;AAEA,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QAEP,QAAQ;AAAA,QACP,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,YAAY,EAAE,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAC7C,WAAW,EAAE,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAC5C,OAAO;AAAA,cACP,WAAU;AAAA,cACV,SAAS;AAAA,cACT,eAAc;AAAA,cACd,iBAAiB,SAAS,aAAa,QAAQ,SAAS;AAAA,gBACtD,OAAO;AAAA,cACT,CAAC;AAAA,cACD,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,YAAY;AAAA,gBACV;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ;AAAA,oCAAC,QAAQ,OAAR,EAAc;AAAA,gBACf;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAU;AAAA,oBACV,UAAS;AAAA,oBACT,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,iBAAe;AAAA,sBACb,UAAU;AAAA,oBACZ;AAAA,oBAEC;AAAA;AAAA,gBACH;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,IA3DO;AAAA,EA6DX;AACF;",
5
- "names": []
6
- }
package/dist/jsx/Tooltip.js DELETED
@@ -1,162 +0,0 @@
1
- import "@tamagui/polyfill-dev";
2
- import { FloatingDelayGroup, useDelayGroupContext } from "@tamagui/floating";
3
- import { useEvent } from "@tamagui/core";
4
- import { FloatingOverrideContext } from "@tamagui/floating";
5
- import { getSize } from "@tamagui/get-token";
6
- import { withStaticProperties } from "@tamagui/helpers";
7
- import {
8
- PopoverAnchor,
9
- PopoverArrow,
10
- PopoverContent,
11
- PopoverContextProvider,
12
- PopoverTrigger,
13
- useFloatingContext
14
- } from "@tamagui/popover";
15
- import { Popper, PopperContentFrame } from "@tamagui/popper";
16
- import { useControllableState } from "@tamagui/use-controllable-state";
17
- import * as React from "react";
18
- import { jsx } from "react/jsx-runtime";
19
- const TOOLTIP_SCOPE = "", ALWAYS_DISABLE_TOOLTIP = {
20
- focus: !0,
21
- "remove-scroll": !0
22
- // it's nice to hit escape to hide a tooltip
23
- // dismiss: true
24
- }, TooltipContent = PopperContentFrame.styleable(
25
- (props, ref) => {
26
- const preventAnimation = React.useContext(PreventTooltipAnimationContext), zIndexFromContext = React.useContext(TooltipZIndexContext);
27
- return /* @__PURE__ */ jsx(
28
- PopoverContent,
29
- {
30
- scope: props.scope || TOOLTIP_SCOPE,
31
- alwaysDisable: ALWAYS_DISABLE_TOOLTIP,
32
- ...!props.unstyled && {
33
- backgroundColor: "$background",
34
- alignItems: "center",
35
- pointerEvents: "none",
36
- size: "$true"
37
- },
38
- ref,
39
- ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },
40
- ...props,
41
- ...preventAnimation && {
42
- transition: null
43
- }
44
- }
45
- );
46
- },
47
- {
48
- staticConfig: {
49
- componentName: "Tooltip"
50
- }
51
- }
52
- ), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
53
- PopoverArrow,
54
- {
55
- scope: props.scope || TOOLTIP_SCOPE,
56
- componentName: "Tooltip",
57
- ref,
58
- ...props
59
- }
60
- )), PreventTooltipAnimationContext = React.createContext(!1), TooltipZIndexContext = React.createContext(void 0), TooltipGroup = ({
61
- children,
62
- delay,
63
- preventAnimation = !1,
64
- timeoutMs
65
- }) => /* @__PURE__ */ jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ jsx(
66
- FloatingDelayGroup,
67
- {
68
- timeoutMs,
69
- delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
70
- children
71
- }
72
- ) }), setOpens = /* @__PURE__ */ new Set(), closeOpenTooltips = () => {
73
- setOpens.forEach((x) => x(!1));
74
- }, TooltipComponent = React.forwardRef(function(props, ref) {
75
- "use no memo";
76
- const {
77
- children,
78
- delay: delayProp,
79
- restMs: restMsProp,
80
- onOpenChange: onOpenChangeProp,
81
- focus,
82
- open: openProp,
83
- disableAutoCloseOnScroll,
84
- zIndex,
85
- scope = TOOLTIP_SCOPE,
86
- ...restProps
87
- } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400, restMs = restMsProp ?? (typeof delay == "number" ? delay : 0), [open, setOpen] = useControllableState({
88
- prop: openProp,
89
- defaultProp: !1,
90
- onChange: onOpenChangeProp
91
- }), id = props.groupId, onOpenChange = useEvent((open2) => {
92
- open2 && setCurrentId(id), setOpen(open2);
93
- });
94
- React.useEffect(() => {
95
- if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
96
- const closeIt = () => {
97
- setOpen(!1);
98
- };
99
- return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
100
- setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
101
- };
102
- }, [open, disableAutoCloseOnScroll]);
103
- const floatingContext = useFloatingContext({
104
- open,
105
- setOpen: onOpenChange,
106
- disable: !1,
107
- disableFocus: !1,
108
- hoverable: !0,
109
- role: "tooltip",
110
- focus,
111
- groupId: id,
112
- delay,
113
- restMs
114
- }), onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []), onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []), contentId = React.useId(), smallerSize = props.unstyled ? null : getSize("$true", {
115
- shift: -2,
116
- bounds: [0]
117
- }), content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ jsx(
118
- Popper,
119
- {
120
- scope,
121
- size: smallerSize?.key,
122
- allowFlip: !0,
123
- stayInFrame: !0,
124
- open,
125
- ...restProps,
126
- children: /* @__PURE__ */ jsx(
127
- PopoverContextProvider,
128
- {
129
- scope,
130
- contentId,
131
- triggerRef,
132
- open,
133
- onOpenChange: setOpen,
134
- onOpenToggle: voidFn,
135
- hasCustomAnchor,
136
- onCustomAnchorAdd,
137
- onCustomAnchorRemove,
138
- children
139
- }
140
- )
141
- }
142
- ) });
143
- return zIndex !== void 0 ? /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, { value: zIndex, children: content }) : content;
144
- }), TooltipTrigger = React.forwardRef(function(props, ref) {
145
- const { scope, ...rest } = props;
146
- return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
147
- }), TooltipAnchor = React.forwardRef(function(props, ref) {
148
- const { scope, ...rest } = props;
149
- return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
150
- }), Tooltip2 = withStaticProperties(TooltipComponent, {
151
- Anchor: TooltipAnchor,
152
- Arrow: TooltipArrow,
153
- Content: TooltipContent,
154
- Trigger: TooltipTrigger
155
- }), voidFn = () => {
156
- };
157
- export {
158
- Tooltip2 as Tooltip,
159
- TooltipGroup,
160
- closeOpenTooltips
161
- };
162
- //# sourceMappingURL=Tooltip.js.map
package/dist/jsx/Tooltip.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "AAAA,OAAO;AAEP,SAAS,oBAAoB,4BAAwC;AAErE,SAAS,gBAAgB;AACzB,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,4BAA4B;AACrC,YAAY,WAAW;AA0BjB;AAxBN,MAAM,gBAAgB,IAWhB,yBAAyB;AAAA,EAC7B,OAAO;AAAA,EACP,iBAAiB;AAAA;AAAA;AAGnB,GAEM,iBAAiB,mBAAmB;AAAA,EACxC,CAAC,OAAO,QAAQ;AACd,UAAM,mBAAmB,MAAM,WAAW,8BAA8B,GAClE,oBAAoB,MAAM,WAAW,oBAAoB;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM,SAAS;AAAA,QACtB,eAAe;AAAA,QACd,GAAI,CAAC,MAAM,YAAY;AAAA,UACtB,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,MAAM;AAAA,QACR;AAAA,QACA;AAAA,QAEC,GAAI,sBAAsB,UAAa,EAAE,QAAQ,kBAAkB;AAAA,QACnE,GAAG;AAAA,QACH,GAAI,oBAAoB;AAAA,UACvB,YAAY;AAAA,QACd;AAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAEM,eAAe,MAAM,WAA6C,CAAC,OAAO,QAE5E;AAAA,EAAC;AAAA;AAAA,IACC,OAAO,MAAM,SAAS;AAAA,IACtB,eAAc;AAAA,IACd;AAAA,IACC,GAAG;AAAA;AACN,CAEH,GA6BK,iCAAiC,MAAM,cAAc,EAAK,GAC1D,uBAAuB,MAAM,cAAkC,MAAS,GAEjE,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,MAOI,oBAAC,+BAA+B,UAA/B,EAAwC,OAAO,kBAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAAA,IAExD;AAAA;AACH,GACF,GAIE,WAAW,oBAAI,IAAmD,GAE3D,oBAAoB,MAAM;AACrC,WAAS,QAAQ,CAAC,MAAM,EAAE,EAAK,CAAC;AAClC,GAEM,mBAAmB,MAAM,WAAW,SACxC,OAEA,KACA;AAEA;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EACL,IAAI,OACE,aAAa,MAAM,OAA0B,IAAI,GACjD,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAK,GAC5D,EAAE,OAAO,YAAY,aAAa,IAAI,qBAAqB,GAE3D,QAAQ,cAAc,SAAY,YAAa,cAAc,KAC7D,SAAS,eAAe,OAAO,SAAU,WAAW,QAAQ,IAC5D,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC,GACK,KAAK,MAAM,SAEX,eAAe,SAAS,CAACA,UAAkB;AAC/C,IAAIA,SACF,aAAa,EAAE,GAEjB,QAAQA,KAAI;AAAA,EACd,CAAC;AAGD,QAAM,UAAU,MAAM;AAGpB,QAFI,CAAC,QACD,4BACA,OAAO,WAAa,IAAa;AACrC,UAAM,UAAU,MAAM;AACpB,cAAQ,EAAK;AAAA,IACf;AACA,oBAAS,IAAI,OAAO,GACpB,SAAS,gBAAgB,iBAAiB,UAAU,OAAO,GACpD,MAAM;AACX,eAAS,OAAO,OAAO,GACvB,SAAS,gBAAgB,oBAAoB,UAAU,OAAO;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,MAAM,wBAAwB,CAAC;AAKnC,QAAM,kBAAkB,mBAAmB;AAAA,IACzC;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,CAAC,GAEK,oBAAoB,MAAM,YAAY,MAAM,mBAAmB,EAAI,GAAG,CAAC,CAAC,GACxE,uBAAuB,MAAM,YAAY,MAAM,mBAAmB,EAAK,GAAG,CAAC,CAAC,GAC5E,YAAY,MAAM,MAAM,GACxB,cAAc,MAAM,WACtB,OACA,QAAQ,SAAS;AAAA,IACf,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GAEC,UACJ,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,iBAEvC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,aAAa;AAAA,MACnB,WAAS;AAAA,MACT,aAAW;AAAA,MACX;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,cAAc;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAGF,SAAI,WAAW,SAEX,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,QACnC,mBACH,IAIG;AACT,CAAC,GAEK,iBAAiB,MAAM,WAAW,SACtC,OACA,KACA;AACA,QAAM,EAAE,OAAO,GAAG,KAAK,IAAI;AAC3B,SAAO,oBAAC,kBAAgB,GAAG,MAAM,OAAO,SAAS,eAAe,KAAU;AAC5E,CAAC,GAEK,gBAAgB,MAAM,WAAW,SACrC,OACA,KACA;AACA,QAAM,EAAE,OAAO,GAAG,KAAK,IAAI;AAC3B,SAAO,oBAAC,iBAAe,GAAG,MAAM,OAAO,SAAS,eAAe,KAAU;AAC3E,CAAC,GAEYC,WAAU,qBAAqB,kBAAkB;AAAA,EAC5D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC,GAEK,SAAS,MAAM;AAAC;",
5
- "names": ["open", "Tooltip"]
6
- }
package/dist/jsx/TooltipSimple.js DELETED
@@ -1,79 +0,0 @@
1
- import { getSpace } from "@tamagui/get-token";
2
- import { Paragraph } from "@tamagui/text";
3
- import * as React from "react";
4
- import { Tooltip } from "./Tooltip";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- const TooltipSimple = React.forwardRef(
7
- ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
8
- "use no memo";
9
- const child = React.Children.only(children);
10
- return label ? /* @__PURE__ */ jsxs(
11
- Tooltip,
12
- {
13
- disableRTL: !0,
14
- offset: 15,
15
- restMs: 40,
16
- delay: 40,
17
- zIndex: 1e6,
18
- ...tooltipProps,
19
- ...disabled ? { open: !1 } : null,
20
- children: [
21
- /* @__PURE__ */ jsx(
22
- Tooltip.Trigger,
23
- {
24
- ...typeof label == "string" && {
25
- "aria-label": label
26
- },
27
- asChild: "except-style",
28
- children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
29
- }
30
- ),
31
- /* @__PURE__ */ jsxs(
32
- Tooltip.Content,
33
- {
34
- enterStyle: { y: -4, opacity: 0, scale: 0.96 },
35
- exitStyle: { y: -4, opacity: 0, scale: 0.96 },
36
- scale: 1,
37
- elevation: "$0.5",
38
- opacity: 1,
39
- pointerEvents: "none",
40
- paddingVertical: getSpace(tooltipProps.size || "$true", {
41
- shift: -4
42
- }),
43
- animateOnly: ["transform", "opacity"],
44
- transition: [
45
- "quicker",
46
- {
47
- opacity: {
48
- overshootClamping: !0
49
- }
50
- }
51
- ],
52
- ...contentProps,
53
- children: [
54
- /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
55
- /* @__PURE__ */ jsx(
56
- Paragraph,
57
- {
58
- maxWidth: 350,
59
- overflow: "hidden",
60
- size: "$3",
61
- textAlign: "center",
62
- "$platform-web": {
63
- textWrap: "balance"
64
- },
65
- children: label
66
- }
67
- )
68
- ]
69
- }
70
- )
71
- ]
72
- }
73
- ) : children;
74
- }
75
- );
76
- export {
77
- TooltipSimple
78
- };
79
- //# sourceMappingURL=TooltipSimple.js.map
package/dist/jsx/TooltipSimple.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,YAAY,WAAW;AAGvB,SAAS,eAAe;AA8BhB,cAWA,YAXA;AArBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE;AAEA,UAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;AAE1C,WAAK,QAKH;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QAEP,QAAQ;AAAA,QACP,GAAG;AAAA,QACH,GAAI,WAAW,EAAE,MAAM,GAAM,IAAI;AAAA,QAElC;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACE,GAAI,OAAO,SAAU,YAAY;AAAA,gBAChC,cAAc;AAAA,cAChB;AAAA,cACA,SAAQ;AAAA,cAEP,iBAAO,MAAM,eAAe,KAAK,IAC9B,MAAM,aAAa,OAAO,EAAE,IAAI,CAAQ,IACxC;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,YAAY,EAAE,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAC7C,WAAW,EAAE,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAC5C,OAAO;AAAA,cACP,WAAU;AAAA,cACV,SAAS;AAAA,cACT,eAAc;AAAA,cACd,iBAAiB,SAAS,aAAa,QAAQ,SAAS;AAAA,gBACtD,OAAO;AAAA,cACT,CAAC;AAAA,cACD,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,YAAY;AAAA,gBACV;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cAEJ;AAAA,oCAAC,QAAQ,OAAR,EAAc;AAAA,gBACf;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAU;AAAA,oBACV,UAAS;AAAA,oBACT,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,iBAAe;AAAA,sBACb,UAAU;AAAA,oBACZ;AAAA,oBAEC;AAAA;AAAA,gBACH;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,IA3DO;AAAA,EA6DX;AACF;",
5
- "names": []
6
- }