@mantine/hooks/esm/use-focus-return/use-focus-return.mjs

A collection of 50+ hooks for state and UI management

'use client';
import { useRef } from 'react';
import { useDidUpdate } from '../use-did-update/use-did-update.mjs';

function useFocusReturn({
  opened,
  shouldReturnFocus = true
}) {
  const lastActiveElement = useRef(null);
  const returnFocus = () => {
    if (lastActiveElement.current && "focus" in lastActiveElement.current && typeof lastActiveElement.current.focus === "function") {
      lastActiveElement.current?.focus({ preventScroll: true });
    }
  };
  useDidUpdate(() => {
    let timeout = -1;
    const clearFocusTimeout = (event) => {
      if (event.key === "Tab") {
        window.clearTimeout(timeout);
      }
    };
    document.addEventListener("keydown", clearFocusTimeout);
    if (opened) {
      lastActiveElement.current = document.activeElement;
    } else if (shouldReturnFocus) {
      timeout = window.setTimeout(returnFocus, 10);
    }
    return () => {
      window.clearTimeout(timeout);
      document.removeEventListener("keydown", clearFocusTimeout);
    };
  }, [opened, shouldReturnFocus]);
  return returnFocus;
}

export { useFocusReturn };
//# sourceMappingURL=use-focus-return.mjs.map