[@mantine/hooks] use-hotkeys: Fix Escape key not being handled correctly in some browsers (#7928)

* [@matine/hooks] parse-hotkey.ts escapeHotkey fix add test code

* [@mantine/hooks] fix: update Escape key mapping in parse-hotkey.ts and add tests

- Change 'Escape' and 'Esc' mapping from 'esc' to 'escape' for consistency
- Add 'esc' key to keyNameMap for backward compatibility
- Add comprehensive tests for Escape key handling

Author: Han5991

packages/@mantine/hooks/src/use-hotkeys/parse-hotkey.test.ts

@@ -125,4 +125,78 @@ describe('@mantine/hooks/use-hot-key/parse-hotkey', () => {
       key: '+',
     });
   });
+
+  it('handles Escape key correctly', () => {
+    const escapeResult = parseHotkey('Escape');
+    expect(escapeResult).toMatchObject({
+      alt: false,
+      ctrl: false,
+      meta: false,
+      mod: false,
+      shift: false,
+      key: 'escape',
+    });
+
+    const escResult = parseHotkey('Esc');
+    expect(escResult).toMatchObject({
+      alt: false,
+      ctrl: false,
+      meta: false,
+      mod: false,
+      shift: false,
+      key: 'esc',
+    });
+
+    expect(
+      getHotkeyMatcher('Escape')(
+        new KeyboardEvent('keydown', {
+          key: 'Escape',
+        })
+      )
+    ).toBe(true);
+
+    expect(
+      getHotkeyMatcher('mod+Escape')(
+        new KeyboardEvent('keydown', {
+          ctrlKey: true,
+          key: 'Escape',
+        })
+      )
+    ).toBe(true);
+
+    expect(
+      getHotkeyMatcher('escape')(
+        new KeyboardEvent('keydown', {
+          key: 'Escape',
+        })
+      )
+    ).toBe(true);
+  });
+
+  it('ensures compatibility with existing escape key usage', () => {
+    expect(
+      getHotkeyMatcher('esc')(
+        new KeyboardEvent('keydown', {
+          key: 'Escape',
+        })
+      )
+    ).toBe(true);
+
+    expect(
+      getHotkeyMatcher('ESC')(
+        new KeyboardEvent('keydown', {
+          key: 'Escape',
+        })
+      )
+    ).toBe(true);
+
+    expect(
+      getHotkeyMatcher('mod+esc')(
+        new KeyboardEvent('keydown', {
+          ctrlKey: true,
+          key: 'Escape',
+        })
+      )
+    ).toBe(true);
+  });
 });

packages/@mantine/hooks/src/use-hotkeys/parse-hotkey.ts

@@ -19,8 +19,9 @@ const keyNameMap: Record<string, string> = {
   ArrowRight: 'arrowright',
   ArrowUp: 'arrowup',
   ArrowDown: 'arrowdown',
-  Escape: 'esc',
-  Esc: 'esc',
+  Escape: 'escape',
+  Esc: 'escape',
+  esc: 'escape',
   Enter: 'enter',
   Tab: 'tab',
   Backspace: 'backspace',