@expcat/tigercat-react 2.0.0 → 2.0.19

package/dist/chunk-SEWNVIHH.mjs

@@ -1,153 +0,0 @@
-// src/utils/overlay.ts
-import { useEffect, useRef, useState, useCallback } from "react";
-import { createPortal } from "react-dom";
-import {
-  getFocusTrapNavigation,
-  getFocusableElements,
-  isEscapeKey,
-  isEventOutside,
-  lockBodyScroll,
-  isBrowser,
-  computeFloatingPosition,
-  autoUpdateFloating
-} from "@expcat/tigercat-core";
-function useClickOutside({
-  enabled,
-  refs,
-  onOutsideClick,
-  defer = false
-}) {
-  useEffect(() => {
-    if (!enabled) return;
-    const handler = (event) => {
-      const elements = refs.map((ref) => ref?.current);
-      if (isEventOutside(event, elements)) {
-        onOutsideClick();
-      }
-    };
-    const attach = () => document.addEventListener("click", handler);
-    const detach = () => document.removeEventListener("click", handler);
-    if (!defer) {
-      attach();
-      return () => detach();
-    }
-    const timer = window.setTimeout(() => attach(), 0);
-    return () => {
-      window.clearTimeout(timer);
-      detach();
-    };
-  }, [enabled, refs, onOutsideClick, defer]);
-}
-function useEscapeKey({ enabled, onEscape }) {
-  useEffect(() => {
-    if (!enabled) return;
-    const handler = (event) => {
-      if (event.defaultPrevented) return;
-      if (!isEscapeKey(event)) return;
-      onEscape();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [enabled, onEscape]);
-}
-function useBodyScrollLock({ enabled }) {
-  useEffect(() => {
-    if (!enabled) return;
-    return lockBodyScroll();
-  }, [enabled]);
-}
-function renderBodyPortal(node) {
-  if (!isBrowser()) return null;
-  return createPortal(node, document.body);
-}
-function useFocusTrap({ enabled, containerRef }) {
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!enabled || !container) return;
-    const handler = (event) => {
-      const focusables = getFocusableElements(container);
-      const activeElement = container.ownerDocument?.activeElement ?? document.activeElement;
-      const nav = getFocusTrapNavigation(event, focusables, activeElement);
-      if (!nav.shouldHandle || !nav.next) return;
-      event.preventDefault();
-      nav.next.focus();
-    };
-    container.addEventListener("keydown", handler);
-    return () => container.removeEventListener("keydown", handler);
-  }, [enabled, containerRef]);
-}
-function useFloating(options) {
-  const {
-    referenceRef,
-    floatingRef,
-    enabled,
-    placement: initialPlacement = "bottom",
-    offset: offsetDistance = 8,
-    arrowRef,
-    onPlacementChange
-  } = options;
-  const [x, setX] = useState(0);
-  const [y, setY] = useState(0);
-  const [placement, setPlacement] = useState(initialPlacement);
-  const [arrowX, setArrowX] = useState(void 0);
-  const [arrowY, setArrowY] = useState(void 0);
-  const onPlacementChangeRef = useRef(onPlacementChange);
-  onPlacementChangeRef.current = onPlacementChange;
-  const update = useCallback(async () => {
-    const reference = referenceRef.current;
-    const floating = floatingRef.current;
-    if (!reference || !floating) return;
-    const floatingOptions = {
-      placement: initialPlacement,
-      offset: offsetDistance,
-      flip: true,
-      shift: true,
-      arrowElement: arrowRef?.current
-    };
-    const result = await computeFloatingPosition(
-      reference,
-      floating,
-      floatingOptions
-    );
-    setX(result.x);
-    setY(result.y);
-    setPlacement((prev) => {
-      if (prev !== result.placement) {
-        onPlacementChangeRef.current?.(result.placement);
-        return result.placement;
-      }
-      return prev;
-    });
-    if (result.arrow) {
-      setArrowX(result.arrow.x);
-      setArrowY(result.arrow.y);
-    }
-  }, [referenceRef, floatingRef, initialPlacement, offsetDistance, arrowRef]);
-  useEffect(() => {
-    const reference = referenceRef.current;
-    const floating = floatingRef.current;
-    if (!enabled || !reference || !floating) return;
-    update();
-    const cleanup = autoUpdateFloating(reference, floating, update);
-    return () => {
-      cleanup();
-    };
-  }, [enabled, referenceRef, floatingRef, update]);
-  return {
-    x,
-    y,
-    placement,
-    arrowX,
-    arrowY,
-    update
-  };
-}
-
-export {
-  useClickOutside,
-  useEscapeKey,
-  useBodyScrollLock,
-  renderBodyPortal,
-  useFocusTrap,
-  useFloating
-};