impact-nova 1.7.27 → 1.7.29

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.d.ts

@@ -6,6 +6,8 @@ interface ColumnSettingsMenuProps {
     columnId: string;
     gridApi: GridApi;
     anchor: HTMLElement | null;
+    /** Variant determines menu items shown: 'column' shows full menu, 'group' shows only Choose/Reset Columns */
+    variant?: 'column' | 'group';
 }
 export declare const ColumnSettingsMenu: React.FC<ColumnSettingsMenuProps>;
 export {};

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,114 +1,154 @@
-import { jsxs as r, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as V } from "react/jsx-runtime";
 import "react";
-import { Settings as F, Checkmark as h, Search as _ } from "../../../../../icons/index.js";
-import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as q, DropdownMenuLabel as v, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as a } from "../../../dropdown-menu.js";
-import { useGridHeader as L } from "../context/grid-header-context.js";
-import { useImpactNovaI18n as R } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const U = ({
-  isOpen: M,
-  onClose: c,
-  columnId: l,
+import { Settings as B, Checkmark as h, Search as W } from "../../../../../icons/index.js";
+import { DropdownMenu as A, DropdownMenuTrigger as _, DropdownMenuContent as F, DropdownMenuItem as i, DropdownMenuLabel as P, DropdownMenuSeparator as T, DropdownMenuSub as f, DropdownMenuSubTrigger as g, DropdownMenuSubContent as C } from "../../../dropdown-menu.js";
+import { useGridHeader as I } from "../context/grid-header-context.js";
+import { useImpactNovaI18n as J } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const $ = ({
+  isOpen: x,
+  onClose: a,
+  columnId: c,
   gridApi: s,
-  anchor: O
+  anchor: j,
+  variant: d = "column"
 }) => {
-  const { t } = R(), C = L(), o = s.getColumn(l);
-  if (!o) return null;
-  const i = o.getColDef(), x = o.getSort(), S = o.getPinned(), A = i?.sortable !== !1, y = i?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("numericColumn") : i?.type === "numericColumn"), b = y === "agDateColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("dateColumn") : i?.type === "dateColumn"), u = (n) => {
+  const { t: n } = J(), S = I(), u = d === "column" ? s.getColumn(c) : null;
+  if (d === "column" && !u) return null;
+  const l = u?.getColDef(), b = u?.getSort(), w = u?.getPinned(), q = d === "column" && l?.sortable !== !1, y = l?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), k = y === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), E = s.getGridOption("suppressRowVirtualisation") !== !0, m = (t) => {
     queueMicrotask(() => {
       s.applyColumnState({
-        state: [{ colId: l, sort: n }],
+        state: [{ colId: c, sort: t }],
         defaultState: { sort: null }
       });
-    }), c();
-  }, m = (n) => {
+    }), a();
+  }, p = (t) => {
     queueMicrotask(() => {
       s.applyColumnState({
-        state: [{ colId: l, pinned: n }]
+        state: [{ colId: c, pinned: t }]
       });
-    }), c();
-  }, w = (n) => {
-    n ? s.autoSizeAllColumns() : s.autoSizeColumns([l]), c();
-  }, P = () => {
-    const n = s.getGridOption("context") || {};
-    s.setGridOption("context", { ...n, activeSearchColumnId: l }), s.refreshHeader(), c();
-  }, T = () => {
-    const n = i?.headerComponentParams;
-    n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(o) : n?.toggleAdvanceSearch ? n.toggleAdvanceSearch(l) : C && C.openAdvancedFilter(l), c();
-  }, d = O?.getBoundingClientRect(), D = i?.headerComponentParams, N = D?.isSearchable, k = D?.advanceSearchEnabled;
-  return /* @__PURE__ */ r(E, { open: M, onOpenChange: (n) => !n && c(), children: [
-    d && /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
+    }), a();
+  }, N = (t) => {
+    t ? s.autoSizeAllColumns() : s.autoSizeColumns([c]), a();
+  }, D = () => {
+    queueMicrotask(() => {
+      s.showColumnChooser();
+    }), a();
+  }, z = () => {
+    queueMicrotask(() => {
+      s.resetColumnState();
+    }), a();
+  }, G = () => {
+    const t = s.getGridOption("context") || {};
+    s.setGridOption("context", { ...t, activeSearchColumnId: c }), s.refreshHeader(), a();
+  }, R = () => {
+    const t = l?.headerComponentParams;
+    t?.onAdvanceSearchClick ? t.onAdvanceSearchClick(u) : t?.toggleAdvanceSearch ? t.toggleAdvanceSearch(c) : S && S.openAdvancedFilter(c), a();
+  }, o = j?.getBoundingClientRect(), v = l?.headerComponentParams, M = d === "column" && v?.isSearchable, O = d === "column" && v?.advanceSearchEnabled, L = n(E ? "gridHeader.autosizeAllVisibleColumns" : "gridHeader.autosizeAllColumns");
+  return d === "group" ? /* @__PURE__ */ r(A, { open: x, onOpenChange: (t) => !t && a(), children: [
+    o && /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
+          pointerEvents: "none",
+          visibility: "hidden"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      F,
+      {
+        align: "end",
+        side: "bottom",
+        sideOffset: 5,
+        className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
+        onCloseAutoFocus: (t) => t.preventDefault(),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ e(i, { onClick: D, children: n("gridHeader.chooseColumns") }),
+          /* @__PURE__ */ e(i, { onClick: z, children: n("gridHeader.resetColumns") })
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ r(A, { open: x, onOpenChange: (t) => !t && a(), children: [
+    o && /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "fixed",
-          left: d.left,
-          top: d.top,
-          width: d.width,
-          height: d.height,
+          left: o.left,
+          top: o.top,
+          width: o.width,
+          height: o.height,
           pointerEvents: "none",
           visibility: "hidden"
         }
       }
     ) }),
     /* @__PURE__ */ e(
-      q,
+      F,
       {
         align: "end",
         side: "bottom",
         sideOffset: 5,
         className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
-        onCloseAutoFocus: (n) => n.preventDefault(),
+        onCloseAutoFocus: (t) => t.preventDefault(),
         children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ r(v, { className: "flex items-center gap-2 text-content-tertiary", children: [
-            /* @__PURE__ */ e(F, { size: "xs" }),
+          /* @__PURE__ */ r(P, { className: "flex items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ e(B, { size: "xs" }),
             " ",
-            t("gridHeader.columnSettings")
+            n("gridHeader.columnSettings")
           ] }),
-          /* @__PURE__ */ e(z, {}),
-          A && /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.sort") }),
-            /* @__PURE__ */ r(g, { sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(a, { onClick: () => u("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortAscNumber" : b ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
-                x === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+          /* @__PURE__ */ e(T, {}),
+          q && /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ e(g, { inset: !0, children: n("gridHeader.sort") }),
+            /* @__PURE__ */ r(C, { sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => m("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n(H ? "gridHeader.sortAscNumber" : k ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
+                b === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => u("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortDescNumber" : b ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
-                x === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+              /* @__PURE__ */ e(i, { onClick: () => m("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n(H ? "gridHeader.sortDescNumber" : k ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
+                b === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
+              /* @__PURE__ */ e(i, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: n("gridHeader.reset") }) })
             ] })
           ] }),
-          /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.freezeColumn") }),
-            /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(a, { onClick: () => m("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t("gridHeader.pinLeft") }),
-                S === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+          /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ e(g, { inset: !0, children: n("gridHeader.freezeColumn") }),
+            /* @__PURE__ */ r(C, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => p("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n("gridHeader.pinLeft") }),
+                w === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => m("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: t("gridHeader.pinRight") }),
-                S === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
+              /* @__PURE__ */ e(i, { onClick: () => p("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: n("gridHeader.pinRight") }),
+                w === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(a, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
+              /* @__PURE__ */ e(i, { onClick: () => p(null), children: /* @__PURE__ */ e("span", { children: n("gridHeader.noPin") }) })
             ] })
           ] }),
-          /* @__PURE__ */ r(p, { children: [
-            /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.columnWidth") }),
-            /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(a, { onClick: () => w(!1), children: t("gridHeader.autosizeThisColumn") }),
-              /* @__PURE__ */ e(a, { onClick: () => w(!0), children: t("gridHeader.autosizeAllColumns") })
+          /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ e(g, { inset: !0, children: n("gridHeader.columnWidth") }),
+            /* @__PURE__ */ r(C, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(i, { onClick: () => N(!1), children: n("gridHeader.autosizeThisColumn") }),
+              /* @__PURE__ */ e(i, { onClick: () => N(!0), children: L })
             ] })
           ] }),
-          (N || k) && /* @__PURE__ */ r(j, { children: [
-            /* @__PURE__ */ e(z, {}),
-            /* @__PURE__ */ r(v, { className: "flex items-center gap-2 text-content-tertiary", children: [
-              /* @__PURE__ */ e(_, { size: "xs" }),
+          /* @__PURE__ */ e(i, { inset: !0, onClick: D, children: n("gridHeader.chooseColumns") }),
+          /* @__PURE__ */ e(i, { inset: !0, onClick: z, children: n("gridHeader.resetColumns") }),
+          (M || O) && /* @__PURE__ */ r(V, { children: [
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ r(P, { className: "flex items-center gap-2 text-content-tertiary", children: [
+              /* @__PURE__ */ e(W, { size: "xs" }),
               " ",
-              t("gridHeader.searchOptions")
+              n("gridHeader.searchOptions")
             ] }),
-            N && /* @__PURE__ */ e(a, { inset: !0, onClick: P, children: t("gridHeader.search") }),
-            k && /* @__PURE__ */ e(a, { inset: !0, onClick: T, children: t("gridHeader.advanceSearch") })
+            M && /* @__PURE__ */ e(i, { inset: !0, onClick: G, children: n("gridHeader.search") }),
+            O && /* @__PURE__ */ e(i, { inset: !0, onClick: R, children: n("gridHeader.advanceSearch") })
           ] })
         ] })
       }
@@ -116,5 +156,5 @@ const U = ({
   ] });
 };
 export {
-  U as ColumnSettingsMenu
+  $ as ColumnSettingsMenu
 };

package/dist/components/ui/ag-grid-react/headers/context/grid-header-context.d.ts

@@ -19,12 +19,14 @@ export interface GridHeaderContextValue {
     closeAdvancedFilter: () => void;
     /** Apply a new advanced filter model (updates state AND applies to grid) */
     applyAdvancedFilter: (model: AdvancedFilterModel | null) => void;
-    /** Open column settings menu for a specific column */
-    openMenu: (columnId: string, anchor: HTMLElement) => void;
+    /** Open column settings menu for a specific column or group */
+    openMenu: (columnId: string, anchor: HTMLElement, variant?: 'column' | 'group') => void;
     /** Close the column settings menu */
     closeMenu: () => void;
     /** ID of the column that currently has the settings menu open */
     activeMenuColumnId: string | null;
+    /** Variant of the active menu ('column' for regular columns, 'group' for column groups) */
+    activeMenuVariant: 'column' | 'group' | null;
 }
 export declare const GridHeaderContext: import('react').Context<GridHeaderContextValue>;
 /**

package/dist/components/ui/ag-grid-react/headers/custom-header-group.js

@@ -1,40 +1,47 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { ChevronRight as m } from "../../../../icons/index.js";
-import { cn as x } from "../../../../lib/utils.js";
-import { HeaderInfo as f } from "./components/header-info.js";
-import { TruncatedText as u } from "./components/truncated-text.js";
-const y = (t) => {
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { ChevronRight as x } from "../../../../icons/index.js";
+import { cn as g } from "../../../../lib/utils.js";
+import { HeaderInfo as h } from "./components/header-info.js";
+import { TruncatedText as N } from "./components/truncated-text.js";
+import { useGridHeader as E } from "./context/grid-header-context.js";
+const H = (n) => {
   const {
-    displayName: i,
+    displayName: l,
     showInfoIcon: c = !1,
     columnGroup: e,
-    setExpanded: n
-  } = t, o = e ? e.isExpanded() : !1, r = e ? e.isExpandable() : !1, d = (l) => {
-    l && l.stopPropagation(), n && e && n(!o);
-  }, s = i || "";
-  return !s && c === !1 ? null : /* @__PURE__ */ p(
+    setExpanded: a
+  } = n, r = E(), s = e ? e.isExpanded() : !1, i = e ? e.isExpandable() : !1, p = (t) => {
+    t && t.stopPropagation(), a && e && a(!s);
+  }, m = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), r && e) {
+      const u = e.getGroupId() || "group";
+      r.openMenu(u, t.currentTarget, "group");
+    }
+  }, d = l || "";
+  return !d && c === !1 ? null : /* @__PURE__ */ f(
     "div",
     {
       className: "ag-header-group-cell-label ag-sticky-label flex items-center h-full cursor-pointer select-none",
-      onClick: r ? d : void 0,
+      onClick: i ? p : void 0,
+      onContextMenu: m,
       role: "presentation",
       children: [
-        /* @__PURE__ */ a(
-          u,
+        /* @__PURE__ */ o(
+          N,
           {
-            text: s,
+            text: d,
             className: "ag-header-group-text font-bold text-content"
           }
         ),
-        /* @__PURE__ */ a(f, { ...t, className: "ml-1" }),
-        r && /* @__PURE__ */ a("span", { className: x(
+        /* @__PURE__ */ o(h, { ...n, className: "ml-1" }),
+        i && /* @__PURE__ */ o("span", { className: g(
           "ag-header-icon ag-header-expand-icon ml-[6px] flex items-center justify-center transition-transform duration-200",
-          o ? "ag-header-expand-icon-expanded rotate-180" : "ag-header-expand-icon-collapsed"
-        ), children: /* @__PURE__ */ a(m, { size: 16, className: "text-content-tertiary" }) })
+          s ? "ag-header-expand-icon-expanded rotate-180" : "ag-header-expand-icon-collapsed"
+        ), children: /* @__PURE__ */ o(x, { size: 16, className: "text-content-tertiary" }) })
       ]
     }
   );
 };
 export {
-  y as CustomHeaderGroup
+  H as CustomHeaderGroup
 };