add capslock as a modifer

Author: Aspecky

packages/react-hotkeys-hook/src/lib/useHotkeys.ts

@@ -140,7 +140,7 @@ export default function useHotkeys<T extends HTMLElement>(
           }
 
           if (lastModiferKey) {
-            if ((e as any)[`${lastModiferKey}Key`]) {
+            if (lastModiferKey === 'capslock' || (e as any)[`${lastModiferKey}Key`]) {
               keysStack?.pop()
               lastKeyTime = performance.now()
             }

packages/react-hotkeys-hook/src/test/useHotkeys.test.tsx

@@ -607,6 +607,28 @@ test('should trigger sequence with modifier keys with useKey', async () => {
   expect(callback).toHaveBeenCalledTimes(1)
 })
 
+test('should trigger sequence with capslock as modifer without useKey', async () => {
+  const user = userEvent.setup({delay: 200})
+  const callback = vi.fn()
+
+  renderHook(() => useHotkeys('1>2>3', callback, {useKey: false}))
+
+  await user.keyboard(`{CapsLock>}{1}{2}{3}`)
+  
+  expect(callback).toHaveBeenCalledTimes(1)
+})
+
+test('should trigger sequence with capslock as modifer with useKey', async () => {
+  const user = userEvent.setup({delay: 200})
+  const callback = vi.fn()
+
+  renderHook(() => useHotkeys('1>2>3', callback, { useKey: true }))
+
+  await user.keyboard(`{CapsLock>}{1}{2}{3}`)
+  
+  expect(callback).toHaveBeenCalledTimes(1)
+})
+
 test('should reflect set delimiter character', async () => {
   const user = userEvent.setup()
   const callback = vi.fn()