impact-nova 1.5.13 → 1.5.14

package/dist/components/ui/command-palette/shortcut-settings.js

@@ -1,24 +1,24 @@
 import { jsx as r, jsxs as g, Fragment as U } from "react/jsx-runtime";
 import * as n from "react";
-import { User as _, Monitor as K, AlertTriangle as j, Lock as G, RotateCcw as z } from "lucide-react";
+import { User as _, Monitor as K, AlertTriangle as O, Lock as G, RotateCcw as j } from "lucide-react";
 import { cn as h } from "../../../lib/utils.js";
-import { ModuleRegistry as B, AllCommunityModule as O } from "ag-grid-community";
+import { ModuleRegistry as z, AllCommunityModule as B } from "ag-grid-community";
 import { AllEnterpriseModule as $ } from "ag-grid-enterprise";
 import { DataTable as H, DataTableContent as V } from "../data-table/data-table.js";
-import { AG_CELL_NO_PADDING as A } from "../ag-grid-react/cell-renderers/index.js";
+import { AG_CELL_NO_PADDING as P } from "../ag-grid-react/cell-renderers/index.js";
 import { Kbd as q } from "./kbd.js";
 import { useCommandPalette as J } from "./command-palette-context.js";
 import { keybindingToString as Q, keybindingFromEvent as X, isReservedShortcut as Y } from "./utils.js";
 import { BadgeCellRenderer as Z } from "../ag-grid-react/cell-renderers/badge-cell-renderer.js";
-B.registerModules([O, $]);
+z.registerModules([B, $]);
 const W = {
   system: "System",
   user: "User",
   "ag-grid": "AG Grid",
   browser: "Browser"
 };
-function ee(i) {
-  const e = i.data;
+function ee(s) {
+  const e = s.data;
   return e ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
     !e.customisable && /* @__PURE__ */ r(G, { className: "h-3 w-3 text-[#9ca3af] shrink-0" }),
     /* @__PURE__ */ g("div", { className: "flex flex-col min-w-0 gap-0", children: [
@@ -27,10 +27,10 @@ function ee(i) {
     ] })
   ] }) : null;
 }
