@tamagui/tooltip 1.0.1-beta.98 → 1.0.1-rc.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.
Files changed (44) hide show
  1. package/dist/cjs/Tooltip.js +110 -163
  2. package/dist/cjs/Tooltip.js.map +3 -3
  3. package/dist/cjs/Tooltip.native.js +3 -5
  4. package/dist/cjs/Tooltip.native.js.map +2 -2
  5. package/dist/cjs/TooltipSimple.js +92 -0
  6. package/dist/cjs/TooltipSimple.js.map +7 -0
  7. package/dist/cjs/TooltipSimple.native.js +32 -0
  8. package/dist/cjs/TooltipSimple.native.js.map +7 -0
  9. package/dist/cjs/index.js +2 -0
  10. package/dist/cjs/index.js.map +2 -2
  11. package/dist/esm/Tooltip.js +105 -163
  12. package/dist/esm/Tooltip.js.map +3 -3
  13. package/dist/esm/Tooltip.native.js +1 -3
  14. package/dist/esm/Tooltip.native.js.map +2 -2
  15. package/dist/esm/TooltipSimple.js +68 -0
  16. package/dist/esm/TooltipSimple.js.map +7 -0
  17. package/dist/esm/TooltipSimple.native.js +8 -0
  18. package/dist/esm/TooltipSimple.native.js.map +7 -0
  19. package/dist/esm/index.js +1 -0
  20. package/dist/esm/index.js.map +2 -2
  21. package/dist/jsx/Tooltip.js +67 -89
  22. package/dist/jsx/Tooltip.js.map +3 -3
  23. package/dist/jsx/Tooltip.native.js +1 -3
  24. package/dist/jsx/Tooltip.native.js.map +2 -2
  25. package/dist/jsx/TooltipSimple.js +39 -0
  26. package/dist/jsx/TooltipSimple.js.map +7 -0
  27. package/dist/jsx/TooltipSimple.native.js +8 -0
  28. package/dist/jsx/TooltipSimple.native.js.map +7 -0
  29. package/dist/jsx/index.js +1 -0
  30. package/dist/jsx/index.js.map +2 -2
  31. package/package.json +19 -17
  32. package/src/Tooltip.native.tsx +0 -2
  33. package/src/Tooltip.tsx +33 -76
  34. package/src/TooltipSimple.native.tsx +5 -0
  35. package/src/TooltipSimple.tsx +68 -0
  36. package/src/index.tsx +1 -0
  37. package/types/Tooltip.d.ts +17 -22
  38. package/types/Tooltip.native.d.ts +0 -1
  39. package/types/TooltipSimple.d.ts +10 -0
  40. package/types/TooltipSimple.native.d.ts +2 -0
  41. package/types/index.d.ts +1 -0
  42. package/types/Tooltip.d.ts.map +0 -1
  43. package/types/Tooltip.native.d.ts.map +0 -1
  44. package/types/index.d.ts.map +0 -1
@@ -1,38 +1,10 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
6
  var __getProtoOf = Object.getPrototypeOf;
9
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
8
  var __export = (target, all) => {
37
9
  for (var name in all)
38
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -45,160 +17,135 @@ var __copyProps = (to, from, except, desc) => {
45
17
  }
46
18
  return to;
47
19
  };
48
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
49
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
50
25
  var Tooltip_exports = {};
51
26
  __export(Tooltip_exports, {
52
27
  Tooltip: () => Tooltip,
53
- TooltipGroup: () => TooltipGroup,
54
- TooltipSimple: () => TooltipSimple
28
+ TooltipGroup: () => TooltipGroup
55
29
  });
56
30
  module.exports = __toCommonJS(Tooltip_exports);
31
+ var import_jsx_runtime = require("react/jsx-runtime");
57
32
  var import_polyfill_dev = require("@tamagui/polyfill-dev");
58
33
  var import_react_dom_interactions = require("@floating-ui/react-dom-interactions");
59
34
  var import_core = require("@tamagui/core");
60
35
  var import_popover = require("@tamagui/popover");
