@kubit-ui-web/react-components/dist/cjs/hooks/useKeyPressed/useKeyPressed.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.useKeyPressed = void 0;
const react_1 = require("react");
const useKeyPressed = (targetKey) => {
    const [keyPressed, setKeyPressed] = (0, react_1.useState)(false);
    const downHandler = ({ key }) => {
        if (key === targetKey) {
            setKeyPressed(true);
        }
    };
    const upHandler = ({ key }) => {
        if (key === targetKey) {
            setKeyPressed(false);
        }
    };
    (0, react_1.useEffect)(() => {
        window.addEventListener('keydown', downHandler);
        window.addEventListener('keyup', upHandler);
        return () => {
            window.removeEventListener('keydown', downHandler);
            window.removeEventListener('keyup', upHandler);
        };
    });
    return keyPressed;
};
exports.useKeyPressed = useKeyPressed;
//# sourceMappingURL=useKeyPressed.js.map