@bigbinary/neeto-atoms 1.0.9 → 1.0.10

package/dist/cjs/Tooltip-CtxI7QBY.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var primitives_Tooltip = require('./primitives/Tooltip.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const SIDE_MAP = {
+    top: "top",
+    bottom: "bottom",
+    left: "left",
+    right: "right",
+    "top-start": "top",
+    "top-end": "top",
+    "bottom-start": "bottom",
+    "bottom-end": "bottom",
+    "left-start": "left",
+    "left-end": "left",
+    "right-start": "right",
+    "right-end": "right",
+    auto: "top",
+};
+const ALIGN_MAP = {
+    top: "center",
+    bottom: "center",
+    left: "center",
+    right: "center",
+    "top-start": "start",
+    "top-end": "end",
+    "bottom-start": "start",
+    "bottom-end": "end",
+    "left-start": "start",
+    "left-end": "end",
+    "right-start": "start",
+    "right-end": "end",
+    auto: "center",
+};
+
+const Tooltip = React.forwardRef(({ content, children, disabled = false, position = "auto", interactive = false, hideAfter = -1, hideOnTargetExit = false, className, delayDuration = 0, defaultOpen, 
+// Radix TooltipContent props forwarded
+...contentProps }, ref) => {
+    const [open, setOpen] = React.useState(false);
+    const triggerRef = React.useRef(null);
+    // Merge external ref with internal trigger ref
+    const setTriggerRef = React.useCallback((node) => {
+        triggerRef.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current =
+                node;
+    }, [ref]);
+    // Auto-hide after hideAfter ms
+    React.useEffect(() => {
+        if (!open || hideAfter <= 0)
+            return;
+        const timer = setTimeout(() => setOpen(false), hideAfter);
+        return () => clearTimeout(timer);
+    }, [open, hideAfter]);
+    // Hide tooltip when trigger exits viewport
+    React.useEffect(() => {
+        if (!hideOnTargetExit || !open || !triggerRef.current)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (!entry.isIntersecting)
+                setOpen(false);
+        });
+        observer.observe(triggerRef.current);
+        return () => observer.disconnect();
+    }, [hideOnTargetExit, open]);
+    if (disabled || !content) {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
+    }
+    const side = SIDE_MAP[position] ?? "top";
+    const align = ALIGN_MAP[position] ?? "center";
+    // Wrap non-element children in a span so TooltipTrigger can attach
+    const trigger = React__default.default.isValidElement(children) ? (children) : (jsxRuntime.jsx("span", { children: children }));
+    return (jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { delayDuration: delayDuration, children: jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { open: open, onOpenChange: setOpen, defaultOpen: defaultOpen, disableHoverableContent: !interactive, children: [jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { ref: setTriggerRef, asChild: true, children: trigger }), jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side: side, align: align, className: className, onPointerDownOutside: interactive ? e => e.preventDefault() : undefined, ...contentProps, children: content })] }) }));
+});
+Tooltip.displayName = "Tooltip";
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip-CtxI7QBY.js.map

