@tamagui/tooltip 1.116.1 → 1.116.3

package/dist/cjs/Tooltip.js

@@ -0,0 +1,182 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => Tooltip2,
+  TooltipGroup: () => TooltipGroup
+});
+module.exports = __toCommonJS(Tooltip_exports);
+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")), import_jsx_runtime = require("react/jsx-runtime");
+const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFrame.extractable(
+  React.forwardRef(
+    ({ __scopeTooltip, ...props }, ref) => {
+      const preventAnimation = React.useContext(PreventTooltipAnimationContext), popper = (0, import_popper.usePopperContext)(__scopeTooltip || TOOLTIP_SCOPE), padding = props.unstyled ? void 0 : props.padding ?? props.size ?? popper.size ?? (0, import_get_token.getSize)("$true", {
+        shift: -2
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_popover.PopoverContent,
+        {
+          __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
+          componentName: "Tooltip",
+          disableRemoveScroll: !0,
+          disableFocusScope: !0,
+          ...!props.unstyled && {
+            padding
+          },
+          ref,
+          ...props,
+          ...preventAnimation && {
+            animation: null
+          }
+        }
+      );
+    }
+  )
+), TooltipArrow = React.forwardRef(
+  (props, ref) => {
+    const { __scopeTooltip, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_popover.PopoverArrow,
+      {
+        __scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
+        componentName: "Tooltip",
+        ref,
+        ...rest
+      }
+    );
+  }
+), PreventTooltipAnimationContext = React.createContext(!1), TooltipGroup = ({
+  children,
+  delay,
+  preventAnimation = !1,
+  timeoutMs
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react.FloatingDelayGroup,
+  {
+    timeoutMs,
+    delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
+    children
+  }
+) }), TooltipComponent = React.forwardRef(function(props, ref) {
+  const {
+    children,
+    delay: delayProp,
+    restMs = typeof delayProp > "u" ? 500 : typeof delayProp == "number" ? delayProp : 0,
+    onOpenChange: onOpenChangeProp,
+    focus,
+    open: openProp,
+    disableAutoCloseOnScroll,
+    __scopeTooltip,
+    ...restProps
+  } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = (0, import_react.useDelayGroupContext)(), delay = delayProp ?? delayGroup, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: !1,
+    onChange: onOpenChangeProp
+  }), id = props.groupId, onOpenChange = (0, import_core.useEvent)((open2) => {
+    open2 && setCurrentId(id), setOpen(open2);
+  });
+  React.useEffect(() => {
+    if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
+    const openIt = () => {
+      setOpen(!1);
+    };
+    return document.documentElement.addEventListener("scroll", openIt), () => {
+      document.documentElement.removeEventListener("scroll", openIt);
+    };
+  }, [open, disableAutoCloseOnScroll]);
+  const useFloatingFn = (props2) => {
+    const floating = (0, import_react.useFloating)({
+      ...props2,
+      open,
+      onOpenChange
+    }), { delay: delayContext } = (0, import_react.useDelayGroup)(floating.context, { id }), { getReferenceProps, getFloatingProps } = (0, import_react.useInteractions)([
+      (0, import_react.useHover)(floating.context, { delay: delay ?? delayContext, restMs }),
+      (0, import_react.useFocus)(floating.context, focus),
+      (0, import_react.useRole)(floating.context, { role: "tooltip" }),
+      (0, import_react.useDismiss)(floating.context)
+    ]);
+    return {
+      ...floating,
+      open,
+      getReferenceProps,
+      getFloatingProps
+    };
+  }, useFloatingContext = React.useCallback(useFloatingFn, [
+    id,
+    delay,
+    open,
+    restMs,
+    focus ? JSON.stringify(focus) : 0
+  ]), onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []), onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []), contentId = React.useId(), smallerSize = props.unstyled ? null : (0, import_get_token.getSize)("$true", {
+    shift: -2,
+    bounds: [0]
+  });
+  return (
+    // TODO: FloatingOverrideContext might also need to be scoped
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_popper.Popper,
+      {
+        __scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
+        size: smallerSize?.key,
+        allowFlip: !0,
+        stayInFrame: !0,
+        ...restProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_popover.PopoverContext.Provider,
+          {
+            contentId,
+            triggerRef,
+            open,
+            scope: __scopeTooltip || TOOLTIP_SCOPE,
+            onOpenChange: setOpen,
+            onOpenToggle: voidFn,
+            hasCustomAnchor,
+            onCustomAnchorAdd,
+            onCustomAnchorRemove,
+            children
+          }
+        )
+      }
+    ) })
+  );
+}), TooltipTrigger = React.forwardRef(function(props, ref) {
+  const { __scopeTooltip, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.PopoverTrigger,
+    {
+      ...rest,
+      __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
+      ref
+    }
+  );
+}), TooltipAnchor = React.forwardRef(function(props, ref) {
+  const { __scopeTooltip, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { ...rest, __scopePopover: __scopeTooltip || TOOLTIP_SCOPE, ref });
+}), Tooltip2 = (0, import_helpers.withStaticProperties)(TooltipComponent, {
+  Anchor: TooltipAnchor,
+  Arrow: TooltipArrow,
+  Content: TooltipContent,
+  Trigger: TooltipTrigger
+}), voidFn = () => {
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/TooltipSimple.js

@@ -0,0 +1,87 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var TooltipSimple_exports = {};
+__export(TooltipSimple_exports, {
+  TooltipSimple: () => TooltipSimple
+});
+module.exports = __toCommonJS(TooltipSimple_exports);
+var import_get_token = require("@tamagui/get-token"), import_text = require("@tamagui/text"), React = __toESM(require("react")), import_Tooltip = require("./Tooltip"), import_jsx_runtime = require("react/jsx-runtime");
+const TooltipSimple = React.forwardRef(
+  ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+    const child = React.Children.only(children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Tooltip.Tooltip,
+      {
+        disableRTL: !0,
+        offset: 15,
+        restMs: 40,
+        delay: 40,
+        ...tooltipProps,
+        ...disabled ? { open: !1 } : null,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Tooltip.Tooltip.Trigger,
+            {
+              ...typeof label == "string" && {
+                "aria-label": label
+              },
+              asChild: "except-style",
+              children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_Tooltip.Tooltip.Content,
+            {
+              zIndex: 1e9,
+              enterStyle: { x: 0, y: -4, opacity: 0, scale: 0.96 },
+              exitStyle: { x: 0, y: -4, opacity: 0, scale: 0.96 },
+              x: 0,
+              scale: 1,
+              y: 0,
+              elevation: "$0.5",
+              opacity: 1,
+              paddingVertical: (0, import_get_token.getSpace)(tooltipProps.size || "$true", {
+                shift: -4
+              }),
+              animateOnly: ["transform", "opacity"],
+              animation: [
+                "quicker",
+                {
+                  opacity: {
+                    overshootClamping: !0
+                  }
+                }
+              ],
+              ...contentProps,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Arrow, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Paragraph, { size: "$3", children: label })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Tooltip"), module.exports);
+__reExport(src_exports, require("./TooltipSimple"), module.exports);
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "1.116.1",
+  "version": "1.116.3",
   "sideEffects": [
     "*.css"
   ],
@@ -35,24 +35,24 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
-    "@tamagui/compose-refs": "1.116.1",
-    "@tamagui/core": "1.116.1",
-    "@tamagui/create-context": "1.116.1",
-    "@tamagui/floating": "1.116.1",
-    "@tamagui/get-token": "1.116.1",
-    "@tamagui/helpers": "1.116.1",
-    "@tamagui/polyfill-dev": "1.116.1",
-    "@tamagui/popover": "1.116.1",
-    "@tamagui/popper": "1.116.1",
-    "@tamagui/stacks": "1.116.1",
-    "@tamagui/text": "1.116.1",
-    "@tamagui/use-controllable-state": "1.116.1"
+    "@tamagui/compose-refs": "1.116.3",
+    "@tamagui/core": "1.116.3",
+    "@tamagui/create-context": "1.116.3",
+    "@tamagui/floating": "1.116.3",
+    "@tamagui/get-token": "1.116.3",
+    "@tamagui/helpers": "1.116.3",
+    "@tamagui/polyfill-dev": "1.116.3",
+    "@tamagui/popover": "1.116.3",
+    "@tamagui/popper": "1.116.3",
+    "@tamagui/stacks": "1.116.3",
+    "@tamagui/text": "1.116.3",
+    "@tamagui/use-controllable-state": "1.116.3"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.1",
+    "@tamagui/build": "1.116.3",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": "0.74.1"
   },

package/dist/cjs/Tooltip.native.cjs

@@ -1,35 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var Tooltip_native_exports = {};
-__export(Tooltip_native_exports, {
-  Tooltip: () => Tooltip
-});
-module.exports = __toCommonJS(Tooltip_native_exports);
-var import_helpers = require("@tamagui/helpers");
-const RenderChildren = props => props.children,
-  RenderNull = props => null,
-  Tooltip = (0, import_helpers.withStaticProperties)(RenderChildren, {
-    Anchor: RenderChildren,
-    Arrow: RenderNull,
-    Close: RenderNull,
-    Content: RenderNull,
-    Trigger: RenderChildren
-  });

package/dist/cjs/Tooltip.native.cjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Tooltip.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAqC;AAKrC,MAAM,iBAAiB,CAAC,UACf,MAAM,UAGT,aAAa,CAAC,UACX,MAGI,cAAU,qCAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
-  "names": []
-}

package/dist/cjs/TooltipSimple.native.cjs

@@ -1,27 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var TooltipSimple_native_exports = {};
-__export(TooltipSimple_native_exports, {
-  TooltipSimple: () => TooltipSimple
-});
-module.exports = __toCommonJS(TooltipSimple_native_exports);
-const RenderChildren = props => props.children,
-  TooltipSimple = RenderChildren;

package/dist/cjs/TooltipSimple.native.cjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TooltipSimple.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,iBAAiB,CAAC,UACf,MAAM,UAGF,gBAAgB;",
-  "names": []
-}