impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/ag-grid-react/cell-renderers/link-with-batch-cell-renderer.js

@@ -1,17 +1,17 @@
-import { jsx as c, jsxs as j } from "react/jsx-runtime";
-import { useMemo as S, useCallback as O } from "react";
-import { Badge as T } from "../../badge.js";
-import { evaluateValidationRules as V, getFieldValue as m, mapBadgeVariant as I, mapBadgeColor as L } from "./types.js";
-import { getIconComponent as U } from "../../../../icons/index.js";
-import { Tooltip as H, TooltipTrigger as _, TooltipContent as z } from "../../tooltip.js";
-const M = (e, t, r, a) => {
+import { jsx as c, jsxs as w } from "react/jsx-runtime";
+import { useMemo as S, useCallback as T } from "react";
+import { Badge as V } from "../../badge.js";
+import { evaluateValidationRules as I, getFieldValue as m, mapBadgeVariant as L, mapBadgeColor as U } from "./cell-renderer-utils.js";
+import { getIconComponent as H } from "../../../../icons/index.js";
+import { Tooltip as _, TooltipTrigger as z, TooltipContent as M } from "../../tooltip.js";
+const Q = (e, t, r, a) => {
   if (!t) return e;
   let l = e;
   return l = l.replace(/\$\{value\}/g, String(a ?? "")), l = l.replace(/\$\{field\}/g, String(r ?? "")), Object.keys(t).forEach((i) => {
     const o = new RegExp(`\\$\\{${i}\\}`, "g");
     l = l.replace(o, String(t[i] ?? ""));
   }), l;
-}, Q = ({
+}, W = ({
   iconConfig: e,
   rowData: t,
   rowId: r,
@@ -19,8 +19,8 @@ const M = (e, t, r, a) => {
 }) => {
   let l = null;
   const i = m(e.iconField, e.icon, t);
-  if (typeof i == "string" ? l = U(i, { size: 16 }) : l = i, !l) return null;
-  const o = m(e.backgroundColorField, e.backgroundColor, t), s = m(e.colorField, e.color, t) ?? "#60697D", h = m(e.tooltipField, e.tooltip, t), f = /* @__PURE__ */ c(
+  if (typeof i == "string" ? l = H(i, { size: 16 }) : l = i, !l) return null;
+  const o = m(e.backgroundColorField, e.backgroundColor, t), s = m(e.colorField, e.color, t) ?? "#60697D", f = m(e.tooltipField, e.tooltip, t), h = /* @__PURE__ */ c(
     "div",
     {
       className: `flex items-center justify-center ${e.onClick ? "cursor-pointer" : ""} ${e.showOnHover ? "opacity-0 group-hover:opacity-100 transition-opacity" : ""}`,
@@ -37,11 +37,11 @@ const M = (e, t, r, a) => {
       children: l
     }
   );
-  return h ? /* @__PURE__ */ j(H, { children: [
-    /* @__PURE__ */ c(_, { asChild: !0, children: f }),
-    /* @__PURE__ */ c(z, { variant: "tertiary", side: e.tooltipSide || "top", children: h })
-  ] }) : f;
-}, W = ({
+  return f ? /* @__PURE__ */ w(_, { children: [
+    /* @__PURE__ */ c(z, { asChild: !0, children: h }),
+    /* @__PURE__ */ c(M, { variant: "tertiary", side: e.tooltipSide || "top", children: f })
+  ] }) : h;
+}, q = ({
   badgeConfig: e,
   rowData: t,
   rowId: r,
@@ -51,16 +51,16 @@ const M = (e, t, r, a) => {
   if (!l) return null;
   const i = m(e.colorField, e.color, t), o = m(e.variantField, e.variant, t);
   return /* @__PURE__ */ c(
-    T,
+    V,
     {
       className: "font-medium",
-      color: L(i),
-      variant: I(o),
+      color: U(i),
+      variant: L(o),
       onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: t ?? {} }) : void 0,
       children: l
     }
   );
-}, q = (e) => {
+}, A = (e) => {
   const {
     value: t,
     data: r,
@@ -69,39 +69,40 @@ const M = (e, t, r, a) => {
     onClick: i,
     redirectUrl: o,
     updateQueryParams: s,
-    navigate: h,
-    setSearchParams: f,
+    navigate: f,
+    setSearchParams: h,
     rightSideContent: v,
     valueFormatter: k,
     disableOnPinnedRows: b = !0,
-    validationRules: $
-  } = e, y = a.id ?? String(r?.id ?? ""), d = l?.field ?? "", R = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, E = S(() => b && R || V($, r) ? !1 : !!(s || o || i), [b, R, s, o, i, $, r]), w = O(
+    disableLinkStyle: $,
+    validationRules: R
+  } = e, y = a.id ?? String(r?.id ?? ""), d = l?.field ?? "", E = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, F = S(() => $ || b && E || I(R, r) ? !1 : !!(s || o || i), [$, b, E, s, o, i, R, r]), C = T(
     (u) => {
-      if (u.stopPropagation(), s && f)
-        f((n) => {
+      if (u.stopPropagation(), s && h)
+        h((n) => {
           const g = new URLSearchParams(n);
-          return Object.entries(s).forEach(([x, N]) => {
-            let p = String(N);
-            p = p.replace(/\$\{value\}/g, String(t ?? "")), p = p.replace(/\$\{field\}/g, d), r && Object.keys(r).forEach((P) => {
-              const B = new RegExp(`\\$\\{${P}\\}`, "g");
-              p = p.replace(B, String(r[P] ?? ""));
+          return Object.entries(s).forEach(([x, B]) => {
+            let p = String(B);
+            p = p.replace(/\$\{value\}/g, String(t ?? "")), p = p.replace(/\$\{field\}/g, d), r && Object.keys(r).forEach((j) => {
+              const O = new RegExp(`\\$\\{${j}\\}`, "g");
+              p = p.replace(O, String(r[j] ?? ""));
             }), g.set(x, p);
           }), g;
         });
-      else if (o && h) {
-        const n = M(o, r, d, t);
-        h(n);
+      else if (o && f) {
+        const n = Q(o, r, d, t);
+        f(n);
       } else i && i({ rowId: y, field: d, rowData: r ?? {}, value: t });
     },
-    [s, f, o, h, i, r, d, t, y]
-  ), C = S(() => k ? k(t, r ?? {}) : String(t ?? ""), [t, k, r]), F = S(() => {
+    [s, h, o, f, i, r, d, t, y]
+  ), N = S(() => k ? k(t, r ?? {}) : String(t ?? ""), [t, k, r]), P = S(() => {
     if (!v?.items || v.items.length === 0) return null;
     const u = [];
     return v.items.forEach((n, g) => {
       if (n.type === "icon" && n.icon)
         u.push(
           /* @__PURE__ */ c(
-            Q,
+            W,
             {
               iconConfig: n.icon,
               rowData: r,
@@ -114,7 +115,7 @@ const M = (e, t, r, a) => {
       else if (n.type === "badge" && n.badge)
         u.push(
           /* @__PURE__ */ c(
-            W,
+            q,
             {
               badgeConfig: n.badge,
               rowData: r,
@@ -130,19 +131,19 @@ const M = (e, t, r, a) => {
       }
     }), u.length > 0 ? u : null;
   }, [v, r, y, d]);
-  return /* @__PURE__ */ j("div", { className: "w-full h-full flex items-center justify-between gap-2 group ag-cell-inner-padding", children: [
+  return /* @__PURE__ */ w("div", { className: "w-full h-full flex items-center justify-between gap-2 group ag-cell-inner-padding", children: [
     /* @__PURE__ */ c(
       "div",
       {
-        className: `flex-1 truncate ${E ? "text-blue-600 cursor-pointer hover:underline min-w-0 font-medium" : ""}`,
-        onClick: E ? w : void 0,
-        children: C
+        className: `flex-1 truncate min-w-0 ${F ? "text-blue-600 cursor-pointer hover:underline font-medium" : ""}`,
+        onClick: F ? C : void 0,
+        children: N
       }
     ),
-    F && /* @__PURE__ */ c("div", { className: "flex items-center gap-1 flex-shrink-0", children: F })
+    P && /* @__PURE__ */ c("div", { className: "flex items-center gap-1 flex-shrink-0", children: P })
   ] });
 };
-q.displayName = "LinkCellRenderer";
+A.displayName = "LinkCellRenderer";
 export {
-  q as LinkCellRenderer
+  A as LinkCellRenderer
 };

package/dist/components/ui/ag-grid-react/cell-renderers/split-cell-renderer.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ICellRendererParams, ColDef, GridApi, Column } from 'ag-grid-enterprise';
-import { SplitConfig, SubCellComponentProps } from './types';
+import { SplitConfig, SubCellComponentProps, ValueFormatter, SplitCellValue } from './types';
 export interface CommonParams {
     cellRenderer?: string | React.ComponentType<SubCellComponentProps>;
     cellEditor?: string | React.ComponentType<SubCellComponentProps>;
@@ -21,12 +21,10 @@ export interface SplitCellRendererProps extends ICellRendererParams {
     context: {
         frameworkComponents?: Record<string, React.ComponentType<SubCellComponentProps>>;
     };
+    /** Column-level value formatter (lowest priority: cell > row > split > column) */
+    valueFormatter?: ValueFormatter;
 }
-export interface SplitCellRendererValue {
-    [key: string]: {
-        value: unknown;
-    };
-}
+export type SplitCellRendererValue = SplitCellValue;
 export declare const SplitCellRenderer: {
     (props: SplitCellRendererProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/ui/ag-grid-react/cell-renderers/split-cell-renderer.js

@@ -1,50 +1,36 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-const w = (m) => {
-  const { splits: n, commonParams: i, data: s, node: p, api: c, column: u, context: a, value: f } = m;
-  if (!n || !Array.isArray(n)) return null;
-  const g = (r, e) => {
-    if (!e) return "--";
-    let t = e;
-    switch (r?.decimals != null && !isNaN(Number(e)) && (t = Number(e).toFixed(r.decimals)), r.type) {
-      case "currencySymbol": {
-        const l = r.symbol ?? "$";
-        return r.position === "suffix" ? `${t} ${l}` : `${l} ${t}`;
-      }
-      case "percentage":
-        return `${t} %`;
-      case "number":
-        return t;
-      default:
-        return t;
-    }
-  }, h = (r) => {
-    const e = r;
+import { resolveCellEditable as V, resolveValueFormatter as x, applyValueFormatter as N } from "./cell-renderer-utils.js";
+const E = (v) => {
+  const { splits: l, commonParams: n, data: i, node: g, api: c, column: b, context: d, value: h, colDef: s, valueFormatter: y } = v;
+  if (!l || !Array.isArray(l)) return null;
+  const w = (t) => {
+    const e = t;
     if (typeof e == "string") {
-      const t = c?.getGridOption("components");
-      return a?.frameworkComponents?.[e] || t?.[e];
+      const a = c?.getGridOption("components");
+      return d?.frameworkComponents?.[e] || a?.[e];
     }
     return e;
   };
-  return /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateRows: `repeat(${n?.length}, 1fr)`, height: "100%", width: "100%" }, children: n?.map((r, e) => {
-    const t = f?.[r?.field?.split(".")?.pop()]?.value?.toString(), l = s?.valueFormatter ?? r?.valueFormatter ?? null, y = l ? g(l, t?.toString()) : t, d = i?.cellRenderer && typeof i?.cellRenderer == "string" ? h(i?.cellRenderer) : void 0;
+  return /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateRows: `repeat(${l?.length}, 1fr)`, height: "100%", width: "100%" }, children: l?.map((t, e) => {
+    const a = t?.field?.split(".")?.pop(), r = h?.[a], m = r?.value?.toString(), p = i, C = typeof s?.editable == "boolean" ? s.editable : void 0, F = V(C, t.editable, p, r), u = x(r, p, t?.valueFormatter, y ?? null), R = u ? N(u, m) : m, f = n?.cellRenderer && typeof n?.cellRenderer == "string" ? w(n?.cellRenderer) : void 0;
     return /* @__PURE__ */ o(
       "div",
       {
         className: "flex items-center overflow-hidden",
         "data-split-index": e,
-        children: d ? /* @__PURE__ */ o(
-          d,
+        children: f ? /* @__PURE__ */ o(
+          f,
           {
-            node: p,
+            node: g,
             api: c,
-            column: u,
-            context: a,
-            data: s,
-            value: t,
-            colDef: r,
-            valueFormatted: y,
-            className: e !== n.length - 1 ? "border-b border-gray-200" : ""
+            column: b,
+            context: d,
+            data: i,
+            value: r,
+            colDef: { ...t, editable: F },
+            valueFormatted: R,
+            className: e !== l.length - 1 ? "border-b border-gray-200" : ""
           }
         ) : /* @__PURE__ */ o(
           "div",
@@ -54,11 +40,11 @@ const w = (m) => {
           }
         )
       },
-      `${r.field}-${e}`
+      `${t.field}-${e}`
     );
   }) });
 };
-w.displayName = "SplitCellRenderer";
+E.displayName = "SplitCellRenderer";
 export {
-  w as SplitCellRenderer
+  E as SplitCellRenderer
 };

package/dist/components/ui/ag-grid-react/cell-renderers/types.d.ts

@@ -5,19 +5,6 @@ import { IRowNode, ColDef, GridApi, Column } from 'ag-grid-community';
  */
 export type BadgeVariant = 'solid' | 'outline' | 'subtle';
 export type BadgeColor = 'primary' | 'success' | 'warning' | 'destructive' | 'neutral';
-/**
- * Maps legacy variant names (from backend/config) to impact-nova Badge variants.
- */
-export declare const mapBadgeVariant: (v: string | undefined) => BadgeVariant;
-/**
- * Maps legacy color names (from backend/config) to impact-nova Badge colors.
- */
-export declare const mapBadgeColor: (c: string | undefined) => BadgeColor;
-/**
- * Resolves a value from either a static prop or a field in row data.
- * Used by renderers that support both static and dynamic (field-driven) configuration.
- */
-export declare const getFieldValue: <T>(fieldName: string | undefined, staticValue: T | undefined, rowData: Record<string, unknown> | null | undefined) => T | undefined;
 /**
  * Validation condition for dynamic behavior
  */
@@ -35,10 +22,6 @@ export interface ValidationRules {
         conditions: ValidationCondition[];
     };
 }
-/**
- * Evaluates validation rules against row data
- */
-export declare const evaluateValidationRules: (rules: ValidationRules | undefined, rowData: Record<string, unknown> | null | undefined) => boolean;
 export interface SelectOption {
     label: string;
     value: string;
@@ -121,5 +104,38 @@ export interface SplitConfig {
     field: string;
     headerName?: string;
     editable?: boolean;
+    cellDataType?: string;
+    valueFormatter?: ValueFormatter;
+}
+/**
+ * Metadata attached to an individual cell value.
+ * e.g. `{ _isDisabled: true }`
+ */
+export interface CellMetadata {
+    _isDisabled?: boolean;
     valueFormatter?: ValueFormatter;
 }
+/**
+ * Metadata attached to a row.
+ * e.g. `{ _isDisabled: false, start_date: "2025-01-06", end_date: "2025-01-26", kpi: "markdown_value" }`
+ */
+export interface RowMetadata {
+    _isDisabled?: boolean;
+    valueFormatter?: ValueFormatter;
+    [key: string]: unknown;
+}
+/**
+ * Shape of an individual version value within a split cell.
+ * e.g. `{ value: 1500, cellMetadata: { _isDisabled: true } }`
+ */
+export interface SplitCellValueEntry {
+    value: unknown;
+    cellMetadata?: CellMetadata;
+}
+/**
+ * Shape of the entire split cell value object.
+ * Keys are version identifiers (e.g. "wp", "iaf").
+ */
+export interface SplitCellValue {
+    [versionKey: string]: SplitCellValueEntry;
+}

package/dist/components/ui/ag-grid-react/editable-utils.d.ts

@@ -0,0 +1,27 @@
+import { ColDef, ColGroupDef } from 'ag-grid-community';
+/**
+ * Recursively overrides `editable` on leaf columns to be a function
+ * that enforces the **4-level editable priority**: column < split < row < cell.
+ *
+ * This function acts as the AG Grid "gatekeeper" — it determines whether
+ * the cell editor should open at all. The `SplitCellEditor` then handles
+ * per-sub-cell editability internally using `resolveCellEditable`.
+ *
+ * ### 4-Level priority (highest wins):
+ * 1. **Column** (`colDef.editable`)              — baseline for the whole column.
+ * 2. **Split** (`split.editable`)                 — per sub-cell in split columns.
+ * 3. **Row** (`rowData.rowMetadata._isDisabled`)     — disables all cells in the row.
+ * 4. **Cell** (`cellValue.cellMetadata._isDisabled`)  — per-cell override (highest priority).
+ *
+ * ### Usage
+ * ```ts
+ * import { addRowDataEditableCheck } from 'impact-nova';
+ *
+ * const processedColDefs = addRowDataEditableCheck(rawColDefs);
+ * // Pass processedColDefs to <AgGridWrapper columnDefs={processedColDefs} />
+ * ```
+ *
+ * @param colDefs - Array of AG Grid column definitions (may contain groups).
+ * @returns A new array with `editable` overridden as runtime functions.
+ */
+export declare function addRowDataEditableCheck(colDefs: (ColDef | ColGroupDef)[]): (ColDef | ColGroupDef)[];

package/dist/components/ui/ag-grid-react/editable-utils.js

@@ -0,0 +1,62 @@
+import { resolveCellEditable as d } from "./cell-renderers/cell-renderer-utils.js";
+const y = (o, l) => {
+  if (l in o) return o[l];
+  if (l.includes(".")) {
+    const e = l.split(".");
+    let t = o;
+    for (const n of e)
+      if (t != null && typeof t == "object")
+        t = t[n];
+      else
+        return;
+    return t;
+  }
+}, h = (o) => {
+  const l = o.colDef.field;
+  if (!l) return !1;
+  let e = o.data, t = l;
+  if (!(l in e) && l.includes(".")) {
+    const r = l.split(".");
+    t = r[r.length - 1];
+    for (let i = 0; i < r.length - 1; i++) {
+      const s = e[r[i]];
+      if (s != null && typeof s == "object")
+        e = s;
+      else
+        return !1;
+    }
+  }
+  const n = e[t], u = o.newValue;
+  return n && typeof n == "object" && "cellMetadata" in n ? e[t] = u && typeof u == "object" && "value" in u ? u : { ...n, value: u } : e[t] = u, !0;
+};
+function j(o) {
+  return o.map((l) => {
+    const e = { ...l };
+    if (e.children?.length)
+      return e.children = j(e.children), e;
+    const t = e.field;
+    if (!t) return e;
+    const n = e.cellEditorParams?.splits, u = n?.some((i) => i.editable === !0) ?? !1, r = typeof e.editable == "boolean" ? e.editable : void 0;
+    return e._originalEditable = r, n || (e.valueSetter = h), e.editable = (i) => {
+      if (i.node?.group === !0 || i.data?.group === !0)
+        return !1;
+      const s = i.data;
+      if (!s) return u || !!r;
+      const c = y(s, t);
+      if (n) {
+        const p = c != null && typeof c == "object" ? c : null;
+        return n.some((a) => {
+          const f = a.field?.split(".")?.pop();
+          if (!f) return !1;
+          const v = p?.[f];
+          return d(r, a.editable, s, v);
+        });
+      }
+      const b = c != null && typeof c == "object" && "value" in c ? c : void 0;
+      return d(r, void 0, s, b);
+    }, e;
+  });
+}
+export {
+  j as addRowDataEditableCheck
+};