@hexdspace/react 0.1.45 → 0.1.47

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 = {
@@ -1134,4 +1136,6 @@ interface KbdProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<t
 }
 declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLSpanElement>>;
 
-export { AuthController, AuthControllerCtx, type AuthControllerDeps, AuthControllerProvider, AuthDispatchCtx, AuthProvider, type AuthState, AuthStateCtx, Button, type ButtonProps, type CacheInstruction, type ClearSelectionArgs, type ClearTarget, type CombineMode, ConfirmDialog, type ConfirmDialogProps, type ConfirmPayload, type CursorFallback, CustomDialog, type CustomDialogPayload, type CustomDialogProps, type CustomInstruction, DEFAULT_NOTIFICATION_CHANNEL, type DefaultDialogPayloads, type DefaultDialogTemplateKey, DefaultDialogTemplateKeys, Dialog, DialogContent, DialogController, DialogHost, type DialogInstance, type DialogOptions, type DialogProps, type DialogTemplate, type DisableScope, DisableScopeUseCase, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type EnableScope, EnableScopeUseCase, type ErrorResponse, Field, type FieldProps, type GenericResponse, type GroupedShortcuts, type HandleSelection, type HttpClient, HttpError, type HttpMethod, type HttpResponse, InMemorySelectionStore, InfoDialog, type InfoDialogProps, type InfoPayload, Input, type InputProps, type Instruction, type InstructionContext, type ItemId, Kbd, type KbdProps, KeyboardController, KeyboardProvider, type ListShortcuts, ListShortcutsUseCase, type ListedShortcut, MockAuthHttpClient, MockHttpClient, type Mode, type MutationFn, type Notification, type NotificationAction, NotificationHost, type NotificationInstruction, type NotificationVariant, NotifierController, type OnSuccessFn, type OptimisticSnapshot, type OptimisticUpdateFn, Popover, type PopoverProps, type QuerySelection, RedirectIfAuthed, type RedirectIfAuthedProps, type RegionId, type RegionKey, type RegionSelection, type RegisterRegionArgs, type RegisterShortcut, RegisterShortcutUseCase, type RequestConfig, RequireAuth, type RequireAuthProps, type ResolvedToastTheme, type ResponsiveMutation, type ScopeId, ScopeManager, type ScopeState, SelectionController, type SelectionControllerDeps, SelectionControllerProvider, type SelectionState, type SelectionStore, type ShortcutBinding, type ShortcutHandler, type ShortcutRegistration, type ShortcutScope, Skeleton, type SkeletonProps, Textarea, type TextareaProps, type ToastActionTheme, type ToastTheme, type ToastTransition, type ToastifyCSSVars, Tooltip, type UIFail, type UIOk, type UIResult, type UnregisterShortcut, UnregisterShortcutUseCase, type UseVimRegionArgs, type UseVimRegionResult, type User, VimController, type VimControllerDeps, VimControllerProvider, type VimDirection, type VimInterDirection, type VimKeyState, type VimPending, type VimRegionMeta, VimRegionRegistry, authController, controllerFactory, createAuthController, createSelectionController, createVimController, dialogController, httpClient as fetchHttpClient, getDialogTemplate, keyboardController, notifierController, registerDefaultDialogs, registerDialogTemplate, resolveToastTheme, ui, unregisterDialogTemplate, useAuth, useAuthActions, useAuthController, useAuthDispatch, useAuthedUser, useDialog, useKeyboardController, useResponsiveMutation, useSelectionController, useShortcut, useShortcutScope, useVimBindings, useVimController, useVimRegion };
+declare function useMotionDuration(varName: string, fallbackSeconds: number): number;
+
+export { AuthController, AuthControllerCtx, type AuthControllerDeps, AuthControllerProvider, AuthDispatchCtx, AuthProvider, type AuthState, AuthStateCtx, Button, type ButtonProps, type CacheInstruction, type ClearSelectionArgs, type ClearTarget, type CombineMode, ConfirmDialog, type ConfirmDialogProps, type ConfirmPayload, type CursorFallback, CustomDialog, type CustomDialogPayload, type CustomDialogProps, type CustomInstruction, DEFAULT_NOTIFICATION_CHANNEL, type DefaultDialogPayloads, type DefaultDialogTemplateKey, DefaultDialogTemplateKeys, Dialog, DialogContent, DialogController, DialogHost, type DialogInstance, type DialogOptions, type DialogProps, type DialogTemplate, type DisableScope, DisableScopeUseCase, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type EnableScope, EnableScopeUseCase, type ErrorResponse, Field, type FieldProps, type GenericResponse, type GroupedShortcuts, type HandleSelection, type HttpClient, HttpError, type HttpMethod, type HttpResponse, InMemorySelectionStore, InfoDialog, type InfoDialogProps, type InfoPayload, Input, type InputProps, type Instruction, type InstructionContext, type ItemId, Kbd, type KbdProps, KeyboardController, KeyboardProvider, type ListShortcuts, ListShortcutsUseCase, type ListedShortcut, MockAuthHttpClient, MockHttpClient, type Mode, type MutationFn, type Notification, type NotificationAction, NotificationHost, type NotificationInstruction, type NotificationVariant, NotifierController, type OnSuccessFn, type OptimisticSnapshot, type OptimisticUpdateFn, Popover, type PopoverProps, type QuerySelection, RedirectIfAuthed, type RedirectIfAuthedProps, type RegionId, type RegionKey, type RegionSelection, type RegisterRegionArgs, type RegisterShortcut, RegisterShortcutUseCase, type RequestConfig, RequireAuth, type RequireAuthProps, type ResolvedToastTheme, type ResponsiveMutation, type ScopeId, ScopeManager, type ScopeState, SelectionController, type SelectionControllerDeps, SelectionControllerProvider, type SelectionState, type SelectionStore, type ShortcutBinding, type ShortcutHandler, type ShortcutRegistration, type ShortcutScope, Skeleton, type SkeletonProps, Textarea, type TextareaProps, type ToastActionTheme, type ToastTheme, type ToastTransition, type ToastifyCSSVars, Tooltip, type UIFail, type UIOk, type UIResult, type UnregisterShortcut, UnregisterShortcutUseCase, type UseVimRegionArgs, type UseVimRegionResult, type User, VimController, type VimControllerDeps, VimControllerProvider, type VimDirection, type VimInterDirection, type VimKeyState, type VimPending, type VimRegionMeta, VimRegionRegistry, authController, controllerFactory, createAuthController, createSelectionController, createVimController, dialogController, httpClient as fetchHttpClient, getDialogTemplate, keyboardController, notifierController, registerDefaultDialogs, registerDialogTemplate, resolveToastTheme, ui, unregisterDialogTemplate, useAuth, useAuthActions, useAuthController, useAuthDispatch, useAuthedUser, useDialog, useKeyboardController, useMotionDuration, useResponsiveMutation, useSelectionController, useShortcut, useShortcutScope, useVimBindings, useVimController, useVimRegion };

package/dist/index.js

@@ -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(),
@@ -4902,6 +4934,7 @@ export {
   useAuthedUser,
   useDialog,
   useKeyboardController,
+  useMotionDuration,
   useResponsiveMutation,
   useSelectionController,
   useShortcut,

package/package.json

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