Add use-keyboard-events util isPrimaryModifierPressed

acusti · Feb 7, 2024 · 763e4ee · 763e4ee
1 parent 85cbd00
commit 763e4ee
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/use-keyboard-events/src/handlers.ts b/packages/use-keyboard-events/src/handlers.ts
@@ -63,6 +63,13 @@ export function addHandler({
     };
 }
 
+const IS_APPLE_REGEXP = /mac|iphone|ipad|ipod/i;
+
+export function isPrimaryModifierPressed(event: KeyboardEvent) {
+    const platform = globalThis.navigator?.platform ?? '';
+    return IS_APPLE_REGEXP.test(platform) ? event.metaKey : event.ctrlKey;
+}
+
 const NON_TEXT_INPUT_TYPES = new Set([
     'button',
     'checkbox',

diff --git a/packages/use-keyboard-events/src/useKeyboardEvents.ts b/packages/use-keyboard-events/src/useKeyboardEvents.ts
@@ -3,7 +3,11 @@ import { useEffect } from 'react';
 import { addHandler, addHandlers } from './handlers.js';
 import type { Handler } from './handlers.js';
 
-export { isEventTargetUsingKeyEvent, usesKeyEvents } from './handlers.js';
+export {
+    isEventTargetUsingKeyEvent,
+    isPrimaryModifierPressed,
+    usesKeyEvents,
+} from './handlers.js';
 
 type Props = {
     ignoreUsedKeyboardEvents?: boolean;