-function te(i) {
-  const e = i.data;
+function te(s) {
+  const e = s.data;
   if (!e) return null;
-  const c = i.recordingCommandId === e.id;
+  const c = s.recordingCommandId === e.id;
   return /* @__PURE__ */ r("div", { className: h(
     "w-full h-full flex items-center ag-cell-inner-padding",
     e.customisable ? "in-ag-editable-cell-highlight" : ""
@@ -42,13 +42,13 @@ function te(i) {
         e.customisable ? "bg-white" : "bg-transparent",
         c && "ring-1 ring-[#4259ee] border border-[#4259ee]"
       ),
-      children: c ? /* @__PURE__ */ r("span", { className: "text-xs text-[#4259ee] font-medium animate-pulse", children: i.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ g(U, { children: [
+      children: c ? /* @__PURE__ */ r("span", { className: "text-xs text-[#4259ee] font-medium animate-pulse", children: s.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ g(U, { children: [
         e.keybinding ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (a) => {
-              a.stopPropagation(), e.customisable && i.onStartRecording(e.id);
+              a.stopPropagation(), e.customisable && s.onStartRecording(e.id);
             },
             disabled: !e.customisable,
             className: h(
@@ -62,10 +62,10 @@ function te(i) {
           {
             type: "button",
             onClick: (a) => {
-              a.stopPropagation(), i.onStartRecording(e.id);
+              a.stopPropagation(), s.onStartRecording(e.id);
             },
             className: "flex items-center justify-end h-full w-full text-xs text-[#9ca3af] hover:text-[#4259ee] transition-colors cursor-pointer text-right",
-            children: i.addShortcutLabel ?? "Add shortcut"
+            children: s.addShortcutLabel ?? "Add shortcut"
           }
         ) : /* @__PURE__ */ r("span", { className: "text-xs text-transparent", children: "--" }),
         e.hasOverride && e.customisable && !c && /* @__PURE__ */ r(
@@ -73,33 +73,33 @@ function te(i) {
           {
             type: "button",
             onClick: (a) => {
-              a.stopPropagation(), i.onReset(e.id);
+              a.stopPropagation(), s.onReset(e.id);
             },
             className: "absolute right-1 p-0.5 rounded bg-white hover:bg-[#f3f4f6] hover:text-[#ef4444] cursor-pointer opacity-0 group-hover/row:opacity-100 transition-opacity z-10",
             title: "Reset to default",
-            children: /* @__PURE__ */ r(z, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ r(j, { className: "h-3 w-3" })
           }
         )
       ] })
     }
   ) });
 }
-function re(i) {
-  const e = i.data;
+function re(s) {
+  const e = s.data;
   return e ? /* @__PURE__ */ r("div", { className: "flex items-center h-full", children: /* @__PURE__ */ r("span", { className: "text-xs text-[#6b7280] capitalize", children: e.scope }) }) : null;
 }
-function se({
-  className: i,
+function le({
+  className: s,
   scopes: e,
   sources: c,
   renderStatus: a,
-  recordingLabel: ie,
+  recordingLabel: se,
   pressShortcutLabel: b,
   addShortcutLabel: x,
   conflictWarnLabel: y = "Conflicts with other shortcuts",
   reservedWarnLabel: p = "This shortcut is reserved by the browser",
-  recordingInstruction: P = "Recording: Press shortcut or Esc",
-  ...le
+  recordingInstruction: A = "Recording: Press shortcut or Esc",
+  ...ie
 }) {
   const {
     getSettingsCommands: w,
@@ -107,52 +107,52 @@ function se({
     updateKeybinding: v,
     resetKeybinding: S,
     version: D
-  } = J(), [o, m] = n.useState(null), [d, l] = n.useState(null), T = n.useMemo(() => {
-    let s = w();
-    return e && (s = s.filter((t) => e.includes(t.scope))), c && (s = s.filter((t) => t.source && c.includes(t.source))), s.map((t) => {
-      const u = C(t.id), f = t.source ?? "user", E = W[f] ?? t.source ?? "User", M = E.toLowerCase() === "user";
+  } = J(), [o, m] = n.useState(null), [u, i] = n.useState(null), T = n.useMemo(() => {
+    let l = w();
+    return e && (l = l.filter((t) => e.includes(t.scope))), c && (l = l.filter((t) => t.source && c.includes(t.source))), l.map((t) => {
+      const d = C(t.id), f = t.source ?? "user", M = W[f] ?? t.source ?? "User", E = M.toLowerCase() === "user";
       return {
         id: t.id,
         command: t.label,
         description: t.description || "",
         category: t.category || "General",
-        keybinding: u,
-        keybindingDisplay: u ? Q(u) : "",
+        keybinding: d,
+        keybindingDisplay: d ? Q(d) : "",
         scope: t.scope,
-        source: E,
-        sourceColor: M ? "primary" : "neutral",
-        sourceIcon: M ? /* @__PURE__ */ r(_, { className: "h-3 w-3" }) : /* @__PURE__ */ r(K, { className: "h-3 w-3" }),
+        source: M,
+        sourceColor: E ? "primary" : "neutral",
+        sourceIcon: E ? /* @__PURE__ */ r(_, { className: "h-3 w-3" }) : /* @__PURE__ */ r(K, { className: "h-3 w-3" }),
         customisable: t.customisable !== !1,
         passive: t.passive === !0,
         hasOverride: t.keybinding !== void 0,
         _def: t
       };
     });
-  }, [D, e, c, w, C]), N = n.useCallback((s) => {
-    m(s), l(null);
-  }, []), R = n.useCallback((s) => {
-    S(s), l(null);
+  }, [D, e, c, w, C]), N = n.useCallback((l) => {
+    m(l), i(null);
+  }, []), R = n.useCallback((l) => {
+    S(l), i(null);
   }, [S]);
   n.useEffect(() => {
     if (!o) return;
-    const s = (t) => {
+    const l = (t) => {
       if (t.preventDefault(), t.stopPropagation(), t.key === "Escape") {
-        m(null), l(null);
+        m(null), i(null);
         return;
       }
-      const u = X(t);
-      if (!u) return;
-      if (Y(u)) {
-        l({ type: "reserved", text: p }), m(null), setTimeout(() => l(null), 3e3);
+      const d = X(t);
+      if (!d) return;
+      if (Y(d)) {
+        i({ type: "reserved", text: p }), m(null), setTimeout(() => i(null), 3e3);
         return;
       }
-      const f = v(o, u);
-      f.success ? (m(null), l(null)) : f.conflict ? (l({
+      const f = v(o, d);
+      f.success ? (m(null), i(null)) : f.conflict ? (i({
         type: "conflict",
         text: y
-      }), m(null), setTimeout(() => l(null), 3e3)) : f.reserved && (l({ type: "reserved", text: p }), m(null), setTimeout(() => l(null), 3e3));
+      }), m(null), setTimeout(() => i(null), 3e3)) : f.reserved && (i({ type: "reserved", text: p }), m(null), setTimeout(() => i(null), 3e3));
     };
-    return window.addEventListener("keydown", s, !0), () => window.removeEventListener("keydown", s, !0);
+    return window.addEventListener("keydown", l, !0), () => window.removeEventListener("keydown", l, !0);
   }, [o, v, p, y]);
   const F = n.useMemo(() => [
     {
@@ -162,8 +162,8 @@ function se({
       minWidth: 200,
       filter: "agTextColumnFilter",
       cellRenderer: ee,
-      filterValueGetter: (s) => {
-        const t = s.data;
+      filterValueGetter: (l) => {
+        const t = l.data;
         return t ? `${t.command} ${t.description}` : "";
       }
     },
@@ -180,7 +180,7 @@ function se({
       type: "rightAligned",
       filter: "agTextColumnFilter",
       cellRenderer: te,
-      cellClass: A,
+      cellClass: P,
       cellRendererParams: {
         recordingCommandId: o,
         onStartRecording: N,
@@ -195,14 +195,25 @@ function se({
       headerName: "Scope",
       width: 100,
       filter: "agSetColumnFilter",
-      cellRenderer: re
+      cellRenderer: re,
+      headerComponentParams: {
+        isSearchable: !0,
+        advanceSearchEnabled: !0,
+        selectOptions: [
+          { label: "Global", value: "global" },
+          { label: "Module", value: "module" },
+          { label: "Page", value: "page" },
+          { label: "Modal", value: "modal" }
+        ],
+        isMultiSelect: !0
+      }
     },
     {
       field: "source",
       headerName: "Source",
       width: 130,
       filter: "agSetColumnFilter",
-      cellClass: A,
+      cellClass: P,
       cellRenderer: Z,
       cellRendererParams: {
         variant: "subtle",
@@ -240,14 +251,14 @@ function se({
       isSearchable: !0,
       advanceSearchEnabled: !0
     }
-  }), []), k = d || o ? /* @__PURE__ */ g("div", { className: h(
+  }), []), k = u || o ? /* @__PURE__ */ g("div", { className: h(
     "px-3 py-1.5 text-[10px] md:text-sm font-medium rounded-md whitespace-nowrap flex items-center gap-2",
-    d?.type === "conflict" ? "bg-[#fef3c7] text-[#92400e]" : d?.type === "reserved" ? "bg-[#fee2e2] text-[#991b1b]" : o ? "bg-[#eff6ff] text-[#1e40af] animate-[pulse_1.5s_ease-in-out_infinite]" : ""
+    u?.type === "conflict" ? "bg-[#fef3c7] text-[#92400e]" : u?.type === "reserved" ? "bg-[#fee2e2] text-[#991b1b]" : o ? "bg-[#eff6ff] text-[#1e40af] animate-[pulse_1.5s_ease-in-out_infinite]" : ""
   ), children: [
-    d?.type === "conflict" ? /* @__PURE__ */ r(j, { className: "h-3.5 w-3.5 shrink-0" }) : d?.type === "reserved" ? /* @__PURE__ */ r(G, { className: "h-3.5 w-3.5 shrink-0" }) : o ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
-    /* @__PURE__ */ r("span", { children: d ? d.text : P })
+    u?.type === "conflict" ? /* @__PURE__ */ r(O, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(G, { className: "h-3.5 w-3.5 shrink-0" }) : o ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
+    /* @__PURE__ */ r("span", { children: u ? u.text : A })
   ] }) : null;
-  return /* @__PURE__ */ g(H, { className: h("flex flex-col w-full h-full border-t-0", i), children: [
+  return /* @__PURE__ */ g(H, { className: h("flex flex-col w-full h-full border-t-0", s), children: [
     a ? a(k) : k,
     /* @__PURE__ */ r(
       V,
@@ -260,14 +271,14 @@ function se({
         animateRows: !1,
         rowSelection: "single",
         suppressCellFocus: !0,
-        getRowId: (s) => s.data.id,
+        getRowId: (l) => l.data.id,
         suppressRowClickSelection: !0,
         domLayout: "normal"
       }
     )
   ] });
 }
-se.displayName = "ShortcutSettings";
+le.displayName = "ShortcutSettings";
 export {
-  se as ShortcutSettings
+  le as ShortcutSettings
 };