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

A collection of 50+ hooks for state and UI management

"use client";
import { useDidUpdate } from "../use-did-update/use-did-update.mjs";
import { useRef } from "react";
//#region packages/@mantine/hooks/src/use-focus-return/use-focus-return.ts
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;
}
//#endregion
export { useFocusReturn };

//# sourceMappingURL=use-focus-return.mjs.map