impact-nova 2.5.17 → 2.6.0-alpha.0

package/dist/components/data/ag-grid-react/notes/index.d.ts

@@ -0,0 +1,2 @@
+export type { GridCellAddress } from '../grid-cell-address';
+export type { CellNote, DataTableNotesConfig } from './notes.types';

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

@@ -0,0 +1 @@
+

package/dist/components/data/ag-grid-react/notes/notes-ag-grid-adapter.d.ts

@@ -0,0 +1,25 @@
+import { CellNote, DataTableNotesConfig } from './notes.types';
+export type NotesGetNoteParams = {
+    rowNode: {
+        id?: string | null;
+    };
+    column: {
+        getColId: () => string;
+    };
+};
+export type NotesSetNoteParams = NotesGetNoteParams & {
+    note?: CellNote | null;
+};
+export type NotesDataSourceAdapter = {
+    getNote: (params: NotesGetNoteParams) => CellNote | undefined;
+    setNote: (params: NotesSetNoteParams) => void;
+};
+export declare function noteOwnsCellPointer(notes: DataTableNotesConfig | undefined, commentMode: boolean | undefined, event: {
+    node?: {
+        id?: string | null;
+    } | null;
+    column?: {
+        getColId?: () => string;
+    } | null;
+}): boolean;
+export declare function createNotesDataSource(config: DataTableNotesConfig, onMissingRowId?: () => void): NotesDataSourceAdapter;

package/dist/components/data/ag-grid-react/notes/notes-ag-grid-adapter.js

@@ -0,0 +1,32 @@
+import { cellAddressFromGridEvent as s } from "../grid-cell-address.js";
+function d(e) {
+  const r = e.rowNode.id, o = e.column.getColId();
+  if (!(!r || !o))
+    return { rowId: r, colId: o };
+}
+function u(e, r, o) {
+  if (r || !e) return !1;
+  const t = s(o);
+  return t != null && e.getNote(t) != null;
+}
+function l(e, r) {
+  let o = !1;
+  return {
+    getNote(t) {
+      const n = d(t);
+      if (!n) {
+        !t.rowNode.id && !o && (o = !0, r?.());
+        return;
+      }
+      return e.getNote(n);
+    },
+    setNote(t) {
+      const n = d(t);
+      n && e.setNote(n, t.note ?? void 0);
+    }
+  };
+}
+export {
+  l as createNotesDataSource,
+  u as noteOwnsCellPointer
+};

package/dist/components/data/ag-grid-react/notes/notes-constants.d.ts

@@ -0,0 +1,2 @@
+export declare const NOTES_WRAPPER_ATTR = "data-iv-notes";
+export declare const NOTES_MISSING_ROW_ID_WARNING = "[impact-nova] notes requires getRowId so GridCellAddress.rowId is a stable business key.";

package/dist/components/data/ag-grid-react/notes/notes-constants.js

@@ -0,0 +1,4 @@
+const s = "[impact-nova] notes requires getRowId so GridCellAddress.rowId is a stable business key.";
+export {
+  s as NOTES_MISSING_ROW_ID_WARNING
+};

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

