feature: add filterKeyTriggerButton and accessibleOnClick also trigge…

…rs with Spacebar
receter · Oct 7, 2024 · f92eed5 · f92eed5
1 parent 6269582
commit f92eed5
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/utils/lib/main.ts b/packages/utils/lib/main.ts
@@ -12,6 +12,16 @@ export function filterKeyEnter(handler: (e: React.KeyboardEvent) => void) {
   };
 }
 
+export function filterKeyTriggerButton(
+  handler: (e: React.KeyboardEvent) => void
+) {
+  return (e: React.KeyboardEvent) => {
+    if (e.key === "Enter" || e.key === " ") {
+      handler(e);
+    }
+  };
+}
+
 export function filterKeyEsc(handler: (e: React.KeyboardEvent) => void) {
   return (e: React.KeyboardEvent) => {
     if (e.key === "Escape") {
@@ -27,7 +37,7 @@ export function accessibleOnClick(
   return {
     role: "button",
     tabIndex: tabIndex ?? 0,
-    onKeyDown: filterKeyEnter(handler),
+    onKeyDown: filterKeyTriggerButton(handler),
     onClick: handler,
   };
 }