impact-nova 2.5.12 → 2.5.13

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

@@ -1,86 +1,116 @@
-import { jsxs as D, jsx as n } from "react/jsx-runtime";
-import { useRef as _, useState as F, useMemo as O, useCallback as i } from "react";
-import { useDataTable as E } from "./data-table-context.js";
-import { useDataTableSheet as y } from "./data-table-sheet-context.js";
-import { NestedList as z } 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 { countNestedListLeaves as k, buildCollapsedStateForAllGroups as M } from "../nested-list/nested-list-tree-utils.js";
-import { PinSwitch as j } from "./pin-switch.js";
-import { ColumnIndicator as m } from "./column-indicator.js";
-import { IndicatorLegend as G } from "./indicator-legend.js";
-import { useDataTableColumnListSync as H } from "./use-data-table-column-list-sync.js";
-const U = 100, te = ({
-  enableApplyDiscard: o = !1,
-  showSearch: d = !0,
-  showSelectAll: p = !0,
-  showCollapse: f = !0
+import { jsxs as z, jsx as n } from "react/jsx-runtime";
+import { useRef as B, useState as H, useMemo as m, useCallback as s } from "react";
+import { useDataTable as j } from "./data-table-context.js";
+import { useDataTableSheet as G } from "./data-table-sheet-context.js";
+import { NestedList as U } from "../nested-list/nested-list.js";
+import { SelectionMode as W } from "../nested-list/nested-list.types.js";
+import { useImpactNovaI18n as Z } from "../../../i18n/use-impact-nova-i18n.js";
+import { countNestedListLeaves as q, buildCollapsedStateForAllGroups as J } from "../nested-list/nested-list-tree-utils.js";
+import { NESTED_LIST_VIRTUALIZATION_THRESHOLD as K, NESTED_LIST_ROOT_FROZEN_ID as Q } from "../nested-list/nested-list-constants.js";
+import { PinSwitch as X } from "./pin-switch.js";
+import { ColumnIndicator as C } from "./column-indicator.js";
+import { IndicatorLegend as Y } from "./indicator-legend.js";
+import { useDataTableColumnListSync as $ } from "./use-data-table-column-list-sync.js";
+import { buildFlatColumnVirtualRowModel as ee } from "./data-table-flat-column-virtual-rows.js";
+import { isValidColumnPickerGroupDrop as te } from "./column-picker-drop-validation.js";
+const le = 100, Le = ({
+  enableApplyDiscard: c = !1,
+  showSearch: A = !0,
+  showSelectAll: b = !0,
+  showCollapse: L = !0
 }) => {
-  const { gridApi: h } = E(), { open: C } = y(), { t: r } = R(), b = _({}), [l, L] = F({}), {
-    items: a,
-    isReady: S,
-    listWrapperRef: g,
-    handleChange: c,
-    handleSubmit: A,
-    handlePinChange: u
-  } = H({
-    gridApi: h,
-    frozenColumnsLabel: r("dataTable.frozenColumns"),
-    scrollableColumnsLabel: r("dataTable.scrollableColumns"),
-    isSyncActive: C
-  }), T = O(() => Object.keys(l).length > 0 || a.length === 0 || k(a) <= U ? l : M(a), [l, a]), x = i(
+  const { gridApi: S } = j(), { open: g } = G(), { t: i } = Z(), T = B({}), [a, I] = H({}), u = m(
+    () => ({
+      frozenColumns: i("dataTable.frozenColumns"),
+      scrollableColumns: i("dataTable.scrollableColumns")
+    }),
+    [i]
+  ), {
+    items: o,
+    columnPickerAuthority: l,
+    pickerMode: v,
+    isReady: D,
+    listWrapperRef: y,
+    handleChange: f,
+    handleSubmit: R,
+    handlePinChange: h,
+    handleAuthorityItemToggle: _,
+    handleAuthorityVirtualDrop: N,
+    handleAuthoritySelectAll: x
+  } = $({
+    gridApi: S,
+    frozenColumnsLabel: u.frozenColumns,
+    scrollableColumnsLabel: u.scrollableColumns,
+    isSyncActive: g
+  }), t = v === "authority-flat" && l != null, d = m(() => t && l ? l.orderedColumnIds.length : q(o), [t, l, o]), E = m(() => t || Object.keys(a).length > 0 || o.length === 0 || d <= le ? a : J(o), [a, d, t, o]), O = m(() => d >= K ? "virtual-index" : "sortable", [d]), F = s(
+    (e) => l ? ee(l, u, {
+      searchQuery: e,
+      sortAppliedByColumnId: l.sortAppliedByColumnId,
+      filterAppliedByColumnId: l.filterAppliedByColumnId
+    }) : { rowCount: 0, getRowAt: () => ({ item: o[0], level: 0, indentLevel: 0 }) },
+    [l, u, o]
+  ), V = s(
     (e) => {
-      c(e, o);
+      f(e, c);
     },
-    [o, c]
-  ), I = i(
-    (e, s) => {
-      if (!s.isLeaf) return null;
-      const t = e.data;
-      return !t?.hasSortApplied && !t?.hasFilterApplied ? null : /* @__PURE__ */ D("span", { className: "inline-flex items-center gap-1 shrink-0", children: [
-        t?.hasSortApplied && /* @__PURE__ */ n(m, { type: "sort" }),
-        t?.hasFilterApplied && /* @__PURE__ */ n(m, { type: "filter" })
+    [c, f]
+  ), M = s(
+    (e) => t ? !0 : te(e),
+    [t]
+  ), k = s(
+    (e, p) => {
+      if (!p.isLeaf) return null;
+      const r = e.data;
+      return !r?.hasSortApplied && !r?.hasFilterApplied ? null : /* @__PURE__ */ z("span", { className: "inline-flex items-center gap-1 shrink-0", children: [
+        r?.hasSortApplied && /* @__PURE__ */ n(C, { type: "sort" }),
+        r?.hasFilterApplied && /* @__PURE__ */ n(C, { type: "filter" })
       ] });
     },
     []
-  ), N = i(
-    (e, s) => {
-      const t = e.data;
-      return e.category === "structure" ? e.id !== "root-frozen" ? null : /* @__PURE__ */ n(G, {}) : !s.isLeaf || !(t?.pinned === "left" || t?.pinned === "right") ? null : /* @__PURE__ */ n(
-        j,
+  ), P = s(
+    (e, p) => {
+      const r = e.data;
+      return e.category === "structure" ? e.id !== Q ? null : /* @__PURE__ */ n(Y, {}) : !p.isLeaf || !(r?.pinned === "left" || r?.pinned === "right") ? null : /* @__PURE__ */ n(
+        X,
         {
-          value: t?.pinned ?? null,
-          onChange: (v) => u(e.id, v),
+          value: r?.pinned ?? null,
+          onChange: (w) => h(e.id, w),
           className: "shrink-0"
         }
       );
     },
-    [u]
+    [h]
   );
-  return S ? /* @__PURE__ */ n("div", { ref: g, className: "flex flex-col flex-1 min-h-0 bg-canvas-elevated", children: /* @__PURE__ */ n(
-    z,
+  return D ? /* @__PURE__ */ n("div", { ref: y, className: "flex flex-col flex-1 min-h-0 bg-canvas-elevated", children: /* @__PURE__ */ n(
+    U,
     {
-      items: a,
-      onChange: x,
-      onSubmit: A,
-      renderLabelExtras: I,
-      renderActions: N,
-      enableApplyDiscard: o,
-      enableSearch: d,
-      enableSelectAll: p,
+      items: o,
+      onChange: V,
+      onSubmit: R,
+      onItemToggle: t ? _ : void 0,
+      onVirtualDrop: t ? N : void 0,
+      flatVirtualRowResolver: t ? F : void 0,
+      onFlatVirtualSelectAll: t ? x : void 0,
+      isValidDropTarget: t ? void 0 : M,
+      renderLabelExtras: k,
+      renderActions: P,
+      enableApplyDiscard: c,
+      enableSearch: A,
+      enableSelectAll: b,
       enableDragDrop: !0,
+      dragMode: O,
       enableCollapse: !0,
-      enableGlobalCollapse: f,
-      selectionMode: P.CASCADE_DOWN,
-      searchPlaceholder: r("dataTable.searchColumnsPlaceholder"),
+      enableGlobalCollapse: L,
+      selectionMode: W.CASCADE_DOWN,
+      searchPlaceholder: i("dataTable.searchColumnsPlaceholder"),
       className: "flex-1 min-h-0",
-      initialCollapsedItems: T,
+      initialCollapsedItems: E,
       onCollapseChange: (e) => {
-        b.current = e, L(e);
+        T.current = e, I(e);
       }
     }
-  ) }) : /* @__PURE__ */ n("div", { className: "p-4 text-[13px] text-content-placeholder", children: r("dataTable.loadingColumns") });
+  ) }) : /* @__PURE__ */ n("div", { className: "p-4 text-[13px] text-content-placeholder", children: i("dataTable.loadingColumns") });
 };
 export {
-  te as DataTableColumnList
+  Le as DataTableColumnList
 };

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

@@ -1,22 +1,26 @@
-import { GridApi } from 'ag-grid-community';
+import { ColumnState, GridApi } from 'ag-grid-community';
 import { NestedListItem } from '../nested-list/nested-list.types';
 import { BuildColumnTreeLabels } from './build-column-tree-from-grid';
 import { ColumnListSyncFingerprints, ColumnListSyncMode } from './data-table-column-list-sync';
+import { ColumnPickerAuthority } from './column-picker-authority';
+export type ColumnPickerMode = 'tree' | 'authority-flat';
 interface ColumnTreeCacheEntry {
     fingerprints: ColumnListSyncFingerprints;
     items: NestedListItem[];
+    pickerMode: ColumnPickerMode;
+    authority: ColumnPickerAuthority | null;
     gridLayoutFingerprint: string;
     gridVisibilityFingerprint: string;
-    /**
-     * Leaf column ids captured at write time (single tree walk here) so the
-     * structural stale-check at read time needs no tree traversal.
-     */
     leafColumnIds: ReadonlySet<string>;
 }
 export declare function readGridLayoutFingerprint(gridApi: GridApi): string;
 export declare function readGridVisibilityFingerprint(gridApi: GridApi): string;
+export declare function hasColumnTreeCache(gridApi: GridApi): boolean;
+/** Column counts at or above this threshold prewarm immediately instead of on idle. */
+export declare const LARGE_COLUMN_PREWARM_THRESHOLD = 5000;
 export declare function readColumnTreeCache(gridApi: GridApi, labels: BuildColumnTreeLabels): ColumnTreeCacheEntry | null;
 export declare function writeColumnTreeCache(gridApi: GridApi, rootItems: NestedListItem[]): ColumnListSyncFingerprints;
+export declare function writeColumnTreeAuthorityCache(gridApi: GridApi, authority: ColumnPickerAuthority): ColumnListSyncFingerprints;
 export declare function buildColumnTreeWithCache(gridApi: GridApi, labels: BuildColumnTreeLabels): NestedListItem[] | null;
 /**
  * True when the live grid's column-id set differs from the cached tree's leaf ids.
@@ -27,13 +31,15 @@ export declare function buildColumnTreeWithCache(gridApi: GridApi, labels: Build
  * ({@link writeColumnTreeCache}), so this does no tree traversal at read time;
  * it only scans `getColumnState()`, which callers already fetch for fingerprints.
  */
-export declare function isGridColumnSetDifferentFromCachedLeaves(gridApi: GridApi, cachedLeafColumnIds: ReadonlySet<string>): boolean;
+export declare function isGridColumnSetDifferentFromCachedLeaves(gridApi: GridApi, cachedLeafColumnIds: ReadonlySet<string>, precomputedColumnState?: ColumnState[]): boolean;
 export declare function resolveColumnTreeFromCacheOrGrid(options: {
     gridApi: GridApi;
     labels: BuildColumnTreeLabels;
     previousFingerprints: ColumnListSyncFingerprints;
 }): {
     rootItems: NestedListItem[] | null;
+    authority: ColumnPickerAuthority | null;
+    pickerMode: ColumnPickerMode;
     syncMode: ColumnListSyncMode;
     fingerprints: ColumnListSyncFingerprints;
 };