61
36
  var import_popper = require("@tamagui/popper");
62
- var import_text = require("@tamagui/text");
63
37
  var React = __toESM(require("react"));
64
- const TooltipContent = React.forwardRef((_a, ref) => {
65
- var _b = _a, { __scopePopover } = _b, props = __objRest(_b, ["__scopePopover"]);
66
- const popperScope = (0, import_popover.usePopoverScope)(__scopePopover);
67
- const popper = (0, import_popper.usePopperContext)("PopperContent", popperScope["__scopePopper"]);
68
- return /* @__PURE__ */ React.createElement(import_popover.PopoverContent, __spreadValues({
69
- disableRemoveScroll: true,
70
- trapFocus: false,
71
- padding: props.size || popper.size || "$2",
72
- componentName: "TooltipContent",
73
- pointerEvents: "none",
74
- ref
75
- }, props));
76
- });
38
+ const TooltipContent = React.forwardRef(
39
+ ({ __scopePopover, ...props }, ref) => {
40
+ const popperScope = (0, import_popover.usePopoverScope)(__scopePopover);
41
+ const popper = (0, import_popper.usePopperContext)("PopperContent", popperScope["__scopePopper"]);
42
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, {
43
+ componentName: "TooltipContent",
44
+ disableRemoveScroll: true,
45
+ trapFocus: false,
46
+ padding: props.size || popper.size || "$2",
47
+ pointerEvents: "none",
48
+ ref,
49
+ ...props
50
+ });
51
+ }
52
+ );
77
53
  const TooltipArrow = React.forwardRef((props, ref) => {
78
- return /* @__PURE__ */ React.createElement(import_popover.PopoverArrow, __spreadValues({
54
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, {
79
55
  componentName: "TooltipArrow",
80
- ref
81
- }, props));
82
- });
83
- const TooltipGroup = import_react_dom_interactions.FloatingDelayGroup;
84
- const Tooltip = (0, import_core.withStaticProperties)((props) => {
85
- const _a = props, {
86
- __scopePopover,
87
- children,
88
- restMs = 500,
89
- delay: delayProp,
90
- onOpenChange: onOpenChangeProp
91
- } = _a, restProps = __objRest(_a, [
92
- "__scopePopover",
93
- "children",
94
- "restMs",
95
- "delay",
96
- "onOpenChange"
97
- ]);
98
- const popperScope = (0, import_popover.usePopoverScope)(__scopePopover);
99
- const triggerRef = React.useRef(null);
100
- const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
101
- const { delay: delayGroup, setCurrentId } = (0, import_react_dom_interactions.useDelayGroupContext)();
102
- const delay = delayProp ?? delayGroup;
103
- const [open, setOpen] = React.useState(false);
104
- const id = props.groupId;
105
- const onOpenChange = React.useCallback((open2) => {
106
- setOpen(open2);
107
- if (open2) {
108
- setCurrentId(id);
109
- }
110
- onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
111
- }, [id, setCurrentId, onOpenChangeProp]);
112
- const useFloatingFn = (props2) => {
113
- const floating = (0, import_react_dom_interactions.useFloating)(__spreadProps(__spreadValues({}, props2), {
114
- open,
115
- onOpenChange
116
- }));
117
- const { getReferenceProps, getFloatingProps } = (0, import_react_dom_interactions.useInteractions)([
118
- (0, import_react_dom_interactions.useHover)(floating.context, { delay, restMs }),
119
- (0, import_react_dom_interactions.useFocus)(floating.context),
120
- (0, import_react_dom_interactions.useRole)(floating.context, { role: "tooltip" }),
121
- (0, import_react_dom_interactions.useDismiss)(floating.context),
122
- (0, import_react_dom_interactions.useDelayGroup)(floating.context, { id })
123
- ]);
124
- return __spreadProps(__spreadValues({}, floating), {
125
- getReferenceProps,
126
- getFloatingProps
127
- });
128
- };
129
- const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
130
- const voidFn = React.useCallback(() => {
131
- }, [setOpen]);
132
- return /* @__PURE__ */ React.createElement(import_popper.FloatingOverrideContext.Provider, {
133
- value: useFloatingContext
134
- }, /* @__PURE__ */ React.createElement(import_popper.Popper, __spreadValues(__spreadValues({
135
- size: "$2"
136
- }, popperScope), restProps), /* @__PURE__ */ React.createElement(import_popover.__PopoverProviderInternal, {
137
- scope: __scopePopover,
138
- contentId: (0, import_core.useId)(),
139
- triggerRef,
140
- open,
141
- onOpenChange: setOpen,
142
- onOpenToggle: voidFn,
143
- hasCustomAnchor,
144
- onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
145
- onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), [])
146
- }, children)));
147
- }, {
148
- Anchor: import_popover.PopoverAnchor,
149
- Arrow: TooltipArrow,
150
- Content: TooltipContent,
151
- Trigger: import_popover.PopoverTrigger
56
+ ref,
57
+ ...props
58
+ });
152
59
  });
