impact-nova 1.6.2 → 1.6.3

package/dist/components/ui/accordion-nested-list/accordion-nested-list.js

@@ -10,8 +10,8 @@ import { useImpactNovaI18n as Z } from "../../../i18n/ImpactNovaI18nContext.js";
 const ce = ({
   sections: r,
   onChange: u,
-  onSubmit: h,
-  onCancel: m,
+  onSubmit: m,
+  onCancel: h,
   enableApplyDiscard: v = !0,
   submitButtonLabel: A,
   cancelButtonLabel: g,
@@ -39,10 +39,10 @@ const ce = ({
     },
     [u, f]
   ), _ = d(() => {
-    p(), h?.(l);
-  }, [l, h, p]), q = d(() => {
-    b(), m?.();
-  }, [b, m]), z = G(() => a ? c ? c(l) : !0 : !1, [a, c, l]);
+    p(), m?.(l);
+  }, [l, m, p]), q = d(() => {
+    b(), h?.();
+  }, [b, h]), z = G(() => a ? c ? c(l) : !0 : !1, [a, c, l]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -50,7 +50,7 @@ const ce = ({
       "data-component": "accordion-nested-list",
       "data-has-changes": a ? "" : void 0,
       children: [
-        /* @__PURE__ */ t("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ t(
           H,
           {
             type: n ? "multiple" : "single",

package/dist/components/ui/accordion.d.ts

@@ -7,7 +7,6 @@ declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPr
     rightActions?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    /** Classes on the Radix content node (e.g. `overflow-visible` for portaled overlays). */
     surfaceClassName?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/accordion.js

@@ -1,68 +1,65 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import * as c from "react";
-import * as r from "@radix-ui/react-accordion";
+import * as o from "@radix-ui/react-accordion";
 import { ChevronRight as f } from "lucide-react";
 import { cn as n } from "../../lib/utils.js";
 import { Tooltip as p, TooltipTrigger as g, TooltipContent as h } from "./tooltip.js";
 import { useImpactNovaI18n as v } from "../../i18n/ImpactNovaI18nContext.js";
-const C = r.Root, x = c.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e(
-  r.Item,
+const C = o.Root, u = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
+  o.Item,
   {
-    ref: o,
+    ref: a,
     "data-item": t.value,
     "data-disabled": t.disabled ? "" : void 0,
     className: n(
-      "border-b rounded-lg bg-canvas-elevated overflow-hidden border-b-stroke-hairline",
-      a
+      "ia-accordion-item border-b rounded-lg bg-white border-b-[#D9DDE7]",
+      i
     ),
     ...t
   }
 ));
-x.displayName = "AccordionItem";
-const N = c.forwardRef(({ className: a, children: t, badge: o, rightActions: d, ...s }, l) => {
+u.displayName = "AccordionItem";
+const x = c.forwardRef(({ className: i, children: t, badge: a, rightActions: s, ...d }, l) => {
   const { t: m } = v();
-  return /* @__PURE__ */ e(r.Header, { className: "flex", children: /* @__PURE__ */ i(
-    r.Trigger,
+  return /* @__PURE__ */ e(o.Header, { className: "flex", children: /* @__PURE__ */ r(
+    o.Trigger,
     {
       ref: l,
       className: n(
-        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
-        a
+        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90 outline-none focus-visible:outline-none focus-visible:shadow-none",
+        i
       ),
-      ...s,
+      ...d,
       children: [
-        /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ r(p, { children: [
           /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(f, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
           /* @__PURE__ */ e(h, { side: "top", variant: "tertiary", children: m("aria.toggle") })
         ] }),
-        /* @__PURE__ */ i("div", { className: "flex flex-1 items-center justify-between", children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-between", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
             t,
-            o
+            a
           ] }),
-          d
+          s
         ] })
       ]
     }
   ) });
 });
-N.displayName = r.Trigger.displayName;
-const u = c.forwardRef(({ className: a, surfaceClassName: t, children: o, ...d }, s) => /* @__PURE__ */ e(
-  r.Content,
+x.displayName = o.Trigger.displayName;
+const N = c.forwardRef(({ className: i, children: t, surfaceClassName: a, ...s }, d) => /* @__PURE__ */ e(
+  o.Content,
   {
-    ref: s,
-    className: n(
-      "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      t
-    ),
-    ...d,
-    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-1", a), children: o })
+    ref: d,
+    className: n("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", a),
+    ...s,
+    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", i), children: t })
   }
 ));
-u.displayName = r.Content.displayName;
+N.displayName = o.Content.displayName;
 export {
   C as Accordion,
-  u as AccordionContent,
-  x as AccordionItem,
-  N as AccordionTrigger
+  N as AccordionContent,
+  u as AccordionItem,
+  x as AccordionTrigger
 };

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

@@ -1,18 +1,18 @@
-import { jsxs as P, jsx as m } from "react/jsx-runtime";
-import { lazy as E, useRef as J, useState as d, useCallback as h, useMemo as F, Suspense as L } from "react";
-import { ModuleRegistry as U, AllCommunityModule as V, ValidationModule as W } from "ag-grid-community";
-import { AllEnterpriseModule as _ } from "ag-grid-enterprise";
-import { AgGridReact as z } from "ag-grid-react";
-import { customAgGridTheme as B } from "./theme.js";
-import { CustomHeader as k } from "./headers/custom-header.js";
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
+import { lazy as E, useRef as L, useState as d, useCallback as h, useMemo as F, Suspense as V } from "react";
+import { ModuleRegistry as W, AllCommunityModule as _, ValidationModule as $ } from "ag-grid-community";
+import { AllEnterpriseModule as U } from "ag-grid-enterprise";
+import { AgGridReact as w } from "ag-grid-react";
+import { customAgGridTheme as z } from "./theme.js";
+import { CustomHeader as J } from "./headers/custom-header.js";
 import { CustomHeaderGroup as q } from "./headers/custom-header-group.js";
-import { GridHeaderContext as w } from "./headers/context/grid-header-context.js";
+import { GridHeaderContext as B } from "./headers/context/grid-header-context.js";
 import { convertToAgGridFilterModel as K, getMultiFilterIndices as Q, convertFromAgGridFilterModel as X } from "./headers/utils/filter-utils.js";
 import { ColumnSettingsMenu as Y } from "./headers/column-menu/column-settings-menu.js";
 import { AG_GRID_VALUE_FORMATTERS as Z } from "./value-formatters.js";
 /* empty css                */
 const ee = E(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
-U.registerModules([V, _, W]);
+W.registerModules([_, U, $]);
 function ge({
   children: i,
   defaultColDef: n,
@@ -22,7 +22,7 @@ function ge({
   onGridReady: s,
   ...o
 }) {
-  const t = J(null), [u, M] = d(null), [v, A] = d(!1), [G, C] = d(null), [D, b] = d(!1), [S, x] = d(null), [I, y] = d(null), O = h((e) => {
+  const t = L(null), [u, M] = d(null), [v, A] = d(!1), [G, C] = d(null), [D, S] = d(!1), [y, b] = d(null), [I, x] = d(null), O = h((e) => {
     if (!t.current) return;
     const r = K(e);
     t.current.setFilterModel(r), t.current.onFilterChanged();
@@ -47,39 +47,40 @@ function ge({
       O(e);
     },
     openMenu: (e, r) => {
-      x(e), y(r), b(!0);
+      b(e), x(r), S(!0);
     },
     closeMenu: () => {
-      b(!1), x(null), y(null);
+      S(!1), b(null), x(null);
     },
-    activeMenuColumnId: S
-  }), [O, S]), N = h((e) => {
+    activeMenuColumnId: y
+  }), [O, y]), R = h((e) => {
     t.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), s && s(e);
-  }, [s]), $ = F(() => ({
-    headerComponent: k,
+  }, [s]), N = F(() => ({
+    headerComponent: J,
     ...n,
     headerComponentParams: {
       ...n?.headerComponentParams
     }
-  }), [n]), R = F(() => ({
+  }), [n]), j = F(() => ({
     headerGroupComponent: q,
     ...l,
     headerGroupComponentParams: {
       ...l?.headerGroupComponentParams
     }
-  }), [l]), j = F(() => ({
-    ...o.components,
+  }), [l]), T = F(() => ({
     ...Z,
-    // Always available
+    // Always available - value formatters
+    ...o.components,
+    // User components override
     ...c
     // Optional custom formatters override defaults
-  }), [c, o.components]), T = h((e) => {
+  }), [c, o.components]), H = h((e) => {
     if (e.value !== null && e.value !== void 0 && typeof e.value == "object") {
-      const r = Object.entries(e.value).map(([g, a]) => a && typeof a == "object" && "value" in a ? `${g.toUpperCase()}: ${a.value}` : typeof a != "object" ? `${g}: ${a}` : `${g}: ${JSON.stringify(a)}`).filter(Boolean);
-      return r.length > 0 ? r.join("	") : JSON.stringify(e.value, null, 2);
+      const r = Object.entries(e.value).map(([g, a]) => a && typeof a == "object" && "value" in a ? a.value : typeof a != "object" && typeof a < "u" ? a : null).filter((g) => g != null);
+      return r.length > 0 ? r.join("	") : "";
     }
     return e.value;
-  }, []), H = h((e) => {
+  }, []), P = h((e) => {
     if (typeof e.value == "string") {
       const r = e.value.trim();
       if (r.startsWith("{") || r.startsWith("["))
@@ -91,19 +92,21 @@ function ge({
     }
     return e.value;
   }, []);
-  return /* @__PURE__ */ P(w.Provider, { value: f, children: [
+  return /* @__PURE__ */ k(B.Provider, { value: f, children: [
     /* @__PURE__ */ m(
-      z,
+      w,
       {
-        theme: B,
-        defaultColDef: $,
+        theme: z,
+        defaultColDef: N,
         columnDefs: p,
         cellSelection: !0,
-        defaultColGroupDef: R,
-        onGridReady: N,
-        components: j,
-        processCellForClipboard: T,
-        processCellFromClipboard: H,
+        defaultColGroupDef: j,
+        onGridReady: R,
+        components: T,
+        processCellForClipboard: H,
+        processCellFromClipboard: P,
+        ensureDomOrder: !0,
+        suppressGroupRowsSticky: !0,
         columnTypes: {
           numericColumn: {
             cellClass: "ag-right-aligned-cell",
@@ -144,7 +147,7 @@ function ge({
       re,
       {
         isOpen: D,
-        columnId: S,
+        columnId: y,
         gridApi: u,
         anchor: I,
         onClose: f.closeMenu
@@ -163,7 +166,7 @@ function te({
   const s = l.getColumn(n);
   if (!s) return null;
   const o = s.getColDef(), t = o.headerComponentParams, u = Q(o), M = u.text !== -1 || u.number !== -1 || u.date !== -1, v = u.set !== -1, G = o.filter === "agMultiColumnFilter" && (M || v) ? "multi" : o.filter === "agNumberColumnFilter" ? "number" : o.filter === "agDateColumnFilter" ? "date" : o.filter === "agSetColumnFilter" || t?.selectOptions ? "select" : "text", C = X(l.getFilterModel());
-  return /* @__PURE__ */ m(L, { fallback: null, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(V, { fallback: null, children: /* @__PURE__ */ m(
     ee,
     {
       isOpen: i,

package/dist/components/ui/ag-grid-react/process-backend-columndefs.js

@@ -1,5 +1,5 @@
-import { AG_GRID_VALUE_FORMATTERS as d } from "./value-formatters.js";
-const m = ["percentage", "currency", "currencySymbol", "number"], g = {
+import { AG_GRID_VALUE_FORMATTERS as a } from "./value-formatters.js";
+const d = ["percentage", "currency", "currencySymbol", "number"], g = {
   percentage: 2,
   currencySymbol: 2,
   currency: 2,
@@ -45,7 +45,7 @@ const m = ["percentage", "currency", "currencySymbol", "number"], g = {
     };
   const e = { ...t };
   if (typeof e.valueFormatter == "object" && e.valueFormatter?.type) {
-    const r = e.valueFormatter, n = d[r.type];
+    const r = e.valueFormatter, n = a[r.type];
     n ? e.valueFormatter = n : console.warn(`[processColDef] Unknown valueFormatter type: "${r.type}"`);
   }
   if (t.colorRules && t.colorRules.length > 0) {
@@ -60,17 +60,17 @@ const m = ["percentage", "currency", "currencySymbol", "number"], g = {
   }
   if (typeof t.valueFormatter == "object" && t.valueFormatter !== null) {
     const r = t.valueFormatter, { type: n, decimals: o } = r;
-    if (n && m.includes(n) && !e.filterValueGetter) {
-      const a = o ?? g[n] ?? 0, i = Math.pow(10, a), l = t.field;
-      e.filterValueGetter = (u) => {
-        const s = u.data?.[l];
+    if (n && d.includes(n) && !e.filterValueGetter) {
+      const l = o ?? g[n] ?? 0, i = Math.pow(10, l), u = t.field;
+      e.filterValueGetter = (m) => {
+        const s = m.data?.[u];
         return s == null || isNaN(Number(s)) ? s : Math.round(Number(s) * i) / i;
       };
     }
   }
-  return (e.type === "number" || e.type === "numericColumn" || e.type === "currency" || e.type === "percentage") && (e.headerClass = e.headerClass ? `${e.headerClass} ag-right-aligned-header` : "ag-right-aligned-header", e.cellClass = e.cellClass ? `${e.cellClass} ag-right-aligned-cell` : "ag-right-aligned-cell"), e;
-}, p = (t) => !t || t.length === 0 ? t : t.filter((e) => e != null).map((e) => c(e));
+  return (e.type === "number" || e.type === "numericColumn" || e.type === "currency" || e.type === "percentage") && (e.headerClass = e.headerClass ? `${e.headerClass} ag-right-aligned-header` : "ag-right-aligned-header", e.cellClass = e.cellClass ? `${e.cellClass} ag-right-aligned-cell` : "ag-right-aligned-cell"), !e.valueFormatter && (e.type === "numericColumn" || e.type === "number") && (e.valueFormatter = a.number), e;
+}, h = (t) => !t || t.length === 0 ? t : t.filter((e) => e != null).map((e) => c(e));
 export {
-  p as processBackendColumnDefs,
+  h as processBackendColumnDefs,
   c as processColDef
 };

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

@@ -4,37 +4,37 @@ const a = (e) => e?.nullDisplay ?? "-", F = (e, n) => {
 }, y = (e, n) => !n || n === "full_no" ? null : F(e, n), N = (e) => {
   const n = e.colDef, t = typeof n.valueFormatter == "object" ? n.valueFormatter : n;
   if (e.value == null) return t.nullDisplay ?? "-";
-  const o = t.currency || "USD", l = t.locale || "en-US", r = t.formatType, c = Number(e.value);
-  if (isNaN(c)) return String(e.value);
-  const s = y(Math.abs(c), r);
+  const o = t.currency || "USD", c = t.locale || "en-US", r = e.context?.formatType || t.formatType, l = Number(e.value);
+  if (isNaN(l)) return String(e.value);
+  const s = y(Math.abs(l), r);
   if (s) {
-    const u = c < 0 ? "-" : "", i = new Intl.NumberFormat(l, {
+    const u = l < 0 ? "-" : "", i = new Intl.NumberFormat(c, {
       style: "currency",
       currency: o
     }).formatToParts(0).find((D) => D.type === "currency")?.value || o;
     return `${u}${i}${s}`;
   }
-  return new Intl.NumberFormat(l, {
+  return new Intl.NumberFormat(c, {
     style: "currency",
     currency: o
-  }).format(c);
+  }).format(l);
 }, d = (e) => {
   const n = e.colDef, t = typeof n.valueFormatter == "object" ? n.valueFormatter : n;
   if (e.value == null) return t.nullDisplay ?? "-";
-  const o = t.symbol || "$", l = t.position || "prefix", r = t.decimals ?? 2, c = t.locale || "en-US", s = t.formatType, u = Number(e.value);
+  const o = t.symbol || "$", c = t.position || "prefix", r = t.decimals ?? 2, l = t.locale || "en-US", s = e.context?.formatType || t.formatType, u = Number(e.value);
   if (isNaN(u)) return String(e.value);
   const m = y(Math.abs(u), s);
   let i;
-  return m ? i = `${u < 0 ? "-" : ""}${m}` : i = new Intl.NumberFormat(c, {
+  return m ? i = `${u < 0 ? "-" : ""}${m}` : i = new Intl.NumberFormat(l, {
     minimumFractionDigits: r,
     maximumFractionDigits: r
-  }).format(u), l === "prefix" ? `${o}${i}` : `${i}${o}`;
+  }).format(u), c === "prefix" ? `${o}${i}` : `${i}${o}`;
 }, b = (e) => {
   if (e.value == null) return a(e.colDef);
-  const n = e.colDef, t = n.decimals ?? 0, o = n.locale || "en-US", l = n.formatType, r = Number(e.value);
+  const n = e.colDef, t = n.decimals ?? 0, o = n.locale || "en-US", c = e.context?.formatType || n.formatType, r = Number(e.value);
   if (isNaN(r)) return String(e.value);
-  const c = y(Math.abs(r), l);
-  return c ? `${r < 0 ? "-" : ""}${c}` : new Intl.NumberFormat(o, {
+  const l = y(Math.abs(r), c);
+  return l ? `${r < 0 ? "-" : ""}${l}` : new Intl.NumberFormat(o, {
     minimumFractionDigits: t,
     maximumFractionDigits: t
   }).format(r);
@@ -50,7 +50,7 @@ const a = (e) => e?.nullDisplay ?? "-", F = (e, n) => {
   if (e.value == null) return a(e.colDef);
   const n = Number(e.value);
   if (isNaN(n)) return String(e.value);
-  const t = e.colDef, o = t.decimals ?? 2, l = t.divideBy ?? 100, r = n / l;
+  const t = e.colDef, o = t.decimals ?? 2, c = t.divideBy ?? 100, r = n / c;
   return new Intl.NumberFormat("en-US", {
     style: "percent",
     minimumFractionDigits: o,
@@ -58,14 +58,14 @@ const a = (e) => e?.nullDisplay ?? "-", F = (e, n) => {
   }).format(r);
 }, g = (e) => {
   if (!e.value) return a(e.colDef);
-  const n = e.colDef, t = n.dateStyle || "medium", o = n.locale || "en-US", l = new Date(e.value);
-  return isNaN(l.getTime()) ? String(e.value) : new Intl.DateTimeFormat(o, {
+  const n = e.colDef, t = n.dateStyle || "medium", o = n.locale || "en-US", c = new Date(e.value);
+  return isNaN(c.getTime()) ? String(e.value) : new Intl.DateTimeFormat(o, {
     dateStyle: t
-  }).format(l);
+  }).format(c);
 }, S = (e) => {
   if (!e.value) return a(e.colDef);
-  const n = e.colDef, t = n.dateStyle || "medium", o = n.timeStyle || "short", l = n.locale || "en-US", r = new Date(e.value);
-  return isNaN(r.getTime()) ? String(e.value) : new Intl.DateTimeFormat(l, {
+  const n = e.colDef, t = n.dateStyle || "medium", o = n.timeStyle || "short", c = n.locale || "en-US", r = new Date(e.value);
+  return isNaN(r.getTime()) ? String(e.value) : new Intl.DateTimeFormat(c, {
     dateStyle: t,
     timeStyle: o
   }).format(r);