ssovee-os-web-ui 0.1.80 → 0.1.81

package/dist/index.cjs

@@ -1619,30 +1619,45 @@ var Tooltip_default = Tooltip;
 var keyMap = {
   mac: {
     ctrl: "\u2318",
+    cmd: "\u2318",
+    meta: "\u2318",
     alt: "\u2325",
+    option: "\u2325",
     shift: "\u21E7",
     enter: "\u23CE",
     backspace: "\u232B",
     arrowup: "\u2191",
-    arrowdown: "\u2193"
+    arrowdown: "\u2193",
+    arrowleft: "\u2190",
+    arrowright: "\u2192"
   },
   windows: {
     ctrl: "Ctrl",
+    cmd: "Ctrl",
+    meta: "Win",
     alt: "Alt",
+    option: "Alt",
     shift: "Shift",
     enter: "Enter",
     backspace: "Backspace",
     arrowup: "\u2191",
-    arrowdown: "\u2193"
+    arrowdown: "\u2193",
+    arrowleft: "\u2190",
+    arrowright: "\u2192"
   },
   linux: {
     ctrl: "Ctrl",
+    cmd: "Ctrl",
+    meta: "Super",
     alt: "Alt",
+    option: "Alt",
     shift: "Shift",
     enter: "Enter",
     backspace: "Backspace",
     arrowup: "\u2191",
-    arrowdown: "\u2193"
+    arrowdown: "\u2193",
+    arrowleft: "\u2190",
+    arrowright: "\u2192"
   }
 };
 var detectOS = () => {
@@ -1672,7 +1687,7 @@ var matchShortcut = (event, shortcut, os) => {
 };
 var useShortcutFormatter = ({
   globalKeyboardShortcuts: globalKeyboardShortcuts2 = []
-}) => {
+} = {}) => {
   const [os, setOS] = React23.useState("windows");
   const listenersRef = React23.useRef(
     /* @__PURE__ */ new Map()
@@ -1681,11 +1696,12 @@ var useShortcutFormatter = ({
     setOS(detectOS());
   }, []);
   React23.useEffect(() => {
+    if (!globalKeyboardShortcuts2.length) return;
     const handleKeyDown = (event) => {
       for (const shortcut of globalKeyboardShortcuts2) {
         if (matchShortcut(event, shortcut.shortcut, os)) {
           const listeners = listenersRef.current.get(shortcut.command);
-          if (listeners) {
+          if (listeners && listeners.size > 0) {
             event.preventDefault();
             listeners.forEach((cb) => cb(event));
           }
@@ -1696,25 +1712,38 @@ var useShortcutFormatter = ({
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [os]);
-  const formatKeys = (keys = []) => {
-    return keys.map((key) => keyMap[os][key.toLowerCase()] || key.toUpperCase()).join(" + ");
-  };
-  const getShortcutByCommand = (command) => {
-    const found = globalKeyboardShortcuts2.find((s) => s.command === command);
-    return found ? found.shortcut : [""];
-  };
-  const addShortcutListener = (command, listener) => {
-    if (!listenersRef.current.has(command)) {
-      listenersRef.current.set(command, /* @__PURE__ */ new Set());
-    }
-    listenersRef.current.get(command).add(listener);
-  };
-  const removeShortcutListener = (command, listener) => {
-    if (listenersRef.current.has(command)) {
-      listenersRef.current.get(command).delete(listener);
-    }
-  };
+  }, [os, globalKeyboardShortcuts2]);
+  const formatKeys = React23.useCallback(
+    (keys = []) => {
+      const separator = os === "mac" ? "" : " + ";
+      return keys.map((key) => keyMap[os][key.toLowerCase()] || key.toUpperCase()).join(separator);
+    },
+    [os]
+  );
+  const getShortcutByCommand = React23.useCallback(
+    (command) => {
+      const found = globalKeyboardShortcuts2.find((s) => s.command === command);
+      return found ? found.shortcut : [];
+    },
+    [globalKeyboardShortcuts2]
+  );
+  const addShortcutListener = React23.useCallback(
+    (command, listener) => {
+      if (!listenersRef.current.has(command)) {
+        listenersRef.current.set(command, /* @__PURE__ */ new Set());
+      }
+      listenersRef.current.get(command).add(listener);
+    },
+    []
+  );
+  const removeShortcutListener = React23.useCallback(
+    (command, listener) => {
+      if (listenersRef.current.has(command)) {
+        listenersRef.current.get(command).delete(listener);
+      }
+    },
+    []
+  );
   return {
     formatKeys,
     getShortcutByCommand,