impact-nova 1.5.6 → 1.5.7

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

@@ -1,158 +1,167 @@
-import { jsx as r, jsxs as h, Fragment as N } from "react/jsx-runtime";
+import { jsx as r, jsxs as g, Fragment as U } from "react/jsx-runtime";
 import * as n from "react";
-import { User as L, Monitor as F, AlertTriangle as I, Lock as R, RotateCcw as U } from "lucide-react";
-import { cn as p } from "../../../lib/utils.js";
-import { ModuleRegistry as _, AllCommunityModule as K } from "ag-grid-community";
-import { AllEnterpriseModule as j } from "ag-grid-enterprise";
-import { DataTable as z, DataTableContent as B } from "../data-table/data-table.js";
-import { AG_CELL_NO_PADDING as S } from "../ag-grid-react/cell-renderers/index.js";
-import { Kbd as O } from "./kbd.js";
-import { useCommandPalette as $ } from "./command-palette-context.js";
-import { keybindingToString as H, keybindingFromEvent as V, isReservedShortcut as W } from "./utils.js";
-import { BadgeCellRenderer as q } from "../ag-grid-react/cell-renderers/badge-cell-renderer.js";
-_.registerModules([K, j]);
-const J = {
+import { User as _, Monitor as K, AlertTriangle as j, Lock as G, RotateCcw as z } from "lucide-react";
+import { cn as h } from "../../../lib/utils.js";
+import { ModuleRegistry as B, AllCommunityModule as O } 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 { 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, $]);
+const W = {
   system: "System",
   user: "User",
   "ag-grid": "AG Grid",
   browser: "Browser"
 };
-function Q(l) {
-  const e = l.data;
-  return e ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
-    !e.customisable && /* @__PURE__ */ r(R, { className: "h-3 w-3 text-[#9ca3af] shrink-0" }),
-    /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 gap-0", children: [
+function ee(i) {
+  const e = i.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: [
       /* @__PURE__ */ r("span", { className: "truncate font-medium text-[#374151] text-xs leading-tight", children: e.command }),
       e.description && /* @__PURE__ */ r("span", { className: "truncate text-[10px] text-[#9ca3af] leading-tight", children: e.description })
     ] })
   ] }) : null;
 }
