@hexdspace/react 0.1.44 → 0.1.46

package/dist/index.d.ts

@@ -933,6 +933,7 @@ declare function useVimController(): VimController;
 
 type VimBindingOptions = {
     enabled?: boolean;
+    allowArrowKeys?: boolean;
 };
 declare function useVimBindings(keyboardScopeId: string, options?: VimBindingOptions): void;
 
@@ -949,6 +950,7 @@ type UseVimRegionArgs = {
     focusOnCursorChange?: boolean;
     keyboardScopeId?: string;
     bindKeys?: boolean;
+    allowArrowKeys?: boolean;
     refreshDeps?: React__default.DependencyList;
 };
 type UseVimRegionResult = {

package/dist/index.js

@@ -3370,7 +3370,7 @@ var VimHandleKeyUseCase = class {
     if (e.ctrlKey || e.metaKey || e.altKey) return;
     const scopeId = this.query.getActiveScope();
     if (!scopeId) return;
-    this.selection.exitSelectMode(scopeId);
+    this.selection.clearSelection({ kind: "activeScope" });
     const st = this.stateByScope.get(scopeId);
     if (st) {
       st.count = "";
@@ -3637,6 +3637,7 @@ function notify(entry) {
 function useVimBindings(keyboardScopeId, options = {}) {
   const vim = useVimController();
   const enabled = options.enabled ?? true;
+  const allowArrowKeys = options.allowArrowKeys ?? true;
   const ownerIdRef = useRef3(Symbol("vim-binding-owner"));
   const [isOwner, setIsOwner] = useState5(false);
   const handleOwnerChange = useCallback5((ownerId) => {
@@ -3690,12 +3691,38 @@ function useVimBindings(keyboardScopeId, options = {}) {
         group: "vim"
       });
     }
+    const arrowCombos = allowArrowKeys ? {
+      left: "ArrowLeft",
+      down: "ArrowDown",
+      up: "ArrowUp",
+      right: "ArrowRight"
+    } : { left: null, down: null, up: null, right: null };
     return [
       ...digitBindings,
-      { combos: [charCombo("h")], handler: onChar("h"), description: "vim: left", group: "vim" },
-      { combos: [charCombo("j")], handler: onChar("j"), description: "vim: down", group: "vim" },
-      { combos: [charCombo("k")], handler: onChar("k"), description: "vim: up", group: "vim" },
-      { combos: [charCombo("l")], handler: onChar("l"), description: "vim: right", group: "vim" },
+      {
+        combos: [charCombo("h"), arrowCombos.left].filter(Boolean),
+        handler: onChar("h"),
+        description: "vim: left",
+        group: "vim"
+      },
+      {
+        combos: [charCombo("j"), arrowCombos.down].filter(Boolean),
+        handler: onChar("j"),
+        description: "vim: down",
+        group: "vim"
+      },
+      {
+        combos: [charCombo("k"), arrowCombos.up].filter(Boolean),
+        handler: onChar("k"),
+        description: "vim: up",
+        group: "vim"
+      },
+      {
+        combos: [charCombo("l"), arrowCombos.right].filter(Boolean),
+        handler: onChar("l"),
+        description: "vim: right",
+        group: "vim"
+      },
       { combos: [charCombo("g")], handler: onChar("g"), description: "vim: g prefix", group: "vim" },
       { combos: [charCombo("G")], handler: onChar("G"), description: "vim: G", group: "vim" },
       {
@@ -3704,10 +3731,15 @@ function useVimBindings(keyboardScopeId, options = {}) {
         description: "vim: toggle select",
         group: "vim"
       },
-      { combos: [charCombo(" ")], handler: onChar(" "), description: "vim: toggle item", group: "vim" },
+      {
+        combos: ["Space"],
+        handler: (e) => vim.handleCharKey(" ", e),
+        description: "vim: toggle item",
+        group: "vim"
+      },
       { combos: ["Escape"], handler: (e) => vim.handleEscape(e), description: "vim: escape", group: "vim" }
     ];
-  }, [enabled, isOwner, vim]);
+  }, [allowArrowKeys, enabled, isOwner, vim]);
   useShortcut(keyboardScopeId, bindings, { ignoreTyping: true, preventDefault: true });
 }
 
@@ -3790,7 +3822,7 @@ function useVimRegion(containerRef, args) {
     keyboard.handleEnableScope(keyboardScopeId);
     return () => keyboard.handleDisableScope(keyboardScopeId);
   }, [bindKeys, keyboard, keyboardScopeId]);
-  useVimBindings(keyboardScopeId, { enabled: bindKeys });
+  useVimBindings(keyboardScopeId, { enabled: bindKeys, allowArrowKeys: args.allowArrowKeys });
   useSyncExternalStore(
     (listener) => selection.subscribe(listener),
     () => selection.getVersion(),
@@ -4758,11 +4790,7 @@ function DropdownMenu({
       children: /* @__PURE__ */ jsx22(
         motion4.div,
         {
-          className: cn(
-            dropdownMenuContentVariants({ chrome, orientation }),
-            className,
-            contentClassName
-          ),
+          className: cn(dropdownMenuContentVariants({ chrome, orientation }), className, contentClassName),
           ref: composedContentRef,
           initial: initialMotionState,
           animate: openMotionState,

package/package.json

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