@neovici/cosmoz-utils 6.13.0 → 6.13.1

package/dist/keybindings/types.d.ts

@@ -8,6 +8,7 @@ export type KeyBinding = readonly [Matcher, Activity[], Info];
 export type ActivityHandler = {
     activity: Activity;
     callback: () => void;
+    check?: () => boolean;
     element?: () => Element | null | undefined;
 };
 export type RegisterFn = (handler: ActivityHandler) => () => void;

package/dist/keybindings/use-keybindings.js

@@ -4,7 +4,7 @@ import { focusIsInEditableArea, isInteractive, matches } from './utils';
 export const useKeybindings = (bindings) => {
     const meta = useMeta({ bindings });
     useEffect(() => {
-        const handler = (e) => {
+        const keyboardEventHandler = (e) => {
             if (e.defaultPrevented) {
                 return;
             }
@@ -18,14 +18,20 @@ export const useKeybindings = (bindings) => {
             if (handlers.length === 0)
                 return;
             // find first actionable handler
-            const handler = handlers.find((handler) => !handler.element || isInteractive(handler.element()));
+            const handler = handlers.find((handler) => {
+                if ((handler.check && !handler.check()) ||
+                    (handler.element && !isInteractive(handler.element()))) {
+                    return false;
+                }
+                return handler;
+            });
             if (!handler)
                 return;
             e.preventDefault();
             handler.callback();
         };
-        document.addEventListener('keydown', handler, true);
-        return () => document.removeEventListener('keydown', handler, true);
+        document.addEventListener('keydown', keyboardEventHandler, true);
+        return () => document.removeEventListener('keydown', keyboardEventHandler, true);
     }, []);
     const register = useCallback((handler) => {
         meta[handler.activity] = [handler, ...(meta[handler.activity] ?? [])];

package/dist/keybindings/utils.js

@@ -19,7 +19,7 @@ export const focusIsInEditableArea = () => {
     const active = getActiveElement(document);
     if (!active)
         return false;
-    if (active.matches('input, textarea'))
+    if (active.matches('input:not([type="checkbox"]), textarea'))
         return true;
     if ('isContentEditable' in active && active.isContentEditable) {
         return true;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-utils",
-	"version": "6.13.0",
+	"version": "6.13.1",
 	"description": "Date, money and template management functions commonly needed in Cosmoz views.",
 	"keywords": [
 		"polymer",