@hexdspace/react 0.1.53 → 0.1.54

package/dist/index.d.ts

@@ -729,6 +729,7 @@ interface ShortcutRegistration {
     bindings: ShortcutBinding[];
     ignoreTyping?: boolean;
     preventDefault?: boolean;
+    blockWhileTyping?: (event: KeyboardEvent) => boolean;
 }
 
 interface ShortcutScope {
@@ -852,6 +853,7 @@ declare function useKeyboardController(): KeyboardController;
 declare function useShortcut(scopeId: string, bindings: ShortcutBinding[], opts?: {
     ignoreTyping?: boolean;
     preventDefault?: boolean;
+    blockWhileTyping?: (event: KeyboardEvent) => boolean;
 }): void;
 
 declare function useShortcutScope(scopeId: string, enabled?: boolean): void;

package/dist/index.js

@@ -3006,7 +3006,7 @@ var RegisterShortcutUseCase = class {
     const id = uuid2();
     const reg = { preventDefault: true, ignoreTyping: true, ...regInput, id };
     const guard = (e) => {
-      if (reg.ignoreTyping && isTyping(e)) return false;
+      if (reg.ignoreTyping && isTyping(e, reg.blockWhileTyping)) return false;
       return this.scopes.isScopeActive(reg.scopeId);
     };
     const handle = this.engine.register(reg.bindings, { guard, preventDefault: reg.preventDefault });
@@ -3030,11 +3030,12 @@ var RegisterShortcutUseCase = class {
     this.registry.removeByRegistration(id);
   }
 };
-function isTyping(e) {
+function isTyping(e, blockWhileTyping) {
   const el = e.target;
   if (!el) return false;
   const inText = el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.isContentEditable;
   if (!inText) return false;
+  if (blockWhileTyping?.(e)) return true;
   const k = e.key;
   const allow = k === "Escape" || k === "Tab" || k.startsWith("Arrow") || k === "PageUp" || k === "PageDown" || k === "Home" || k === "End" || e.ctrlKey || e.metaKey || e.altKey;
   return !allow;
@@ -3229,10 +3230,11 @@ function useShortcut(scopeId, bindings, opts) {
       scopeId,
       bindings: stableBindings,
       ignoreTyping: opts?.ignoreTyping ?? true,
-      preventDefault: opts?.preventDefault ?? true
+      preventDefault: opts?.preventDefault ?? true,
+      blockWhileTyping: opts?.blockWhileTyping
     });
     return () => controller.handleUnregisterShortcut(id);
-  }, [controller, stableBindings, opts?.ignoreTyping, opts?.preventDefault, scopeId]);
+  }, [controller, stableBindings, opts?.ignoreTyping, opts?.preventDefault, opts?.blockWhileTyping, scopeId]);
 }
 
 // src/feature/keyboard/infra/web/react/useShortcutScope.tsx
@@ -3700,6 +3702,10 @@ function useVimBindings(regionKey, keyboardScopeId, options = {}) {
     setIsOwner(entry.ownerId === ownerIdRef.current);
     setModifierActionsVersion(entry.modifierActionsVersion);
   }, []);
+  const blockWhileTyping = useCallback5(
+    (e) => allowArrowKeys && e.key.startsWith("Arrow"),
+    [allowArrowKeys]
+  );
   useEffect7(() => {
     if (!enabled) {
       setIsOwner(false);
@@ -3855,7 +3861,11 @@ function useVimBindings(regionKey, keyboardScopeId, options = {}) {
       ...modifierBindings("ctrlShift", modifierAvailability?.ctrlShift)
     ];
   }, [allowArrowKeys, enabled, isOwner, keyboardScopeId, modifierActionsVersion, vim]);
-  useShortcut(keyboardScopeId, bindings, { ignoreTyping: true, preventDefault: true });
+  useShortcut(keyboardScopeId, bindings, {
+    ignoreTyping: true,
+    preventDefault: true,
+    blockWhileTyping
+  });
 }
 function getModifierAvailability(keyboardScopeId) {
   const entry = scopeBindings.get(keyboardScopeId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.1.53",
+  "version": "0.1.54",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",