(onEscape: () => void, enabled: boolean = true)
| 7 | * Pass `enabled: false` to skip registering the listener entirely. |
| 8 | */ |
| 9 | export function useEscapeKey(onEscape: () => void, enabled: boolean = true) { |
| 10 | React.useEffect(() => { |
| 11 | if (!enabled) return; |
| 12 | function handleKeyDown(event: KeyboardEvent) { |
| 13 | if (event.key === "Escape" && !event.defaultPrevented) { |
| 14 | event.preventDefault(); |
| 15 | onEscape(); |
| 16 | } |
| 17 | } |
| 18 | window.addEventListener("keydown", handleKeyDown); |
| 19 | return () => window.removeEventListener("keydown", handleKeyDown); |
| 20 | }, [enabled, onEscape]); |
| 21 | } |
no outgoing calls
no test coverage detected