-function X(l) {
-  const e = l.data;
+function te(i) {
+  const e = i.data;
   if (!e) return null;
-  const c = l.recordingCommandId === e.id;
-  return /* @__PURE__ */ r("div", { className: p(
+  const c = i.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" : ""
   ), children: /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: h(
         "flex items-center justify-between w-full h-7 rounded-[8px] px-1.5 group/row relative",
         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: "Press desired shortcut..." }) : /* @__PURE__ */ h(N, { children: [
+      children: c ? /* @__PURE__ */ r("span", { className: "text-xs text-[#4259ee] font-medium animate-pulse", children: i.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ g(U, { children: [
         e.keybinding ? /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: (a) => {
-              a.stopPropagation(), e.customisable && l.onStartRecording(e.id);
+              a.stopPropagation(), e.customisable && i.onStartRecording(e.id);
             },
             disabled: !e.customisable,
-            className: p(
+            className: h(
               "flex items-center justify-end h-full w-full text-right",
               e.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(O, { keybinding: e.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(q, { keybinding: e.keybinding, size: "sm" })
           }
         ) : e.customisable ? /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: (a) => {
-              a.stopPropagation(), l.onStartRecording(e.id);
+              a.stopPropagation(), i.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: "Add shortcut"
+            children: i.addShortcutLabel ?? "Add shortcut"
           }
         ) : /* @__PURE__ */ r("span", { className: "text-xs text-transparent", children: "--" }),
         e.hasOverride && e.customisable && !c && /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: (a) => {
-              a.stopPropagation(), l.onReset(e.id);
+              a.stopPropagation(), i.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(U, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ r(z, { className: "h-3 w-3" })
           }
         )
       ] })
     }
   ) });
 }
-function Y(l) {
-  const e = l.data;
+function re(i) {
+  const e = i.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 Z({
-  className: l,
+function se({
+  className: i,
   scopes: e,
   sources: c,
   renderStatus: a,
-  ...k
+  recordingLabel: ie,
+  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
 }) {
   const {
-    getSettingsCommands: E,
-    getEffectiveKeybinding: M,
-    updateKeybinding: g,
-    resetKeybinding: b,
-    version: A
-  } = $(), [o, f] = n.useState(null), [d, i] = n.useState(null), G = n.useMemo(() => {
-    let s = E();
+    getSettingsCommands: w,
+    getEffectiveKeybinding: C,
+    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 = M(t.id), m = t.source ?? "user", C = J[m] ?? t.source ?? "User", v = C.toLowerCase() === "user";
+      const u = C(t.id), f = t.source ?? "user", E = W[f] ?? t.source ?? "User", M = E.toLowerCase() === "user";
       return {
         id: t.id,
         command: t.label,
         description: t.description || "",
         category: t.category || "General",
         keybinding: u,
-        keybindingDisplay: u ? H(u) : "",
+        keybindingDisplay: u ? Q(u) : "",
         scope: t.scope,
-        source: C,
-        sourceColor: v ? "primary" : "neutral",
-        sourceIcon: v ? /* @__PURE__ */ r(L, { className: "h-3 w-3" }) : /* @__PURE__ */ r(F, { className: "h-3 w-3" }),
+        source: E,
+        sourceColor: M ? "primary" : "neutral",
+        sourceIcon: M ? /* @__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
       };
     });
-  }, [A, e, c]), x = n.useCallback((s) => {
-    f(s), i(null);
-  }, []), y = n.useCallback((s) => {
-    b(s), i(null);
-  }, [b]);
+  }, [D, e, c, w, C]), N = n.useCallback((s) => {
+    m(s), l(null);
+  }, []), R = n.useCallback((s) => {
+    S(s), l(null);
+  }, [S]);
   n.useEffect(() => {
     if (!o) return;
     const s = (t) => {
       if (t.preventDefault(), t.stopPropagation(), t.key === "Escape") {
-        f(null), i(null);
+        m(null), l(null);
         return;
       }
-      const u = V(t);
+      const u = X(t);
       if (!u) return;
-      if (W(u)) {
-        i({ type: "reserved", text: "This shortcut is reserved by the browser and cannot be used" }), f(null), setTimeout(() => i(null), 3e3);
+      if (Y(u)) {
+        l({ type: "reserved", text: p }), m(null), setTimeout(() => l(null), 3e3);
         return;
       }
-      const m = g(o, u);
-      m.success ? (f(null), i(null)) : m.conflict ? (i({
+      const f = v(o, u);
+      f.success ? (m(null), l(null)) : f.conflict ? (l({
         type: "conflict",
-        text: `Conflicts with "${m.conflict.conflictingLabel}" in ${m.conflict.scope} scope`
-      }), f(null), setTimeout(() => i(null), 3e3)) : m.reserved && (i({ type: "reserved", text: "This shortcut is reserved by the browser" }), f(null), setTimeout(() => i(null), 3e3));
+        text: y
+      }), m(null), setTimeout(() => l(null), 3e3)) : f.reserved && (l({ type: "reserved", text: p }), m(null), setTimeout(() => l(null), 3e3));
     };
     return window.addEventListener("keydown", s, !0), () => window.removeEventListener("keydown", s, !0);
-  }, [o, g]);
-  const P = n.useMemo(() => [
+  }, [o, v, p, y]);
+  const F = n.useMemo(() => [
     {
       field: "command",
       headerName: "Command",
       flex: 1,
       minWidth: 200,
       filter: "agTextColumnFilter",
-      cellRenderer: Q,
+      cellRenderer: ee,
       filterValueGetter: (s) => {
         const t = s.data;
         return t ? `${t.command} ${t.description}` : "";
@@ -170,12 +179,14 @@ function Z({
       width: 180,
       type: "rightAligned",
       filter: "agTextColumnFilter",
-      cellRenderer: X,
-      cellClass: S,
+      cellRenderer: te,
+      cellClass: A,
       cellRendererParams: {
         recordingCommandId: o,
-        onStartRecording: x,
-        onReset: y
+        onStartRecording: N,
+        onReset: R,
+        recordingLabel: b,
+        addShortcutLabel: x
       },
       sortable: !0
     },
@@ -184,15 +195,15 @@ function Z({
       headerName: "Scope",
       width: 100,
       filter: "agSetColumnFilter",
-      cellRenderer: Y
+      cellRenderer: re
     },
     {
       field: "source",
       headerName: "Source",
       width: 130,
       filter: "agSetColumnFilter",
-      cellClass: S,
-      cellRenderer: q,
+      cellClass: A,
+      cellRenderer: Z,
       cellRendererParams: {
         variant: "subtle",
         colorField: "sourceColor",
@@ -212,16 +223,16 @@ function Z({
         isMultiSelect: !0
       }
     }
-  ], [o, x, y]), T = n.useMemo(() => ({
+  ], [o, N, R, b, x]), L = n.useMemo(() => ({
     filter: {
       filterModel: {
         source: {
           filterType: "set",
-          values: ["System", "User", "AG Grid"]
+          values: ["User", "AG Grid"]
         }
       }
     }
-  }), []), D = n.useMemo(() => ({
+  }), []), I = n.useMemo(() => ({
     sortable: !0,
     resizable: !0,
     filter: !0,
@@ -229,26 +240,22 @@ function Z({
       isSearchable: !0,
       advanceSearchEnabled: !0
     }
-  }), []), w = d || o ? /* @__PURE__ */ h("div", { className: p(
+  }), []), k = d || 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]" : ""
   ), children: [
-    d?.type === "conflict" ? /* @__PURE__ */ r(I, { className: "h-3.5 w-3.5 shrink-0" }) : d?.type === "reserved" ? /* @__PURE__ */ r(R, { 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 : /* @__PURE__ */ h(N, { children: [
-      /* @__PURE__ */ r("strong", { children: "Recording:" }),
-      " Press shortcut or ",
-      /* @__PURE__ */ r("strong", { children: "Esc" })
-    ] }) })
+    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 })
   ] }) : null;
-  return /* @__PURE__ */ h(z, { className: p("flex flex-col w-full h-full border-t-0", l), ...k, children: [
-    a ? a(w) : w,
+  return /* @__PURE__ */ g(H, { className: h("flex flex-col w-full h-full border-t-0", i), children: [
+    a ? a(k) : k,
     /* @__PURE__ */ r(
-      B,
+      V,
       {
-        rowData: G,
-        columnDefs: P,
-        defaultColDef: D,
-        initialState: T,
+        rowData: T,
+        columnDefs: F,
+        defaultColDef: I,
+        initialState: L,
         rowHeight: 44,
         animateRows: !1,
         rowSelection: "single",
@@ -260,7 +267,7 @@ function Z({
     )
   ] });
 }
-Z.displayName = "ShortcutSettings";
+se.displayName = "ShortcutSettings";
 export {
-  Z as ShortcutSettings
+  se as ShortcutSettings
 };

package/dist/components/ui/filter-strip/filter-strip.d.ts

@@ -1,3 +1,3 @@
 import { FilterStripProps } from '../types/filter-strip.types';
-declare const FilterStrip: ({ filters, onFilterRemove, onAllFiltersClick, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onViewAll, selectedFilter, onSelectedFilterChange, onDropdownOpenChange, isLoadingFilterPreferencesList, isLoading, className, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterStrip: ({ filters, onFilterRemove, onAllFiltersClick, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onViewAll, onOverflowClick, selectedFilter, onSelectedFilterChange, onDropdownOpenChange, isLoadingFilterPreferencesList, isLoading, className, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterStrip };

package/dist/components/ui/filter-strip/filter-strip.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { ListFilter as k } from "lucide-react";
+import { ListFilter as u } from "lucide-react";
 import { cn as a } from "../../../lib/utils.js";
-import { Button as u } from "../button.js";
+import { Button as b } from "../button.js";
 import { Skeleton as t } from "../skeleton.js";
-import { FilterSummary as b } from "./filter-summary.js";
-import { FilterTagList as F } from "./filter-tag-list.js";
-import { useImpactNovaI18n as S } from "../../../i18n/ImpactNovaI18nContext.js";
-const T = ({
+import { FilterSummary as F } from "./filter-summary.js";
+import { FilterTagList as S } from "./filter-tag-list.js";
+import { useImpactNovaI18n as y } from "../../../i18n/ImpactNovaI18nContext.js";
+const q = ({
   filters: l,
   onFilterRemove: m,
   onAllFiltersClick: n,
@@ -16,15 +16,16 @@ const T = ({
   onSavedFilterSearch: f,
   onSavedFiltersScroll: h,
   onViewAll: d,
-  selectedFilter: w,
-  onSelectedFilterChange: x,
-  onDropdownOpenChange: N,
-  isLoadingFilterPreferencesList: g,
-  isLoading: v,
+  onOverflowClick: w,
+  selectedFilter: x,
+  onSelectedFilterChange: N,
+  onDropdownOpenChange: g,
+  isLoadingFilterPreferencesList: v,
+  isLoading: k,
   className: r
 }) => {
-  const { t: s } = S();
-  return v ? /* @__PURE__ */ e(
+  const { t: s } = y();
+  return k ? /* @__PURE__ */ e(
     "div",
     {
       "data-component": "filter-strip",
@@ -59,37 +60,38 @@ const T = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          b,
+          F,
           {
-            selectedFilter: w,
-            onSelectedFilterChange: x,
+            selectedFilter: x,
+            onSelectedFilterChange: N,
             savedFilters: p,
             recentFilters: c,
             onApplySavedFilter: o,
             onSavedFilterSearch: f,
             onSavedFiltersScroll: h,
-            onDropdownOpenChange: N,
-            isLoadingFilterPreferencesList: g
+            onDropdownOpenChange: g,
+            isLoadingFilterPreferencesList: v
           }
         ),
         /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-[#e6e8f0] mx-1 shrink-0" }),
         /* @__PURE__ */ e(
-          F,
+          S,
           {
             filters: l,
             onFilterRemove: m,
+            onOverflowClick: w,
             onViewAll: d
           }
         ),
         /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-[#e6e8f0] mx-1 shrink-0" }),
         /* @__PURE__ */ i(
-          u,
+          b,
           {
             variant: "tertiary",
             onClick: n,
             "data-component": "filter-strip-all-filters",
             children: [
-              /* @__PURE__ */ e(k, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
               s("filterStrip.allFilters")
             ]
           }
@@ -99,5 +101,5 @@ const T = ({
   );
 };
 export {
-  T as FilterStrip
+  q as FilterStrip
 };

package/dist/components/ui/filter-strip/filter-tag-list.js

@@ -111,8 +111,8 @@ const O = ({
             ) : (
               // Client-side overflow: Popover
               /* @__PURE__ */ o(k, { children: [
-                /* @__PURE__ */ r(S, { asChild: !0, children: /* @__PURE__ */ o(v, { children: [
-                  /* @__PURE__ */ r(u, { asChild: !0, children: /* @__PURE__ */ r(
+                /* @__PURE__ */ o(v, { children: [
+                  /* @__PURE__ */ r(u, { asChild: !0, children: /* @__PURE__ */ r(S, { asChild: !0, children: /* @__PURE__ */ r(
                     b,
                     {
                       variant: "secondary",
@@ -121,12 +121,12 @@ const O = ({
                       className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-6 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
                       children: w
                     }
-                  ) }),
+                  ) }) }),
                   /* @__PURE__ */ o(f, { variant: "tertiary", side: "top", children: [
                     t.length,
                     " more filters"
                   ] })
-                ] }) }),
+                ] }),
                 /* @__PURE__ */ r(
                   O,
                   {