153
- Tooltip.displayName = "Tooltip";
154
- const TooltipSimple = (_c) => {
155
- var _d = _c, {
156
- label,
157
- children,
158
- contentProps
159
- } = _d, tooltipProps = __objRest(_d, [
160
- "label",
161
- "children",
162
- "contentProps"
163
- ]);
164
- let context;
165
- try {
166
- context = (0, import_react_dom_interactions.useDelayGroupContext)();
167
- } catch {
168
- }
169
- const contents = /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
170
- asChild: true
171
- }, children), /* @__PURE__ */ React.createElement(Tooltip.Content, __spreadValues({
172
- enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
173
- exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
174
- x: 0,
175
- scale: 1,
176
- y: 0,
177
- elevation: "$1",
178
- opacity: 1,
179
- animation: [
180
- "bouncy",
181
- {
182
- opacity: {
183
- overshootClamping: true
184
- }
60
+ const TooltipGroup = ({ children, delay }) => {
61
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dom_interactions.FloatingDelayGroup, {
62
+ delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
63
+ children
64
+ });
65
+ };
66
+ const Tooltip = (0, import_core.withStaticProperties)(
67
+ (props) => {
68
+ const {
69
+ __scopePopover,
70
+ children,
71
+ restMs = 500,
72
+ delay: delayProp,
73
+ onOpenChange: onOpenChangeProp,
74
+ ...restProps
75
+ } = props;
76
+ const popperScope = (0, import_popover.usePopoverScope)(__scopePopover);
77
+ const triggerRef = React.useRef(null);
78
+ const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
79
+ const { delay: delayGroup, setCurrentId } = (0, import_react_dom_interactions.useDelayGroupContext)();
80
+ const delay = delayProp ?? delayGroup;
81
+ const [open, setOpen] = React.useState(false);
82
+ const id = props.groupId;
83
+ const onOpenChange = (0, import_core.useEvent)((open2) => {
84
+ setOpen(open2);
85
+ if (open2) {
86
+ setCurrentId(id);
185
87
  }
186
- ]
187
- }, contentProps), /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_text.Paragraph, {
188
- size: "$2",
189
- lineHeight: "$1"
190
- }, label)));
191
- if (!context) {
192
- return /* @__PURE__ */ React.createElement(TooltipGroup, {
193
- delay: { open: 3e3, close: 100 }
194
- }, contents);
88
+ onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
89
+ });
90
+ const useFloatingFn = (props2) => {
91
+ const floating = (0, import_react_dom_interactions.useFloating)({
92
+ ...props2,
93
+ open,
94
+ onOpenChange
95
+ });
96
+ const { getReferenceProps, getFloatingProps } = (0, import_react_dom_interactions.useInteractions)([
97
+ (0, import_react_dom_interactions.useHover)(floating.context, { delay, restMs }),
98
+ (0, import_react_dom_interactions.useFocus)(floating.context),
99
+ (0, import_react_dom_interactions.useRole)(floating.context, { role: "tooltip" }),
100
+ (0, import_react_dom_interactions.useDismiss)(floating.context),
101
+ (0, import_react_dom_interactions.useDelayGroup)(floating.context, { id })
102
+ ]);
103
+ return {
104
+ ...floating,
105
+ getReferenceProps,
106
+ getFloatingProps
107
+ };
108
+ };
109
+ const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
110
+ const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
111
+ const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
112
+ const contentId = (0, import_core.useId)();
113
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.FloatingOverrideContext.Provider, {
114
+ value: useFloatingContext,
115
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.Popper, {
116
+ size: "$2",
117
+ ...popperScope,
118
+ ...restProps,
119
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.__PopoverProviderInternal, {
120
+ scope: __scopePopover,
121
+ contentId,
122
+ triggerRef,
123
+ sheetBreakpoint: false,
124
+ scopeKey: "",
125
+ open,
126
+ onOpenChange: setOpen,
127
+ onOpenToggle: voidFn,
128
+ hasCustomAnchor,
129
+ onCustomAnchorAdd,
130
+ onCustomAnchorRemove,
131
+ children
132
+ })
133
+ })
134
+ });
135
+ },
136
+ {
137
+ Anchor: import_popover.PopoverAnchor,
138
+ Arrow: TooltipArrow,
139
+ Content: TooltipContent,
140
+ Trigger: import_popover.PopoverTrigger
195
141
  }
