@kubit-ui-web/react-components/dist/cjs/hooks/useKeyPressed/useEscPressed.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useEscPressed = void 0;
const react_1 = require("react");
// @deprecated - try the new useEscPressedV2 instead
const useEscPressed = ({ execute, element }) => {
    (0, react_1.useEffect)(() => {
        const keyDownHandler = (event) => {
            if (event.key === 'Escape' &&
                (document.activeElement === element.current ||
                    element.current?.contains(document.activeElement))) {
                event.preventDefault();
                execute();
            }
        };
        window.addEventListener('keydown', keyDownHandler);
        return () => {
            window.removeEventListener('keydown', keyDownHandler);
        };
    }, [element.current, execute]);
};
exports.useEscPressed = useEscPressed;
//# sourceMappingURL=useEscPressed.js.map