@mantine/hooks/cjs/use-focus-return/use-focus-return.cjs

A collection of 50+ hooks for state and UI management

'use client';
'use strict';

var React = require('react');
var useDidUpdate = require('../use-did-update/use-did-update.cjs');

function useFocusReturn({
  opened,
  shouldReturnFocus = true
}) {
  const lastActiveElement = React.useRef(null);
  const returnFocus = () => {
    if (lastActiveElement.current && "focus" in lastActiveElement.current && typeof lastActiveElement.current.focus === "function") {
      lastActiveElement.current?.focus({ preventScroll: true });
    }
  };
  useDidUpdate.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;
}

exports.useFocusReturn = useFocusReturn;
//# sourceMappingURL=use-focus-return.cjs.map