@@ -0,0 +1,12 @@
+import { GridCellAddress } from '../grid-cell-address';
+export type CellNote = {
+    text: string;
+    readOnly?: boolean;
+    author?: string;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type DataTableNotesConfig = {
+    getNote: (address: GridCellAddress) => CellNote | undefined;
+    setNote: (address: GridCellAddress, note: CellNote | undefined) => void;
+};

package/dist/components/data/ag-grid-react/notes.story-sources.d.ts

@@ -0,0 +1,7 @@
+/** Copy-paste blocks for Data Display / DataTable / Notes Docs tab. */
+export declare const NOTES_QUICK_START_SOURCE = "import { useMemo, useRef } from \"react\";\nimport { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { CellNote, DataTableNotesConfig, GridCellAddress } from \"impact-nova/ag-grid-react/notes\";\n\nconst store = new Map<string, CellNote>();\nfunction key(address: GridCellAddress) {\n  return address.rowId + \"\\0\" + address.colId;\n}\n\nconst notes: DataTableNotesConfig = {\n  getNote: (address) => store.get(key(address)),\n  setNote: (address, note) => {\n    if (!note) store.delete(key(address));\n    else store.set(key(address), note);\n  },\n};\n\n<DataTable className=\"h-[640px]\">\n  <DataTableContent\n    getRowId={(params) => params.data.id}\n    columnDefs={columnDefs}\n    rowData={rowData}\n    notes={notes}\n  />\n</DataTable>\n\n// Right-click \u2192 Add note. Hover a noted cell for the AG Grid note popup.\n// Identity is { rowId, colId } \u2014 not DOM, not rowIndex, not page.\n";
+export declare const NOTES_CLIENT_PAGE_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n<DataTableContent\n  getRowId={(params) => params.data.id}\n  rowData={allRows}\n  columnDefs={columnDefs}\n  pagination\n  paginationPageSize={12}\n  notes={notes}\n/>\n";
+export declare const NOTES_SERVER_PAGE_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n// Only the current page is in rowData. Notes live in YOUR store keyed by { rowId, colId }.\n<DataTableContent\n  getRowId={(params) => params.data.id}\n  rowData={pageRows}\n  columnDefs={columnDefs}\n  notes={notes}\n/>\n";
+export declare const NOTES_CUSTOM_APPEARANCE_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n<div\n  className=\"h-[640px]\"\n  style={{\n    [\"--iv-note-indicator-color\"]: \"var(--color-destructive)\",\n    [\"--iv-note-indicator-size\"]: \"12px\",\n  }}\n>\n  <DataTableContent getRowId={(p) => p.data.id} notes={notes} columnDefs={columnDefs} rowData={rowData} />\n</div>\n";
+export declare const NOTES_WITH_COMMENTS_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { DataTableCommentsConfig } from \"impact-nova/ag-grid-react/comments\";\nimport type { DataTableNotesConfig } from \"impact-nova/ag-grid-react/notes\";\n\n<DataTableContent\n  getRowId={(params) => params.data.id}\n  comments={comments}\n  notes={notes}\n  columnDefs={columnDefs}\n  rowData={rowData}\n/>\n\n// Same cell may have both. Blue triangle = Comment. Yellow = Note. Split = both.\n// Hover opens the AG Grid note. Context menu keeps Add/Open comment and native note actions.\n";
+export declare const NOTES_CUSTOM_WITH_COMMENTS_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n<div\n  className=\"h-[640px]\"\n  style={{\n    [\"--iv-comment-indicator-color\"]: \"var(--color-success)\",\n    [\"--iv-note-indicator-color\"]: \"var(--color-destructive)\",\n  }}\n>\n  <DataTable className=\"h-full\">\n    <DataTableContent\n      getRowId={(p) => p.data.id}\n      comments={{\n        ...comments,\n        messageActions: [{ id: \"open\", label: \"Open\", onSelect: ({ message }) => openRecord(message.id) }],\n      }}\n      notes={notes}\n      columnDefs={columnDefs}\n      rowData={rowData}\n    />\n  </DataTable>\n</div>\n";

package/dist/components/data/ag-grid-react/nova-system-column.d.ts

@@ -0,0 +1,7 @@
+/** Nova-owned grid columns (`iv-chat`, …). Never persist, list, auto-size, or export these. */
+export declare const NOVA_SYSTEM_COL_ID_PREFIX = "iv-";
+export declare function isNovaSystemColId(colId: string | null | undefined): boolean;
+export declare function omitNovaSystemColumnIds(colIds: readonly string[]): string[];
+export declare function exportColumnColIds(columns: ReadonlyArray<{
+    getColId?: () => string;
+} | null | undefined> | null | undefined): string[];

package/dist/components/data/ag-grid-react/nova-system-column.js

@@ -0,0 +1,18 @@
+const e = "iv-";
+function s(t) {
+  return typeof t == "string" && t.startsWith("iv-");
+}
+function i(t) {
+  if (!t?.length) return [];
+  const n = [];
+  for (const r of t) {
+    const o = r?.getColId?.();
+    o && !s(o) && n.push(o);
+  }
+  return n;
+}
+export {
+  e as NOVA_SYSTEM_COL_ID_PREFIX,
+  i as exportColumnColIds,
+  s as isNovaSystemColId
+};

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

@@ -1,5 +1,5 @@
-import { themeQuartz as e, iconSetMaterial as o } from "ag-grid-enterprise";
-const d = e.withPart(o).withParams({
+import { themeQuartz as o, iconSetMaterial as e } from "ag-grid-enterprise";
+const d = o.withPart(e).withParams({
   accentColor: "#4259EE",
   backgroundColor: "#FFFFFF",
   borderColor: "#D9DDE7",
@@ -57,6 +57,8 @@ const d = e.withPart(o).withParams({
   menuBorder: !1,
   tooltipBorder: !1,
   pinnedRowBorder: !1,
+  noteIndicatorColor: "#E1BC29",
+  noteIndicatorSize: 12,
   browserColorScheme: "light"
 }, "light").withParams({
   accentColor: "#E5E5E5",
@@ -116,6 +118,8 @@ const d = e.withPart(o).withParams({
   menuBorder: !1,
   tooltipBorder: !1,
   pinnedRowBorder: !1,
+  noteIndicatorColor: "#F59E0B",
+  noteIndicatorSize: 12,
   browserColorScheme: "dark"
 }, "dark");
 export {

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

@@ -6,6 +6,10 @@ export interface FormatterGridContext {
     currency?: string;
     decimals?: number;
     locale?: string;
+    dateLocale?: string;
+    numberLocale?: string;
+    booleanYes?: string;
+    booleanNo?: string;
     [key: string]: unknown;
 }
 export interface BackendFormatterConfigBase {

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

@@ -1,22 +1,3 @@
 import { ValueFormatterParams } from 'ag-grid-community';
-/**
- * AG Grid value formatters registry
- * Use with AgGridWrapper's valueFormatters prop
- *
- * @example
- * ```typescript
- * <AgGridWrapper
- *   valueFormatters={AG_GRID_VALUE_FORMATTERS}
- *   context={{ currency: 'EUR', decimals: 0 }}
- *   columnDefs={[
- *     { field: 'price', valueFormatter: 'currency' },
- *     { field: 'discount', valueFormatter: 'percentage' },
- *   ]}
- * />
- * ```
- */
 export declare const AG_GRID_VALUE_FORMATTERS: Record<string, (params: ValueFormatterParams) => string>;
-/**
- * Type-safe formatter names
- */
 export type AGGridFormatterName = keyof typeof AG_GRID_VALUE_FORMATTERS;

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

@@ -1,110 +1,108 @@
-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);
+import { getBackendFormatterColDef as m, getNullDisplay as a, getFormatterConfig as S } from "./value-formatter.types.js";
+import { DEFAULT_LOCALE as T } from "../../../i18n/locale-config.js";
+import { formatDateTime as L, formatDate as _ } from "../../../i18n/format/format-date.js";
+import { formatPercent as N, formatCompactNumber as b, formatNumber as d, formatCurrency as x } from "../../../i18n/format/format-number.js";
+import { getNumberFormat as V } from "../../../i18n/format/formatter-cache.js";
+function s(t) {
+  return t.context;
+}
+function g(t, e) {
+  return t || e?.numberLocale || e?.locale || T;
+}
+function $(t, e) {
+  return t || e?.dateLocale || e?.locale || T;
+}
+function D(t) {
+  return t === "thou" || t === "mil" || t === "bil" ? t : null;
+}
+const C = (t) => {
+  const e = S(m(t)), o = s(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}`;
+  const n = e.currency || "USD", c = g(e.locale, o), i = o?.formatType || e.formatType, r = Number(t.value);
+  if (isNaN(r)) return String(t.value);
+  const l = D(i);
+  if (l) {
+    const u = b(Math.abs(r), c, l), y = V(c, { style: "currency", currency: n }).formatToParts(0).find((F) => F.type === "currency")?.value || n;
+    return `${r < 0 ? "-" : ""}${y}${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);
+  return i === "full_precision" ? x(r, c, n, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 20
+  }) : x(r, c, n);
+}, h = (t) => {
+  const e = S(m(t)), o = s(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);
+  const n = e.symbol || "$", c = e.position || "prefix", i = e.decimals ?? 2, r = g(e.locale, o), l = o?.formatType || e.formatType, u = Number(t.value);
+  if (isNaN(u)) return String(t.value);
+  const y = D(l);
+  let f;
+  return y ? f = `${u < 0 ? "-" : ""}${b(Math.abs(u), r, y)}` : l === "full_precision" ? f = d(u, r, {
+    minimumFractionDigits: i,
+    maximumFractionDigits: 20
+  }) : f = d(u, r, {
+    minimumFractionDigits: i,
+    maximumFractionDigits: i
+  }), c === "prefix" ? `${n}${f}` : `${f}${n}`;
+}, A = (t) => {
+  const e = m(t), o = s(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, {
+  const n = e.decimals ?? 0, c = g(e.locale, o), i = o?.formatType || e.formatType, r = Number(t.value);
+  if (isNaN(r)) return String(t.value);
+  const l = D(i);
+  return l ? `${r < 0 ? "-" : ""}${b(Math.abs(r), c, l)}` : i === "full_precision" ? d(r, c, {
+    minimumFractionDigits: n,
+    maximumFractionDigits: 20
+  }) : d(r, c, {
     minimumFractionDigits: n,
     maximumFractionDigits: n
-  }).format(i);
-}, y = (t) => {
-  const e = s(t), o = f(t);
+  });
+}, v = (t) => {
+  const e = m(t), o = s(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);
+  const c = g(e.locale, o);
+  return b(n, c, "auto");
+}, M = (t) => {
+  const e = m(t), o = s(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",
+  const c = e.decimals ?? 2, i = e.divideBy ?? 100, r = o?.formatType || e.formatType, l = g(e.locale, o), u = n / i;
+  return r === "full_precision" ? N(u, l, {
     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);
+  }) : N(u, l, {
+    minimumFractionDigits: c,
+    maximumFractionDigits: c
+  });
+}, E = (t) => {
+  const e = m(t), o = s(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);
+  const n = e.dateStyle || "medium", c = $(e.locale, o);
+  return _(t.value, c, { dateStyle: n }) || String(t.value);
+}, B = (t) => {
+  const e = m(t), o = s(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);
+  const n = e.dateStyle || "medium", c = e.timeStyle || "short", i = $(e.locale, o);
+  return L(t.value, i, { dateStyle: n, timeStyle: c }) || String(t.value);
+}, R = (t) => {
+  const e = m(t), o = s(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
+  const n = e.trueValue || o?.booleanYes || "Yes", c = e.falseValue || o?.booleanNo || "No";
+  return t.value ? n : c;
+}, Y = {
+  currency: C,
+  currencySymbol: h,
+  number: A,
+  compact: v,
+  compactNumber: v,
+  largeNumber: v,
+  percentage: M,
+  date: E,
+  dateTime: B,
+  boolean: R
 };
 export {
-  M as AG_GRID_VALUE_FORMATTERS
+  Y as AG_GRID_VALUE_FORMATTERS
 };

package/dist/components/data/data-table/build-column-tree-from-grid.js

@@ -1,5 +1,6 @@
-import { resolveColumnPinnedFromGridState as T } from "./data-table-column-apply.js";
-function B(l) {
+import { isNovaSystemColId as T } from "../ag-grid-react/nova-system-column.js";
+import { resolveColumnPinnedFromGridState as B } from "./data-table-column-apply.js";
+function H(l) {
   const u = [];
   let c = l.getOriginalParent();
   for (; c; ) {
@@ -8,7 +9,7 @@ function B(l) {
   }
   return u.reverse(), u;
 }
-function q(l, u) {
+function K(l, u) {
   const c = l.getColumnState(), a = l.getGridOption("context"), z = typeof a?.activeSearchColumnId == "string" ? a.activeSearchColumnId : null, _ = l.getAllGridColumns?.() ?? l.getColumns() ?? [], F = new Map(
     _.map((e) => [e.getColId(), e])
   ), f = [], h = [], D = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
@@ -32,18 +33,18 @@ function q(l, u) {
     };
     return o.push(d), D.set(r, { list: o, node: d }), d;
   };
-  let p = 0, S = 0, g = 0, v = 0;
+  let p = 0, S = 0, C = 0, v = 0;
   c.forEach((e) => {
     const o = F.get(e.colId) ?? l.getColumn(e.colId);
     if (!o) return;
     const n = o.getColDef(), i = n.headerName;
-    if (i != null && i.trim() === "" || e.colId === "ag-Grid-SelectionColumn")
+    if (i != null && i.trim() === "" || e.colId === "ag-Grid-SelectionColumn" || T(e.colId))
       return;
     const r = n.headerName;
     let t = typeof r == "string" && r.trim() !== "" ? r : l.getDisplayNameForColumn(o, "header");
     if ((!t || t.trim() === "") && (t = n.field ?? e.colId), !t || t.trim() === "")
       return;
-    const s = !e.hide, I = !!e.sort, y = o.isFilterActive() || z === e.colId, d = T(e, o), b = {
+    const s = !e.hide, I = !!e.sort, y = o.isFilterActive() || z === e.colId, d = B(e, o), b = {
       id: e.colId,
       label: t,
       checked: s,
@@ -53,8 +54,8 @@ function q(l, u) {
         pinned: d
       }
     };
-    d ? (p++, s && S++) : (g++, s && v++);
-    const N = d ? f : h, $ = B(o);
+    d ? (p++, s && S++) : (C++, s && v++);
+    const N = d ? f : h, $ = H(o);
     if ($.length > 0) {
       let w = N, k = null;
       for (const P of $)
@@ -63,13 +64,13 @@ function q(l, u) {
     } else
       N.push(b);
   });
-  const C = (e) => {
+  const g = (e) => {
     let o = e.length > 0;
     for (const n of e)
-      n.children && (n.checked = C(n.children)), n.checked || (o = !1);
+      n.children && (n.checked = g(n.children)), n.checked || (o = !1);
     return o;
   };
-  return C(f), C(h), [
+  return g(f), g(h), [
     {
       id: "root-frozen",
       label: u.frozenColumns,
@@ -81,7 +82,7 @@ function q(l, u) {
     {
       id: "root-scrollable",
       label: u.scrollableColumns,
-      checked: g > 0 && v === g,
+      checked: C > 0 && v === C,
       children: h,
       category: "structure",
       isDragDisabled: !0
@@ -89,5 +90,5 @@ function q(l, u) {
   ];
 }
 export {
-  q as buildColumnTreeFromGrid
+  K as buildColumnTreeFromGrid
 };

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

@@ -1,41 +1,44 @@
-function h(i) {
+import { isNovaSystemColId as u } from "../ag-grid-react/nova-system-column.js";
+function m(i) {
   const n = i.colId ?? i.field;
   return typeof n == "string" && n.length > 0 ? n : void 0;
 }
-function c(i, n, e) {
-  if (n === "left" || n === !0) {
-    e.leftColIds.push(i);
-    return;
+function c(i, n, t) {
+  if (!u(i)) {
+    if (n === "left" || n === !0) {
+      t.leftColIds.push(i);
+      return;
+    }
+    n === "right" && t.rightColIds.push(i);
   }
-  n === "right" && e.rightColIds.push(i);
 }
-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))
+function f(i, n) {
+  const t = m(i), d = i.pinned ?? i.initialPinned, e = i.hide ?? i.initialHide;
+  if (t && u(t) || (t && (d != null && c(t, d, n.columnPinning), e === !0 && !u(t) && n.columnVisibility.hiddenColIds.push(t)), !(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;
+  const { pinned: o, hide: C, initialPinned: P, initialHide: v, ...h } = i, l = { ...h };
+  return d !== void 0 && (l.initialPinned = d), e !== void 0 && (l.initialHide = e), l;
 }
-function u(i, n) {
-  let e = !1;
-  const d = i.map((t) => {
-    if ("children" in t && t.children) {
-      const o = u(
-        t.children,
+function s(i, n) {
+  let t = !1;
+  const d = i.map((e) => {
+    if ("children" in e && e.children) {
+      const o = s(
+        e.children,
         n
       );
-      return o === t.children ? t : (e = !0, {
-        ...t,
+      return o === e.children ? e : (t = !0, {
+        ...e,
         children: o
       });
     }
-    const r = m(
-      t,
+    const r = f(
+      e,
       n
     );
-    return r !== t && (e = !0), r;
+    return r !== e && (t = !0), r;
   });
-  return e ? d : i;
+  return t ? d : i;
 }
 function g() {
   return {
@@ -43,24 +46,24 @@ function g() {
     columnVisibility: { hiddenColIds: [] }
   };
 }
-function v(i) {
+function b(i) {
   const n = g();
   return !i || i.length === 0 ? { runtimeColumnDefs: [], extractedRuntimeDefaults: n } : {
-    runtimeColumnDefs: u(
+    runtimeColumnDefs: s(
       i,
       n
     ),
     extractedRuntimeDefaults: n
   };
 }
-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)
+function p(i, n, t) {
+  const d = !t?.columnPinning && (n.columnPinning.leftColIds.length > 0 || n.columnPinning.rightColIds.length > 0), e = !t?.columnVisibility && n.columnVisibility.hiddenColIds.length > 0;
+  if (!i && !d && !e)
     return;
   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;
+  return !i?.columnPinning && d && (r.columnPinning = n.columnPinning), !i?.columnVisibility && e && (r.columnVisibility = n.columnVisibility), !r.columnPinning && !r.columnVisibility && Object.keys(r).length === 0 ? i : Object.keys(r).length > 0 ? r : void 0;
 }
 export {
-  v as extractRuntimeColumnDefs,
-  y as mergeInitialGridRuntimeState
+  b as extractRuntimeColumnDefs,
+  p as mergeInitialGridRuntimeState
 };

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

@@ -1,14 +1,14 @@
-import { createContext as e, useContext as a } from "react";
+import { useContext as e, createContext as a } from "react";
 import { useDataTableSheetPortalSnapshot as s } from "./data-table-sheet-portal-store.js";
-const n = e(
+const n = a(
   null
-), l = e(null), b = () => {
-  const t = a(n);
+), l = a(null), b = () => {
+  const t = e(n);
   if (!t)
     throw new Error("useDataTable must be used within a DataTable");
   return t;
 }, u = () => {
-  const t = a(l);
+  const t = e(l);
   if (!t)
     throw new Error(
       "useDataTableSheetPortalStore must be used within a DataTable"

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

@@ -1,4 +1,4 @@
-import { useContext as t, createContext as n } from "react";
+import { createContext as n, useContext as t } from "react";
 const s = n(!1), o = n(null), h = () => {
   const e = t(s), a = t(o);
   if (!a)

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

@@ -97,7 +97,8 @@ const I = ({
           {
             "data-component": "data-table-sheet-panel",
             className: h(
-              "relative flex h-full min-h-0 w-[355px] flex-col overflow-hidden bg-canvas-elevated border-t border-l border-stroke-hairline pointer-events-auto shadow-elevation-floating",
+              "relative flex h-full min-h-0 flex-col overflow-hidden bg-canvas-elevated border-t border-l border-stroke-hairline pointer-events-auto shadow-elevation-floating",
+              "w-[355px]",
               r
             ),
             children: n