impact-nova 0.1.13 → 1.1.0

package/dist/components/layout/dashboard-layout.d.ts

@@ -1,25 +1,40 @@
 import * as React from "react";
 interface DashboardLayoutProps extends React.ComponentProps<"div"> {
     /**
-     * The Sidebar component (e.g. <AppSidebar />)
+     * The Sidebar component (e.g. <AppSidebar />).
+     * Will be wrapped in a SidebarProvider automatically.
      */
     sidebar: React.ReactNode;
     /**
-     * The Header component (e.g. <Header />)
+     * The Header component (e.g. <Header />).
+     * Rendered above the main content area, below header it sticks to the top.
      */
     header: React.ReactNode;
     /**
-     * Optional Breadcrumb component
+     * Optional breadcrumb node rendered inside a sticky BreadcrumbHeader bar.
+     * When provided, the bar is sticky at the top of the scroll area.
      */
     breadcrumb?: React.ReactNode;
     /**
-     * Optional FilterStrip component
+     * Optional content rendered on the right side of the breadcrumb header bar
+     * (e.g. action buttons, view toggles, filter toggle button).
+     */
+    breadcrumbRightContent?: React.ReactNode;
+    /**
+     * Optional FilterStrip or any content rendered below the BreadcrumbHeader bar
+     * with a smooth animated collapse/expand behaviour.
+     * Visibility is controlled by the built-in "Show/Hide Filters" toggle
+     * when `filterStrip` is provided.
      */
     filterStrip?: React.ReactNode;
     /**
-     * Main content (e.g. <Outlet /> or page content)
+     * When true, the filter strip is shown by default. Defaults to `true`.
+     */
+    defaultFiltersVisible?: boolean;
+    /**
+     * Main content (e.g. <Outlet /> or page-level content).
      */
     children: React.ReactNode;
 }