196
- return contents;
142
+ );
143
+ Tooltip.displayName = "Tooltip";
144
+ const voidFn = () => {
197
145
  };
198
146
  // Annotate the CommonJS export names for ESM import in node:
199
147
  0 && (module.exports = {
200
148
  Tooltip,
201
- TooltipGroup,
202
- TooltipSimple
149
+ TooltipGroup
203
150
  });
204
151
  //# sourceMappingURL=Tooltip.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Tooltip.tsx"],
4
- "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n FloatingDelayGroup,\n useDelayGroup,\n useDelayGroupContext,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n PopoverAnchor,\n PopoverArrow,\n PopoverArrowProps,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger,\n __PopoverProviderInternal,\n usePopoverScope,\n} from '@tamagui/popover'\nimport {\n FloatingOverrideContext,\n Popper,\n PopperProps,\n UseFloatingFn,\n usePopperContext,\n} from '@tamagui/popper'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {\n const popperScope = usePopoverScope(__scopePopover)\n const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n return (\n <PopoverContent\n disableRemoveScroll\n trapFocus={false}\n padding={props.size || popper.size || '$2'}\n componentName=\"TooltipContent\"\n pointerEvents=\"none\"\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n children?: React.ReactNode\n onOpenChange?: (open: boolean) => void\n groupId?: string\n restMs?: number\n delay?:\n | number\n | {\n open?: number\n close?: number\n }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n const {\n __scopePopover,\n children,\n restMs = 500,\n delay: delayProp,\n onOpenChange: onOpenChangeProp,\n ...restProps\n } = props\n const popperScope = usePopoverScope(__scopePopover)\n const triggerRef = React.useRef<HTMLButtonElement>(null)\n const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n const delay = delayProp ?? delayGroup\n const [open, setOpen] = React.useState(false)\n const id = props.groupId\n\n // TODO useEvent when ready\n const onOpenChange = React.useCallback(\n (open) => {\n setOpen(open)\n if (open) {\n setCurrentId(id)\n }\n onOpenChangeProp?.(open)\n },\n [id, setCurrentId, onOpenChangeProp]\n )\n\n const useFloatingFn: UseFloatingFn = (props) => {\n const floating = useFloating({\n ...props,\n open,\n onOpenChange,\n })\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(floating.context, { delay, restMs }),\n useFocus(floating.context),\n useRole(floating.context, { role: 'tooltip' }),\n useDismiss(floating.context),\n useDelayGroup(floating.context, { id }),\n ])\n return {\n ...floating,\n getReferenceProps,\n getFloatingProps,\n } as any\n }\n\n const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\n const voidFn = React.useCallback(() => {}, [setOpen])\n\n return (\n <FloatingOverrideContext.Provider value={useFloatingContext}>\n {/* default tooltip to a smaller size */}\n <Popper size=\"$2\" {...popperScope} {...restProps}>\n <__PopoverProviderInternal\n scope={__scopePopover}\n contentId={useId()}\n triggerRef={triggerRef}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={voidFn}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}\n onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}\n >\n {children}\n </__PopoverProviderInternal>\n </Popper>\n </FloatingOverrideContext.Provider>\n )\n }) as React.FC<TooltipProps>,\n {\n Anchor: PopoverAnchor,\n Arrow: TooltipArrow,\n Content: TooltipContent,\n Trigger: PopoverTrigger,\n }\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n label?: React.ReactNode\n children?: React.ReactNode\n contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n label,\n children,\n contentProps,\n ...tooltipProps\n}) => {\n let context\n try {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n context = useDelayGroupContext()\n } catch {\n // ok\n }\n\n const contents = (\n <Tooltip {...tooltipProps}>\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n x={0}\n scale={1}\n y={0}\n elevation=\"$1\"\n opacity={1}\n animation={[\n 'bouncy',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n {...contentProps}\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$1\">\n {label}\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n\n if (!context) {\n return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>\n }\n\n return contents\n}\n"],
5
- "mappings": "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",
6
- "names": []
4
+ "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n FloatingDelayGroup,\n useDelayGroup,\n useDelayGroupContext,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n PopoverAnchor,\n PopoverArrow,\n PopoverArrowProps,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger,\n __PopoverProviderInternal,\n usePopoverScope,\n} from '@tamagui/popover'\nimport {\n FloatingOverrideContext,\n Popper,\n PopperProps,\n UseFloatingFn,\n usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {\n const popperScope = usePopoverScope(__scopePopover)\n const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n return (\n <PopoverContent\n componentName=\"TooltipContent\"\n disableRemoveScroll\n trapFocus={false}\n padding={props.size || popper.size || '$2'}\n pointerEvents=\"none\"\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n children?: React.ReactNode\n onOpenChange?: (open: boolean) => void\n groupId?: string\n restMs?: number\n delay?:\n | number\n | {\n open?: number\n close?: number\n }\n}\n\ntype Delay =\n | number\n | Partial<{\n open: number\n close: number\n }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n return (\n <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n {children}\n </FloatingDelayGroup>\n )\n}\n\nexport const Tooltip = withStaticProperties(\n ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n const {\n __scopePopover,\n children,\n restMs = 500,\n delay: delayProp,\n onOpenChange: onOpenChangeProp,\n ...restProps\n } = props\n const popperScope = usePopoverScope(__scopePopover)\n const triggerRef = React.useRef<HTMLButtonElement>(null)\n const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n const delay = delayProp ?? delayGroup\n const [open, setOpen] = React.useState(false)\n const id = props.groupId\n\n const onOpenChange = useEvent((open) => {\n setOpen(open)\n if (open) {\n setCurrentId(id)\n }\n onOpenChangeProp?.(open)\n })\n\n const useFloatingFn: UseFloatingFn = (props) => {\n // @ts-ignore\n const floating = useFloating({\n ...props,\n open,\n onOpenChange,\n })\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(floating.context, { delay, restMs }),\n useFocus(floating.context),\n useRole(floating.context, { role: 'tooltip' }),\n useDismiss(floating.context),\n useDelayGroup(floating.context, { id }),\n ])\n return {\n ...floating,\n getReferenceProps,\n getFloatingProps,\n } as any\n }\n\n const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])\n const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])\n const contentId = useId()\n\n return (\n <FloatingOverrideContext.Provider value={useFloatingContext}>\n {/* default tooltip to a smaller size */}\n <Popper size=\"$2\" {...popperScope} {...restProps}>\n <__PopoverProviderInternal\n scope={__scopePopover}\n contentId={contentId}\n triggerRef={triggerRef}\n sheetBreakpoint={false}\n scopeKey=\"\"\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={voidFn}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={onCustomAnchorAdd}\n onCustomAnchorRemove={onCustomAnchorRemove}\n >\n {children}\n </__PopoverProviderInternal>\n </Popper>\n </FloatingOverrideContext.Provider>\n )\n }) as React.FC<TooltipProps>,\n {\n Anchor: PopoverAnchor,\n Arrow: TooltipArrow,\n Content: TooltipContent,\n Trigger: PopoverTrigger,\n }\n)\n\nTooltip.displayName = 'Tooltip'\n\nconst voidFn = () => {}\n"],
5
+ "mappings": "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",
6
+ "names": ["open", "props"]
7
7
  }
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,8 +18,7 @@ var __copyProps = (to, from, except, desc) => {
17
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
19
  var Tooltip_native_exports = {};
19
20
  __export(Tooltip_native_exports, {
20
- Tooltip: () => Tooltip,
21
- TooltipSimple: () => TooltipSimple
21
+ Tooltip: () => Tooltip
22
22
  });
23
23
  module.exports = __toCommonJS(Tooltip_native_exports);
24
24
  var import_core = require("@tamagui/core");
@@ -35,10 +35,8 @@ const Tooltip = (0, import_core.withStaticProperties)(RenderChildren, {
35
35
  Content: RenderNull,
36
36
  Trigger: RenderChildren
37
37
  });
38
- const TooltipSimple = RenderChildren;
39
38
  // Annotate the CommonJS export names for ESM import in node:
40
39
  0 && (module.exports = {
41
- Tooltip,
42
- TooltipSimple
40
+ Tooltip
43
41
  });
44
42
  //# sourceMappingURL=Tooltip.native.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Tooltip.native.tsx"],
4
- "sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n return props.children\n}\n\nconst RenderNull = (props: any) => {\n return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n Anchor: RenderChildren,\n Arrow: RenderNull,\n Close: RenderNull,\n Content: RenderNull,\n Trigger: RenderChildren,\n})\n\nexport const TooltipSimple = RenderChildren\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,sCAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,MAAM,gBAAgB;",
4
+ "sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n return props.children\n}\n\nconst RenderNull = (props: any) => {\n return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n Anchor: RenderChildren,\n Arrow: RenderNull,\n Close: RenderNull,\n Content: RenderNull,\n Trigger: RenderChildren,\n})\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,cAAU,kCAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
6
6
  "names": []
7
7
  }
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var TooltipSimple_exports = {};
20
+ __export(TooltipSimple_exports, {
21
+ TooltipSimple: () => TooltipSimple
22
+ });
23
+ module.exports = __toCommonJS(TooltipSimple_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react_dom_interactions = require("@floating-ui/react-dom-interactions");
26
+ var import_core = require("@tamagui/core");
27
+ var import_text = require("@tamagui/text");
28
+ var import_Tooltip = require("./Tooltip");
29
+ const TooltipSimple = ({
30
+ label,
31
+ children,
32
+ contentProps,
33
+ ...tooltipProps
34
+ }) => {
35
+ let context;
36
+ try {
37
+ context = (0, import_react_dom_interactions.useDelayGroupContext)();
38
+ } catch {
39
+ }
40
+ const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip, {
41
+ ...tooltipProps,
42
+ children: [
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Trigger, {
44
+ asChild: true,
45
+ children
46
+ }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
48
+ inverse: true,
49
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip.Content, {
50
+ zIndex: 1e5,
51
+ enterStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
52
+ exitStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
53
+ x: 0,
54
+ scale: 1,
55
+ y: 0,
56
+ elevation: "$0.5",
57
+ opacity: 1,
58
+ animation: [
59
+ "quick",
60
+ {
61
+ opacity: {
62
+ overshootClamping: true
63
+ }
64
+ }
65
+ ],
66
+ ...contentProps,
67
+ children: [
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Arrow, {}),
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Paragraph, {
70
+ size: "$2",
71
+ lineHeight: "$0",
72
+ children: label
73
+ })
74
+ ]
75
+ })
76
+ })
77
+ ]
78
+ });
79
+ if (!context) {
80
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.TooltipGroup, {
81
+ delay: defaultTooltipDelay,
82
+ children: contents
83
+ });
84
+ }
85
+ return contents;
86
+ };
87
+ const defaultTooltipDelay = { open: 3e3, close: 100 };
88
+ // Annotate the CommonJS export names for ESM import in node:
89
+ 0 && (module.exports = {
90
+ TooltipSimple
91
+ });
92
+ //# sourceMappingURL=TooltipSimple.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/TooltipSimple.tsx"],
4
+ "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { Theme } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n label?: React.ReactNode\n children?: React.ReactNode\n contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n label,\n children,\n contentProps,\n ...tooltipProps\n}) => {\n let context\n try {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n context = useDelayGroupContext()\n } catch {\n // ok\n }\n\n const contents = (\n <Tooltip {...tooltipProps}>\n <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n <Theme inverse>\n <Tooltip.Content\n zIndex={100_000}\n enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n x={0}\n scale={1}\n y={0}\n elevation=\"$0.5\"\n opacity={1}\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n {...contentProps}\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$0\">\n {label}\n </Paragraph>\n </Tooltip.Content>\n </Theme>\n </Tooltip>\n )\n\n if (!context) {\n return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>\n }\n\n return contents\n}\n\nconst defaultTooltipDelay = { open: 3000, close: 100 }\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BM;AA9BN,oCAAqC;AACrC,kBAAsB;AAEtB,kBAA0B;AAG1B,qBAAoD;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,kBAAU,oDAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,6CAAC;AAAA,IAAS,GAAG;AAAA,IACX;AAAA,kDAAC,uBAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QAAE;AAAA,OAAS;AAAA,MACnC,4CAAC;AAAA,QAAM,SAAO;AAAA,QACZ,uDAAC,uBAAQ,SAAR;AAAA,UACC,QAAQ;AAAA,UACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,GAAG;AAAA,UACH,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,wDAAC,uBAAQ,OAAR,EAAc;AAAA,YACf,4CAAC;AAAA,cAAU,MAAK;AAAA,cAAK,YAAW;AAAA,cAC7B;AAAA,aACH;AAAA;AAAA,SACF;AAAA,OACF;AAAA;AAAA,GACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,4CAAC;AAAA,MAAa,OAAO;AAAA,MAAsB;AAAA,KAAS;AAAA,EAC7D;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
6
+ "names": []
7
+ }
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var TooltipSimple_native_exports = {};
20
+ __export(TooltipSimple_native_exports, {
21
+ TooltipSimple: () => TooltipSimple
22
+ });
23
+ module.exports = __toCommonJS(TooltipSimple_native_exports);
24
+ const RenderChildren = (props) => {
25
+ return props.children;
26
+ };
27
+ const TooltipSimple = RenderChildren;
28
+ // Annotate the CommonJS export names for ESM import in node:
29
+ 0 && (module.exports = {
30
+ TooltipSimple
31
+ });
32
+ //# sourceMappingURL=TooltipSimple.native.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/TooltipSimple.native.tsx"],
4
+ "sourcesContent": ["const RenderChildren = (props: any) => {\n return props.children\n}\n\nexport const TooltipSimple = RenderChildren\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEO,MAAM,gBAAgB;",
6
+ "names": []
7
+ }
package/dist/cjs/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -15,4 +16,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
15
16
  var src_exports = {};
16
17
  module.exports = __toCommonJS(src_exports);
17
18
  __reExport(src_exports, require("./Tooltip"), module.exports);
19
+ __reExport(src_exports, require("./TooltipSimple"), module.exports);
18
20
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "sourcesContent": ["export * from './Tooltip'\n"],
5
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,sBAAd;",
4
+ "sourcesContent": ["export * from './Tooltip'\nexport * from './TooltipSimple'\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,4BADd;",
6
6
  "names": []
7
7
  }