@oprt/react 0.0.0-stage → 0.1.0

package/dist/_internal/useRestoreFocusOnRemoval.js

@@ -0,0 +1,57 @@
+"use client";
+
+// src/_internal/useRestoreFocusOnRemoval.ts
+import { useCallback, useEffect, useRef } from "react";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
+var goneByDefault = (element) => !element.isConnected || element.matches(":disabled");
+function useRestoreFocusOnRemoval(root, options = {}) {
+  const tracked = useRef(null);
+  const latest = useRef(options);
+  useIsomorphicLayoutEffect(() => {
+    latest.current = options;
+  });
+  const isGone = useCallback(
+    (element, state) => (latest.current.isGone ?? goneByDefault)(element, state),
+    []
+  );
+  const onFocusCapture = useCallback(
+    (event) => {
+      const element = event.target;
+      const host = root.current;
+      if (!host || element === host || !host.contains(element)) {
+        tracked.current = null;
+        return;
+      }
+      const track = latest.current.track;
+      const state = track ? track(element) : void 0;
+      tracked.current = state === null ? null : { element, state };
+    },
+    [root]
+  );
+  const onBlurCapture = useCallback(
+    (event) => {
+      const element = event.target;
+      if (tracked.current?.element !== element) return;
+      queueMicrotask(() => {
+        const current = tracked.current;
+        if (current?.element !== element) return;
+        if (!isGone(element, current.state)) tracked.current = null;
+      });
+    },
+    [isGone]
+  );
+  useEffect(() => {
+    const prior = tracked.current;
+    if (!prior || !isGone(prior.element, prior.state)) return;
+    tracked.current = null;
+    const active = document.activeElement;
+    if (active !== null && active !== document.body && active !== prior.element) return;
+    const find = latest.current.findTarget;
+    const target = find ? find(prior.state, prior.element) : root.current;
+    target?.focus();
+  });
+  return { onFocusCapture, onBlurCapture };
+}
+export {
+  useRestoreFocusOnRemoval
+};