eidos-ui 0.1.0

package/dist/chunk-H523JFY2.js

@@ -0,0 +1,303 @@
+// src/components/Tooltip/Tooltip.component.tsx
+import { useState, useRef, useCallback, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Tooltip = ({
+  children,
+  message,
+  component: Component,
+  componentProps,
+  placement: preferredPlacement = "top",
+  delay = 100,
+  disabled = false,
+  className = "",
+  triggerType = "hover",
+  closeOnClickOutside = true,
+  closeOnEscape = true
+}) => {
+  const [tooltipState, setTooltipState] = useState({
+    isVisible: false,
+    position: { top: 0, left: 0, placement: "top" },
+    isPositioned: false
+  });
+  const triggerRef = useRef(null);
+  const tooltipRef = useRef(null);
+  const timeoutRef = useRef(void 0);
+  const animationFrameRef = useRef(void 0);
+  const isScrollingRef = useRef(false);
+  const calculateOptimalPosition = useCallback(
+    (triggerRect, tooltipRect) => {
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const gap = 8;
+      let placement = preferredPlacement;
+      let top = 0;
+      let left = 0;
+      switch (preferredPlacement) {
+        case "top":
+          top = triggerRect.top - tooltipRect.height - gap;
+          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+          break;
+        case "bottom":
+          top = triggerRect.bottom + gap;
+          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+          break;
+        case "left":
+          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+          left = triggerRect.left - tooltipRect.width - gap;
+          break;
+        case "right":
+          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+          left = triggerRect.right + gap;
+          break;
+      }
+      if (placement === "top" && top < gap) {
+        placement = "bottom";
+        top = triggerRect.bottom + gap;
+        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+      } else if (placement === "bottom" && top + tooltipRect.height > viewportHeight - gap) {
+        placement = "top";
+        top = triggerRect.top - tooltipRect.height - gap;
+        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+      } else if (placement === "left" && left < gap) {
+        placement = "right";
+        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+        left = triggerRect.right + gap;
+      } else if (placement === "right" && left + tooltipRect.width > viewportWidth - gap) {
+        placement = "left";
+        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+        left = triggerRect.left - tooltipRect.width - gap;
+      }
+      top = Math.max(gap, Math.min(top, viewportHeight - tooltipRect.height - gap));
+      left = Math.max(gap, Math.min(left, viewportWidth - tooltipRect.width - gap));
+      return { top, left, placement };
+    },
+    [preferredPlacement]
+  );
+  const handleScroll = useCallback(() => {
+    if (!tooltipState.isVisible || !tooltipState.isPositioned || isScrollingRef.current) return;
+    isScrollingRef.current = true;
+    animationFrameRef.current = requestAnimationFrame(() => {
+      if (triggerRef.current && tooltipRef.current) {
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const tooltipRect = tooltipRef.current.getBoundingClientRect();
+        const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);
+        setTooltipState((prev) => ({
+          ...prev,
+          position: { top, left, placement }
+        }));
+      }
+      isScrollingRef.current = false;
+    });
+  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);
+  const handleMouseEnter = useCallback(() => {
+    if (disabled || triggerType !== "hover") return;
+    timeoutRef.current = setTimeout(() => {
+      setTooltipState((prev) => ({
+        ...prev,
+        isVisible: true,
+        isPositioned: false
+      }));
+    }, delay);
+  }, [disabled, delay, triggerType]);
+  const handleMouseLeave = useCallback(() => {
+    if (triggerType !== "hover") return;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    setTooltipState((prev) => ({
+      ...prev,
+      isVisible: false,
+      isPositioned: false
+    }));
+  }, [triggerType]);
+  const handleClick = useCallback(() => {
+    if (disabled || triggerType !== "click") return;
+    if (tooltipState.isVisible) {
+      setTooltipState((prev) => ({
+        ...prev,
+        isVisible: false,
+        isPositioned: false
+      }));
+    } else {
+      if (delay > 0) {
+        timeoutRef.current = setTimeout(() => {
+          setTooltipState((prev) => ({
+            ...prev,
+            isVisible: true,
+            isPositioned: false
+          }));
+        }, delay);
+      } else {
+        setTooltipState((prev) => ({
+          ...prev,
+          isVisible: true,
+          isPositioned: false
+        }));
+      }
+    }
+  }, [disabled, triggerType, tooltipState.isVisible, delay]);
+  const handleFocus = useCallback(() => {
+    if (disabled || triggerType !== "focus") return;
+    timeoutRef.current = setTimeout(() => {
+      setTooltipState((prev) => ({
+        ...prev,
+        isVisible: true,
+        isPositioned: false
+      }));
+    }, delay);
+  }, [disabled, triggerType, delay]);
+  const handleBlur = useCallback(() => {
+    if (triggerType !== "focus") return;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    setTooltipState((prev) => ({
+      ...prev,
+      isVisible: false,
+      isPositioned: false
+    }));
+  }, [triggerType]);
+  const handleClickOutside = useCallback(
+    (event) => {
+      if (!closeOnClickOutside || !tooltipState.isVisible || triggerType !== "click") return;
+      const target = event.target;
+      if (tooltipRef.current?.contains(target) || triggerRef.current?.contains(target)) {
+        return;
+      }
+      setTooltipState((prev) => ({
+        ...prev,
+        isVisible: false,
+        isPositioned: false
+      }));
+    },
+    [closeOnClickOutside, tooltipState.isVisible, triggerType]
+  );
+  const handleEscapeKey = useCallback(
+    (event) => {
+      if (closeOnEscape && event.key === "Escape" && tooltipState.isVisible && triggerType === "click") {
+        setTooltipState((prev) => ({
+          ...prev,
+          isVisible: false,
+          isPositioned: false
+        }));
+      }
+    },
+    [closeOnEscape, tooltipState.isVisible, triggerType]
+  );
+  useEffect(() => {
+    if (tooltipState.isVisible && !tooltipState.isPositioned && tooltipRef.current && triggerRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const tooltipRect = tooltipRef.current.getBoundingClientRect();
+      const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);
+      setTooltipState((prev) => ({
+        ...prev,
+        position: { top, left, placement },
+        isPositioned: true
+      }));
+    }
+  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);
+  useEffect(() => {
+    const handleResize = () => {
+      if (tooltipState.isVisible && tooltipState.isPositioned && tooltipRef.current && triggerRef.current) {
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const tooltipRect = tooltipRef.current.getBoundingClientRect();
+        const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);
+        setTooltipState((prev) => ({
+          ...prev,
+          position: { top, left, placement }
+        }));
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);
+  useEffect(() => {
+    if (tooltipState.isVisible) {
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      document.body.addEventListener("scroll", handleScroll, { passive: true });
+    }
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+      document.body.removeEventListener("scroll", handleScroll);
+    };
+  }, [tooltipState.isVisible, handleScroll]);
+  useEffect(() => {
+    if (tooltipState.isVisible && triggerType === "click") {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscapeKey);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscapeKey);
+    };
+  }, [tooltipState.isVisible, triggerType, handleClickOutside, handleEscapeKey]);
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, []);
+  const renderTooltipContent = () => {
+    if (message) {
+      return /* @__PURE__ */ jsx("span", { className: "eidos-tooltip-message", children: message });
+    }
+    if (Component) {
+      return /* @__PURE__ */ jsx(Component, { ...componentProps || {} });
+    }
+    return null;
+  };
+  const getTriggerProps = () => {
+    const props = {
+      ref: triggerRef,
+      className: "eidos-tooltip-trigger"
+    };
+    switch (triggerType) {
+      case "hover":
+        props.onMouseEnter = handleMouseEnter;
+        props.onMouseLeave = handleMouseLeave;
+        break;
+      case "click":
+        props.onClick = handleClick;
+        props.role = "button";
+        props.tabIndex = 0;
+        break;
+      case "focus":
+        props.onFocus = handleFocus;
+        props.onBlur = handleBlur;
+        props.tabIndex = 0;
+        break;
+    }
+    return props;
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ...getTriggerProps(), children }),
+    tooltipState.isVisible && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: tooltipRef,
+          className: `eidos-tooltip eidos-tooltip--${tooltipState.position.placement} ${className}`,
+          style: {
+            top: tooltipState.position.top,
+            left: tooltipState.position.left
+          },
+          "data-state": tooltipState.isPositioned ? "entered" : "entering",
+          role: "tooltip",
+          children: renderTooltipContent()
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+Tooltip.displayName = "Tooltip";
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-H523JFY2.js.map

