impact-nova 1.6.1 → 1.6.2

package/dist/components/ui/calendar.js

@@ -4,13 +4,12 @@ import { ChevronLeftIcon as we, ChevronRightIcon as ye } from "lucide-react";
 import { getDefaultClassNames as He, DayPicker as Be } from "react-day-picker";
 import { cn as f } from "../../lib/utils.js";
 import { Button as R } from "./button.js";
-import "./button-variants.js";
 import ce from "./select/select.js";
 import { FISCAL_PATTERNS as Fe, resolveWeekSelection as Te } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as Ke, getDateFnsLocale as We } from "../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as qe } from "../../i18n/ImpactNovaI18nContext.js";
 const ue = d.createContext(0);
-function st({
+function at({
   className: ae,
   classNames: G,
   showOutsideDays: y = !1,
@@ -756,6 +755,6 @@ function Ge({
   );
 }
 export {
-  st as Calendar,
+  at as Calendar,
   Ge as CalendarDayButton
 };

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

@@ -1,174 +1,180 @@
-import { jsx as r, jsxs as p, Fragment as K } from "react/jsx-runtime";
-import * as s from "react";
-import { User as j, Monitor as z, AlertTriangle as G, Lock as T, RotateCcw as U } from "lucide-react";
-import { cn as h } from "../../../lib/utils.js";
+import { jsx as r, jsxs as h, Fragment as j } from "react/jsx-runtime";
+import * as i from "react";
+import { User as z, Monitor as G, AlertTriangle as U, Lock as F, RotateCcw as q } from "lucide-react";
+import { cn as p } from "../../../lib/utils.js";
 import { ModuleRegistry as B, AllCommunityModule as $ } from "ag-grid-community";
 import { AllEnterpriseModule as H } from "ag-grid-enterprise";
-import { DataTable as V, DataTableContent as q } from "../data-table/data-table.js";
-import { AG_CELL_NO_PADDING as D } from "../ag-grid-react/cell-renderers/index.js";
-import { Kbd as J } from "./kbd.js";
-import { useCommandPalette as Q } from "./command-palette-context.js";
-import { COMMAND_SOURCE_LABELS as m, keybindingToString as X, keybindingFromEvent as Y, isReservedShortcut as Z } from "./utils.js";
-import { BadgeCellRenderer as W } from "../ag-grid-react/cell-renderers/badge-cell-renderer.js";
+import { DataTable as V, DataTableContent as J } 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 X } from "./command-palette-context.js";
+import { COMMAND_SOURCE_LABELS as m, keybindingToString as Y, keybindingFromEvent as Z, isReservedShortcut as W } from "./utils.js";
+import { BadgeCellRenderer as ee } from "../ag-grid-react/cell-renderers/badge-cell-renderer.js";
 B.registerModules([$, H]);
-function ee(l) {
-  const e = l.data;
-  return e ? /* @__PURE__ */ p("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
-    !e.customisable && /* @__PURE__ */ r(T, { className: "h-3 w-3 text-content-muted shrink-0" }),
-    /* @__PURE__ */ p("div", { className: "flex flex-col min-w-0 gap-0", children: [
-      /* @__PURE__ */ r("span", { className: "truncate font-medium text-content-charcoal text-xs leading-tight", children: e.command }),
-      e.description && /* @__PURE__ */ r("span", { className: "truncate text-[10px] text-content-muted leading-tight", children: e.description })
+function te(l) {
+  const t = l.data;
+  return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
+    !t.customisable && /* @__PURE__ */ r(F, { className: "h-3 w-3 text-content-muted shrink-0" }),
+    /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 gap-0", children: [
+      /* @__PURE__ */ r("span", { className: "truncate font-medium text-content-charcoal text-xs leading-tight", children: t.command }),
+      t.description && /* @__PURE__ */ r("span", { className: "truncate text-[10px] text-content-muted leading-tight", children: t.description })
     ] })
   ] }) : null;
 }
-function te(l) {
-  const e = l.data;
-  if (!e) return null;
-  const d = l.recordingCommandId === e.id;
-  return /* @__PURE__ */ r("div", { className: h(
+function re(l) {
+  const t = l.data;
+  if (!t) return null;
+  const u = l.recordingCommandId === t.id;
+  return /* @__PURE__ */ r("div", { className: p(
     "w-full h-full flex items-center ag-cell-inner-padding",
-    e.customisable ? "in-ag-editable-cell-highlight" : ""
+    t.customisable ? "in-ag-editable-cell-highlight" : ""
   ), children: /* @__PURE__ */ r(
     "div",
     {
-      className: h(
+      className: p(
         "flex items-center justify-between w-full h-7 rounded-[8px] px-1.5 group/row relative",
-        e.customisable ? "bg-canvas-elevated" : "bg-transparent",
-        d && "ring-1 ring-brand border border-brand"
+        t.customisable ? "bg-canvas-elevated" : "bg-transparent",
+        u && "ring-1 ring-brand border border-brand"
       ),
-      children: d ? /* @__PURE__ */ r("span", { className: "text-xs text-brand font-medium animate-pulse", children: l.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ p(K, { children: [
-        e.keybinding ? /* @__PURE__ */ r(
+      children: u ? /* @__PURE__ */ r("span", { className: "text-xs text-brand font-medium animate-pulse", children: l.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ h(j, { children: [
+        t.keybinding ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (o) => {
-              o.stopPropagation(), e.customisable && l.onStartRecording(e.id);
+              o.stopPropagation(), t.customisable && l.onStartRecording(t.id);
             },
-            disabled: !e.customisable,
-            className: h(
+            disabled: !t.customisable,
+            className: p(
               "flex items-center justify-end h-full w-full text-right",
-              e.customisable ? "cursor-pointer" : "cursor-default opacity-70"
+              t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(J, { keybinding: e.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(Q, { keybinding: t.keybinding, size: "sm" })
           }
-        ) : e.customisable ? /* @__PURE__ */ r(
+        ) : t.customisable ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (o) => {
-              o.stopPropagation(), l.onStartRecording(e.id);
+              o.stopPropagation(), l.onStartRecording(t.id);
             },
             className: "flex items-center justify-end h-full w-full text-xs text-content-muted hover:text-brand transition-colors cursor-pointer text-right",
             children: l.addShortcutLabel ?? "Add shortcut"
           }
         ) : /* @__PURE__ */ r("span", { className: "text-xs text-transparent", children: "--" }),
-        e.hasOverride && e.customisable && !d && /* @__PURE__ */ r(
+        t.hasOverride && t.customisable && !u && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (o) => {
-              o.stopPropagation(), l.onReset(e.id);
+              o.stopPropagation(), l.onReset(t.id);
             },
             className: "absolute right-1 p-0.5 rounded bg-canvas-elevated hover:bg-canvas-muted hover:text-destructive 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(q, { className: "h-3 w-3" })
           }
         )
       ] })
     }
   ) });
 }
-function re(l) {
-  const e = l.data;
-  return e ? /* @__PURE__ */ r("div", { className: "flex items-center h-full", children: /* @__PURE__ */ r("span", { className: "text-xs text-content-muted capitalize", children: e.scope }) }) : null;
+function ne(l) {
+  const t = l.data;
+  return t ? /* @__PURE__ */ r("div", { className: "flex items-center h-full", children: /* @__PURE__ */ r("span", { className: "text-xs text-content-muted capitalize", children: t.scope }) }) : null;
 }
-function ne({
+function le({
   className: l,
-  scopes: e,
-  sources: d,
+  scopes: t,
+  sources: u,
   renderStatus: o,
-  recordingLabel: le,
-  pressShortcutLabel: x,
-  addShortcutLabel: y,
-  conflictWarnLabel: v = "Conflicts with other shortcuts",
+  recordingLabel: ae,
+  pressShortcutLabel: y,
+  addShortcutLabel: v,
+  conflictWarnLabel: w = "Conflicts with other shortcuts",
   reservedWarnLabel: b = "This shortcut is reserved by the browser",
-  recordingInstruction: F = "Recording: Press shortcut or Esc",
-  ...ae
+  recordingInstruction: L = "Recording: Press shortcut or Esc",
+  ...se
 }) {
   const {
-    getSettingsCommands: w,
-    getEffectiveKeybinding: C,
-    updateKeybinding: S,
-    resetKeybinding: N,
-    version: A
-  } = Q(), [c, f] = s.useState(null), [u, a] = s.useState(null), L = s.useMemo(() => {
-    let n = w();
-    return n = n.filter((t) => {
-      const i = t.source ?? "user";
-      return i === "user" || i === "ag-grid";
-    }), e && (n = n.filter((t) => e.includes(t.scope))), d && (n = n.filter((t) => t.source && d.includes(t.source))), n.map((t) => {
-      const i = C(t.id), g = t.source ?? "user", E = m[g] ?? g ?? "User", P = E.toLowerCase() === "user";
+    getSettingsCommands: C,
+    getEffectiveKeybinding: S,
+    updateKeybinding: N,
+    resetKeybinding: R,
+    version: O
+  } = X(), [c, f] = i.useState(null), [d, a] = i.useState(null), x = i.useMemo(() => {
+    let n = C();
+    return n = n.filter((e) => {
+      const s = e.source ?? "user";
+      return s === "user" || s === "ag-grid";
+    }), t && (n = n.filter((e) => t.includes(e.scope))), u && (n = n.filter((e) => e.source && u.includes(e.source))), n.map((e) => {
+      const s = S(e.id), g = e.source ?? "user", D = m[g] ?? g ?? "User", T = D.toLowerCase() === "user";
       return {
-        id: t.id,
-        command: t.label,
-        description: t.description || "",
-        category: t.category || "General",
-        keybinding: i,
-        keybindingDisplay: i ? X(i) : "",
-        scope: t.scope,
-        source: E,
-        sourceColor: P ? "primary" : "neutral",
-        sourceIcon: P ? /* @__PURE__ */ r(j, { className: "h-3 w-3" }) : /* @__PURE__ */ r(z, { className: "h-3 w-3" }),
-        customisable: t.customisable !== !1,
-        passive: t.passive === !0,
-        hasOverride: t.keybinding !== void 0,
-        _def: t
+        id: e.id,
+        command: e.label,
+        description: e.description || "",
+        category: e.category || "General",
+        keybinding: s,
+        keybindingDisplay: s ? Y(s) : "",
+        scope: e.scope,
+        source: D,
+        sourceColor: T ? "primary" : "neutral",
+        sourceIcon: T ? /* @__PURE__ */ r(z, { className: "h-3 w-3" }) : /* @__PURE__ */ r(G, { className: "h-3 w-3" }),
+        customisable: e.customisable !== !1,
+        passive: e.passive === !0,
+        hasOverride: e.keybinding !== void 0,
+        _def: e
       };
     });
-  }, [A, e, d, w, C]), R = s.useCallback((n) => {
+  }, [O, t, u, C, S]), k = i.useCallback((n) => {
     f(n), a(null);
-  }, []), k = s.useCallback((n) => {
-    N(n), a(null);
-  }, [N]);
-  s.useEffect(() => {
+  }, []), M = i.useCallback((n) => {
+    R(n), a(null);
+  }, [R]);
+  i.useEffect(() => {
     if (!c) return;
-    const n = (t) => {
-      if (t.preventDefault(), t.stopPropagation(), t.key === "Escape") {
+    const n = (e) => {
+      if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") {
         f(null), a(null);
         return;
       }
-      const i = Y(t);
-      if (!i) return;
-      if (Z(i)) {
+      const s = Z(e);
+      if (!s) return;
+      if (W(s)) {
         a({ type: "reserved", text: b }), f(null), setTimeout(() => a(null), 3e3);
         return;
       }
-      const g = S(c, i);
+      const g = N(c, s);
       g.success ? (f(null), a(null)) : g.conflict ? (a({
         type: "conflict",
-        text: v
+        text: w
       }), f(null), setTimeout(() => a(null), 3e3)) : g.reserved && (a({ type: "reserved", text: b }), f(null), setTimeout(() => a(null), 3e3));
     };
     return window.addEventListener("keydown", n, !0), () => window.removeEventListener("keydown", n, !0);
-  }, [c, S, b, v]);
-  const _ = s.useMemo(() => [
+  }, [c, N, b, w]);
+  const E = i.useMemo(() => Array.from(new Set(x.map((e) => e.category))).sort().map((e) => ({ label: e, value: e })), [x]), _ = i.useMemo(() => [
     {
       field: "command",
       headerName: "Command",
       flex: 1,
       minWidth: 200,
       filter: "agTextColumnFilter",
-      cellRenderer: ee,
+      cellRenderer: te,
       filterValueGetter: (n) => {
-        const t = n.data;
-        return t ? `${t.command} ${t.description}` : "";
+        const e = n.data;
+        return e ? `${e.command} ${e.description}` : "";
       }
     },
     {
       field: "category",
       headerName: "Category",
       width: 140,
-      filter: "agSetColumnFilter"
+      filter: "agSetColumnFilter",
+      headerComponentParams: {
+        isSearchable: !0,
+        advanceSearchEnabled: !0,
+        selectOptions: E,
+        isMultiSelect: !0
+      }
     },
     {
       field: "keybindingDisplay",
@@ -176,14 +182,14 @@ function ne({
       width: 180,
       type: "rightAligned",
       filter: "agTextColumnFilter",
-      cellRenderer: te,
-      cellClass: D,
+      cellRenderer: re,
+      cellClass: A,
       cellRendererParams: {
         recordingCommandId: c,
-        onStartRecording: R,
-        onReset: k,
-        recordingLabel: x,
-        addShortcutLabel: y
+        onStartRecording: k,
+        onReset: M,
+        recordingLabel: y,
+        addShortcutLabel: v
       },
       sortable: !0
     },
@@ -192,7 +198,7 @@ function ne({
       headerName: "Scope",
       width: 100,
       filter: "agSetColumnFilter",
-      cellRenderer: re,
+      cellRenderer: ne,
       headerComponentParams: {
         isSearchable: !0,
         advanceSearchEnabled: !0,
@@ -210,8 +216,8 @@ function ne({
       headerName: "Source",
       width: 130,
       filter: "agSetColumnFilter",
-      cellClass: D,
-      cellRenderer: W,
+      cellClass: A,
+      cellRenderer: ee,
       cellRendererParams: {
         variant: "subtle",
         colorField: "sourceColor",
@@ -229,7 +235,7 @@ function ne({
         isMultiSelect: !0
       }
     }
-  ], [c, R, k, x, y]), I = s.useMemo(() => ({
+  ], [c, k, M, y, v, E]), I = i.useMemo(() => ({
     filter: {
       filterModel: {
         source: {
@@ -238,7 +244,7 @@ function ne({
         }
       }
     }
-  }), []), O = s.useMemo(() => ({
+  }), []), K = i.useMemo(() => ({
     sortable: !0,
     resizable: !0,
     filter: !0,
@@ -246,21 +252,21 @@ function ne({
       isSearchable: !0,
       advanceSearchEnabled: !0
     }
-  }), []), M = u || c ? /* @__PURE__ */ p("div", { className: h(
+  }), []), P = d || c ? /* @__PURE__ */ h("div", { className: p(
     "px-3 py-1.5 text-[10px] md:text-sm font-medium rounded-md whitespace-nowrap flex items-center gap-2",
-    u?.type === "conflict" ? "bg-feedback-warning-surface text-content" : u?.type === "reserved" ? "bg-feedback-error-surface text-destructive" : c ? "bg-feedback-info-surface text-brand animate-[pulse_1.5s_ease-in-out_infinite]" : ""
+    d?.type === "conflict" ? "bg-feedback-warning-surface text-content" : d?.type === "reserved" ? "bg-feedback-error-surface text-destructive" : c ? "bg-feedback-info-surface text-brand animate-[pulse_1.5s_ease-in-out_infinite]" : ""
   ), children: [
-    u?.type === "conflict" ? /* @__PURE__ */ r(G, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(T, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
-    /* @__PURE__ */ r("span", { children: u ? u.text : F })
+    d?.type === "conflict" ? /* @__PURE__ */ r(U, { className: "h-3.5 w-3.5 shrink-0" }) : d?.type === "reserved" ? /* @__PURE__ */ r(F, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
+    /* @__PURE__ */ r("span", { children: d ? d.text : L })
   ] }) : null;
-  return /* @__PURE__ */ p(V, { className: h("flex flex-col w-full h-full border-t-0", l), children: [
-    o ? o(M) : M,
+  return /* @__PURE__ */ h(V, { className: p("flex flex-col w-full h-full border-t-0", l), children: [
+    o ? o(P) : P,
     /* @__PURE__ */ r(
-      q,
+      J,
       {
-        rowData: L,
+        rowData: x,
         columnDefs: _,
-        defaultColDef: O,
+        defaultColDef: K,
         initialState: I,
         rowHeight: 44,
         animateRows: !1,
@@ -273,7 +279,7 @@ function ne({
     )
   ] });
 }
-ne.displayName = "ShortcutSettings";
+le.displayName = "ShortcutSettings";
 export {
-  ne as ShortcutSettings
+  le as ShortcutSettings
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",