impact-nova 2.2.2 → 2.2.4

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

@@ -1,95 +1,93 @@
-import { resolveColumnPinnedFromGridState as O } from "./data-table-column-apply.js";
-function x(t) {
-  const i = [];
-  let l = t.getOriginalParent();
-  for (; l; ) {
-    const f = l.getColGroupDef();
-    f?.headerName && f?.children && i.push(l), l = l.getOriginalParent();
+import { resolveColumnPinnedFromGridState as T } from "./data-table-column-apply.js";
+function B(l) {
+  const u = [];
+  let c = l.getOriginalParent();
+  for (; c; ) {
+    const a = c.getColGroupDef();
+    a?.headerName && a?.children && u.push(c), c = c.getOriginalParent();
   }
-  return i.reverse(), i;
+  return u.reverse(), u;
 }
-function T(t, i) {
-  const l = t.getColumnState(), f = t.getGridOption("context"), y = typeof f?.activeSearchColumnId == "string" ? f.activeSearchColumnId : null, z = t.getAllGridColumns?.() ?? t.getColumns() ?? [], N = new Map(
-    z.map((o) => [o.getColId(), o])
-  ), h = [], m = [], G = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-  p.set(h, "f"), p.set(m, "s");
-  let _ = 0;
-  const w = (o) => {
-    let e = p.get(o);
-    return e === void 0 && (e = `n${_++}`, p.set(o, e)), e;
-  }, F = (o, e) => {
-    const n = o.getGroupId(), r = w(e), d = `${n}::${r}`, u = G.get(d);
-    if (u && u.list === e && e[e.length - 1] === u.node)
-      return u.node;
-    const c = v.get(d) || 0;
-    v.set(d, c + 1);
-    const C = o.getColGroupDef(), a = {
-      id: c === 0 ? `${n}__${r}` : `${n}__${r}__${c}`,
-      label: C?.headerName || n,
+function q(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();
+  m.set(f, "f"), m.set(h, "s");
+  let M = 0;
+  const x = (e) => {
+    let o = m.get(e);
+    return o === void 0 && (o = `n${M++}`, m.set(e, o)), o;
+  }, O = (e, o) => {
+    const n = e.getGroupId(), i = x(o), r = `${n}::${i}`, t = D.get(r);
+    if (t && t.list === o && o[o.length - 1] === t.node)
+      return t.node;
+    const s = G.get(r) || 0;
+    G.set(r, s + 1);
+    const I = e.getColGroupDef(), d = {
+      id: s === 0 ? `${n}__${i}` : `${n}__${i}__${s}`,
+      label: I?.headerName || n,
       checked: !0,
       children: [],
       category: "group"
     };
-    return e.push(a), G.set(d, { list: e, node: a }), a;
+    return o.push(d), D.set(r, { list: o, node: d }), d;
   };
-  let g = 0, S = 0, I = 0, $ = 0;
-  l.forEach((o) => {
-    const e = N.get(o.colId) ?? t.getColumn(o.colId);
-    if (!e) return;
-    let n = t.getDisplayNameForColumn(e, "header");
-    if (n === "") return;
-    if (n == null) {
-      const s = e.getColDef();
-      if (s.headerName === "") return;
-      n = s.headerName || s.field || o.colId;
-    }
-    if (!n || n.trim() === "")
+  let p = 0, S = 0, g = 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")
+      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 r = !o.hide, d = !!o.sort, u = e.isFilterActive() || y === o.colId, c = O(o, e), C = {
-      id: o.colId,
-      label: n,
-      checked: r,
+    const s = !e.hide, I = !!e.sort, y = o.isFilterActive() || z === e.colId, d = T(e, o), b = {
+      id: e.colId,
+      label: t,
+      checked: s,
       data: {
-        hasSortApplied: d,
-        hasFilterApplied: u,
-        pinned: c
+        hasSortApplied: I,
+        hasFilterApplied: y,
+        pinned: d
       }
     };
-    c ? (g++, r && S++) : (I++, r && $++);
-    const k = c ? h : m, a = x(e);
-    if (a.length > 0) {
-      let s = k, D = null;
-      for (const M of a)
-        D = F(M, s), s = D.children;
-      D.children.push(C);
+    d ? (p++, s && S++) : (g++, s && v++);
+    const N = d ? f : h, $ = B(o);
+    if ($.length > 0) {
+      let w = N, k = null;
+      for (const P of $)
+        k = O(P, w), w = k.children;
+      k.children.push(b);
     } else
-      k.push(C);
+      N.push(b);
   });
-  const b = (o) => {
-    let e = o.length > 0;
-    for (const n of o)
-      n.children && (n.checked = b(n.children)), n.checked || (e = !1);
-    return e;
+  const C = (e) => {
+    let o = e.length > 0;
+    for (const n of e)
+      n.children && (n.checked = C(n.children)), n.checked || (o = !1);
+    return o;
   };
-  return b(h), b(m), [
+  return C(f), C(h), [
     {
       id: "root-frozen",
-      label: i.frozenColumns,
-      checked: g > 0 && S === g,
-      children: h,
+      label: u.frozenColumns,
+      checked: p > 0 && S === p,
+      children: f,
       category: "structure",
       isDragDisabled: !0
     },
     {
       id: "root-scrollable",
-      label: i.scrollableColumns,
-      checked: I > 0 && $ === I,
-      children: m,
+      label: u.scrollableColumns,
+      checked: g > 0 && v === g,
+      children: h,
       category: "structure",
       isDragDisabled: !0
     }
   ];
 }
 export {
-  T as buildColumnTreeFromGrid
+  q as buildColumnTreeFromGrid
 };

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

@@ -1,15 +1,10 @@
-import { fingerprintColumnTreeIndicators as u, fingerprintColumnTreeItems as s } from "./data-table-column-apply.js";
-function c(n) {
+import { fingerprintColumnTreeIndicators as n, fingerprintColumnTreeItems as i } from "./data-table-column-apply.js";
+function e(r) {
   return {
-    structural: s(n),
-    indicators: u(n)
+    structural: i(r),
+    indicators: n(r)
   };
 }
-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
+  e as computeColumnListSyncFingerprints
 };

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

@@ -1,85 +1,88 @@
-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
+import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { useRef as y, useState as F, useMemo as O, useCallback as i } from "react";
+import { useDataTable as E } from "./data-table-context.js";
+import { useDataTableSheet as z } from "./data-table-sheet-context.js";
+import { NestedList as P } from "../nested-list/nested-list.js";
+import { SelectionMode as R } from "../nested-list/nested-list.types.js";
+import { useImpactNovaI18n as k } from "../../../i18n/use-impact-nova-i18n.js";
+import { countNestedListLeaves as M, buildCollapsedStateForAllGroups as j } from "../nested-list/nested-list-tree-utils.js";
+import { PinSwitch as G } from "./pin-switch.js";
+import { ColumnIndicator as d } from "./column-indicator.js";
+import { IndicatorLegend as H } from "./indicator-legend.js";
+import { useDataTableColumnListSync as U } from "./use-data-table-column-list-sync.js";
+const W = 100, le = ({
+  enableApplyDiscard: o = !1,
+  showSearch: m = !0,
+  showSelectAll: p = !0,
+  showCollapse: f = !0
 }) => {
-  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(
+  const { gridApi: h } = E(), { open: C } = z(), { t: r } = k(), b = y({}), [n, S] = F({}), {
+    items: a,
+    isReady: L,
+    externalSyncKey: g,
+    listWrapperRef: A,
+    handleChange: c,
+    handleSubmit: T,
+    handlePinChange: u
+  } = U({
+    gridApi: h,
+    frozenColumnsLabel: r("dataTable.frozenColumns"),
+    scrollableColumnsLabel: r("dataTable.scrollableColumns"),
+    isSyncActive: C
+  }), I = O(() => Object.keys(n).length > 0 || a.length === 0 || M(a) <= W ? n : j(a), [n, a]), x = i(
     (e) => {
-      s(e, a);
+      c(e, o);
     },
-    [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 shrink-0", children: [
-        l?.hasSortApplied && /* @__PURE__ */ n(c, { type: "sort" }),
-        l?.hasFilterApplied && /* @__PURE__ */ n(c, { type: "filter" })
+    [o, c]
+  ), N = i(
+    (e, s) => {
+      if (!s.isLeaf) return null;
+      const t = e.data;
+      return !t?.hasSortApplied && !t?.hasFilterApplied ? null : /* @__PURE__ */ _("span", { className: "inline-flex items-center gap-1 shrink-0", children: [
+        t?.hasSortApplied && /* @__PURE__ */ l(d, { type: "sort" }),
+        t?.hasFilterApplied && /* @__PURE__ */ l(d, { 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,
+  ), v = i(
+    (e, s) => {
+      const t = e.data;
+      return e.category === "structure" ? e.id !== "root-frozen" ? null : /* @__PURE__ */ l(H, {}) : !s.isLeaf || !(t?.pinned === "left" || t?.pinned === "right") ? null : /* @__PURE__ */ l(
+        G,
         {
-          value: l?.pinned ?? null,
-          onChange: (y) => i(e.id, y),
+          value: t?.pinned ?? null,
+          onChange: (D) => u(e.id, D),
           className: "shrink-0"
         }
       );
     },
-    [i]
+    [u]
   );
-  return g ? /* @__PURE__ */ n("div", { ref: x, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ n(
-    F,
+  return L ? /* @__PURE__ */ l("div", { ref: A, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ l(
+    P,
     {
-      items: b,
-      onChange: L,
-      onSubmit: I,
+      items: a,
+      onChange: x,
+      onSubmit: T,
       renderLabelExtras: N,
       renderActions: v,
-      enableApplyDiscard: a,
-      enableSearch: u,
-      enableSelectAll: d,
+      enableApplyDiscard: o,
+      enableSearch: m,
+      enableSelectAll: p,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: m,
-      selectionMode: P.CASCADE_DOWN,
-      searchPlaceholder: t("dataTable.searchColumnsPlaceholder"),
+      enableGlobalCollapse: f,
+      selectionMode: R.CASCADE_DOWN,
+      searchPlaceholder: r("dataTable.searchColumnsPlaceholder"),
       className: "h-full",
-      initialCollapsedItems: h,
+      initialCollapsedItems: I,
       onCollapseChange: (e) => {
-        f.current = e, C(e);
+        b.current = e, S(e);
       }
     },
-    S ? "sync-a" : "sync-b"
-  ) }) : /* @__PURE__ */ n("div", { className: "p-4 text-[13px] text-content-placeholder", children: t("dataTable.loadingColumns") });
+    `data-table-column-list-${g}`
+  ) }) : /* @__PURE__ */ l("div", { className: "p-4 text-[13px] text-content-placeholder", children: r("dataTable.loadingColumns") });
 };
 export {
-  Q as DataTableColumnList
+  le as DataTableColumnList
 };

package/dist/components/data/data-table/data-table-column-tree-cache.d.ts

@@ -0,0 +1,29 @@
+import { GridApi } from 'ag-grid-community';
+import { NestedListItem } from '../nested-list/nested-list.types';
+import { BuildColumnTreeLabels } from './build-column-tree-from-grid';
+import { ColumnListSyncFingerprints } from './data-table-column-list-sync';
+interface ColumnTreeCacheEntry {
+    fingerprints: ColumnListSyncFingerprints;
+    items: NestedListItem[];
+    gridColumnStateFingerprint: string;
+}
+export declare function readGridColumnStateFingerprint(gridApi: GridApi): string;
+export declare function readColumnTreeCache(gridApi: GridApi, labels: BuildColumnTreeLabels): ColumnTreeCacheEntry | null;
+export declare function writeColumnTreeCache(gridApi: GridApi, rootItems: NestedListItem[]): ColumnListSyncFingerprints;
+export declare function buildColumnTreeWithCache(gridApi: GridApi, labels: BuildColumnTreeLabels): NestedListItem[] | null;
+export declare function resolveColumnTreeFromCacheOrGrid(options: {
+    gridApi: GridApi;
+    labels: BuildColumnTreeLabels;
+    previousFingerprints: ColumnListSyncFingerprints;
+}): {
+    rootItems: NestedListItem[] | null;
+    syncMode: 'skip' | 'indicators-only' | 'structural';
+    fingerprints: ColumnListSyncFingerprints;
+};
+export declare function peekColumnListSyncWouldSkip(options: {
+    gridApi: GridApi;
+    labels: BuildColumnTreeLabels;
+    previousFingerprints: ColumnListSyncFingerprints;
+}): boolean;
+export declare function scheduleColumnTreePrewarm(gridApi: GridApi): () => void;
+export {};

package/dist/components/data/data-table/data-table-column-tree-cache.js

@@ -0,0 +1,117 @@
+import { buildColumnTreeFromGrid as h } from "./build-column-tree-from-grid.js";
+import { computeColumnListSyncFingerprints as S } from "./data-table-column-list-sync.js";
+import { fingerprintColumnTreeIndicators as T, normalizeColumnPinned as k } from "./data-table-column-apply.js";
+import { patchColumnTreeIndicatorsFromGrid as _ } from "./patch-column-tree-indicators-from-grid.js";
+function w(n) {
+  return n.map((r) => {
+    const e = k(r.pinned) ?? "0";
+    return `${r.colId}:${e}:${r.hide ? "0" : "1"}`;
+  }).join("|");
+}
+function d(n) {
+  return w(n.getColumnState());
+}
+const s = /* @__PURE__ */ new WeakMap(), p = {
+  frozenColumns: "__prewarm_frozen__",
+  scrollableColumns: "__prewarm_scrollable__"
+};
+function G(n) {
+  return typeof n.isDestroyed == "function" && n.isDestroyed();
+}
+function C(n, r) {
+  return n.map((e) => e.id === "root-frozen" ? { ...e, label: r.frozenColumns } : e.id === "root-scrollable" ? { ...e, label: r.scrollableColumns } : e);
+}
+function f(n, r) {
+  const e = s.get(n);
+  return e ? {
+    fingerprints: e.fingerprints,
+    items: C(e.items, r),
+    gridColumnStateFingerprint: e.gridColumnStateFingerprint
+  } : null;
+}
+function u(n, r) {
+  const e = S(r);
+  return s.set(n, {
+    fingerprints: e,
+    items: C(r, p),
+    gridColumnStateFingerprint: d(n)
+  }), e;
+}
+function g(n, r) {
+  const e = h(n, r);
+  return e ? (u(n, e), e) : null;
+}
+function M(n) {
+  const { gridApi: r, labels: e, previousFingerprints: i } = n, t = f(r, e), y = d(r), F = i.structural === "" && i.indicators === "";
+  if (t) {
+    const o = _(
+      t.items,
+      r
+    ), b = T(o), a = y !== t.gridColumnStateFingerprint, m = b !== t.fingerprints.indicators;
+    if (!a && !m) {
+      if (F) {
+        const l = u(r, o);
+        return {
+          rootItems: o,
+          syncMode: "structural",
+          fingerprints: l
+        };
+      }
+      return {
+        rootItems: null,
+        syncMode: "skip",
+        fingerprints: t.fingerprints
+      };
+    }
+    if (!a && m) {
+      const l = u(r, o);
+      return {
+        rootItems: o,
+        syncMode: "indicators-only",
+        fingerprints: l
+      };
+    }
+  }
+  const c = g(r, e);
+  if (!c)
+    return {
+      rootItems: null,
+      syncMode: "skip",
+      fingerprints: i
+    };
+  const I = f(r, e)?.fingerprints ?? {
+    structural: "",
+    indicators: ""
+  };
+  return {
+    rootItems: c,
+    syncMode: "structural",
+    fingerprints: I
+  };
+}
+function v(n) {
+  return typeof n.getColumnState == "function" && (typeof n.getAllGridColumns == "function" || typeof n.getColumns == "function");
+}
+function D(n) {
+  return M(n).syncMode === "skip";
+}
+function W(n) {
+  let r = !1, e = 0, i;
+  const t = () => {
+    r || G(n) || !v(n) || s.has(n) || g(n, p);
+  };
+  return e = requestAnimationFrame(() => {
+    r || (typeof requestIdleCallback < "u" ? i = requestIdleCallback(t, { timeout: 3e3 }) : setTimeout(t, 0));
+  }), () => {
+    r = !0, e && cancelAnimationFrame(e), i !== void 0 && typeof cancelIdleCallback < "u" && cancelIdleCallback(i);
+  };
+}
+export {
+  g as buildColumnTreeWithCache,
+  D as peekColumnListSyncWouldSkip,
+  f as readColumnTreeCache,
+  d as readGridColumnStateFingerprint,
+  M as resolveColumnTreeFromCacheOrGrid,
+  W as scheduleColumnTreePrewarm,
+  u as writeColumnTreeCache
+};

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

@@ -4,5 +4,7 @@
  * so short grids grow enough for a usable column list without re-rendering AG Grid.
  */
 export declare const DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX = 400;
+/** Matches `transition-transform duration-200` on `DataTableSheetContent`. */
+export declare const DATA_TABLE_SHEET_SLIDE_TRANSITION_MS = 200;
 /** DOM class toggled imperatively for viewport-fill table shell (styles in `src/index.scss`). */
 export declare const TABLE_VIEWPORT_SHELL_EXPANDED_CLASS: "table-viewport-shell--expanded";

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

@@ -1,5 +1,6 @@
-const _ = 400, E = "table-viewport-shell--expanded";
+const _ = 400, E = 200, T = "table-viewport-shell--expanded";
 export {
   _ as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
-  E as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS
+  E as DATA_TABLE_SHEET_SLIDE_TRANSITION_MS,
+  T as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS
 };