impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.9

package/dist/components/data/data-table/data-table-column-def-pin.d.ts

@@ -14,12 +14,17 @@ export interface RuntimeColumnDefsResult {
     runtimeColumnDefs: (ColDef | ColGroupDef)[];
     extractedRuntimeDefaults: ExtractedColumnRuntimeDefaults;
 }
+export interface SuppressInitialRuntimeState {
+    columnPinning?: boolean;
+    columnVisibility?: boolean;
+}
 /**
- * AG Grid reapplies `colDef.pinned` / `colDef.hide` on column-definition refresh.
- * User changes belong in runtime column state / `initialState`, not on defs.
+ * AG Grid reapplies stateful `colDef.pinned` / `colDef.hide` on column-definition
+ * refresh. Apps may pass `pinned` / `hide` (or `initialPinned` / `initialHide`);
+ * DataTable maps them to initial attrs on grid-facing defs and `initialState`.
  */
 export declare function extractRuntimeColumnDefs(columnDefs: (ColDef | ColGroupDef)[] | undefined): RuntimeColumnDefsResult;
 /** @deprecated Use `extractedRuntimeDefaults.columnPinning` from `extractRuntimeColumnDefs`. */
 export declare function getExtractedColumnPinning(result: RuntimeColumnDefsResult): ExtractedColumnPinning;
-export declare function mergeInitialColumnPinningState(userInitialState: GridState | undefined, extractedColumnPinning: ExtractedColumnPinning): GridState | undefined;
-export declare function mergeInitialGridRuntimeState(userInitialState: GridState | undefined, extractedRuntimeDefaults: ExtractedColumnRuntimeDefaults): GridState | undefined;
+export declare function mergeInitialColumnPinningState(userInitialState: GridState | undefined, extractedColumnPinning: ExtractedColumnPinning, suppress?: SuppressInitialRuntimeState): GridState | undefined;
+export declare function mergeInitialGridRuntimeState(userInitialState: GridState | undefined, extractedRuntimeDefaults: ExtractedColumnRuntimeDefaults, suppress?: SuppressInitialRuntimeState): GridState | undefined;

package/dist/components/data/data-table/data-table-column-def-pin.js

