@tamagui/tooltip 2.0.0-rc.3 → 2.0.0-rc.31

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.
@@ -1,177 +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_react = require("@floating-ui/react"), import_core = require("@tamagui/core"), import_floating = 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 = "", TooltipContent = import_popper.PopperContentFrame.styleable(
32
- (props, ref) => {
33
- const preventAnimation = React.useContext(PreventTooltipAnimationContext);
34
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
35
- import_popover.PopoverContent,
36
- {
37
- scope: props.scope || TOOLTIP_SCOPE,
38
- disableFocusScope: !0,
39
- ...!props.unstyled && {
40
- pointerEvents: "none"
41
- },
42
- ref,
43
- ...props,
44
- ...preventAnimation && {
45
- transition: null
46
- }
47
- }
48
- );
49
- },
50
- {
51
- staticConfig: {
52
- componentName: "Tooltip"
53
- }
54
- }
55
- ), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
56
- import_popover.PopoverArrow,
57
- {
58
- scope: props.scope || TOOLTIP_SCOPE,
59
- componentName: "Tooltip",
60
- ref,
61
- ...props
62
- }
63
- )), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
64
- children,
65
- delay,
66
- preventAnimation = !1,
67
- timeoutMs
68
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
- import_react.FloatingDelayGroup,
70
- {
71
- timeoutMs,
72
- delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
73
- children
74
- }
75
- ) }), setOpens = /* @__PURE__ */ new Set(), closeOpenTooltips = () => {
76
- setOpens.forEach((x) => x(!1));
77
- }, TooltipComponent = React.forwardRef(function(props, ref) {
78
- const {
79
- children,
80
- delay: delayProp,
81
- restMs: restMsProp,
82
- onOpenChange: onOpenChangeProp,
83
- focus,
84
- open: openProp,
85
- disableAutoCloseOnScroll,
86
- scope = TOOLTIP_SCOPE,
87
- ...restProps
88
- } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = (0, import_react.useDelayGroupContext)(), delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400, restMs = restMsProp ?? (typeof delay == "number" ? delay : 0), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
89
- prop: openProp,
90
- defaultProp: !1,
91
- onChange: onOpenChangeProp
92
- }), id = props.groupId, onOpenChange = (0, import_core.useEvent)((open2) => {
93
- open2 && setCurrentId(id), setOpen(open2);
94
- });
95
- React.useEffect(() => {
96
- if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
97
- const closeIt = () => {
98
- setOpen(!1);
99
- };
100
- return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
101
- setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
102
- };
103
- }, [open, disableAutoCloseOnScroll]);
104
- const useFloatingFn = (props2) => {
105
- const floating = (0, import_react.useFloating)({
106
- ...props2,
107
- open,
108
- onOpenChange
109
- }), { delay: delayContext, currentId } = (0, import_react.useDelayGroup)(floating.context, { id }), delayOut = currentId != null && typeof delayContext == "object" ? delayContext : delay, { getReferenceProps, getFloatingProps } = (0, import_react.useInteractions)([
110
- (0, import_react.useHover)(floating.context, {
111
- delay: delayOut,
112
- restMs
113
- }),
114
- (0, import_react.useFocus)(floating.context, focus),
115
- (0, import_react.useRole)(floating.context, { role: "tooltip" }),
116
- (0, import_react.useDismiss)(floating.context)
117
- ]);
118
- return {
119
- ...floating,
120
- open,
121
- getReferenceProps,
122
- getFloatingProps
123
- };
124
- }, useFloatingContext = React.useCallback(useFloatingFn, [
125
- id,
126
- delay,
127
- open,
128
- restMs,
129
- focus ? JSON.stringify(focus) : 0
130
- ]), onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []), onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []), contentId = React.useId(), smallerSize = props.unstyled ? null : (0, import_get_token.getSize)("$true", {
131
- shift: -2,
132
- bounds: [0]
133
- });
134
- return (
135
- // TODO: FloatingOverrideContext might also need to be scoped
136
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
137
- import_popper.Popper,
138
- {
139
- scope,
140
- size: smallerSize?.key,
141
- allowFlip: !0,
142
- stayInFrame: !0,
143
- open,
144
- ...restProps,
145
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
146
- import_popover.PopoverContext.Provider,
147
- {
148
- popoverScope: scope,
149
- scope,
150
- contentId,
151
- triggerRef,
152
- open,
153
- onOpenChange: setOpen,
154
- onOpenToggle: voidFn,
155
- hasCustomAnchor,
156
- onCustomAnchorAdd,
157
- onCustomAnchorRemove,
158
- children
159
- }
160
- )
161
- }
162
- ) })
163
- );
164
- }), TooltipTrigger = React.forwardRef(function(props, ref) {
165
- const { scope, ...rest } = props;
166
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
167
- }), TooltipAnchor = React.forwardRef(function(props, ref) {
168
- const { scope, ...rest } = props;
169
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
170
- }), Tooltip2 = (0, import_helpers.withStaticProperties)(TooltipComponent, {
171
- Anchor: TooltipAnchor,
172
- Arrow: TooltipArrow,
173
- Content: TooltipContent,
174
- Trigger: TooltipTrigger
175
- }), voidFn = () => {
176
- };
177
- //# sourceMappingURL=Tooltip.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "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",
5
- "names": ["Tooltip", "open", "props"]
6
- }
@@ -1,98 +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
- const child = React.Children.only(children);
32
- return label ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
33
- import_Tooltip.Tooltip,
34
- {
35
- disableRTL: !0,
36
- offset: 15,
37
- restMs: 40,
38
- delay: 40,
39
- ...tooltipProps,
40
- ...disabled ? { open: !1 } : null,
41
- children: [
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
43
- import_Tooltip.Tooltip.Trigger,
44
- {
45
- ...typeof label == "string" && {
46
- "aria-label": label
47
- },
48
- asChild: "except-style",
49
- children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
50
- }
51
- ),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
53
- import_Tooltip.Tooltip.Content,
54
- {
55
- zIndex: 1e9,
56
- enterStyle: { y: -4, opacity: 0, scale: 0.96 },
57
- exitStyle: { y: -4, opacity: 0, scale: 0.96 },
58
- scale: 1,
59
- elevation: "$0.5",
60
- opacity: 1,
61
- pointerEvents: "none",
62
- paddingVertical: (0, import_get_token.getSpace)(tooltipProps.size || "$true", {
63
- shift: -4
64
- }),
65
- animateOnly: ["transform", "opacity"],
66
- transition: [
67
- "quicker",
68
- {
69
- opacity: {
70
- overshootClamping: !0
71
- }
72
- }
73
- ],
74
- ...contentProps,
75
- children: [
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Arrow, {}),
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
78
- import_text.Paragraph,
79
- {
80
- maxWidth: 350,
81
- overflow: "hidden",
82
- size: "$3",
83
- textAlign: "center",
84
- "$platform-web": {
85
- textWrap: "balance"
86
- },
87
- children: label
88
- }
89
- )
90
- ]
91
- }
92
- )
93
- ]
94
- }
95
- ) : children;
96
- }
97
- );
98
- //# sourceMappingURL=TooltipSimple.js.map
@@ -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,sBA0BhB;AAjBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE,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,QACN,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,QAAQ;AAAA,cACR,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,cAGpC,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,IA5DO;AAAA,EA8DX;AACF;",
5
- "names": []
6
- }
package/dist/cjs/index.js DELETED
@@ -1,16 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
12
- var index_exports = {};
13
- module.exports = __toCommonJS(index_exports);
14
- __reExport(index_exports, require("./Tooltip"), module.exports);
15
- __reExport(index_exports, require("./TooltipSimple"), module.exports);
16
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx"],
4
- "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,sBAAd;AACA,0BAAc,4BADd;",
5
- "names": []
6
- }
@@ -1,179 +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 } from "@tamagui/core";
14
- import { FloatingOverrideContext } from "@tamagui/floating";
15
- import { getSize } from "@tamagui/get-token";
16
- import { withStaticProperties } from "@tamagui/helpers";
17
- import {
18
- PopoverAnchor,
19
- PopoverArrow,
20
- PopoverContent,
21
- PopoverContext,
22
- PopoverTrigger
23
- } from "@tamagui/popover";
24
- import { Popper, PopperContentFrame } from "@tamagui/popper";
25
- import { useControllableState } from "@tamagui/use-controllable-state";
26
- import * as React from "react";
27
- import { jsx } from "react/jsx-runtime";
28
- const TOOLTIP_SCOPE = "", TooltipContent = PopperContentFrame.styleable(
29
- (props, ref) => {
30
- const preventAnimation = React.useContext(PreventTooltipAnimationContext);
31
- return /* @__PURE__ */ jsx(
32
- PopoverContent,
33
- {
34
- scope: props.scope || TOOLTIP_SCOPE,
35
- disableFocusScope: !0,
36
- ...!props.unstyled && {
37
- pointerEvents: "none"
38
- },
39
- ref,
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), 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
- const {
76
- children,
77
- delay: delayProp,
78
- restMs: restMsProp,
79
- onOpenChange: onOpenChangeProp,
80
- focus,
81
- open: openProp,
82
- disableAutoCloseOnScroll,
83
- scope = TOOLTIP_SCOPE,
84
- ...restProps
85
- } = 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({
86
- prop: openProp,
87
- defaultProp: !1,
88
- onChange: onOpenChangeProp
89
- }), id = props.groupId, onOpenChange = useEvent((open2) => {
90
- open2 && setCurrentId(id), setOpen(open2);
91
- });
92
- React.useEffect(() => {
93
- if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
94
- const closeIt = () => {
95
- setOpen(!1);
96
- };
97
- return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
98
- setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
99
- };
100
- }, [open, disableAutoCloseOnScroll]);
101
- const useFloatingFn = (props2) => {
102
- const floating = useFloating({
103
- ...props2,
104
- open,
105
- onOpenChange
106
- }), { delay: delayContext, currentId } = useDelayGroup(floating.context, { id }), delayOut = currentId != null && typeof delayContext == "object" ? delayContext : delay, { getReferenceProps, getFloatingProps } = useInteractions([
107
- useHover(floating.context, {
108
- delay: delayOut,
109
- restMs
110
- }),
111
- useFocus(floating.context, focus),
112
- useRole(floating.context, { role: "tooltip" }),
113
- useDismiss(floating.context)
114
- ]);
115
- return {
116
- ...floating,
117
- open,
118
- getReferenceProps,
119
- getFloatingProps
120
- };
121
- }, useFloatingContext = React.useCallback(useFloatingFn, [
122
- id,
123
- delay,
124
- open,
125
- restMs,
126
- focus ? JSON.stringify(focus) : 0
127
- ]), onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []), onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []), contentId = React.useId(), smallerSize = props.unstyled ? null : getSize("$true", {
128
- shift: -2,
129
- bounds: [0]
130
- });
131
- return (
132
- // TODO: FloatingOverrideContext might also need to be scoped
133
- /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(
134
- Popper,
135
- {
136
- scope,
137
- size: smallerSize?.key,
138
- allowFlip: !0,
139
- stayInFrame: !0,
140
- open,
141
- ...restProps,
142
- children: /* @__PURE__ */ jsx(
143
- PopoverContext.Provider,
144
- {
145
- popoverScope: scope,
146
- scope,
147
- contentId,
148
- triggerRef,
149
- open,
150
- onOpenChange: setOpen,
151
- onOpenToggle: voidFn,
152
- hasCustomAnchor,
153
- onCustomAnchorAdd,
154
- onCustomAnchorRemove,
155
- children
156
- }
157
- )
158
- }
159
- ) })
160
- );
161
- }), TooltipTrigger = React.forwardRef(function(props, ref) {
162
- const { scope, ...rest } = props;
163
- return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
164
- }), TooltipAnchor = React.forwardRef(function(props, ref) {
165
- const { scope, ...rest } = props;
166
- return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });
167
- }), Tooltip2 = withStaticProperties(TooltipComponent, {
168
- Anchor: TooltipAnchor,
169
- Arrow: TooltipArrow,
170
- Content: TooltipContent,
171
- Trigger: TooltipTrigger
172
- }), voidFn = () => {
173
- };
174
- export {
175
- Tooltip2 as Tooltip,
176
- TooltipGroup,
177
- closeOpenTooltips
178
- };
179
- //# sourceMappingURL=Tooltip.js.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,78 +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
- const child = React.Children.only(children);
9
- return label ? /* @__PURE__ */ jsxs(
10
- Tooltip,
11
- {
12
- disableRTL: !0,
13
- offset: 15,
14
- restMs: 40,
15
- delay: 40,
16
- ...tooltipProps,
17
- ...disabled ? { open: !1 } : null,
18
- children: [
19
- /* @__PURE__ */ jsx(
20
- Tooltip.Trigger,
21
- {
22
- ...typeof label == "string" && {
23
- "aria-label": label
24
- },
25
- asChild: "except-style",
26
- children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
27
- }
28
- ),
29
- /* @__PURE__ */ jsxs(
30
- Tooltip.Content,
31
- {
32
- zIndex: 1e9,
33
- enterStyle: { y: -4, opacity: 0, scale: 0.96 },
34
- exitStyle: { y: -4, opacity: 0, scale: 0.96 },
35
- scale: 1,
36
- elevation: "$0.5",
37
- opacity: 1,
38
- pointerEvents: "none",
39
- paddingVertical: getSpace(tooltipProps.size || "$true", {
40
- shift: -4
41
- }),
42
- animateOnly: ["transform", "opacity"],
43
- transition: [
44
- "quicker",
45
- {
46
- opacity: {
47
- overshootClamping: !0
48
- }
49
- }
50
- ],
51
- ...contentProps,
52
- children: [
53
- /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
54
- /* @__PURE__ */ jsx(
55
- Paragraph,
56
- {
57
- maxWidth: 350,
58
- overflow: "hidden",
59
- size: "$3",
60
- textAlign: "center",
61
- "$platform-web": {
62
- textWrap: "balance"
63
- },
64
- children: label
65
- }
66
- )
67
- ]
68
- }
69
- )
70
- ]
71
- }
72
- ) : children;
73
- }
74
- );
75
- export {
76
- TooltipSimple
77
- };
78
- //# sourceMappingURL=TooltipSimple.js.map
@@ -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;AA0BhB,cAWA,YAXA;AAjBD,MAAM,gBAA8C,MAAM;AAAA,EAC/D,CAAC,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,aAAa,GAAG,QAAQ;AACrE,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,QACN,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,QAAQ;AAAA,cACR,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,cAGpC,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,IA5DO;AAAA,EA8DX;AACF;",
5
- "names": []
6
- }