package/dist/cjs/Tooltip-CtxI7QBY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-CtxI7QBY.js","sources":["../../../src/components/Tooltip/constants.ts","../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"top\",\n};\n\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n  top: \"center\",\n  bottom: \"center\",\n  left: \"center\",\n  right: \"center\",\n  \"top-start\": \"start\",\n  \"top-end\": \"end\",\n  \"bottom-start\": \"start\",\n  \"bottom-end\": \"end\",\n  \"left-start\": \"start\",\n  \"left-end\": \"end\",\n  \"right-start\": \"start\",\n  \"right-end\": \"end\",\n  auto: \"center\",\n};\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport {\n  Tooltip as PrimitiveTooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\ntype TooltipPosition =\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"auto\";\n\n/** Radix Tooltip.Content props we forward via ...otherProps. */\ntype TooltipContentProps = React.ComponentProps<typeof TooltipContent>;\n\nexport interface TooltipProps extends Omit<\n  TooltipContentProps,\n  \"children\" | \"className\" | \"side\" | \"align\" | \"content\"\n> {\n  /** Content rendered inside the tooltip popup. */\n  content?: ReactNode;\n  /** The trigger element. */\n  children?: ReactNode;\n  /** Disable the tooltip. */\n  disabled?: boolean;\n  /** Placement of the tooltip relative to the trigger. */\n  position?: TooltipPosition;\n  /** Whether the tooltip stays open when hovered over. */\n  interactive?: boolean;\n  /** Auto-hide after N milliseconds. Use -1 to disable. */\n  hideAfter?: number;\n  /** Auto-hide the tooltip when the trigger scrolls out of the viewport. */\n  hideOnTargetExit?: boolean;\n  /** Additional CSS class names for the tooltip content. */\n  className?: string;\n  /** Delay in ms before the tooltip opens (forwarded to TooltipProvider). */\n  delayDuration?: number;\n  /** Radix Tooltip `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\nimport { SIDE_MAP, ALIGN_MAP } from \"./constants\";\n\nconst Tooltip = forwardRef<HTMLButtonElement, TooltipProps>(\n  (\n    {\n      content,\n      children,\n      disabled = false,\n      position = \"auto\",\n      interactive = false,\n      hideAfter = -1,\n      hideOnTargetExit = false,\n      className,\n      delayDuration = 0,\n      defaultOpen,\n      // Radix TooltipContent props forwarded\n      ...contentProps\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(false);\n    const triggerRef = useRef<HTMLElement | null>(null);\n\n    // Merge external ref with internal trigger ref\n    const setTriggerRef = useCallback(\n      (node: HTMLButtonElement | null) => {\n        triggerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref)\n          (ref as React.MutableRefObject<HTMLButtonElement | null>).current =\n            node;\n      },\n      [ref]\n    );\n\n    // Auto-hide after hideAfter ms\n    useEffect(() => {\n      if (!open || hideAfter <= 0) return;\n      const timer = setTimeout(() => setOpen(false), hideAfter);\n      return () => clearTimeout(timer);\n    }, [open, hideAfter]);\n\n    // Hide tooltip when trigger exits viewport\n    useEffect(() => {\n      if (!hideOnTargetExit || !open || !triggerRef.current) return;\n      const observer = new IntersectionObserver(([entry]) => {\n        if (!entry.isIntersecting) setOpen(false);\n      });\n      observer.observe(triggerRef.current);\n      return () => observer.disconnect();\n    }, [hideOnTargetExit, open]);\n\n    if (disabled || !content) {\n      return <>{children}</>;\n    }\n\n    const side = SIDE_MAP[position] ?? \"top\";\n    const align = ALIGN_MAP[position] ?? \"center\";\n\n    // Wrap non-element children in a span so TooltipTrigger can attach\n    const trigger = React.isValidElement(children) ? (\n      children\n    ) : (\n      <span>{children}</span>\n    );\n\n    return (\n      <TooltipProvider delayDuration={delayDuration}>\n        <PrimitiveTooltip\n          open={open}\n          onOpenChange={setOpen}\n          defaultOpen={defaultOpen}\n          disableHoverableContent={!interactive}\n        >\n          <TooltipTrigger ref={setTriggerRef} asChild>\n            {trigger}\n          </TooltipTrigger>\n          <TooltipContent\n            side={side}\n            align={align}\n            className={className}\n            onPointerDownOutside={\n              interactive ? e => e.preventDefault() : undefined\n            }\n            {...contentProps}\n          >\n            {content}\n          </TooltipContent>\n        </PrimitiveTooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n\nexport { Tooltip };\n"],"names":["forwardRef","useState","useRef","useCallback","useEffect","_jsx","_Fragment","React","TooltipProvider","_jsxs","PrimitiveTooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}