@@ -1,66 +1,66 @@
-function d(n) {
-  const i = n.colId ?? n.field;
-  return typeof i == "string" && i.length > 0 ? i : void 0;
+function h(i) {
+  const n = i.colId ?? i.field;
+  return typeof n == "string" && n.length > 0 ? n : void 0;
 }
-function s(n, i, r) {
-  if (i === "left" || i === !0) {
-    r.leftColIds.push(n);
+function c(i, n, e) {
+  if (n === "left" || n === !0) {
+    e.leftColIds.push(i);
     return;
   }
-  i === "right" && r.rightColIds.push(n);
+  n === "right" && e.rightColIds.push(i);
 }
-function h(n, i) {
-  const r = d(n);
-  if (r && (n.pinned != null && s(r, n.pinned, i.columnPinning), n.hide === !0 && i.columnVisibility.hiddenColIds.push(r)), n.pinned === void 0 && n.hide === void 0)
-    return n;
-  const { pinned: e, hide: t, ...o } = n;
-  return o;
+function m(i, n) {
+  const e = h(i), d = i.pinned ?? i.initialPinned, t = i.hide ?? i.initialHide;
+  if (e && (d != null && c(e, d, n.columnPinning), t === !0 && n.columnVisibility.hiddenColIds.push(e)), !(i.pinned !== void 0 || i.hide !== void 0 || i.initialPinned !== void 0 || i.initialHide !== void 0))
+    return i;
+  const { pinned: o, hide: C, initialPinned: f, initialHide: P, ...s } = i, l = { ...s };
+  return d !== void 0 && (l.initialPinned = d), t !== void 0 && (l.initialHide = t), l;
 }
-function u(n, i) {
-  let r = !1;
-  const e = n.map((t) => {
+function u(i, n) {
+  let e = !1;
+  const d = i.map((t) => {
     if ("children" in t && t.children) {
-      const l = u(
+      const o = u(
         t.children,
-        i
+        n
       );
-      return l === t.children ? t : (r = !0, {
+      return o === t.children ? t : (e = !0, {
         ...t,
-        children: l
+        children: o
       });
     }
-    const o = h(
+    const r = m(
       t,
-      i
+      n
     );
-    return o !== t && (r = !0), o;
+    return r !== t && (e = !0), r;
   });
-  return r ? e : n;
+  return e ? d : i;
 }
-function c() {
+function g() {
   return {
     columnPinning: { leftColIds: [], rightColIds: [] },
     columnVisibility: { hiddenColIds: [] }
   };
 }
-function m(n) {
-  const i = c();
-  return !n || n.length === 0 ? { runtimeColumnDefs: [], extractedRuntimeDefaults: i } : {
+function v(i) {
+  const n = g();
+  return !i || i.length === 0 ? { runtimeColumnDefs: [], extractedRuntimeDefaults: n } : {
     runtimeColumnDefs: u(
-      n,
-      i
+      i,
+      n
     ),
-    extractedRuntimeDefaults: i
+    extractedRuntimeDefaults: n
   };
 }
-function g(n, i) {
-  const r = i.columnPinning.leftColIds.length > 0 || i.columnPinning.rightColIds.length > 0, e = i.columnVisibility.hiddenColIds.length > 0;
-  if (!n && !r && !e)
+function y(i, n, e) {
+  const d = !e?.columnPinning && (n.columnPinning.leftColIds.length > 0 || n.columnPinning.rightColIds.length > 0), t = !e?.columnVisibility && n.columnVisibility.hiddenColIds.length > 0;
+  if (!i && !d && !t)
     return;
-  const t = { ...n };
-  return !n?.columnPinning && r && (t.columnPinning = i.columnPinning), !n?.columnVisibility && e && (t.columnVisibility = i.columnVisibility), !t.columnPinning && !t.columnVisibility && Object.keys(t).length === 0 ? n : Object.keys(t).length > 0 ? t : void 0;
+  const r = { ...i };
+  return !i?.columnPinning && d && (r.columnPinning = n.columnPinning), !i?.columnVisibility && t && (r.columnVisibility = n.columnVisibility), !r.columnPinning && !r.columnVisibility && Object.keys(r).length === 0 ? i : Object.keys(r).length > 0 ? r : void 0;
 }
 export {
-  m as extractRuntimeColumnDefs,
-  g as mergeInitialGridRuntimeState
+  v as extractRuntimeColumnDefs,
+  y as mergeInitialGridRuntimeState
 };

package/dist/components/data/data-table/data-table-saved-views.js

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as W, jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { ChevronRight as ge, Star as I, Search as ye, Bookmark as we, Pencil as Ne, Bin as Te } from "impact-nova-icons";
+import { ChevronRight as xe, Star as I, Search as ye, Bookmark as we, Pencil as Ne, Bin as Te } from "impact-nova-icons";
 import { cn as k } from "../../../lib/utils.js";
 import { useImpactNovaI18n as ke } from "../../../i18n/use-impact-nova-i18n.js";
 import { Popover as Ve, PopoverTrigger as Ce, PopoverContent as Se } from "../../feedback/popover/popover.js";
@@ -14,7 +14,7 @@ import { Prompt as De } from "../../forms/prompt/prompt.js";
 function Me(b) {
   return b.isSystemView ? "system" : b.isDefaultView ? "default" : b.isActive ? "active" : "other";
 }
-const Ae = ["default", "active", "system"], Ye = ({
+const Ae = ["default", "active", "system"], _e = ({
   isSaveViewEnabled: b = !0,
   views: o,
   activeViewSummary: te,
@@ -24,7 +24,7 @@ const Ae = ["default", "active", "system"], Ye = ({
   onMenuOpenChange: E,
   onSearch: V,
   isLoadingViews: L = !1,
-  customListContent: _,
+  customListContent: U,
   disableApply: ie = !1,
   className: re,
   onSaveViewClick: le,
@@ -32,7 +32,7 @@ const Ae = ["default", "active", "system"], Ye = ({
   onCancel: oe,
   onEditView: de,
   onDeleteView: ce,
-  onSetDefaultView: U
+  onSetDefaultView: Q
 }) => {
   const { t: a } = ke(), C = R !== void 0, [me, y] = n.useState(null), [ue, pe] = n.useState(
     ne
@@ -41,17 +41,17 @@ const Ae = ["default", "active", "system"], Ye = ({
       C || pe(e), E?.(e);
     },
     [C, E]
-  ), [v, S] = n.useState("All"), [w, z] = n.useState(""), [Q, D] = n.useState("");
+  ), [v, S] = n.useState("All"), [w, z] = n.useState(""), [F, D] = n.useState("");
   n.useEffect(() => {
     const e = window.setTimeout(() => D(w), 300);
     return () => window.clearTimeout(e);
   }, [w]), n.useEffect(() => {
-    V && V(Q);
-  }, [Q, V]);
-  const F = n.useMemo(
+    V && V(F);
+  }, [F, V]);
+  const Y = n.useMemo(
     () => o.find((e) => e.isActive),
     [o]
-  ), d = F ?? null, Y = te ?? F?.viewName ?? a("dataTable.savedViewsNotApplicable"), [N, M] = n.useState(null), [x, $] = n.useState(null), K = n.useRef(!1);
+  ), d = Y ?? null, _ = te ?? Y?.viewName ?? a("dataTable.savedViewsNotApplicable"), [N, M] = n.useState(null), [g, $] = n.useState(null), K = n.useRef(!1);
   n.useEffect(() => {
     const e = u && !K.current;
     if (K.current = u, e) {
@@ -59,20 +59,20 @@ const Ae = ["default", "active", "system"], Ye = ({
       M(r?.id ?? null), S("All"), z(""), D("");
     }
   }, [u, o]);
-  const g = n.useMemo(() => v === "All" ? o : o.filter((e) => e.viewType === v), [o, v]), f = w.trim().toLowerCase(), T = n.useCallback(
+  const x = n.useMemo(() => v === "All" ? o : o.filter((e) => e.viewType === v), [o, v]), f = w.trim().toLowerCase(), T = n.useCallback(
     (e, r) => r ? (e.viewName ?? "").trim().toLowerCase().includes(r) : !0,
     []
   ), A = n.useMemo(() => {
-    let e = g;
+    let e = x;
     return f && (e = e.filter((r) => T(r, f))), e;
-  }, [g, f, T]), h = n.useMemo(() => {
-    if (g.length === 0) return [];
-    const e = Object.groupBy(g, Me);
+  }, [x, f, T]), h = n.useMemo(() => {
+    if (x.length === 0) return [];
+    const e = Object.groupBy(x, Me);
     return Ae.flatMap((r) => {
       const c = e[r]?.[0];
       return c ? f && !T(c, f) ? [] : [c] : [];
     });
-  }, [g, f, T]), P = n.useMemo(() => {
+  }, [x, f, T]), P = n.useMemo(() => {
     const e = new Set(h.map((r) => r.id));
     return A.filter((r) => !e.has(r.id));
   }, [A, h]), G = N === null ? null : o.find((e) => e.id === N) ?? null, fe = () => {
@@ -85,7 +85,7 @@ const Ae = ["default", "active", "system"], Ye = ({
   if (!b)
     return null;
   const ve = o.length > 0, H = (e, r, c) => {
-    const O = N === e.id, s = me === e.id, J = r === "priority" && !!e.isActive, xe = r === "list" && !!e.isActive;
+    const O = N === e.id, s = me === e.id, J = r === "priority" && !!e.isActive, ge = r === "list" && !!e.isActive;
     return /* @__PURE__ */ i(
       "div",
       {
@@ -119,7 +119,7 @@ const Ae = ["default", "active", "system"], Ye = ({
               {
                 className: k(
                   "min-w-0 flex-1 truncate relative z-10",
-                  xe && "underline decoration-primary decoration-2 underline-offset-2"
+                  ge && "underline decoration-primary decoration-2 underline-offset-2"
                 ),
                 children: e.viewName
               }
@@ -161,13 +161,13 @@ const Ae = ["default", "active", "system"], Ye = ({
                 type: "button",
                 variant: "ghost",
                 size: "iconSm",
-                className: "text-yellow-500 hover:text-yellow-600 disabled:opacity-50",
+                className: "text-warning hover:text-badge-warning-ink disabled:opacity-50",
                 "aria-label": a("dataTable.savedViewsDefaultAction"),
                 disabled: s,
                 onClick: (l) => {
-                  l.stopPropagation(), l.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), U?.(e, { activeView: d }));
+                  l.stopPropagation(), l.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), Q?.(e, { activeView: d }));
                 },
-                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-yellow-500" })
+                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-warning" })
               }
             ) : /* @__PURE__ */ t(
               m,
@@ -175,13 +175,13 @@ const Ae = ["default", "active", "system"], Ye = ({
                 type: "button",
                 variant: "ghost",
                 size: "iconSm",
-                className: "text-yellow-500 hover:text-yellow-600 disabled:opacity-50",
+                className: "text-warning hover:text-badge-warning-ink disabled:opacity-50",
                 "aria-label": a("dataTable.savedViewsSetDefault"),
                 disabled: s,
                 onClick: (l) => {
-                  l.stopPropagation(), l.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), U?.(e, { activeView: d }));
+                  l.stopPropagation(), l.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), Q?.(e, { activeView: d }));
                 },
-                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 text-yellow-500" })
+                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 text-warning" })
               }
             )
           ] })
@@ -201,8 +201,8 @@ const Ae = ["default", "active", "system"], Ye = ({
         ),
         children: [
           L ? /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: [
-            /* @__PURE__ */ t(B, { className: "h-6 w-24 rounded-full bg-black/10" }),
-            /* @__PURE__ */ t(B, { className: "h-6 w-6 shrink-0 rounded-md bg-black/10" })
+            /* @__PURE__ */ t(B, { className: "h-6 w-24 rounded-full bg-scrim-skeleton" }),
+            /* @__PURE__ */ t(B, { className: "h-6 w-6 shrink-0 rounded-md bg-scrim-skeleton" })
           ] }) : ve ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-start gap-1 overflow-hidden", children: /* @__PURE__ */ i(Ve, { open: u, onOpenChange: be, children: [
             /* @__PURE__ */ t(Ce, { asChild: !0, children: /* @__PURE__ */ i(
               "button",
@@ -220,20 +220,20 @@ const Ae = ["default", "active", "system"], Ye = ({
                         color: "success",
                         variant: "outline",
                         className: "w-fit max-w-full min-w-0 shrink font-['Manrope']",
-                        children: Y
+                        children: _
                       }
                     ) }),
-                    /* @__PURE__ */ t(q, { variant: "tertiary", side: "top", children: Y })
+                    /* @__PURE__ */ t(q, { variant: "tertiary", side: "top", children: _ })
                   ] }),
                   /* @__PURE__ */ t(
                     "span",
                     {
                       className: k(
-                        "flex size-6 shrink-0 items-center justify-center rounded-md bg-white transition-transform duration-200",
+                        "flex size-6 shrink-0 items-center justify-center rounded-md bg-canvas-elevated transition-transform duration-200",
                         u && "rotate-180"
                       ),
                       "aria-hidden": !0,
-                      children: /* @__PURE__ */ t(ge, { className: "size-3.5 rotate-90 text-content-charcoal" })
+                      children: /* @__PURE__ */ t(xe, { className: "size-3.5 rotate-90 text-content-charcoal" })
                     }
                   )
                 ]
@@ -243,13 +243,13 @@ const Ae = ["default", "active", "system"], Ye = ({
               Se,
               {
                 align: "start",
-                className: "z-[50] w-[min(100vw-24px,280px)] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)] overflow-visible",
+                className: "z-[50] w-[min(100vw-24px,280px)] p-0 shadow-elevation-floating overflow-visible",
                 sideOffset: 8,
                 children: /* @__PURE__ */ i("div", { className: "flex flex-col py-2", children: [
                   /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-2 px-3 pb-2", children: [
                     /* @__PURE__ */ t("span", { className: "text-sm font-medium text-content-charcoal font-['Manrope']", children: a("dataTable.savedViewsTitle") }),
                     /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
-                      /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-yellow-500" }),
+                      /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-warning" }),
                       a("dataTable.savedViewsDefault")
                     ] })
                   ] }),
@@ -310,7 +310,7 @@ const Ae = ["default", "active", "system"], Ye = ({
                       "aria-label": a("dataTable.savedViewsSearchPlaceholder")
                     }
                   ) }),
-                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: _ || (L ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(B, { className: "h-9 w-full rounded-lg" }, e)) }) : A.length === 0 && h.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ i("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
+                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: U || (L ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(B, { className: "h-9 w-full rounded-lg" }, e)) }) : A.length === 0 && h.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ i("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
                     h.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: h.map(
                       (e) => H(
                         e,
@@ -381,22 +381,22 @@ const Ae = ["default", "active", "system"], Ye = ({
       De,
       {
         variant: "destructive",
-        open: x !== null,
+        open: g !== null,
         onOpenChange: (e) => {
           e || $(null);
         },
         title: a("dataTable.savedViewsDeleteConfirmTitle"),
-        description: x ? a("dataTable.savedViewsDeleteConfirmDescription", {
-          viewName: x.viewName
+        description: g ? a("dataTable.savedViewsDeleteConfirmDescription", {
+          viewName: g.viewName
         }) : void 0,
         confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
         onConfirm: () => {
-          x && ce?.(x, { activeView: d });
+          g && ce?.(g, { activeView: d });
         }
       }
     )
   ] });
 };
 export {
-  Ye as DataTableSavedViews
+  _e as DataTableSavedViews
 };

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

@@ -1,50 +1,50 @@
-import { jsx as n, jsxs as R } from "react/jsx-runtime";
-import { useState as g, useMemo as m, useCallback as D, useEffect as y, memo as v } from "react";
-import { AgGridWrapper as E } from "../ag-grid-react/index.js";
+import { jsx as n, jsxs as E } from "react/jsx-runtime";
+import { useState as g, useMemo as u, useCallback as D, useEffect as w, memo as v } from "react";
+import { AgGridWrapper as O } from "../ag-grid-react/index.js";
 import { cn as H } from "../../../lib/utils.js";
-import { DataTableContext as O, DataTableSheetPortalStoreContext as F, useDataTable as N, useDataTableSheetPortal as A } from "./data-table-context.js";
-import { createDataTableSheetPortalStore as I } from "./data-table-sheet-portal-store.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as z } from "./data-table-constants.js";
-import { extractRuntimeColumnDefs as B, mergeInitialGridRuntimeState as M } from "./data-table-column-def-pin.js";
-const P = {
+import { DataTableContext as F, DataTableSheetPortalStoreContext as I, useDataTable as N, useDataTableSheetPortal as P } from "./data-table-context.js";
+import { createDataTableSheetPortalStore as z } from "./data-table-sheet-portal-store.js";
+import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as B } from "./data-table-constants.js";
+import { extractRuntimeColumnDefs as M, mergeInitialGridRuntimeState as j } from "./data-table-column-def-pin.js";
+const _ = {
   default: 46,
   compact: 30,
   comfort: 52
-}, Q = ({
-  children: a,
+}, U = ({
+  children: i,
   className: t
 }) => {
-  const [r, e] = g(null), [o, d] = g("medium"), [i, S] = g("full"), [s, u] = g("default"), l = m(() => I(), []), f = D((c) => {
-    l.registerScopedSheetDepth(c);
-  }, [l]), p = D((c) => {
-    e(c);
+  const [r, e] = g(null), [o, c] = g("medium"), [a, S] = g("full"), [s, f] = g("default"), l = u(() => z(), []), m = D((d) => {
+    l.registerScopedSheetDepth(d);
+  }, [l]), p = D((d) => {
+    e(d);
   }, []), x = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[o], b = `${P[s]}px`, T = m(
+  }[o], b = `${_[s]}px`, T = u(
     () => ({
       gridApi: r,
       registerApi: p,
-      registerScopedSheetDepth: f,
+      registerScopedSheetDepth: m,
       fontSize: o,
-      setFontSize: d,
-      numericFormat: i,
+      setFontSize: c,
+      numericFormat: a,
       setNumericFormat: S,
       rowHeight: s,
-      setRowHeight: u
+      setRowHeight: f
     }),
     [
       r,
       p,
-      f,
+      m,
       o,
-      i,
+      a,
       s
     ]
   );
-  return /* @__PURE__ */ n(O.Provider, { value: T, children: /* @__PURE__ */ n(
-    F.Provider,
+  return /* @__PURE__ */ n(F.Provider, { value: T, children: /* @__PURE__ */ n(
+    I.Provider,
     {
       value: l,
       children: /* @__PURE__ */ n(
@@ -59,19 +59,19 @@ const P = {
             "--ag-font-size": x,
             "--ag-row-height": b
           },
-          children: a
+          children: i
         }
       )
     }
   ) });
-}, w = {
+}, A = {
   full: "full_no",
   k: "thou",
   m: "mil",
   b: "bil",
   full_precision: "full_precision"
-}, j = v(function() {
-  const { setSheetTarget: t } = A();
+}, k = v(function() {
+  const { setSheetTarget: t } = P();
   return /* @__PURE__ */ n(
     "div",
     {
@@ -79,105 +79,110 @@ const P = {
       className: "absolute inset-0 pointer-events-none z-[39] flex overflow-x-hidden overflow-y-visible"
     }
   );
-}), k = v(function({
+}), L = v(function({
   className: t,
   children: r
 }) {
-  const { scopedSheetOpen: e } = A();
-  return /* @__PURE__ */ R(
+  const { scopedSheetOpen: e } = P();
+  return /* @__PURE__ */ E(
     "div",
     {
       className: H(
         "relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom",
         t
       ),
-      style: e ? { minHeight: z } : void 0,
+      style: e ? { minHeight: B } : void 0,
       children: [
         r,
-        /* @__PURE__ */ n(j, {})
+        /* @__PURE__ */ n(k, {})
       ]
     }
   );
-}), L = v(function({
+}), W = v(function({
   resolvedRowHeight: t,
   mergedContext: r,
   onGridReady: e,
   columnDefs: o,
-  maintainColumnOrder: d = !0,
-  ...i
+  maintainColumnOrder: c = !0,
+  ...a
 }) {
   return /* @__PURE__ */ n(
-    E,
+    O,
     {
-      ...i,
+      ...a,
       columnDefs: o,
       rowHeight: t,
       onGridReady: e,
       context: r,
-      maintainColumnOrder: d
+      maintainColumnOrder: c
     }
   );
 });
-function U(a) {
+function Z(i) {
   const {
     registerApi: t,
     rowHeight: r,
     gridApi: e,
     numericFormat: o
   } = N(), {
-    className: d,
-    onGridReady: i,
+    className: c,
+    onGridReady: a,
     rowHeight: S,
     context: s,
-    columnDefs: u,
+    columnDefs: f,
     initialState: l,
-    maintainColumnOrder: f = !0,
-    ...p
-  } = a, x = P[r], b = S ?? x, { runtimeColumnDefs: T, extractedRuntimeDefaults: c } = m(
-    () => B(u ?? void 0),
-    [u]
-  ), _ = m(
-    () => M(l, c),
-    [l, c]
-  ), C = m(
+    suppressInitialRuntimeState: m,
+    maintainColumnOrder: p = !0,
+    ...x
+  } = i, b = _[r], T = S ?? b, { runtimeColumnDefs: d, extractedRuntimeDefaults: y } = u(
+    () => M(f ?? void 0),
+    [f]
+  ), C = u(
+    () => j(
+      l,
+      y,
+      m
+    ),
+    [l, y, m]
+  ), G = u(
     () => ({
       ...s,
-      formatType: w[o]
+      formatType: A[o]
     }),
     [s, o]
   );
-  y(() => {
+  w(() => {
     e?.resetRowHeights();
-  }, [r, e]), y(() => {
+  }, [r, e]), w(() => {
     if (e) {
       const h = e.getGridOption("context") || {};
       e.setGridOption("context", {
         ...h,
-        formatType: w[o]
+        formatType: A[o]
       }), e.refreshCells({ force: !0 });
     }
   }, [o, e]);
-  const G = D(
+  const R = D(
     (h) => {
-      t(h.api), i?.(h);
+      t(h.api), a?.(h);
     },
-    [t, i]
+    [t, a]
   );
-  return /* @__PURE__ */ n(k, { className: d, children: /* @__PURE__ */ n(
-    L,
+  return /* @__PURE__ */ n(L, { className: c, children: /* @__PURE__ */ n(
+    W,
     {
-      ...p,
-      columnDefs: T,
-      initialState: _,
-      maintainColumnOrder: f,
-      resolvedRowHeight: b,
-      mergedContext: C,
-      onGridReady: G
+      ...x,
+      columnDefs: d,
+      initialState: C,
+      maintainColumnOrder: p,
+      resolvedRowHeight: T,
+      mergedContext: G,
+      onGridReady: R
     }
   ) });
 }
-const Z = ({
-  children: a,
+const ee = ({
+  children: i,
   className: t
 }) => /* @__PURE__ */ n(
   "div",
@@ -187,11 +192,11 @@ const Z = ({
       "flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]",
       t
     ),
-    children: a
+    children: i
   }
 );
 export {
-  Q as DataTable,
-  U as DataTableContent,
-  Z as DataTableToolbar
+  U as DataTable,
+  Z as DataTableContent,
+  ee as DataTableToolbar
 };

package/dist/components/data/data-table/data-table.types.d.ts

@@ -1,4 +1,5 @@
 import { AgGridWrapperProps } from '../ag-grid-react/ag-grid.types';
+import { SuppressInitialRuntimeState } from './data-table-column-def-pin';
 import type * as React from "react";
 /**
  * Root layout provider for data tables. Compose toolbar, sheet, and `DataTableContent` as children.
@@ -8,11 +9,16 @@ export type DataTableProps = {
     className?: string;
 };
 /**
- * AG Grid surface — forwards native `AgGridReact` props (rowData, columnDefs, rowModelType, treeData, …)
+ * AG Grid surface — forwards `AgGridReact` grid options (`rowData`, `columnDefs`, `rowModelType`, …)
  * with Impact Nova styling. See https://www.ag-grid.com/react-data-grid/grid-options/
  */
 export type DataTableContentProps<TData = unknown> = AgGridWrapperProps<TData> & {
     className?: string;
+    /**
+     * Skip injecting extracted column pinning/visibility into `initialState` on
+     * first paint — use when a saved view will apply immediately after mount.
+     */
+    suppressInitialRuntimeState?: SuppressInitialRuntimeState;
 };
 /**
  * Top bar above the grid. Optional — omit to remove the toolbar from the DOM.