@temp-spotwork/ui 1.4.3

package/dist/hooks/use-sticky-z-index.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+
+/**
+ * Custom hook that calculates the appropriate z-index for dropdown content
+ * by detecting the highest z-index of sticky elements in the ancestor chain.
+ *
+ * This hook traverses up the DOM tree from a trigger element to find all
+ * sticky positioned ancestors and returns a z-index value that ensures
+ * dropdown content appears above all sticky headers.
+ *
+ * @param triggerRef - React ref to the dropdown trigger element
+ * @returns The calculated z-index value (defaults to 9999 if no sticky elements found)
+ *
+ * @example
+ * ```tsx
+ * const DropdownComponent = () => {
+ *   const triggerRef = useRef<HTMLButtonElement>(null)
+ *   const zIndex = useStickyZIndex(triggerRef)
+ *
+ *   return (
+ *     <>
+ *       <button ref={triggerRef}>Open</button>
+ *       <DropdownContent style={{ zIndex }}>
+ *         Content
+ *       </DropdownContent>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export declare const useStickyZIndex: (triggerRef: React.RefObject<HTMLElement | null>) => number;

package/dist/hooks/use-sticky-z-index.js

@@ -0,0 +1,37 @@
+import { useState as m, useRef as x, useEffect as I } from "react";
+const w = (t) => {
+  const [l, d] = m(9999), n = x(null);
+  return I(() => {
+    if (!t.current) return;
+    const u = () => {
+      if (!t.current) return;
+      let e = t.current, r = 0;
+      for (; e && e !== document.body; ) {
+        const { position: a, zIndex: s } = window.getComputedStyle(e);
+        if (a === "sticky" && s !== "auto") {
+          const c = parseInt(s, 10);
+          !Number.isNaN(c) && c > r && (r = c);
+        }
+        e = e.parentElement;
+      }
+      const i = r > 0 ? r + 1e3 : 9999;
+      d(i);
+    };
+    u(), n.current = new MutationObserver(() => {
+      u();
+    }), n.current.observe(document.body, {
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["style", "class"]
+    });
+    const o = () => {
+      u();
+    };
+    return window.addEventListener("scroll", o, !0), () => {
+      n.current && n.current.disconnect(), window.removeEventListener("scroll", o, !0);
+    };
+  }, [t]), l;
+};
+export {
+  w as useStickyZIndex
+};