@nick-skriabin/glyph 0.1.22 → 0.1.23

package/dist/index.cjs

@@ -1591,12 +1591,17 @@ function render(element, opts = {}) {
   const currentFb = new Framebuffer(terminal.columns, terminal.rows);
   let fullRedraw = true;
   const inputHandlers = /* @__PURE__ */ new Set();
+  const priorityHandlers = /* @__PURE__ */ new Set();
   const focusedInputHandlers = /* @__PURE__ */ new Map();
   const inputContextValue = {
     subscribe(handler) {
       inputHandlers.add(handler);
       return () => inputHandlers.delete(handler);
     },
+    subscribePriority(handler) {
+      priorityHandlers.add(handler);
+      return () => priorityHandlers.delete(handler);
+    },
     registerInputHandler(focusId, handler) {
       focusedInputHandlers.set(focusId, handler);
       return () => focusedInputHandlers.delete(focusId);
@@ -1842,7 +1847,13 @@ function render(element, opts = {}) {
         continue;
       }
       let consumed = false;
-      if (focusedId) {
+      for (const handler of priorityHandlers) {
+        if (handler(key)) {
+          consumed = true;
+          break;
+        }
+      }
+      if (!consumed && focusedId) {
         const inputHandler = focusedInputHandlers.get(focusedId);
         if (inputHandler) {
           consumed = inputHandler(key);
@@ -2360,6 +2371,7 @@ function Keybind({
   keypress,
   onPress,
   whenFocused,
+  priority,
   disabled
 }) {
   const inputCtx = React15.useContext(InputContext);
@@ -2370,13 +2382,23 @@ function Keybind({
   matcherRef.current = parseKeyDescriptor(keypress);
   React15.useEffect(() => {
     if (!inputCtx || disabled) return;
-    const handler = (key) => {
-      if (!matchesKey(matcherRef.current, key)) return;
-      if (whenFocused && focusCtx?.focusedId !== whenFocused) return;
-      onPressRef.current();
-    };
-    return inputCtx.subscribe(handler);
-  }, [inputCtx, focusCtx, whenFocused, disabled]);
+    if (priority) {
+      const handler = (key) => {
+        if (!matchesKey(matcherRef.current, key)) return false;
+        if (whenFocused && focusCtx?.focusedId !== whenFocused) return false;
+        onPressRef.current();
+        return true;
+      };
+      return inputCtx.subscribePriority(handler);
+    } else {
+      const handler = (key) => {
+        if (!matchesKey(matcherRef.current, key)) return;
+        if (whenFocused && focusCtx?.focusedId !== whenFocused) return;
+        onPressRef.current();
+      };
+      return inputCtx.subscribe(handler);
+    }
+  }, [inputCtx, focusCtx, whenFocused, priority, disabled]);
   return null;
 }
 function Portal({ children, zIndex = 1e3 }) {