-export declare function DashboardLayout({ sidebar, header, breadcrumb, filterStrip, children, className, ...props }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardLayout({ sidebar, header, breadcrumb, breadcrumbRightContent, filterStrip, defaultFiltersVisible, children, className, ...props }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useState as W, useCallback as s, useMemo as _ } from "react";
 import { Accordion as q, AccordionItem as z, AccordionTrigger as F, AccordionContent as G } from "../accordion.js";
 import { Button as A } from "../button.js";
@@ -7,65 +7,66 @@ import { useAccordionNestedListState as J } from "./hooks/useAccordionNestedList
 import { SelectionMode as K } from "../types/nested-list.types.js";
 import { cn as P } from "../../../lib/utils.js";
 const re = ({
-  sections: t,
+  sections: l,
   onChange: d,
   onSubmit: h,
   onCancel: m,
-  enableApplyDiscard: g = !0,
-  submitButtonLabel: N = "Apply",
-  cancelButtonLabel: C = "Reset",
-  className: v = "",
+  enableApplyDiscard: N = !0,
+  submitButtonLabel: g = "Apply",
+  cancelButtonLabel: v = "Reset",
+  className: C = "",
   enableSearch: S = !0,
-  enableDragDrop: y = !0,
-  enableSelectAll: b = !0,
+  enableDragDrop: b = !0,
+  enableSelectAll: y = !0,
   selectionMode: x = K.CASCADE_DOWN,
   searchPlaceholder: k = "Search...",
   value: D,
   onValueChange: V,
-  isMultiExpanded: n = !0,
+  isMultiExpanded: t = !0,
   defaultCollapseAll: j = !1,
-  validateApply: i
+  validateApply: o
 }) => {
   const {
-    currentSections: l,
-    hasChanges: c,
+    currentSections: n,
+    hasChanges: a,
     setCurrentSection: u,
     saveAllSections: f,
     discardAllSections: p
-  } = J({ sections: t }), [L, w] = W(() => j ? n ? [] : "" : t.length > 0 ? n ? [t[0].id] : t[0].id : n ? [] : ""), B = D ?? L, I = V ?? w, M = s(
-    (e, a) => {
-      u(e, a), d?.(e, a);
+  } = J({ sections: l }), [L, w] = W(() => j ? t ? [] : "" : l.length > 0 ? t ? [l[0].id] : l[0].id : t ? [] : ""), B = D ?? L, I = V ?? w, M = s(
+    (e, i) => {
+      u(e, i), d?.(e, i);
     },
     [d, u]
   ), O = s(() => {
-    f(), h?.(l);
-  }, [l, h, f]), R = s(() => {
+    f(), h?.(n);
+  }, [n, h, f]), R = s(() => {
     p(), m?.();
-  }, [p, m]), T = _(() => c ? i ? i(l) : !0 : !1, [c, i, l]);
-  return /* @__PURE__ */ o(
+  }, [p, m]), T = _(() => a ? o ? o(n) : !0 : !1, [a, o, n]);
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: P("flex flex-col h-full", v),
-      "data-testid": "accordion-nested-list-container",
+      className: P("flex flex-col h-full", C),
+      "data-component": "accordion-nested-list",
+      "data-has-changes": a ? "" : void 0,
       children: [
         /* @__PURE__ */ r("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ r(
           q,
           {
-            type: n ? "multiple" : "single",
+            type: t ? "multiple" : "single",
             value: B,
             onValueChange: I,
             className: "space-y-4",
-            children: t.map((e) => /* @__PURE__ */ o(z, { value: e.id, children: [
+            children: l.map((e) => /* @__PURE__ */ c(z, { value: e.id, children: [
               /* @__PURE__ */ r(F, { children: e.label }),
               /* @__PURE__ */ r(G, { className: "min-h-0 h-full", children: /* @__PURE__ */ r("div", { className: "h-full min-h-0 pb-2", children: /* @__PURE__ */ r(
                 H,
                 {
-                  items: l[e.id] || [],
-                  onChange: (a) => M(e.id, a),
+                  items: n[e.id] || [],
+                  onChange: (i) => M(e.id, i),
                   enableApplyDiscard: !1,
                   enableSearch: S,
-                  enableDragDrop: y,
-                  enableSelectAll: b,
+                  enableDragDrop: b,
+                  enableSelectAll: y,
                   selectionMode: e.selectionMode ?? x,
                   searchPlaceholder: k,
                   className: "h-full"
@@ -74,15 +75,14 @@ const re = ({
             ] }, e.id))
           }
         ) }),
-        g && /* @__PURE__ */ o("div", { className: "flex-shrink-0 flex justify-end gap-2 pt-4 border-t mt-4", children: [
+        N && /* @__PURE__ */ c("div", { className: "flex-shrink-0 flex justify-end gap-2 pt-4 border-t mt-4", children: [
           /* @__PURE__ */ r(
             A,
             {
               variant: "tertiary",
               onClick: R,
-              disabled: !c,
-              "data-testid": "discard-changes",
-              children: C
+              disabled: !a,
+              children: v
             }
           ),
           /* @__PURE__ */ r(
@@ -91,8 +91,7 @@ const re = ({
               variant: "default",
               onClick: O,
               disabled: !T,
-              "data-testid": "apply-changes",
-              children: N
+              children: g
             }
           )
         ] })

package/dist/components/ui/accordion.js

@@ -1,49 +1,51 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as s from "react";
-import * as e from "@radix-ui/react-accordion";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as n from "react";
+import * as t from "@radix-ui/react-accordion";
 import { ChevronRight as l } from "lucide-react";
-import { cn as d } from "../../lib/utils.js";
-const v = e.Root, f = s.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(
-  e.Item,
+import { cn as s } from "../../lib/utils.js";
+const v = t.Root, f = n.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ a(
+  t.Item,
   {
-    ref: a,
-    className: d("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", r),
-    ...o
+    ref: o,
+    "data-item": e.value,
+    "data-disabled": e.disabled ? "" : void 0,
+    className: s("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", r),
+    ...e
   }
 ));
 f.displayName = "AccordionItem";
-const p = s.forwardRef(({ className: r, children: o, badge: a, rightActions: i, ...c }, m) => /* @__PURE__ */ t(e.Header, { className: "flex", children: /* @__PURE__ */ n(
-  e.Trigger,
+const p = n.forwardRef(({ className: r, children: e, badge: o, rightActions: i, ...c }, m) => /* @__PURE__ */ a(t.Header, { className: "flex", children: /* @__PURE__ */ d(
+  t.Trigger,
   {
     ref: m,
-    className: d(
+    className: s(
       "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",
       r
     ),
     ...c,
     children: [
-      /* @__PURE__ */ t("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__ */ t(l, { className: "h-4 w-4 transition-transform duration-200" }) }),
-      /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between", children: [
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-          o,
-          a
+      /* @__PURE__ */ a("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__ */ a(l, { className: "h-4 w-4 transition-transform duration-200" }) }),
+      /* @__PURE__ */ d("div", { className: "flex flex-1 items-center justify-between", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-3", children: [
+          e,
+          o
         ] }),
         i
       ] })
     ]
   }
 ) }));
-p.displayName = e.Trigger.displayName;
-const x = s.forwardRef(({ className: r, children: o, ...a }, i) => /* @__PURE__ */ t(
-  e.Content,
+p.displayName = t.Trigger.displayName;
+const x = n.forwardRef(({ className: r, children: e, ...o }, i) => /* @__PURE__ */ a(
+  t.Content,
   {
     ref: i,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...a,
-    children: /* @__PURE__ */ t("div", { className: d("px-4 pb-4 pt-2", r), children: o })
+    ...o,
+    children: /* @__PURE__ */ a("div", { className: s("px-4 pb-4 pt-2", r), children: e })
   }
 ));
-x.displayName = e.Content.displayName;
+x.displayName = t.Content.displayName;
 export {
   v as Accordion,
   x as AccordionContent,

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

@@ -1,50 +1,61 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { CalendarDays as m } from "lucide-react";
-const f = (e, i) => {
-  if (e == null || e === "") return "";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import "lucide-react";
+const u = (t, r) => {
+  if (t == null || t === "") return "";
   try {
-    const t = e instanceof Date ? e : new Date(String(e));
-    return isNaN(t.getTime()) ? String(e) : i === "time" ? t.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : i === "datetime-local" ? t.toLocaleString(void 0, {
+    const i = t instanceof Date ? t : new Date(String(t));
+    return isNaN(i.getTime()) ? String(t) : r === "time" ? i.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : r === "datetime-local" ? i.toLocaleString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric",
       hour: "2-digit",
       minute: "2-digit"
-    }) : t.toLocaleDateString(void 0, {
+    }) : i.toLocaleDateString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric"
     });
   } catch {
-    return String(e);
+    return String(t);
   }
-}, h = (e) => {
+}, m = (t) => {
   const {
-    valueFormatted: i,
-    value: t,
-    dateType: d = "date",
-    placeholder: l = "Select date...",
+    valueFormatted: r,
+    value: i,
+    dateType: s = "date",
+    placeholder: h = "Select date...",
     disabled: n,
-    colDef: s
-  } = e, c = !n && s?.editable === !0, a = i ?? f(t, d), o = !a;
-  return /* @__PURE__ */ r(
+    colDef: l
+  } = t, c = !n && l?.editable === !0, a = r ?? u(i, s), d = !a;
+  return /* @__PURE__ */ e(
     "div",
     {
       className: `w-full h-full flex items-center ag-cell-inner-padding ${n ? "opacity-60 cursor-not-allowed" : c ? "in-ag-editable-cell-highlight" : ""}`,
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ o(
         "div",
         {
           className: "flex w-full items-center justify-between rounded-[8px] bg-white px-1.5 h-7 cursor-pointer",
           children: [
-            /* @__PURE__ */ r("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${o ? "text-[#dfe2e7]" : ""}`, children: o ? l : a }),
-            /* @__PURE__ */ r(m, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+            /* @__PURE__ */ e("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${d ? "text-[#dfe2e7]" : ""}`, children: d ? h : a }),
+            /* @__PURE__ */ e("span", { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", children: /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+              /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+              /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+              /* @__PURE__ */ e("path", { d: "M3 10h18" }),
+              /* @__PURE__ */ e("path", { d: "M8 14h.01" }),
+              /* @__PURE__ */ e("path", { d: "M12 14h.01" }),
+              /* @__PURE__ */ e("path", { d: "M16 14h.01" }),
+              /* @__PURE__ */ e("path", { d: "M8 18h.01" }),
+              /* @__PURE__ */ e("path", { d: "M12 18h.01" }),
+              /* @__PURE__ */ e("path", { d: "M16 18h.01" })
+            ] }) })
           ]
         }
       )
     }
   );
 };
-h.displayName = "DateDisplayRenderer";
+m.displayName = "DateDisplayRenderer";
 export {
-  h as DateDisplayRenderer
+  m as DateDisplayRenderer
 };

package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.d.ts

@@ -8,15 +8,13 @@ export interface DateCellEditorProps extends ICellEditorParams {
     max?: string;
 }
 /**
- * DateCellEditor - AG Grid popup cell editor with a native date input.
+ * DateCellEditor - AG Grid popup cell editor using the project's Calendar component.
  *
- * Uses the browser's native date picker for reliable cross-browser support.
- * Mounted by AG Grid as a popup editor (requires `cellEditorPopup: true`).
+ * Opens the Calendar directly on mount so the user sees the calendar popup
+ * immediately on click — no extra interaction needed.
  *
  * Returns an ISO string on commit, which AG Grid stores as the cell value.
  *
- * Only holds a single piece of state: the current date string.
- *
  * Usage in colDef:
  * ```ts
  * {

package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.js

@@ -1,30 +1,26 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as h, useRef as y, useState as S, useImperativeHandle as b, useCallback as u } from "react";
-const w = (e, n) => {
-  if (e == null || e === "") return "";
-  try {
-    const t = e instanceof Date ? e : new Date(String(e));
-    return isNaN(t.getTime()) ? "" : n === "date" ? t.toISOString().split("T")[0] : n === "datetime-local" ? t.toISOString().slice(0, 16) : n === "time" ? t.toISOString().slice(11, 16) : "";
-  } catch {
-    return "";
-  }
-}, C = h((e, n) => {
+import { jsx as S } from "react/jsx-runtime";
+import { forwardRef as M, useState as b, useImperativeHandle as y, useEffect as N, useCallback as c } from "react";
+import { Calendar as P } from "../../../calendar.js";
+const d = (t) => {
+  if (!(t == null || t === ""))
+    try {
+      const n = t instanceof Date ? t : new Date(String(t));
+      return isNaN(n.getTime()) ? void 0 : n;
+    } catch {
+      return;
+    }
+}, I = M((t, n) => {
   const {
-    value: t,
-    dateType: a = "date",
-    min: l,
-    max: d,
-    stopEditing: s
-  } = e, i = y(null), [o, f] = S(w(t, a));
-  b(n, () => ({
+    value: l,
+    min: u,
+    max: p,
+    node: i,
+    column: m,
+    stopEditing: f
+  } = t, g = d(l), [C, h] = b(g), [v, D] = b(g || /* @__PURE__ */ new Date());
+  y(n, () => ({
     getValue() {
-      if (!o) return null;
-      if (a === "time") return o;
-      try {
-        return new Date(o).toISOString();
-      } catch {
-        return o;
-      }
+      return l;
     },
     isCancelBeforeStart() {
       return !1;
@@ -34,40 +30,46 @@ const w = (e, n) => {
     },
     isPopup() {
       return !0;
-    },
-    afterGuiAttached() {
-      if (i.current) {
-        i.current.focus();
-        try {
-          i.current.showPicker?.();
-        } catch {
-        }
-      }
     }
-  }));
-  const p = u((r) => {
-    f(r.target.value);
-  }, []), m = u((r) => {
-    r.key === "Enter" || r.key === "Escape" || r.key === "Tab" || r.stopPropagation();
-  }, []), g = u(() => {
-    s();
-  }, [s]);
-  return /* @__PURE__ */ c("div", { className: "p-1 bg-white border border-primary rounded-md shadow-lg", children: /* @__PURE__ */ c(
-    "input",
+  })), N(() => {
+    const e = "ag-custom-component-popup", a = (o) => {
+      o instanceof HTMLElement && o.hasAttribute("data-radix-popper-content-wrapper") && o.classList.add(e);
+    }, s = new MutationObserver((o) => {
+      for (const L of o)
+        L.addedNodes.forEach(a);
+    });
+    return s.observe(document.body, { childList: !0, subtree: !0 }), document.querySelectorAll("[data-radix-popper-content-wrapper]").forEach((o) => {
+      o.classList.add(e);
+    }), () => s.disconnect();
+  }, []);
+  const r = c((e) => {
+    const a = m?.getColId();
+    if (a && i) {
+      const s = e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : null;
+      i.setDataValue(a, s);
+    }
+    f();
+  }, [m, i, f]), w = c((e) => {
+    h(e), r(e);
+  }, [r]), E = c(() => {
+    h(void 0), r(void 0);
+  }, [r]), A = u ? d(u) : void 0, x = p ? d(p) : void 0;
+  return /* @__PURE__ */ S("div", { className: "ag-custom-component-popup bg-white border border-input rounded-md shadow-lg", children: /* @__PURE__ */ S(
+    P,
     {
-      ref: i,
-      type: a,
-      value: o,
-      onChange: p,
-      onKeyDown: m,
-      onBlur: g,
-      min: l,
-      max: d,
-      className: "px-2 py-1.5 text-sm font-medium bg-white border border-input rounded focus:outline-none focus:border-primary cursor-pointer"
+      mode: "single",
+      selected: C,
+      onSelect: w,
+      month: v,
+      onMonthChange: D,
+      disabled: { before: A, after: x },
+      showFooter: !1,
+      onClear: E,
+      captionLayout: "dropdown"
     }
   ) });
 });
-C.displayName = "DateCellEditor";
+I.displayName = "DateCellEditor";
 export {
-  C as DateCellEditor
+  I as DateCellEditor
 };

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

@@ -30,6 +30,11 @@ export interface CellUpdatePayload {
     newValue: unknown;
     value: unknown;
     field: string;
+    currentCellUpdate: {
+        valueKey: string;
+        field: string;
+        newValue: unknown;
+    };
 }
 export interface SplitCellEditorProps extends Omit<ICellEditorParams, 'context'> {
     splits: SplitConfig[];

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

@@ -1,36 +1,38 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as x, useRef as N, useCallback as $ } from "react";
-const K = x((y, S) => {
-  const { splits: s, commonParams: c, data: f, node: r, api: m, column: p, context: o, value: a, colDef: u, metaData: E } = y, i = N({
-    valueKey: null,
-    field: null,
-    newValue: null
-  }), g = $(() => {
-    const e = i.current, l = {
-      api: m,
-      colDef: u,
-      column: p,
-      context: o,
-      data: f,
-      field: u.field,
-      node: r,
-      rowIndex: r?.rowIndex ?? null,
-      rowPinned: r?.rowPinned ?? void 0,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as U, useMemo as E, useState as I, useCallback as P } from "react";
+const R = U((V) => {
+  const { splits: r, commonParams: f, data: s, node: o, api: p, column: m, context: i, value: a, colDef: d } = V, h = E(() => r?.map((e) => {
+    const l = e?.field?.split(".")?.pop() ?? "", n = a?.[l]?.value;
+    return { valueKey: l, field: e.field, newValue: n };
+  }) ?? [], [r, a]), [u, b] = I(h), x = P((e) => {
+    const l = u.find((t) => t.field === e);
+    if (!l)
+      return;
+    const n = {
+      api: p,
+      colDef: d,
+      column: m,
+      context: i,
+      data: s,
+      field: d.field,
+      node: o,
+      rowIndex: o?.rowIndex ?? null,
+      rowPinned: o?.rowPinned ?? void 0,
       source: "edit",
       type: "cellValueChanged",
-      currentCellUpdate: i.current,
-      newValue: { [e.valueKey]: { value: e.newValue } },
-      oldValue: { [e.valueKey]: { value: a?.[e.valueKey]?.value } },
-      value: { [e.valueKey]: { value: e.newValue } }
+      currentCellUpdate: l,
+      newValue: { [l.valueKey]: { value: l.newValue } },
+      oldValue: { [l.valueKey]: { value: a?.[l.valueKey]?.value } },
+      value: { [l.valueKey]: { value: l.newValue } }
     };
-    r.setDataValue(u.field, { ...a, [e.valueKey]: { value: e.newValue } }), o?.onCellUpdate?.(l);
-  }, [m, u, p, o, f, r, a]), h = (e) => {
+    o.setDataValue(d.field, { ...a, [l.valueKey]: { value: l.newValue } }), i?.onCellUpdate?.(n);
+  }, [u, p, d, m, i, s, o, a]), N = (e) => {
     if (typeof e == "string") {
-      const l = m?.getGridOption("components");
-      return o?.frameworkComponents?.[e] || l?.[e];
+      const l = p?.getGridOption("components");
+      return i?.frameworkComponents?.[e] || l?.[e];
     }
     return e;
-  }, V = (e, l) => {
+  }, $ = (e, l) => {
     if (!l) return "--";
     let n = l;
     switch (e?.decimals != null && !isNaN(Number(l)) && (n = Number(l).toFixed(e.decimals)), e.type) {
@@ -46,44 +48,40 @@ const K = x((y, S) => {
         return n;
     }
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
-      style: { display: "grid", gridTemplateRows: `repeat(${s?.length}, 1fr)`, height: "100%", width: "100%" },
-      children: s?.map((e, l) => {
-        const n = e?.field?.split(".")?.pop(), t = a?.[n]?.value;
-        i.current = {
-          valueKey: n,
-          field: e.field,
-          newValue: t
-        };
-        const b = e?.valueFormatter ? V(e.valueFormatter, t?.toString()) : t?.toString(), v = e.editable ? c.cellEditor : c.cellRenderer ? c.cellRenderer : void 0, w = v ? h(v) : void 0;
-        return /* @__PURE__ */ d(
+      style: { display: "grid", gridTemplateRows: `repeat(${r?.length}, 1fr)`, height: "100%", width: "100%" },
+      children: r?.map((e, l) => {
+        const n = e?.field?.split(".")?.pop(), t = a?.[n]?.value, v = s?.valueFormatter ?? e?.valueFormatter ?? null, S = v ? $(v, t?.toString()) : t?.toString(), w = e.editable ? f.cellEditor : f.cellRenderer ? f.cellRenderer : void 0, g = w ? N(w) : void 0;
+        return /* @__PURE__ */ c(
           "div",
           {
             className: "flex items-center max-h-full overflow-hidden",
-            children: w ? /* @__PURE__ */ d(
-              w,
+            children: g ? /* @__PURE__ */ c(
+              g,
               {
-                context: o,
-                data: f,
+                context: i,
+                data: s,
                 value: t,
-                onValueChange: (C) => {
-                  i.current = {
+                onValueChange: (y) => {
+                  const C = u.find((K) => K.field === e.field);
+                  C ? C.newValue = y : b([...u, {
                     valueKey: n,
                     field: e.field,
-                    newValue: C
-                  };
+                    newValue: y
+                  }]);
                 },
-                valueFormatted: b,
+                valueFormatted: S,
                 colDef: e,
                 stopEditing: () => {
-                  g();
+                  x(e.field);
                 },
+                node: o,
                 suppressAutoFocus: l !== 0,
-                className: l !== s.length - 1 ? "border-b border-gray-200" : ""
+                className: l !== r.length - 1 ? "border-b border-gray-200" : ""
               }
-            ) : /* @__PURE__ */ d(
+            ) : /* @__PURE__ */ c(
               "div",
               {
                 className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap",
@@ -97,7 +95,7 @@ const K = x((y, S) => {
     }
   );
 });
-K.displayName = "SplitCellEditor";
+R.displayName = "SplitCellEditor";
 export {
-  K as SplitCellEditor
+  R as SplitCellEditor
 };

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

@@ -1,4 +1,4 @@
-import { ICellRendererParams } from 'ag-grid-community';
+import { ICellRendererParams } from 'ag-grid-enterprise';
 export interface InputDisplayRendererProps extends ICellRendererParams {
     /** Placeholder text shown when value is empty */
     placeholder?: string;