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

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

@@ -1,18 +1,102 @@
-const e = 150, o = 300;
-function u(n) {
-  return n === "left" || n === !0 ? "left" : n === "right" ? "right" : null;
+const p = 150, s = 300;
+function c(e) {
+  return e === "left" || e === !0 ? "left" : e === "right" ? "right" : null;
 }
-function l(n, r) {
-  const t = n.getColumn(r);
-  return t ? u(t.getPinned()) : null;
+function f(e, n) {
+  return "pinned" in e && e.pinned !== void 0 ? c(e.pinned) : c(n.getPinned());
 }
-function i(n) {
-  queueMicrotask(n);
+function g(e, n) {
+  const r = e.getColumn(n);
+  if (!r) return null;
+  const l = e.getColumnState().find((t) => t.colId === n);
+  return l ? f(l, r) : c(r.getPinned());
+}
+function d(e, n) {
+  return e.map((r) => {
+    if ((r.category === "group" || r.children && r.children.length > 0) && r.children)
+      return {
+        ...r,
+        children: d(r.children, n)
+      };
+    const t = r.data ?? {};
+    let i = null;
+    if (n !== null) {
+      const o = t.pinned;
+      i = o === "left" || o === "right" ? o : n;
+    }
+    return {
+      ...r,
+      data: {
+        ...t,
+        pinned: i
+      }
+    };
+  });
+}
+function m(e) {
+  return e.map((n) => n.id === "root-frozen" ? {
+    ...n,
+    children: n.children ? d(n.children, "left") : []
+  } : n.id === "root-scrollable" ? {
+    ...n,
+    children: n.children ? d(n.children, null) : []
+  } : n);
+}
+function C(e) {
+  const n = [], r = (l, t) => {
+    for (const i of l) {
+      if (i.id === "root-frozen") {
+        i.children && r(i.children, "left");
+        continue;
+      }
+      if (i.id === "root-scrollable") {
+        i.children && r(i.children, null);
+        continue;
+      }
+      if ((i.category === "group" || i.children && i.children.length > 0) && i.children) {
+        r(i.children, t);
+        continue;
+      }
+      let a = "0";
+      if (t !== null) {
+        const u = i.data?.pinned;
+        a = u === "left" || u === "right" ? u : "left";
+      }
+      n.push(`${i.id}:${a}:${i.checked ? "1" : "0"}`);
+    }
+  };
+  return r(e, null), n.join("|");
+}
+function G(e) {
+  const n = [], r = (l) => {
+    for (const t of l) {
+      if (t.id === "root-frozen" || t.id === "root-scrollable") {
+        t.children && r(t.children);
+        continue;
+      }
+      if ((t.category === "group" || t.children && t.children.length > 0) && t.children) {
+        r(t.children);
+        continue;
+      }
+      const o = t.data;
+      n.push(
+        `${t.id}:${o?.hasSortApplied ? "1" : "0"}:${o?.hasFilterApplied ? "1" : "0"}`
+      );
+    }
+  };
+  return r(e), n.join("|");
+}
+function S(e) {
+  queueMicrotask(e);
 }
 export {
-  e as EXTERNAL_SYNC_DEBOUNCE_MS,
-  o as GRID_AUTO_UNPIN_WAIT_MS,
-  i as afterSynchronousColumnApply,
-  u as normalizeColumnPinned,
-  l as readGridColumnPinned
+  p as EXTERNAL_SYNC_DEBOUNCE_MS,
+  s as GRID_AUTO_UNPIN_WAIT_MS,
+  S as afterSynchronousColumnApply,
+  m as alignColumnTreePinMetadata,
+  G as fingerprintColumnTreeIndicators,
+  C as fingerprintColumnTreeItems,
+  c as normalizeColumnPinned,
+  g as readGridColumnPinned,
+  f as resolveColumnPinnedFromGridState
 };

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

@@ -0,0 +1,25 @@
+import { ColDef, ColGroupDef, GridState } from 'ag-grid-community';
+export interface ExtractedColumnPinning {
+    leftColIds: string[];
+    rightColIds: string[];
+}
+export interface ExtractedColumnVisibility {
+    hiddenColIds: string[];
+}
+export interface ExtractedColumnRuntimeDefaults {
+    columnPinning: ExtractedColumnPinning;
+    columnVisibility: ExtractedColumnVisibility;
+}
+export interface RuntimeColumnDefsResult {
+    runtimeColumnDefs: (ColDef | ColGroupDef)[];
+    extractedRuntimeDefaults: ExtractedColumnRuntimeDefaults;
+}
+/**
+ * AG Grid reapplies `colDef.pinned` / `colDef.hide` on column-definition refresh.
+ * User changes belong in runtime column state / `initialState`, not on defs.
+ */
+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;

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

@@ -0,0 +1,66 @@
+function d(n) {
+  const i = n.colId ?? n.field;
+  return typeof i == "string" && i.length > 0 ? i : void 0;
+}
+function s(n, i, r) {
+  if (i === "left" || i === !0) {
+    r.leftColIds.push(n);
+    return;
+  }
+  i === "right" && r.rightColIds.push(n);
+}
+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 u(n, i) {
+  let r = !1;
+  const e = n.map((t) => {
+    if ("children" in t && t.children) {
+      const l = u(
+        t.children,
+        i
+      );
+      return l === t.children ? t : (r = !0, {
+        ...t,
+        children: l
+      });
+    }
+    const o = h(
+      t,
+      i
+    );
+    return o !== t && (r = !0), o;
+  });
+  return r ? e : n;
+}
+function c() {
+  return {
+    columnPinning: { leftColIds: [], rightColIds: [] },
+    columnVisibility: { hiddenColIds: [] }
+  };
+}
+function m(n) {
+  const i = c();
+  return !n || n.length === 0 ? { runtimeColumnDefs: [], extractedRuntimeDefaults: i } : {
+    runtimeColumnDefs: u(
+      n,
+      i
+    ),
+    extractedRuntimeDefaults: i
+  };
+}
+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)
+    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;
+}
+export {
+  m as extractRuntimeColumnDefs,
+  g as mergeInitialGridRuntimeState
+};

package/dist/components/data/data-table/data-table-column-list-sync.d.ts

@@ -0,0 +1,8 @@
+import { NestedListItem } from '../nested-list/nested-list.types';
+export type ColumnListSyncMode = 'skip' | 'indicators-only' | 'structural';
+export interface ColumnListSyncFingerprints {
+    structural: string;
+    indicators: string;
+}
+export declare function computeColumnListSyncFingerprints(rootItems: NestedListItem[]): ColumnListSyncFingerprints;
+export declare function resolveColumnListSyncMode(rootItems: NestedListItem[], previousStructuralFingerprint: string, previousIndicatorsFingerprint: string): ColumnListSyncMode;

package/dist/components/data/data-table/data-table-column-list-sync.js

@@ -0,0 +1,15 @@
+import { fingerprintColumnTreeIndicators as u, fingerprintColumnTreeItems as s } from "./data-table-column-apply.js";
+function c(n) {
+  return {
+    structural: s(n),
+    indicators: u(n)
+  };
+}
+function l(n, t, i) {
+  const r = c(n), e = r.structural !== t, o = r.indicators !== i;
+  return e ? "structural" : o ? "indicators-only" : "skip";
+}
+export {
+  c as computeColumnListSyncFingerprints,
+  l as resolveColumnListSyncMode
+};

package/dist/components/data/data-table/data-table-column-list.d.ts

@@ -15,4 +15,4 @@ export type DataTableColumnListProps = {
     /** Show collapse/expand controls on nested column group headers. Default `true`. */
     showCollapse?: boolean;
 };
-export declare const DataTableColumnList: ({ enableApplyDiscard, showSearch, showSelectAll, showCollapse }: DataTableColumnListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableColumnList: ({ enableApplyDiscard, showSearch, showSelectAll, showCollapse, }: DataTableColumnListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,295 +1,85 @@
-import { jsxs as ae, jsx as v } from "react/jsx-runtime";
-import { useState as K, useRef as L, useCallback as C, useEffect as J } from "react";
-import { useDataTable as ue } from "./data-table-context.js";
-import { NestedList as de } from "../nested-list/nested-list.js";
-import { SelectionMode as fe } from "../nested-list/nested-list.types.js";
-import { useImpactNovaI18n as pe } from "../../../i18n/use-impact-nova-i18n.js";
-import { mergePartialOrderedColumnState as Q } from "./data-table-column-state.js";
-import { afterSynchronousColumnApply as U, GRID_AUTO_UNPIN_WAIT_MS as he, readGridColumnPinned as me, EXTERNAL_SYNC_DEBOUNCE_MS as ge } from "./data-table-column-apply.js";
-import { subscribeGridApiEvents as Ce, subscribeGridApiEvent as be } from "../ag-grid-react/grid-api-event-subscription.js";
-import { PinSwitch as Se } from "./pin-switch.js";
-import { ColumnIndicator as Z } from "./column-indicator.js";
-import { IndicatorLegend as Ie } from "./indicator-legend.js";
-function ye(P) {
-  const E = [];
-  let b = P.getOriginalParent();
-  for (; b; ) {
-    const M = b.getColGroupDef();
-    M?.headerName && M?.children && E.push(b), b = b.getOriginalParent();
-  }
-  return E.reverse(), E;
-}
-const Me = ({
-  enableApplyDiscard: P = !1,
-  showSearch: E = !0,
-  showSelectAll: b = !0,
-  showCollapse: M = !0
+import { jsxs as A, jsx as n } from "react/jsx-runtime";
+import { useRef as T, useState as z, useCallback as o } from "react";
+import { useDataTable as D } from "./data-table-context.js";
+import { NestedList as F } from "../nested-list/nested-list.js";
+import { SelectionMode as P } from "../nested-list/nested-list.types.js";
+import { useImpactNovaI18n as R } from "../../../i18n/use-impact-nova-i18n.js";
+import { PinSwitch as k } from "./pin-switch.js";
+import { ColumnIndicator as c } from "./column-indicator.js";
+import { IndicatorLegend as j } from "./indicator-legend.js";
+import { useDataTableColumnListSync as E } from "./use-data-table-column-list-sync.js";
+const Q = ({
+  enableApplyDiscard: a = !1,
+  showSearch: u = !0,
+  showSelectAll: d = !0,
+  showCollapse: m = !0
 }) => {
-  const { gridApi: n } = ue(), { t: x } = pe(), [ee, $] = K([]), [te, ne] = K(!1), m = L(!1), j = L(null), O = L(0), V = L({}), [X, re] = K(!1), S = C(() => {
-    if (!n || m.current) return;
-    const e = n.getColumnState(), t = n.getAllGridColumns?.() ?? n.getColumns() ?? [], o = new Map(t.map((l) => [l.getColId(), l])), i = [], u = [], r = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-    s.set(i, "f"), s.set(u, "s");
-    let p = 0;
-    const A = (l) => {
-      let c = s.get(l);
-      return c === void 0 && (c = `n${p++}`, s.set(l, c)), c;
-    }, h = (l, c) => {
-      const a = l.getGroupId(), y = A(c), T = `${a}::${y}`, k = r.get(T);
-      if (k && k.list === c && c[c.length - 1] === k.node)
-        return k.node;
-      const D = g.get(T) || 0;
-      g.set(T, D + 1);
-      const w = l.getColGroupDef(), N = {
-        id: D === 0 ? `${a}__${y}` : `${a}__${y}__${D}`,
-        label: w?.headerName || a,
-        checked: !0,
-        children: [],
-        category: "group"
-      };
-      return c.push(N), r.set(T, { list: c, node: N }), N;
-    };
-    let z = 0, d = 0, F = 0, I = 0;
-    e.forEach((l) => {
-      const c = o.get(l.colId) ?? n.getColumn(l.colId);
-      if (!c) return;
-      let a = n.getDisplayNameForColumn(c, "header");
-      if (a === "") return;
-      if (a == null) {
-        const G = c.getColDef();
-        if (G.headerName === "") return;
-        a = G.headerName || G.field || l.colId;
-      }
-      if (!a || a.trim() === "")
-        return;
-      const y = !l.hide, T = !!l.sort, k = c.isFilterActive(), D = l.pinned ?? c.getPinned() ?? null, w = D === "left" ? "left" : D === "right" ? "right" : null, q = {
-        id: l.colId,
-        label: a,
-        checked: y,
-        data: {
-          hasSortApplied: T,
-          hasFilterApplied: k,
-          pinned: w
-        }
-      };
-      w ? (z++, y && d++) : (F++, y && I++);
-      const N = w ? i : u, W = ye(c);
-      if (W.length > 0) {
-        let G = N, B = null;
-        for (const se of W)
-          B = h(se, G), G = B.children;
-        B.children.push(q);
-      } else
-        N.push(q);
-    });
-    const f = (l) => {
-      let c = l.length > 0;
-      for (const a of l)
-        a.children && (a.checked = f(a.children)), a.checked || (c = !1);
-      return c;
-    };
-    f(i), f(u);
-    const _ = [
-      {
-        id: "root-frozen",
-        label: x("dataTable.frozenColumns"),
-        checked: z > 0 && d === z,
-        children: i,
-        category: "structure",
-        isDragDisabled: !0
-      },
-      {
-        id: "root-scrollable",
-        label: x("dataTable.scrollableColumns"),
-        checked: F > 0 && I === F,
-        children: u,
-        category: "structure",
-        isDragDisabled: !0
-      }
-    ];
-    $(_), ne(!0);
-  }, [n, x]);
-  J(() => {
-    if (!n) return;
-    queueMicrotask(() => S());
-    const e = [
-      "columnVisible",
-      "columnPinned",
-      "columnMoved",
-      "newColumnsLoaded",
-      "gridReady",
-      "columnGroupOpened",
-      "columnRowGroupChanged",
-      "columnPivotModeChanged",
-      "columnEverythingChanged",
-      "dragStopped",
-      "columnValueChanged",
-      "displayedColumnsChanged",
-      "sortChanged",
-      "filterChanged"
-    ];
-    let t = null;
-    const o = () => {
-      m.current || (t && clearTimeout(t), t = setTimeout(() => {
-        if (t = null, m.current) return;
-        const i = j.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-        i && (O.current = i.scrollTop), S(), re((u) => !u);
-      }, ge));
-    };
-    if (!n.isDestroyed()) {
-      const i = Ce(n, e, o);
-      return () => {
-        t && clearTimeout(t), i();
-      };
-    }
-    return () => {
-      t && clearTimeout(t);
-    };
-  }, [n, S]), J(() => {
-    if (O.current === 0) return;
-    const e = requestAnimationFrame(() => {
-      const t = j.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      t && (t.scrollTop = O.current, O.current = 0);
-    });
-    return () => cancelAnimationFrame(e);
-  }, [X]);
-  const Y = C((e) => {
-    const t = [], o = (i, u) => {
-      i.forEach((r) => {
-        if (r.id === "root-frozen") {
-          r.children && o(r.children, "left");
-          return;
-        }
-        if (r.id === "root-scrollable") {
-          r.children && o(r.children, null);
-          return;
-        }
-        if (r.category === "group" || r.children && r.children.length > 0)
-          r.children && o(r.children, u);
-        else if (n?.getColumn(r.id)) {
-          let p;
-          if (u === null)
-            p = null;
-          else {
-            const h = r.data?.pinned;
-            p = h === "left" || h === "right" ? h : u;
-          }
-          t.push({
-            colId: r.id,
-            pinned: p,
-            hide: !r.checked
-          });
-        }
-      });
-    };
-    return o(e, null), t;
-  }, [n]), R = C((e) => {
-    if (!n) return;
-    m.current = !0;
-    const t = Y(e);
-    if (t.length === 0) {
-      U(() => {
-        m.current = !1;
-      });
-      return;
-    }
-    const o = n.getColumnState(), i = Q(o, t), u = new Set(o.filter((d) => d.pinned).map((d) => d.colId)), r = i.filter((d) => d.pinned && !u.has(d.colId)), g = new Set(r.map((d) => d.colId));
-    n.applyColumnState({ state: i, applyOrder: !0 });
-    const s = () => {
-      m.current = !1, S();
-    };
-    if (g.size === 0) {
-      U(s);
-      return;
-    }
-    let p = !1, A = null, h = null;
-    h = be(n, "columnPinned", () => {
-      if (p || n.isDestroyed()) return;
-      const d = n.getColumnState();
-      if (r.filter((I) => {
-        const f = d.find((_) => _.colId === I.colId);
-        return f && !f.pinned;
-      }).length > 0) {
-        p = !0, A && clearTimeout(A), h?.();
-        const I = i.filter((f) => f.pinned && !g.has(f.colId));
-        if (I.length > 0) {
-          const f = I[0], _ = i.map(
-            (l) => l.colId === f.colId ? { ...l, pinned: null } : l
-          );
-          n.applyColumnState({ state: _, applyOrder: !0 });
-        }
-        U(s);
-      }
-    }), A = setTimeout(() => {
-      h?.(), p || s();
-    }, he);
-  }, [n, Y, S]), le = C((e) => {
-    R(e);
-  }, [R]), oe = C((e) => {
-    P || R(e), $(e);
-  }, [P, R]), H = C((e, t) => {
-    if ($((u) => {
-      const r = (g) => g.map((s) => s.id === e ? {
-        ...s,
-        data: {
-          ...s.data,
-          pinned: t
+  const { gridApi: p } = D(), { t } = R(), f = T({}), [h, C] = z({}), {
+    items: b,
+    isReady: g,
+    externalSyncKey: S,
+    listWrapperRef: x,
+    handleChange: s,
+    handleSubmit: I,
+    handlePinChange: i
+  } = E({
+    gridApi: p,
+    frozenColumnsLabel: t("dataTable.frozenColumns"),
+    scrollableColumnsLabel: t("dataTable.scrollableColumns")
+  }), L = o(
+    (e) => {
+      s(e, a);
+    },
+    [a, s]
+  ), N = o(
+    (e, r) => {
+      if (!r.isLeaf) return null;
+      const l = e.data;
+      return !l?.hasSortApplied && !l?.hasFilterApplied ? null : /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1 ml-1.5 shrink-0", children: [
+        l?.hasSortApplied && /* @__PURE__ */ n(c, { type: "sort" }),
+        l?.hasFilterApplied && /* @__PURE__ */ n(c, { type: "filter" })
+      ] });
+    },
+    []
+  ), v = o(
+    (e, r) => {
+      const l = e.data;
+      return e.category === "structure" ? e.id !== "root-frozen" ? null : /* @__PURE__ */ n(j, {}) : !r.isLeaf || !(l?.pinned === "left" || l?.pinned === "right") ? null : /* @__PURE__ */ n(
+        k,
+        {
+          value: l?.pinned ?? null,
+          onChange: (y) => i(e.id, y),
+          className: "shrink-0"
         }
-      } : s.children ? {
-        ...s,
-        children: r(s.children)
-      } : s);
-      return r(u);
-    }), !n) return;
-    m.current = !0;
-    const o = n.getColumnState(), i = Q(o, [
-      { colId: e, pinned: t }
-    ]);
-    n.applyColumnState({ state: i, applyOrder: !0 }), U(() => {
-      m.current = !1, me(n, e) !== t && S();
-    });
-  }, [n, S]), ce = C((e, t) => {
-    if (!t.isLeaf) return null;
-    const o = e.data;
-    return !o?.hasSortApplied && !o?.hasFilterApplied ? null : /* @__PURE__ */ ae("span", { className: "inline-flex items-center gap-1 ml-1.5 shrink-0", children: [
-      o?.hasSortApplied && /* @__PURE__ */ v(Z, { type: "sort" }),
-      o?.hasFilterApplied && /* @__PURE__ */ v(Z, { type: "filter" })
-    ] });
-  }, []), ie = C((e, t) => {
-    const o = e.data;
-    return e.category === "structure" ? e.id !== "root-frozen" ? null : /* @__PURE__ */ v(Ie, {}) : !t.isLeaf || !(o?.pinned === "left" || o?.pinned === "right") ? null : /* @__PURE__ */ v(
-      Se,
-      {
-        value: o?.pinned ?? null,
-        onChange: (u) => H(e.id, u),
-        className: "shrink-0"
-      }
-    );
-  }, [H]);
-  return te ? /* @__PURE__ */ v("div", { ref: j, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ v(
-    de,
+      );
+    },
+    [i]
+  );
+  return g ? /* @__PURE__ */ n("div", { ref: x, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ n(
+    F,
     {
-      items: ee,
-      onChange: oe,
-      onSubmit: le,
-      renderLabelExtras: ce,
-      renderActions: ie,
-      enableApplyDiscard: P,
-      enableSearch: E,
-      enableSelectAll: b,
+      items: b,
+      onChange: L,
+      onSubmit: I,
+      renderLabelExtras: N,
+      renderActions: v,
+      enableApplyDiscard: a,
+      enableSearch: u,
+      enableSelectAll: d,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: M,
-      selectionMode: fe.CASCADE_DOWN,
-      searchPlaceholder: x("dataTable.searchColumnsPlaceholder"),
+      enableGlobalCollapse: m,
+      selectionMode: P.CASCADE_DOWN,
+      searchPlaceholder: t("dataTable.searchColumnsPlaceholder"),
       className: "h-full",
-      initialCollapsedItems: V.current,
+      initialCollapsedItems: h,
       onCollapseChange: (e) => {
-        V.current = e;
+        f.current = e, C(e);
       }
     },
-    X ? "sync-a" : "sync-b"
-  ) }) : /* @__PURE__ */ v("div", { className: "p-4 text-[13px] text-content-placeholder", children: x("dataTable.loadingColumns") });
+    S ? "sync-a" : "sync-b"
+  ) }) : /* @__PURE__ */ n("div", { className: "p-4 text-[13px] text-content-placeholder", children: t("dataTable.loadingColumns") });
 };
 export {
-  Me as DataTableColumnList
+  Q as DataTableColumnList
 };