impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/data/ag-grid-react/index.js

@@ -0,0 +1,407 @@
+import { jsxs as fe, jsx as v } from "react/jsx-runtime";
+import { lazy as me, useRef as S, useState as w, useCallback as f, useMemo as y, useEffect as ge, Suspense as he } from "react";
+import { ModuleRegistry as Ce, AllCommunityModule as ye, ValidationModule as ve } from "ag-grid-community";
+import { AllEnterpriseModule as be } from "ag-grid-enterprise";
+import { AgGridReact as xe } from "ag-grid-react";
+import { customAgGridTheme as Se } from "./theme.js";
+import { CustomHeader as Fe } from "./headers/custom-header.js";
+import { CustomHeaderGroup as Me } from "./headers/custom-header-group.js";
+import { DefaultTextCellRenderer as Ee } from "./cell-renderers/default-text-cell-renderer.js";
+import { GridHeaderContext as Ae } from "./headers/context/grid-header-context.js";
+import { convertToAgGridFilterModel as Re, getMultiFilterIndices as Ge, convertFromAgGridFilterModel as ke } from "./headers/utils/filter-utils.js";
+import { ColumnSettingsMenu as je } from "./headers/column-menu/column-settings-menu.js";
+import { AG_GRID_VALUE_FORMATTERS as we } from "./value-formatters.js";
+import { useGridAutoSizeStrategyOnResize as Ie } from "./useGridAutoSizeStrategyOnResize.js";
+/* empty css               */
+const Te = me(
+  () => import("./headers/advanced-filter/advanced-filter-dialog.js").then((l) => ({
+    default: l.AdvancedFilterDialog
+  }))
+);
+Ce.registerModules([ye, be, ve]);
+const F = "
", H = "";
+function K(l) {
+  return l.getColumns()?.some((n) => n.getColDef().headerCheckboxSelection) ?? !1;
+}
+const U = (l) => {
+  if (!l) return;
+  const n = l.cellRendererParams?.splits;
+  if (Array.isArray(n) && n.length > 0) return n;
+  const i = l.cellEditorParams?.splits;
+  if (Array.isArray(i) && i.length > 0) return i;
+}, $ = (l, n) => {
+  const i = [];
+  for (const h of n) {
+    const m = h?.field?.split(".").pop();
+    if (!m) {
+      i.push("");
+      continue;
+    }
+    const c = l[m];
+    if (c == null) {
+      i.push("");
+      continue;
+    }
+    if (typeof c == "object" && "value" in c) {
+      const u = c.value;
+      i.push(u == null ? "" : String(u));
+      continue;
+    }
+    if (typeof c != "object") {
+      i.push(String(c));
+      continue;
+    }
+    i.push("");
+  }
+  return i;
+}, q = (l) => {
+  if (typeof navigator < "u" && navigator.clipboard?.writeText) {
+    navigator.clipboard.writeText(l).catch(() => z(l));
+    return;
+  }
+  z(l);
+}, z = (l) => {
+  if (typeof document > "u") return;
+  const n = document.createElement("textarea");
+  n.value = l, n.setAttribute("readonly", ""), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", n.style.pointerEvents = "none", document.body.appendChild(n);
+  try {
+    n.select(), document.execCommand("copy");
+  } finally {
+    document.body.removeChild(n);
+  }
+};
+function Qe({
+  children: l,
+  defaultColDef: n,
+  defaultColGroupDef: i,
+  columnDefs: h,
+  valueFormatters: m,
+  onGridReady: c,
+  onGridPreDestroyed: u,
+  onFilterChanged: b,
+  onSelectionChanged: C,
+  onModelUpdated: M,
+  ensureDomOrder: I = !0,
+  autoSizeStrategy: T,
+  ...g
+}) {
+  const a = S(null), O = S(null), [P, L] = w(null);
+  Ie(P, O, T);
+  const [B, N] = w(!1), [J, _] = w(null), [X, V] = w(!1), E = S(null), D = S(null), A = S(null), Q = f(() => [], []), Y = y(() => ({
+    numericColumn: {
+      cellClass: "ag-right-aligned-cell",
+      headerClass: "ag-right-aligned-header",
+      filter: "agNumberColumnFilter"
+    },
+    currency: {
+      cellClass: "ag-right-aligned-cell",
+      headerClass: "ag-right-aligned-header",
+      filter: "agNumberColumnFilter",
+      valueFormatter: (e) => e.value != null ? `$${Number(e.value).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : ""
+    },
+    percentage: {
+      cellClass: "ag-right-aligned-cell",
+      headerClass: "ag-right-aligned-header",
+      filter: "agNumberColumnFilter",
+      valueFormatter: (e) => e.value != null ? `${Number(e.value).toFixed(2)}%` : ""
+    },
+    dateColumn: {
+      filter: "agDateColumnFilter"
+    }
+  }), []), R = y(() => ({
+    openSearch: (e) => {
+      if (!a.current) return;
+      const t = a.current.getGridOption("context") || {};
+      a.current.setGridOption("context", { ...t, activeSearchColumnId: e }), a.current.refreshHeader();
+    },
+    closeSearch: () => {
+      if (!a.current) return;
+      const e = a.current.getGridOption("context") || {};
+      a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), a.current.refreshHeader();
+    },
+    openAdvancedFilter: (e) => {
+      _(e || null), N(!0);
+    },
+    closeAdvancedFilter: () => {
+      N(!1), _(null);
+    },
+    applyAdvancedFilter: (e) => {
+      if (!a.current) return;
+      const t = Re(e);
+      a.current.setFilterModel(t), a.current.onFilterChanged(), a.current.refreshHeader();
+    },
+    openMenu: (e, t, o = "column") => {
+      E.current = e, D.current = t, A.current = o, V(!0);
+    },
+    closeMenu: () => {
+      E.current = null, D.current = null, A.current = null, V(!1);
+    },
+    // Getters read from refs - O(1) per header, no memory allocation
+    get activeMenuColumnId() {
+      return E.current;
+    },
+    get activeMenuVariant() {
+      return A.current;
+    }
+  }), []), Z = f((e) => {
+    a.current = e.api, L(e.api);
+    const t = e.api.getGridOption("context") || {};
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), c && c(e);
+  }, [c]), ee = f(
+    (e) => {
+      a.current = null, L(null), u?.(e);
+    },
+    [u]
+  ), te = f(
+    (e) => {
+      e.api.getGridOption("context")?.activeSearchColumnId || e.api.refreshHeader(), b?.(e);
+    },
+    [b]
+  ), re = f(
+    (e) => {
+      K(e.api) && e.api.refreshHeader(), C?.(e);
+    },
+    [C]
+  ), ne = f(
+    (e) => {
+      e.api.getGridOption("rowModelType") !== "serverSide" && K(e.api) && e.api.refreshHeader(), M?.(e);
+    },
+    [M]
+  );
+  ge(() => {
+    const e = O.current;
+    if (!e) return;
+    const t = (o) => {
+      if (o.key !== "Enter" && o.key !== " ") return;
+      const s = o.target;
+      if (!s.classList.contains("ag-cell") && !s.classList.contains("ag-header-cell")) return;
+      const r = s.querySelector(
+        'button, [role="checkbox"], [role="switch"], [role="combobox"], [role="button"], [role="link"], a, input, select, textarea, .cursor-pointer'
+      );
+      r && (o.preventDefault(), o.stopPropagation(), r.click(), r.focus());
+    };
+    return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
+  }, []);
+  const oe = y(() => ({
+    headerComponent: Fe,
+    // Default cell renderer wraps text in a span so display:flex centering
+    // and text-overflow:ellipsis both work (ellipsis doesn't work on
+    // anonymous flex text nodes, but works on flex child elements).
+    cellRenderer: Ee,
+    ...n,
+    suppressHeaderKeyboardEvent: (e) => {
+      const { event: t } = e, o = t.target;
+      if (o.tagName === "INPUT" || o.tagName === "TEXTAREA")
+        return !(t.key === "Escape" || t.key === "Tab");
+      if (t.key === "Enter" || t.key === " ") {
+        const r = o.closest(".ag-header-cell");
+        if (r) {
+          const d = r.querySelector('[role="checkbox"], button, [role="switch"], input');
+          if (d)
+            return t.preventDefault(), d.click(), !0;
+        }
+      }
+      return n?.suppressHeaderKeyboardEvent?.(e) ?? !1;
+    },
+    headerComponentParams: {
+      ...n?.headerComponentParams
+    }
+  }), [n]), le = y(() => ({
+    headerGroupComponent: Me,
+    ...i,
+    headerGroupComponentParams: {
+      ...i?.headerGroupComponentParams
+    }
+  }), [i]), ie = y(() => ({
+    ...we,
+    // Always available - value formatters
+    ...g.components,
+    // User components override
+    ...m
+    // Optional custom formatters override defaults
+  }), [m, g.components]), se = f((e) => {
+    const t = e.value;
+    if (t == null || typeof t != "object") return t;
+    const o = U(e.column?.getColDef());
+    if (o && o.length > 0) {
+      const r = $(t, o);
+      if (o.length === 1) {
+        const d = o[0]?.field?.split(".").pop(), x = d ? t[d] : void 0;
+        return x && typeof x == "object" && "value" in x ? x.value ?? "" : r[0];
+      }
+      return H + r.join(F);
+    }
+    const s = Object.entries(t).map(([, r]) => r && typeof r == "object" && "value" in r ? r.value : typeof r != "object" && typeof r < "u" ? r : null).filter((r) => r != null);
+    return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(F);
+  }, []), ae = f((e) => {
+    if (typeof e.value == "string") {
+      const t = e.value.trim();
+      if (t.startsWith("{") || t.startsWith("["))
+        try {
+          return JSON.parse(t);
+        } catch {
+          return e.value;
+        }
+    }
+    return e.value;
+  }, []), ce = f((e) => {
+    const t = e?.data ?? "";
+    if (!t.includes(F) && !t.includes(H)) {
+      q(t);
+      return;
+    }
+    const o = [], s = t.split(`
+`);
+    for (let r = 0; r < s.length; r++) {
+      const d = s[r];
+      if (d.length === 0 && r === s.length - 1) {
+        o.push("");
+        continue;
+      }
+      const k = d.split("	").map((p) => p.startsWith(H) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), W = Math.max(1, ...k.map((p) => p.slots.length));
+      if (W === 1) {
+        o.push(k.map((p) => p.slots[0] ?? "").join("	"));
+        continue;
+      }
+      for (let p = 0; p < W; p++) {
+        const pe = k.map((j) => !j.isSplit && j.slots.length === 1 ? j.slots[0] : j.slots[p] ?? "");
+        o.push(pe.join("	"));
+      }
+    }
+    q(o.join(`
+`));
+  }, []), G = f((e) => {
+    const t = e.value;
+    if (t == null) return "";
+    if (typeof t != "object") return String(t);
+    const o = U(e.column?.getColDef());
+    if (o && o.length > 0) {
+      const r = $(t, o);
+      return o.length === 1 ? r[0] : r.join(`
+`);
+    }
+    const s = [];
+    for (const r of Object.values(t)) {
+      if (r && typeof r == "object" && "value" in r) {
+        const d = r.value;
+        if (d == null) continue;
+        s.push(String(d));
+        continue;
+      }
+      r != null && typeof r != "object" && s.push(String(r));
+    }
+    return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(`
+`);
+  }, []), ue = y(() => ({
+    processCellCallback: G,
+    ...g.defaultCsvExportParams ?? {}
+  }), [G, g.defaultCsvExportParams]), de = y(() => ({
+    processCellCallback: G,
+    ...g.defaultExcelExportParams ?? {}
+  }), [G, g.defaultExcelExportParams]);
+  return /* @__PURE__ */ fe(Ae.Provider, { value: R, children: [
+    /* @__PURE__ */ v("div", { ref: O, "data-component": "ag-grid-react", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
+      xe,
+      {
+        theme: Se,
+        defaultColDef: oe,
+        columnDefs: h,
+        cellSelection: !0,
+        defaultColGroupDef: le,
+        onGridReady: Z,
+        onGridPreDestroyed: ee,
+        onFilterChanged: te,
+        onSelectionChanged: re,
+        onModelUpdated: ne,
+        components: ie,
+        processCellForClipboard: se,
+        processCellFromClipboard: ae,
+        sendToClipboard: ce,
+        ensureDomOrder: I,
+        suppressHeaderFocus: !1,
+        suppressFocusAfterRefresh: !0,
+        suppressGroupRowsSticky: !0,
+        hidePaddedHeaderRows: !0,
+        suppressServerSideFullWidthLoadingRow: !0,
+        columnTypes: Y,
+        autoSizeStrategy: T,
+        ...g,
+        defaultCsvExportParams: ue,
+        defaultExcelExportParams: de,
+        getMainMenuItems: Q
+      }
+    ) }),
+    l,
+    /* @__PURE__ */ v(
+      Oe,
+      {
+        isOpen: B,
+        columnId: J,
+        gridApi: P,
+        onClose: R.closeAdvancedFilter,
+        onApply: R.applyAdvancedFilter
+      }
+    ),
+    /* @__PURE__ */ v(
+      Pe,
+      {
+        isOpen: X,
+        columnId: E.current,
+        gridApi: P,
+        anchor: D.current,
+        variant: A.current,
+        onClose: R.closeMenu
+      }
+    )
+  ] });
+}
+function Oe({
+  isOpen: l,
+  columnId: n,
+  gridApi: i,
+  onClose: h,
+  onApply: m
+}) {
+  if (!l || !n || !i) return null;
+  const c = i.getColumn(n);
+  if (!c) return null;
+  const u = c.getColDef(), b = u.headerComponentParams, C = Ge(u), M = C.text !== -1 || C.number !== -1 || C.date !== -1, I = C.set !== -1, g = u.filter === "agMultiColumnFilter" && (M || I) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", a = ke(i.getFilterModel());
+  return /* @__PURE__ */ v(he, { fallback: null, children: /* @__PURE__ */ v(
+    Te,
+    {
+      isOpen: l,
+      onClose: h,
+      onApply: m,
+      columnId: n,
+      columnLabel: u.headerName || n,
+      columnType: g,
+      selectOptions: b?.selectOptions,
+      isMultiSelect: b?.isMultiSelect,
+      initialModel: a,
+      api: i
+    }
+  ) });
+}
+function Pe({
+  isOpen: l,
+  columnId: n,
+  gridApi: i,
+  anchor: h,
+  variant: m,
+  onClose: c
+}) {
+  return !l || !n || !i ? null : /* @__PURE__ */ v(
+    je,
+    {
+      isOpen: l,
+      columnId: n,
+      gridApi: i,
+      anchor: h,
+      variant: m || "column",
+      onClose: c
+    }
+  );
+}
+export {
+  Qe as AgGridWrapper
+};

package/dist/components/data/ag-grid-react/process-backend-columndefs.d.ts

@@ -0,0 +1,30 @@
+import { ColDef, ColGroupDef, CellStyle, CellClassParams } from 'ag-grid-community';
+/**
+ * Color rule from backend
+ */
+export interface ColorRule {
+    condition: '>' | '<' | '>=' | '<=' | '==' | '!=' | 'contains' | 'startsWith' | 'endsWith';
+    value: unknown;
+    color: string;
+    fontWeight?: number;
+    backgroundColor?: string;
+}
+/**
+ * Extended ColDef with backend-specific properties
+ */
+export interface BackendColDef extends Omit<ColDef, 'cellStyle'> {
+    colorRules?: ColorRule[];
+    cellStyle?: CellStyle | ((params: CellClassParams) => CellStyle | undefined);
+    children?: BackendColDef[];
+}
+/**
+ * Processes a single column definition to handle colorRules, valueFormatters, and alignment.
+ *
+ * This is exported so it can be used for individual column processing or in other components.
+ */
+export declare const processColDef: (colDef: BackendColDef) => ColDef | ColGroupDef;
+/**
+ * Processes a list of column definitions.
+ * Filters out invalid columns and applies transformation to each.
+ */
+export declare const processBackendColumnDefs: (columnDefs?: (BackendColDef | ColDef | ColGroupDef)[]) => (ColDef | ColGroupDef)[] | undefined;

package/dist/components/data/ag-grid-react/value-formatter.types.d.ts

@@ -0,0 +1,61 @@
+import { ColDef, ValueFormatterParams } from 'ag-grid-community';
+export type FormatterFormatType = 'full_no' | 'thou' | 'mil' | 'bil' | 'full_precision';
+export interface FormatterGridContext {
+    formatType?: FormatterFormatType;
+    nullDisplay?: string;
+    currency?: string;
+    decimals?: number;
+    locale?: string;
+    [key: string]: unknown;
+}
+export interface BackendFormatterConfigBase {
+    type?: string;
+    nullDisplay?: string;
+    locale?: string;
+    formatType?: FormatterFormatType;
+    decimals?: number;
+    currency?: string;
+    symbol?: string;
+    position?: 'prefix' | 'suffix';
+    divideBy?: number;
+    dateStyle?: Intl.DateTimeFormatOptions['dateStyle'];
+    timeStyle?: Intl.DateTimeFormatOptions['timeStyle'];
+    trueValue?: string;
+    falseValue?: string;
+}
+export interface BackendValueFormatterObject extends BackendFormatterConfigBase {
+    type: string;
+}
+export interface BackendFormatterColDef extends Omit<ColDef, 'valueFormatter'> {
+    valueFormatter?: string | BackendValueFormatterObject | ColDef['valueFormatter'];
+    nullDisplay?: string;
+    currency?: string;
+    symbol?: string;
+    position?: 'prefix' | 'suffix';
+    decimals?: number;
+    formatType?: FormatterFormatType;
+    divideBy?: number;
+    dateStyle?: Intl.DateTimeFormatOptions['dateStyle'];
+    timeStyle?: Intl.DateTimeFormatOptions['timeStyle'];
+    trueValue?: string;
+    falseValue?: string;
+    locale?: string;
+}
+export declare function isBackendValueFormatterObject(value: unknown): value is BackendValueFormatterObject;
+export declare function getBackendFormatterColDef(params: ValueFormatterParams): BackendFormatterColDef;
+export interface ResolvedFormatterConfig {
+    nullDisplay?: string;
+    locale?: string;
+    formatType?: FormatterFormatType;
+    decimals?: number;
+    currency?: string;
+    symbol?: string;
+    position?: 'prefix' | 'suffix';
+    divideBy?: number;
+    dateStyle?: Intl.DateTimeFormatOptions['dateStyle'];
+    timeStyle?: Intl.DateTimeFormatOptions['timeStyle'];
+    trueValue?: string;
+    falseValue?: string;
+}
+export declare function getFormatterConfig(colDef: BackendFormatterColDef): ResolvedFormatterConfig;
+export declare function getNullDisplay(config: Pick<ResolvedFormatterConfig, 'nullDisplay'>, context?: FormatterGridContext): string;

package/dist/components/data/ag-grid-react/value-formatter.types.js

@@ -0,0 +1,19 @@
+function r(t) {
+  return typeof t == "object" && t !== null && "type" in t && typeof t.type == "string";
+}
+function l(t) {
+  return t.colDef ?? {};
+}
+function i(t) {
+  const { valueFormatter: e, type: o, ...n } = t;
+  return r(e) ? { ...n, ...e } : n;
+}
+function u(t, e) {
+  return t.nullDisplay ?? e?.nullDisplay ?? "-";
+}
+export {
+  l as getBackendFormatterColDef,
+  i as getFormatterConfig,
+  u as getNullDisplay,
+  r as isBackendValueFormatterObject
+};

package/dist/components/data/ag-grid-react/value-formatters.js

@@ -0,0 +1,110 @@
+import { getBackendFormatterColDef as s, getNullDisplay as a, getFormatterConfig as b } from "./value-formatter.types.js";
+const d = (t, e) => {
+  let o, n;
+  return e === "bil" ? (o = t / 1e9, n = "B") : e === "mil" ? (o = t / 1e6, n = "M") : (o = t / 1e3, n = "K"), isNaN(o) || !isFinite(o) ? `0.0${n}` : o.toFixed(1) + n;
+}, N = (t, e) => !e || e === "full_no" || e === "full_precision" ? null : d(t, e), f = (t) => t.context, v = (t) => {
+  const e = b(s(t)), o = f(t);
+  if (t.value == null) return a(e, o);
+  const n = e.currency || "USD", r = e.locale || "en-US", c = o?.formatType || e.formatType, i = Number(t.value);
+  if (isNaN(i)) return String(t.value);
+  const u = N(Math.abs(i), c);
+  if (u) {
+    const l = i < 0 ? "-" : "", m = new Intl.NumberFormat(r, {
+      style: "currency",
+      currency: n
+    }).formatToParts(0).find((F) => F.type === "currency")?.value || n;
+    return `${l}${m}${u}`;
+  }
+  if (c === "full_precision") {
+    const l = i < 0 ? "-" : "", m = new Intl.NumberFormat(r, { style: "currency", currency: n }).formatToParts(0).find((F) => F.type === "currency")?.value || n;
+    return `${l}${m}${new Intl.NumberFormat(r, { minimumFractionDigits: 2, maximumFractionDigits: 20 }).format(Math.abs(i))}`;
+  }
+  return new Intl.NumberFormat(r, {
+    style: "currency",
+    currency: n
+  }).format(i);
+}, D = (t) => {
+  const e = b(s(t)), o = f(t);
+  if (t.value == null) return a(e, o);
+  const n = e.symbol || "$", r = e.position || "prefix", c = e.decimals ?? 2, i = e.locale || "en-US", u = o?.formatType || e.formatType, l = Number(t.value);
+  if (isNaN(l)) return String(t.value);
+  const g = N(Math.abs(l), u);
+  let m;
+  return g ? m = `${l < 0 ? "-" : ""}${g}` : u === "full_precision" ? m = `${l < 0 ? "-" : ""}${new Intl.NumberFormat(i, { minimumFractionDigits: c, maximumFractionDigits: 20 }).format(Math.abs(l))}` : m = new Intl.NumberFormat(i, {
+    minimumFractionDigits: c,
+    maximumFractionDigits: c
+  }).format(l), r === "prefix" ? `${n}${m}` : `${m}${n}`;
+}, x = (t) => {
+  const e = s(t), o = f(t);
+  if (t.value == null) return a(e, o);
+  const n = e.decimals ?? 0, r = e.locale || "en-US", c = o?.formatType || e.formatType, i = Number(t.value);
+  if (isNaN(i)) return String(t.value);
+  const u = N(Math.abs(i), c);
+  return u ? `${i < 0 ? "-" : ""}${u}` : c === "full_precision" ? `${i < 0 ? "-" : ""}${new Intl.NumberFormat(r, { minimumFractionDigits: n, maximumFractionDigits: 20 }).format(Math.abs(i))}` : new Intl.NumberFormat(r, {
+    minimumFractionDigits: n,
+    maximumFractionDigits: n
+  }).format(i);
+}, y = (t) => {
+  const e = s(t), o = f(t);
+  if (t.value == null) return a(e, o);
+  const n = Number(t.value);
+  if (isNaN(n)) return String(t.value);
+  const r = Math.abs(n), c = n < 0 ? "-" : "";
+  return r >= 1e9 ? `${c}${(r / 1e9).toFixed(1)}B` : r >= 1e6 ? `${c}${(r / 1e6).toFixed(1)}M` : r >= 1e3 ? `${c}${(r / 1e3).toFixed(1)}K` : new Intl.NumberFormat("en-US", {
+    maximumFractionDigits: 2
+  }).format(n);
+}, $ = (t) => {
+  const e = s(t), o = f(t);
+  if (t.value == null) return a(e, o);
+  const n = Number(t.value);
+  if (isNaN(n)) return String(t.value);
+  const r = e.decimals ?? 2, c = e.divideBy ?? 100, i = o?.formatType || e.formatType, u = n / c;
+  return i === "full_precision" ? new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 20
+  }).format(u) : new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: r,
+    maximumFractionDigits: r
+  }).format(u);
+}, S = (t) => {
+  const e = s(t), o = f(t);
+  if (!t.value) return a(e, o);
+  const n = e.dateStyle || "medium", r = e.locale || "en-US", c = new Date(t.value);
+  return isNaN(c.getTime()) ? String(t.value) : new Intl.DateTimeFormat(r, {
+    dateStyle: n
+  }).format(c);
+}, T = (t) => {
+  const e = s(t), o = f(t);
+  if (!t.value) return a(e, o);
+  const n = e.dateStyle || "medium", r = e.timeStyle || "short", c = e.locale || "en-US", i = new Date(t.value);
+  return isNaN(i.getTime()) ? String(t.value) : new Intl.DateTimeFormat(c, {
+    dateStyle: n,
+    timeStyle: r
+  }).format(i);
+}, w = (t) => {
+  const e = s(t), o = f(t);
+  if (t.value == null) return a(e, o);
+  const n = e.trueValue || "Yes", r = e.falseValue || "No";
+  return t.value ? n : r;
+}, M = {
+  // Currency formatters
+  currency: v,
+  currencySymbol: D,
+  // Number formatters
+  number: x,
+  compact: y,
+  compactNumber: y,
+  largeNumber: y,
+  // Percentage formatter
+  percentage: $,
+  // Date formatters
+  date: S,
+  dateTime: T,
+  // Boolean formatter
+  boolean: w
+};
+export {
+  M as AG_GRID_VALUE_FORMATTERS
+};

package/dist/components/data/data-table/column-indicator.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as e } from "../../../lib/utils.js";
+import { useImpactNovaI18n as c } from "../../../i18n/use-impact-nova-i18n.js";
+const s = ({
+  type: r,
+  className: l
+}) => {
+  const { t: o } = c(), t = {
+    sort: {
+      colorClass: "bg-indicator-sort",
+      label: o("dataTable.indicatorSortedAriaLabel")
+    },
+    filter: {
+      colorClass: "bg-indicator-filter",
+      label: o("dataTable.indicatorFilteredAriaLabel")
+    }
+  }, { colorClass: i, label: a } = t[r];
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      role: "img",
+      "data-component": "column-indicator",
+      className: e("w-2 h-2 rounded-[2px] inline-block shrink-0", i, l),
+      title: a,
+      "aria-label": a
+    }
+  );
+};
+s.displayName = "ColumnIndicator";
+export {
+  s as ColumnIndicator
+};