@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
19 lines • 723 B
JavaScript
import { useEffect } from 'react';
// @deprecated - try the new useEscPressedV2 instead
export const useEscPressed = ({ execute, element }) => {
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]);
};
//# sourceMappingURL=useEscPressed.js.map