package/dist/chunk-H523JFY2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport type { TooltipProps, TooltipState } from './Tooltip.types';\r\n\r\nexport const Tooltip: React.FC<TooltipProps> = ({\r\n  children,\r\n  message,\r\n  component: Component,\r\n  componentProps,\r\n  placement: preferredPlacement = 'top',\r\n  delay = 100,\r\n  disabled = false,\r\n  className = '',\r\n  triggerType = 'hover',\r\n  closeOnClickOutside = true,\r\n  closeOnEscape = true,\r\n}) => {\r\n  const [tooltipState, setTooltipState] = useState<TooltipState>({\r\n    isVisible: false,\r\n    position: { top: 0, left: 0, placement: 'top' },\r\n    isPositioned: false,\r\n  });\r\n\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n  const tooltipRef = useRef<HTMLDivElement>(null);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n  const animationFrameRef = useRef<number | undefined>(undefined);\r\n  const isScrollingRef = useRef(false);\r\n\r\n  const calculateOptimalPosition = useCallback(\r\n    (triggerRect: DOMRect, tooltipRect: DOMRect) => {\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const gap = 8;\r\n\r\n      let placement: 'top' | 'bottom' | 'left' | 'right' = preferredPlacement;\r\n      let top = 0;\r\n      let left = 0;\r\n\r\n      switch (preferredPlacement) {\r\n        case 'top':\r\n          top = triggerRect.top - tooltipRect.height - gap;\r\n          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n          break;\r\n        case 'bottom':\r\n          top = triggerRect.bottom + gap;\r\n          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n          break;\r\n        case 'left':\r\n          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n          left = triggerRect.left - tooltipRect.width - gap;\r\n          break;\r\n        case 'right':\r\n          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n          left = triggerRect.right + gap;\r\n          break;\r\n      }\r\n\r\n      if (placement === 'top' && top < gap) {\r\n        placement = 'bottom';\r\n        top = triggerRect.bottom + gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n      } else if (placement === 'bottom' && top + tooltipRect.height > viewportHeight - gap) {\r\n        placement = 'top';\r\n        top = triggerRect.top - tooltipRect.height - gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n      } else if (placement === 'left' && left < gap) {\r\n        placement = 'right';\r\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n        left = triggerRect.right + gap;\r\n      } else if (placement === 'right' && left + tooltipRect.width > viewportWidth - gap) {\r\n        placement = 'left';\r\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n        left = triggerRect.left - tooltipRect.width - gap;\r\n      }\r\n\r\n      top = Math.max(gap, Math.min(top, viewportHeight - tooltipRect.height - gap));\r\n      left = Math.max(gap, Math.min(left, viewportWidth - tooltipRect.width - gap));\r\n\r\n      return { top, left, placement };\r\n    },\r\n    [preferredPlacement],\r\n  );\r\n\r\n  const handleScroll = useCallback(() => {\r\n    if (!tooltipState.isVisible || !tooltipState.isPositioned || isScrollingRef.current) return;\r\n\r\n    isScrollingRef.current = true;\r\n\r\n    animationFrameRef.current = requestAnimationFrame(() => {\r\n      if (triggerRef.current && tooltipRef.current) {\r\n        const triggerRect = triggerRef.current.getBoundingClientRect();\r\n        const tooltipRect = tooltipRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\r\n\r\n        setTooltipState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n\r\n      isScrollingRef.current = false;\r\n    });\r\n  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\r\n\r\n  const handleMouseEnter = useCallback(() => {\r\n    if (disabled || triggerType !== 'hover') return;\r\n\r\n    timeoutRef.current = setTimeout(() => {\r\n      setTooltipState((prev) => ({\r\n        ...prev,\r\n        isVisible: true,\r\n        isPositioned: false,\r\n      }));\r\n    }, delay);\r\n  }, [disabled, delay, triggerType]);\r\n\r\n  const handleMouseLeave = useCallback(() => {\r\n    if (triggerType !== 'hover') return;\r\n\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current);\r\n    }\r\n    setTooltipState((prev) => ({\r\n      ...prev,\r\n      isVisible: false,\r\n      isPositioned: false,\r\n    }));\r\n  }, [triggerType]);\r\n\r\n  const handleClick = useCallback(() => {\r\n    if (disabled || triggerType !== 'click') return;\r\n\r\n    if (tooltipState.isVisible) {\r\n      setTooltipState((prev) => ({\r\n        ...prev,\r\n        isVisible: false,\r\n        isPositioned: false,\r\n      }));\r\n    } else {\r\n      if (delay > 0) {\r\n        timeoutRef.current = setTimeout(() => {\r\n          setTooltipState((prev) => ({\r\n            ...prev,\r\n            isVisible: true,\r\n            isPositioned: false,\r\n          }));\r\n        }, delay);\r\n      } else {\r\n        setTooltipState((prev) => ({\r\n          ...prev,\r\n          isVisible: true,\r\n          isPositioned: false,\r\n        }));\r\n      }\r\n    }\r\n  }, [disabled, triggerType, tooltipState.isVisible, delay]);\r\n\r\n  const handleFocus = useCallback(() => {\r\n    if (disabled || triggerType !== 'focus') return;\r\n\r\n    timeoutRef.current = setTimeout(() => {\r\n      setTooltipState((prev) => ({\r\n        ...prev,\r\n        isVisible: true,\r\n        isPositioned: false,\r\n      }));\r\n    }, delay);\r\n  }, [disabled, triggerType, delay]);\r\n\r\n  const handleBlur = useCallback(() => {\r\n    if (triggerType !== 'focus') return;\r\n\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current);\r\n    }\r\n    setTooltipState((prev) => ({\r\n      ...prev,\r\n      isVisible: false,\r\n      isPositioned: false,\r\n    }));\r\n  }, [triggerType]);\r\n\r\n  const handleClickOutside = useCallback(\r\n    (event: MouseEvent) => {\r\n      if (!closeOnClickOutside || !tooltipState.isVisible || triggerType !== 'click') return;\r\n\r\n      const target = event.target as Node;\r\n\r\n      if (tooltipRef.current?.contains(target) || triggerRef.current?.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      setTooltipState((prev) => ({\r\n        ...prev,\r\n        isVisible: false,\r\n        isPositioned: false,\r\n      }));\r\n    },\r\n    [closeOnClickOutside, tooltipState.isVisible, triggerType],\r\n  );\r\n\r\n  const handleEscapeKey = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      if (\r\n        closeOnEscape &&\r\n        event.key === 'Escape' &&\r\n        tooltipState.isVisible &&\r\n        triggerType === 'click'\r\n      ) {\r\n        setTooltipState((prev) => ({\r\n          ...prev,\r\n          isVisible: false,\r\n          isPositioned: false,\r\n        }));\r\n      }\r\n    },\r\n    [closeOnEscape, tooltipState.isVisible, triggerType],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (\r\n      tooltipState.isVisible &&\r\n      !tooltipState.isPositioned &&\r\n      tooltipRef.current &&\r\n      triggerRef.current\r\n    ) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const tooltipRect = tooltipRef.current.getBoundingClientRect();\r\n\r\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\r\n\r\n      setTooltipState((prev) => ({\r\n        ...prev,\r\n        position: { top, left, placement },\r\n        isPositioned: true,\r\n      }));\r\n    }\r\n  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      if (\r\n        tooltipState.isVisible &&\r\n        tooltipState.isPositioned &&\r\n        tooltipRef.current &&\r\n        triggerRef.current\r\n      ) {\r\n        const triggerRect = triggerRef.current.getBoundingClientRect();\r\n        const tooltipRect = tooltipRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\r\n\r\n        setTooltipState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n    };\r\n\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\r\n\r\n  useEffect(() => {\r\n    if (tooltipState.isVisible) {\r\n      window.addEventListener('scroll', handleScroll, { passive: true });\r\n\r\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', handleScroll);\r\n      document.body.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [tooltipState.isVisible, handleScroll]);\r\n\r\n  useEffect(() => {\r\n    if (tooltipState.isVisible && triggerType === 'click') {\r\n      document.addEventListener('mousedown', handleClickOutside);\r\n      document.addEventListener('keydown', handleEscapeKey);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n      document.removeEventListener('keydown', handleEscapeKey);\r\n    };\r\n  }, [tooltipState.isVisible, triggerType, handleClickOutside, handleEscapeKey]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) {\r\n        clearTimeout(timeoutRef.current);\r\n      }\r\n      if (animationFrameRef.current) {\r\n        cancelAnimationFrame(animationFrameRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const renderTooltipContent = () => {\r\n    if (message) {\r\n      return <span className=\"eidos-tooltip-message\">{message}</span>;\r\n    }\r\n    if (Component) {\r\n      return <Component {...(componentProps || {})} />;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const getTriggerProps = () => {\r\n    const props: Record<string, unknown> = {\r\n      ref: triggerRef,\r\n      className: 'eidos-tooltip-trigger',\r\n    };\r\n\r\n    switch (triggerType) {\r\n      case 'hover':\r\n        props.onMouseEnter = handleMouseEnter;\r\n        props.onMouseLeave = handleMouseLeave;\r\n        break;\r\n      case 'click':\r\n        props.onClick = handleClick;\r\n        props.role = 'button';\r\n        props.tabIndex = 0;\r\n        break;\r\n      case 'focus':\r\n        props.onFocus = handleFocus;\r\n        props.onBlur = handleBlur;\r\n        props.tabIndex = 0;\r\n        break;\r\n    }\r\n\r\n    return props;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div {...getTriggerProps()}>{children}</div>\r\n      {tooltipState.isVisible &&\r\n        createPortal(\r\n          <div\r\n            ref={tooltipRef}\r\n            className={`eidos-tooltip eidos-tooltip--${tooltipState.position.placement} ${className}`}\r\n            style={{\r\n              top: tooltipState.position.top,\r\n              left: tooltipState.position.left,\r\n            }}\r\n            data-state={tooltipState.isPositioned ? 'entered' : 'entering'}\r\n            role=\"tooltip\"\r\n          >\r\n            {renderTooltipContent()}\r\n          </div>,\r\n          document.body,\r\n        )}\r\n    </>\r\n  );\r\n};\r\n\r\nTooltip.displayName = 'Tooltip';\r\n"],"mappings":"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","names":[]}