impact-nova 2.0.9 → 2.1.0-alpha.2

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

@@ -0,0 +1,148 @@
+import { jsx as c, jsxs as w } from "react/jsx-runtime";
+import { useMemo as x, useCallback as T } from "react";
+import { Badge as V } from "../../../data-display/badge/badge.js";
+import { evaluateValidationRules as I, getFieldValue as m, mapBadgeVariant as L, mapBadgeColor as U } from "./cell-renderer-utils.js";
+import { resolveGridIcon as H } from "./gridIconResolver.js";
+import { Tooltip as _, TooltipTrigger as z, TooltipContent as G } from "../../../feedback/tooltip/tooltip.js";
+const M = (e, n, r, a) => {
+  if (!n) return e;
+  let l = e;
+  return l = l.replace(/\$\{value\}/g, String(a ?? "")), l = l.replace(/\$\{field\}/g, String(r ?? "")), Object.keys(n).forEach((i) => {
+    const o = new RegExp(`\\$\\{${i}\\}`, "g");
+    l = l.replace(o, String(n[i] ?? ""));
+  }), l;
+}, Q = ({
+  iconConfig: e,
+  rowData: n,
+  rowId: r,
+  field: a
+}) => {
+  let l = null;
+  const i = m(e.iconField, e.icon, n);
+  if (typeof i == "string" ? l = H(i, { size: 16 }) : l = i, !l) return null;
+  const o = m(e.backgroundColorField, e.backgroundColor, n), s = m(e.colorField, e.color, n) ?? "var(--color-foreground-icon)", f = m(e.tooltipField, e.tooltip, n), g = /* @__PURE__ */ c(
+    "div",
+    {
+      className: `flex items-center justify-center bg-[var(--icon-bg)] text-[var(--icon-fg)] ${e.onClick ? "cursor-pointer" : ""} ${e.showOnHover ? "opacity-0 group-hover:opacity-100 transition-opacity" : ""}`,
+      style: {
+        "--icon-bg": o,
+        "--icon-fg": s,
+        borderRadius: "4px",
+        padding: "2px",
+        minWidth: "18px",
+        minHeight: "18px"
+      },
+      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: n ?? {} }) : void 0,
+      children: l
+    }
+  );
+  return f ? /* @__PURE__ */ w(_, { children: [
+    /* @__PURE__ */ c(z, { asChild: !0, children: g }),
+    /* @__PURE__ */ c(G, { variant: "tertiary", side: e.tooltipSide || "top", children: f })
+  ] }) : null;
+}, W = ({
+  badgeConfig: e,
+  rowData: n,
+  rowId: r,
+  field: a
+}) => {
+  const l = m(e.labelField, e.label, n);
+  if (!l) return null;
+  const i = m(e.colorField, e.color, n), o = m(e.variantField, e.variant, n);
+  return /* @__PURE__ */ c(
+    V,
+    {
+      className: "font-medium",
+      color: U(i),
+      variant: L(o),
+      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: n ?? {} }) : void 0,
+      children: l
+    }
+  );
+}, q = (e) => {
+  const {
+    value: n,
+    data: r,
+    node: a,
+    colDef: l,
+    onClick: i,
+    redirectUrl: o,
+    updateQueryParams: s,
+    navigate: f,
+    setSearchParams: g,
+    rightSideContent: y,
+    valueFormatter: k,
+    disableOnPinnedRows: S = !0,
+    disableLinkStyle: $,
+    validationRules: R
+  } = e, v = a.id ?? String(r?.id ?? ""), d = l?.field ?? "", E = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, F = x(() => $ || S && E || I(R, r) ? !1 : !!(s || o || i), [$, S, E, s, o, i, R, r]), N = T(
+    (u) => {
+      if (u.stopPropagation(), s && g)
+        g((t) => {
+          const h = new URLSearchParams(t);
+          return Object.entries(s).forEach(([b, C]) => {
+            let p = String(C);
+            p = p.replace(/\$\{value\}/g, String(n ?? "")), 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] ?? ""));
+            }), h.set(b, p);
+          }), h;
+        });
+      else if (o && f) {
+        const t = M(o, r, d, n);
+        f(t);
+      } else i && i({ rowId: v, field: d, rowData: r ?? {}, value: n });
+    },
+    [s, g, o, f, i, r, d, n, v]
+  ), B = x(() => k ? k(n, r ?? {}) : String(n ?? ""), [n, k, r]), P = x(() => {
+    if (!y?.items || y.items.length === 0) return null;
+    const u = [];
+    return y.items.forEach((t, h) => {
+      if (t.type === "icon" && t.icon)
+        u.push(
+          /* @__PURE__ */ c(
+            Q,
+            {
+              iconConfig: t.icon,
+              rowData: r,
+              rowId: v,
+              field: d
+            },
+            `icon-${h}`
+          )
+        );
+      else if (t.type === "badge" && t.badge)
+        u.push(
+          /* @__PURE__ */ c(
+            W,
+            {
+              badgeConfig: t.badge,
+              rowData: r,
+              rowId: v,
+              field: d
+            },
+            `badge-${h}`
+          )
+        );
+      else if (t.type === "dynamic" && t.dynamic) {
+        const b = typeof t.dynamic == "function" ? t.dynamic(r ?? {}) : t.dynamic;
+        u.push(/* @__PURE__ */ c("span", { children: b }, `dyn-${h}`));
+      }
+    }), u.length > 0 ? u : null;
+  }, [y, r, v, d]);
+  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 min-w-0 ${F ? "text-brand cursor-pointer hover:underline font-medium" : ""}`,
+        onClick: F ? N : void 0,
+        children: B
+      }
+    ),
+    P && /* @__PURE__ */ c("div", { className: "flex items-center gap-1 flex-shrink-0", children: P })
+  ] });
+};
+q.displayName = "LinkCellRenderer";
+export {
+  q as LinkCellRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/percent-progress-display-renderer.d.ts

@@ -0,0 +1,31 @@
+import { ICellRendererParams } from 'ag-grid-enterprise';
+import { BadgeProps } from '../../../data-display/badge';
+import { ProgressProps } from '../../../primitives/progress/progress';
+export interface PercentProgressDisplayRendererProps extends ICellRendererParams {
+    disabled?: boolean;
+    className?: string;
+    /** Inclusive min for the scale (default 0) */
+    min?: number;
+    /** Inclusive max for the scale (default 100) */
+    max?: number;
+    /** Decimal places for the badge label (default 0) */
+    fractionDigits?: number;
+    /** Percentage pill — same options as `Badge` (defaults: subtle / neutral / circle) */
+    badgeVariant?: BadgeProps['variant'];
+    badgeColor?: BadgeProps['color'];
+    badgeShape?: BadgeProps['shape'];
+    /** Progress track + fill — same options as `ProgressBar` / `Progress` (default: default) */
+    progressVariant?: ProgressProps['variant'];
+}
+/**
+ * PercentProgressDisplayRenderer — capsule progress bar + percentage pill (display).
+ * Pair with `PercentProgressCellEditor` via `cellEditor` for editing.
+ *
+ * Cell value: number or string like `"25"` / `"25%"`, or `{ value, cellMetadata? }`.
+ *
+ * Styling via `cellRendererParams`: `badgeVariant`, `badgeColor`, `badgeShape`, `progressVariant`.
+ */
+export declare const PercentProgressDisplayRenderer: {
+    (props: PercentProgressDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/data/ag-grid-react/cell-renderers/percent-progress-display-renderer.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as $ } from "react/jsx-runtime";
+import { Badge as j } from "../../../data-display/badge/badge.js";
+import { Progress as w } from "../../../primitives/progress/progress.js";
+import { cn as E } from "../../../../lib/utils.js";
+function F(e) {
+  return e && typeof e == "object" && "value" in e ? e.value : e;
+}
+function S(e) {
+  if (e == null || e === "") return null;
+  if (typeof e == "number") return isNaN(e) ? null : e;
+  const a = Number(String(e).replace(/%/g, "").trim());
+  return isNaN(a) ? null : a;
+}
+function _(e, a, n) {
+  return Math.min(n, Math.max(a, e));
+}
+const A = (e) => {
+  const { value: a, disabled: n, colDef: s, className: h, data: r } = e, l = e.min ?? 0, d = e.max ?? 100, m = e.fractionDigits ?? 0, N = e.badgeVariant ?? "subtle", x = e.badgeColor ?? "neutral", p = e.badgeShape ?? "circle", v = e.progressVariant ?? "default", u = a && typeof a == "object" && "cellMetadata" in a ? a.cellMetadata?._isDisabled : void 0, f = r && typeof r == "object" && "rowMetadata" in r ? r.rowMetadata?._isDisabled : void 0;
+  let t = !1;
+  if (!n) {
+    const V = s?._originalEditable;
+    s?.editable === !1 ? t = !1 : u === !1 ? t = !0 : u === !0 ? t = !1 : f === !1 ? t = !0 : f === !0 ? t = !1 : t = V === !0 || s?.editable === !0;
+  }
+  const y = F(a), g = S(y), i = g != null, c = i ? _(g, l, d) : l, D = d - l || 1, P = i ? (c - l) / D * 100 : 0, b = i ? m > 0 ? `${c.toFixed(m)}%` : `${Math.round(c)}%` : "--", M = `${s?.headerName?.trim() || "Progress"}: ${b}`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `w-full h-full flex items-center ag-cell-inner-padding ${h ?? ""} ${n ? "opacity-60 cursor-not-allowed" : t ? "in-ag-editable-cell-highlight" : ""}`,
+      children: /* @__PURE__ */ $("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ o(
+          w,
+          {
+            label: !1,
+            "aria-label": M,
+            variant: v,
+            value: P,
+            max: 100,
+            "aria-valuenow": i ? c : void 0,
+            "aria-valuemin": l,
+            "aria-valuemax": d,
+            className: "h-2.5"
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          j,
+          {
+            variant: N,
+            color: x,
+            shape: p,
+            size: "sm",
+            className: E("shrink-0 tabular-nums leading-none", !i && "text-content-empty"),
+            children: b
+          }
+        )
+      ] })
+    }
+  );
+};
+A.displayName = "PercentProgressDisplayRenderer";
+export {
+  A as PercentProgressDisplayRenderer
+};

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

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

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

@@ -0,0 +1,63 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { resolveCellEditable as R, resolveValueFormatter as V, applyValueFormatter as N } from "./cell-renderer-utils.js";
+const D = (h) => {
+  const { splits: l, commonParams: i, data: c, node: v, api: s, column: g, context: d, value: b, colDef: m, valueFormatter: y } = h;
+  if (!l || !Array.isArray(l)) return null;
+  const C = (e) => {
+    const t = e;
+    if (typeof t == "string") {
+      const o = s?.getGridOption("components");
+      return d?.frameworkComponents?.[t] || o?.[t];
+    }
+    return t;
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      style: { display: "grid", gridTemplateRows: `repeat(${l?.length}, 1fr)`, height: "100%", width: "100%" },
+      onMouseDown: (e) => {
+        document.__splitCellLastClickY = e.clientY;
+        const t = e.currentTarget.getBoundingClientRect(), o = e.clientY - t.top, n = t.height / (l?.length || 1), r = Math.floor(o / n);
+        document.__splitCellLastActiveIndex = Math.max(0, Math.min(r, (l?.length || 1) - 1));
+      },
+      children: l?.map((e, t) => {
+        const o = e?.field?.split(".")?.pop();
+        if (!o) return null;
+        const n = b?.[o], r = n?.value?.toString(), u = c, w = typeof m?.editable == "boolean" ? m.editable : void 0, x = R(w, e.editable, u, n), p = V(n, u, e?.valueFormatter, y ?? null), F = p ? N(p, r) : r, f = i?.cellRenderer && typeof i?.cellRenderer == "string" ? C(i?.cellRenderer) : void 0;
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: "flex items-center overflow-hidden",
+            "data-split-index": t,
+            children: f ? /* @__PURE__ */ a(
+              f,
+              {
+                node: v,
+                api: s,
+                column: g,
+                context: d,
+                data: c,
+                value: n,
+                colDef: { ...e, editable: x },
+                valueFormatted: F ?? void 0,
+                className: t !== l.length - 1 ? "border-b border-stroke-hairline" : ""
+              }
+            ) : /* @__PURE__ */ a(
+              "div",
+              {
+                className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap",
+                children: "No cell found"
+              }
+            )
+          },
+          `${e.field}-${t}`
+        );
+      })
+    }
+  );
+};
+D.displayName = "SplitCellRenderer";
+export {
+  D as SplitCellRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/status-badge-renderer.d.ts

@@ -0,0 +1,35 @@
+import { ICellRendererParams } from 'ag-grid-community';
+interface StatusConfig {
+    [key: string]: {
+        label: string;
+        className: string;
+    };
+}
+export interface StatusBadgeRendererProps extends ICellRendererParams {
+    /** Custom status configuration mapping status keys to labels and CSS classes */
+    statusConfig?: StatusConfig;
+}
+/**
+ * StatusBadgeRenderer - Display-only renderer showing a status pill.
+ *
+ * Stateless: derives label and styling from the cell value and an optional
+ * statusConfig map. Falls back to a neutral gray pill if the status is unknown.
+ *
+ * Usage in colDef:
+ * ```ts
+ * {
+ *   field: 'status',
+ *   cellRenderer: StatusBadgeRenderer,
+ *   cellRendererParams: {
+ *     statusConfig: {
+ *       draft: { label: 'Draft', className: 'bg-accent text-accent-foreground' },
+ *     }
+ *   }
+ * }
+ * ```
+ */
+export declare const StatusBadgeRenderer: {
+    (props: StatusBadgeRendererProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,141 @@
+import { ReactNode } from 'react';
+import { IRowNode, ColDef, GridApi, Column } from 'ag-grid-community';
+/**
+ * Badge variant/color mapping types used across badge-related renderers.
+ */
+export type BadgeVariant = 'solid' | 'outline' | 'subtle';
+export type BadgeColor = 'primary' | 'success' | 'warning' | 'destructive' | 'neutral';
+/**
+ * Validation condition for dynamic behavior
+ */
+export interface ValidationCondition {
+    field: string;
+    condition: '>' | '<' | '>=' | '<=' | '==' | '!=' | 'contains';
+    value: unknown;
+}
+/**
+ * Validation rules for disabling/enabling elements
+ */
+export interface ValidationRules {
+    disabled?: {
+        operator: 'AND' | 'OR';
+        conditions: ValidationCondition[];
+    };
+}
+export interface SelectOption {
+    label: string;
+    value: string;
+    isDisabled?: boolean;
+}
+export interface ActionButton {
+    label: string;
+    onClick: (data: Record<string, unknown>) => void;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+    icon?: ReactNode;
+    iconPlacement?: 'left' | 'right';
+    className?: string;
+    disabled?: boolean;
+}
+export interface RightSideIcon {
+    icon?: string | ReactNode;
+    iconField?: string;
+    tooltip?: string;
+    tooltipField?: string;
+    tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
+    backgroundColor?: string;
+    backgroundColorField?: string;
+    color?: string;
+    colorField?: string;
+    showOnHover?: boolean;
+    onClick?: (params: {
+        rowId: string;
+        field: string;
+        rowData: Record<string, unknown>;
+    }) => void | Promise<void>;
+}
+export interface RightSideBadge {
+    label?: string;
+    labelField?: string;
+    color?: string;
+    colorField?: string;
+    variant?: string;
+    variantField?: string;
+    onClick?: (params: {
+        rowId: string;
+        field: string;
+        rowData: Record<string, unknown>;
+    }) => void | Promise<void>;
+}
+export interface RightSideContentItem {
+    type: 'icon' | 'badge' | 'dynamic';
+    icon?: RightSideIcon;
+    badge?: RightSideBadge;
+    dynamic?: ReactNode | ((rowData: Record<string, unknown>) => ReactNode);
+}
+export interface RightSideContent {
+    items: RightSideContentItem[];
+}
+/**
+ * Props passed to components rendered within a SplitCellRenderer or SplitCellEditor.
+ * These are "sub-cell" components that receive a subset of standard AG Grid params.
+ */
+export interface SubCellComponentProps {
+    value: unknown;
+    valueFormatted?: string;
+    data: unknown;
+    node?: IRowNode;
+    colDef?: ColDef;
+    api?: GridApi;
+    column?: Column;
+    context?: unknown;
+    onValueChange?: (value: unknown) => void;
+    suppressAutoFocus?: boolean;
+    stopEditing?: (suppressNavigateAfterEdit?: boolean) => void;
+    className?: string;
+}
+export interface ValueFormatter {
+    type: string;
+    symbol?: string;
+    position?: 'prefix' | 'suffix';
+    decimals?: number;
+}
+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/data/ag-grid-react/headers/advanced-filter/advanced-filter-dialog.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AdvancedFilterModel } from '../../ag-grid.types';
+import { GridApi } from 'ag-grid-community';
+interface AdvancedFilterDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onApply: (model: AdvancedFilterModel | null) => void;
+    columnId: string;
+    columnLabel: string;
+    columnType: 'text' | 'number' | 'date' | 'select' | 'multi';
+    selectOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    isMultiSelect?: boolean;
+    initialModel?: AdvancedFilterModel | null;
+    api?: GridApi;
+}
+/**
+ * AdvancedFilterDialog - Uses ColumnFilterSection for each column.
+ * Per-column logic stored as a map.
+ */
+export declare const AdvancedFilterDialog: React.FC<AdvancedFilterDialogProps>;
+export {};