@lesnoypudge/utils-react
Version:
lesnoypudge's utils-react
30 lines (29 loc) • 850 B
JavaScript
import { useLayoutEffect } from "react";
import { useAutoFocusable } from "../useAutoFocusable/useAutoFocusable.js";
import { useFunction } from "../../../../hooks/useFunction/useFunction.js";
import { moveFocusInside } from "../../utils/moveFocusInside/moveFocusInside.js";
const useMoveFocusInside = ({
containerRef,
isEnabled,
preventScroll
}) => {
useAutoFocusable(isEnabled, containerRef);
const _moveFocusInside = useFunction(() => {
return moveFocusInside(containerRef.current, {
preventScroll
});
});
useLayoutEffect(() => {
if (!isEnabled) return;
return containerRef.effect(() => {
_moveFocusInside();
});
}, [containerRef, isEnabled, _moveFocusInside]);
return {
moveFocusInside: _moveFocusInside
};
};
export {
useMoveFocusInside
};
//# sourceMappingURL=useMoveFocusInside.js.map