impact-ui 4.0.15-alpha.2 → 4.0.16

package/dist/components/TableOld/tableFunctions.d.ts

@@ -53,4 +53,5 @@ export declare const getMainMenuItems: (params: any) => (string | {
 })[];
 export declare const Columns: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 export declare const updateFontSizeOnToolPanel: (fontSizeType: any) => string;
+export { ColumnsV36 } from '../shared/tableColumnSettings/columnsTabV36';
 //# sourceMappingURL=tableFunctions.d.ts.map

package/dist/components/TableOld/tableFunctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableFunctions.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsItC,CAAC;AAiEF,eAAO,MAAM,OAAO,mFAkyClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableFunctions.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsItC,CAAC;AAiEF,eAAO,MAAM,OAAO,mFAkyClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/components/TableOld/tableHeader.d.ts

@@ -1,4 +1,4 @@
-export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize, setTableFontSize, rowHeight, setRowHeight, tableHeader, topRightOptions, topLeftOptions, onGlobalSearchClick, cardContainer, onNumberFormatChange, hideRowHeightOptionMenu, showDownloadButton, onDownloadButtonClick, closeButton, handleCloseButtonClick, additionalButtons, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, topCenterOptions, tableActions, onTableActionsTabClick, hideTableFormat, hideTableActions, hideTableSetting, explicitlyCloseTableSetting, customSystemButton, onContentDensityChange, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, closeTableSettingOnOutsideClick, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, saveViewCustomFilter, customRenderSaveViewContent, numericFormatDefault, viewPoint, }: {
+export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize, setTableFontSize, rowHeight, setRowHeight, tableHeader, topRightOptions, topLeftOptions, onGlobalSearchClick, cardContainer, onNumberFormatChange, hideRowHeightOptionMenu, showDownloadButton, onDownloadButtonClick, closeButton, handleCloseButtonClick, additionalButtons, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, topCenterOptions, tableActions, onTableActionsTabClick, hideTableFormat, hideTableActions, hideTableSetting, explicitlyCloseTableSetting, customSystemButton, onContentDensityChange, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, closeTableSettingOnOutsideClick, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, saveViewCustomFilter, customRenderSaveViewContent, columnSettingsMode, numericFormatDefault, viewPoint, }: {
     actualRef: any;
     colDefs: any;
     Columns: any;
@@ -46,6 +46,7 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     isViewNameUniqueAcrossTypes: any;
     saveViewCustomFilter: any;
     customRenderSaveViewContent: any;
+    columnSettingsMode?: string | undefined;
     numericFormatDefault: any;
     viewPoint: any;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TableOld/tableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableHeader.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,+BAA+B,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,EACpB,SAAS,GACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAuMA"}
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/tableHeader.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,+BAA+B,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,kBAA0B,EAC1B,oBAAoB,EACpB,SAAS,GACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAwMA"}

package/dist/components/TableOld/tableHeader.js

@@ -52,6 +52,7 @@ function TableHeader({
   isViewNameUniqueAcrossTypes,
   saveViewCustomFilter,
   customRenderSaveViewContent,
+  columnSettingsMode = "v36",
   numericFormatDefault,
   viewPoint
 }) {
@@ -177,6 +178,7 @@ function TableHeader({
             actualRef,
             colDefs,
             Columns,
+            columnSettingsMode,
             customRenderSaveViewContent,
             deleteViewPromptText,
             explicitlyCloseTableSetting,

package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Column visibility helpers for Table Settings v36 across AG Grid versions.
+ * - v27 (OldTable): columnApi.setColumnVisible
+ * - v31+: gridApi.setColumnVisible
+ * - v33+: gridApi.setColumnsVisible (batch)
+ */
+type GridRefLike = {
+    current?: {
+        api?: unknown;
+        columnApi?: unknown;
+    };
+} | null | undefined;
+export declare function resolveColumnStateApi(gridApi: any, gridRef?: GridRefLike): any;
+/** Apply colId→visible using the best API available on this grid version. */
+export declare function applyVisibilityMapToGrid(gridApi: any, visibilityMap: any, gridRef?: GridRefLike): void;
+export {};
+//# sourceMappingURL=agGridColumnSettingsApi.d.ts.map

package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agGridColumnSettingsApi.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/agGridColumnSettingsApi.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AAEH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAE3F,wBAAgB,qBAAqB,CAAC,OAAO,KAAA,EAAE,OAAO,CAAC,EAAE,WAAW,OAUnE;AAkBD,6EAA6E;AAC7E,wBAAgB,wBAAwB,CAAC,OAAO,KAAA,EAAE,aAAa,KAAA,EAAE,OAAO,CAAC,EAAE,WAAW,QAsBrF"}

package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.js

@@ -0,0 +1,52 @@
+function resolveColumnStateApi(gridApi, gridRef) {
+  var _a;
+  if (!gridApi) return null;
+  if (typeof gridApi.applyColumnState === "function") {
+    return gridApi;
+  }
+  const columnApi = gridApi.columnApi ?? ((_a = gridRef == null ? void 0 : gridRef.current) == null ? void 0 : _a.columnApi);
+  if (columnApi && typeof columnApi.applyColumnState === "function") {
+    return columnApi;
+  }
+  return gridApi;
+}
+function setOneColumnVisible(gridApi, colId, visible, gridRef) {
+  var _a, _b;
+  if (typeof gridApi.setColumnVisible === "function") {
+    gridApi.setColumnVisible(colId, visible);
+    return;
+  }
+  const columnApi = gridApi.columnApi ?? ((_a = gridRef == null ? void 0 : gridRef.current) == null ? void 0 : _a.columnApi);
+  if (columnApi && typeof columnApi.setColumnVisible === "function") {
+    columnApi.setColumnVisible(colId, visible);
+    return;
+  }
+  const stateApi = resolveColumnStateApi(gridApi, gridRef);
+  (_b = stateApi == null ? void 0 : stateApi.applyColumnState) == null ? void 0 : _b.call(stateApi, {
+    state: [{ colId, hide: !visible }]
+  });
+}
+function applyVisibilityMapToGrid(gridApi, visibilityMap, gridRef) {
+  if (!gridApi || !(visibilityMap == null ? void 0 : visibilityMap.size)) return;
+  const showIds = [];
+  const hideIds = [];
+  visibilityMap.forEach((visible, colId) => {
+    if (visible) showIds.push(colId);
+    else hideIds.push(colId);
+  });
+  if (typeof gridApi.setColumnsVisible === "function") {
+    if (showIds.length) gridApi.setColumnsVisible(showIds, true);
+    if (hideIds.length) gridApi.setColumnsVisible(hideIds, false);
+    return;
+  }
+  showIds.forEach((colId) => {
+    setOneColumnVisible(gridApi, colId, true, gridRef);
+  });
+  hideIds.forEach((colId) => {
+    setOneColumnVisible(gridApi, colId, false, gridRef);
+  });
+}
+export {
+  applyVisibilityMapToGrid,
+  resolveColumnStateApi
+};

package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export declare const capitalizeHeader: (name: any) => any;
+/** Figma / TableV36: scrollable rows under Main Column start at 48px; +28px per tree level. */
+export declare const SETTINGS_COLUMN_INDENT_STEP = 28;
+export declare const SETTINGS_SCROLL_COLUMN_INDENT_BASE = 48;
+export declare const SETTINGS_FROZEN_COLUMN_INDENT_BASE = 20;
+/** Top-level sortable row — groups drag as a unit with nested children inside. */
+export declare const SortableColumnItem: React.NamedExoticComponent<object>;
+/** Nested child row — not individually sortable (AG Grid group constraint). */
+export declare const NestedColumnItem: React.NamedExoticComponent<object>;
+//# sourceMappingURL=columnsSettingsColumnRow.d.ts.map

package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnsSettingsColumnRow.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsSettingsColumnRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAS1D,eAAO,MAAM,gBAAgB,GAAI,SAAI,QACqB,CAAC;AAE3D,+FAA+F;AAC/F,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,kCAAkC,KAAK,CAAC;AACrD,eAAO,MAAM,kCAAkC,KAAK,CAAC;AAoLrD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,oCAqDN,CAAC;AAE1B,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,oCAgC3B,CAAC"}

package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.js

@@ -0,0 +1,262 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, useMemo, useCallback } from "react";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import default_1 from "../../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
+import default_1$1 from "../../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
+import { Checkbox } from "../../Checkbox/index.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton.js";
+import DragIndicator from "../../../node_modules/@mui/icons-material/esm/DragIndicator.js";
+const capitalizeHeader = (name) => name ? name.charAt(0).toUpperCase() + name.slice(1) : "";
+const SETTINGS_COLUMN_INDENT_STEP = 28;
+const SETTINGS_SCROLL_COLUMN_INDENT_BASE = 48;
+const SETTINGS_FROZEN_COLUMN_INDENT_BASE = 20;
+const getSettingsRowPaddingLeft = (rowClassName, level) => {
+  const isFrozen = rowClassName == null ? void 0 : rowClassName.includes("frozen-columns-list-item");
+  const base = isFrozen ? SETTINGS_FROZEN_COLUMN_INDENT_BASE : SETTINGS_SCROLL_COLUMN_INDENT_BASE;
+  return base + level * SETTINGS_COLUMN_INDENT_STEP;
+};
+const ColumnRowContent = memo(function ColumnRowContent2({
+  column,
+  level,
+  isCollapsed,
+  hasChildren,
+  isIndeterminate,
+  checkboxChecked,
+  reserveCollapseSlot,
+  rowClassName,
+  dragIconClass,
+  onToggleCollapse,
+  onToggleVisibility,
+  onKeyboardReorder,
+  dragHandleProps,
+  isOverlay
+}) {
+  const rowStyle = useMemo(
+    () => ({
+      ["--indent-level"]: level,
+      // Inline padding wins over legacy Table.scss (8px / 50px list) in virtualized lists.
+      paddingLeft: `${getSettingsRowPaddingLeft(rowClassName, level)}px`,
+      boxSizing: "border-box"
+    }),
+    [level, rowClassName]
+  );
+  const handleCollapseClick = useCallback(
+    (e) => {
+      e.stopPropagation();
+      onToggleCollapse == null ? void 0 : onToggleCollapse(column.colId);
+    },
+    [onToggleCollapse, column.colId]
+  );
+  const handleVisibilityChange = useCallback(() => {
+    onToggleVisibility == null ? void 0 : onToggleVisibility(column.colId);
+  }, [onToggleVisibility, column.colId]);
+  const handleRowKeyDown = useCallback(
+    (e) => {
+      var _a, _b, _c, _d;
+      if (isOverlay) return;
+      const current = e.currentTarget;
+      if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+        e.preventDefault();
+        onKeyboardReorder == null ? void 0 : onKeyboardReorder(column.colId, e.key === "ArrowUp" ? -1 : 1);
+        return;
+      }
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault();
+          const next = (_b = (_a = current.parentElement) == null ? void 0 : _a.nextElementSibling) == null ? void 0 : _b.querySelector('[role="treeitem"]');
+          next == null ? void 0 : next.focus();
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault();
+          const prev = (_d = (_c = current.parentElement) == null ? void 0 : _c.previousElementSibling) == null ? void 0 : _d.querySelector('[role="treeitem"]');
+          prev == null ? void 0 : prev.focus();
+          break;
+        }
+        case "ArrowRight": {
+          if (hasChildren && isCollapsed) {
+            e.preventDefault();
+            onToggleCollapse == null ? void 0 : onToggleCollapse(column.colId);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          if (hasChildren && !isCollapsed) {
+            e.preventDefault();
+            onToggleCollapse == null ? void 0 : onToggleCollapse(column.colId);
+          }
+          break;
+        }
+        case "Enter":
+        case " ": {
+          if (column.disabled) break;
+          e.preventDefault();
+          onToggleVisibility == null ? void 0 : onToggleVisibility(column.colId);
+          break;
+        }
+      }
+    },
+    [
+      isOverlay,
+      level,
+      hasChildren,
+      isCollapsed,
+      onToggleCollapse,
+      onToggleVisibility,
+      onKeyboardReorder,
+      column.colId,
+      column.disabled
+    ]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-checked": isIndeterminate ? "mixed" : checkboxChecked,
+      "aria-expanded": hasChildren ? !isCollapsed : void 0,
+      "aria-label": column.headerName,
+      "aria-roledescription": !isOverlay && dragHandleProps ? "sortable column" : void 0,
+      "aria-selected": !!checkboxChecked,
+      className: rowClassName,
+      "data-col-id": column.colId,
+      role: "treeitem",
+      style: rowStyle,
+      tabIndex: isOverlay ? -1 : 0,
+      onKeyDown: handleRowKeyDown,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "table-setting-column-leading", children: [
+          reserveCollapseSlot && /* @__PURE__ */ jsx("span", { "aria-hidden": !hasChildren, className: "table-setting-column-collapse-slot", children: hasChildren ? /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": isCollapsed ? "Expand column group" : "Collapse column group",
+              className: "table-setting-column-collapse-btn",
+              onClick: handleCollapseClick,
+              children: isCollapsed ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {})
+            }
+          ) : null }),
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: checkboxChecked,
+              disabled: column.disabled || isOverlay,
+              variant: isIndeterminate ? "dashed" : "default",
+              onChange: handleVisibilityChange
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "table-setting-column-trailing", children: [
+          dragHandleProps && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "table-setting-column-drag-handle",
+              ...dragHandleProps,
+              "aria-label": `Reorder ${column.headerName}`,
+              children: /* @__PURE__ */ jsx(DragIndicator, { className: dragIconClass })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "table-setting-column-name", children: capitalizeHeader(column.headerName) })
+        ] })
+      ]
+    }
+  );
+});
+const areSortablePropsEqual = (prev, next) => prev.column.colId === next.column.colId && prev.column.isVisible === next.column.isVisible && prev.column.headerName === next.column.headerName && prev.column.disabled === next.column.disabled && prev.isIndeterminate === next.isIndeterminate && prev.checkboxChecked === next.checkboxChecked && prev.reserveCollapseSlot === next.reserveCollapseSlot && prev.level === next.level && prev.isCollapsed === next.isCollapsed && prev.hasChildren === next.hasChildren && prev.rowClassName === next.rowClassName && prev.dragIconClass === next.dragIconClass && prev.onToggleCollapse === next.onToggleCollapse && prev.onToggleVisibility === next.onToggleVisibility && prev.onKeyboardReorder === next.onKeyboardReorder && prev.children === next.children;
+const SortableColumnItem = memo(function SortableColumnItem2({
+  column,
+  level,
+  isCollapsed,
+  hasChildren,
+  isIndeterminate,
+  checkboxChecked,
+  reserveCollapseSlot,
+  rowClassName,
+  dragIconClass,
+  onToggleCollapse,
+  onToggleVisibility,
+  onKeyboardReorder,
+  children
+}) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+    id: column.colId
+  });
+  const style = useMemo(
+    () => ({
+      transform: CSS.Transform.toString(transform),
+      transition,
+      opacity: isDragging ? 0 : void 0,
+      zIndex: isDragging ? 0 : void 0
+    }),
+    [transform, transition, isDragging]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      className: isDragging ? "table-setting-column-sortable--dragging" : void 0,
+      style,
+      children: [
+        /* @__PURE__ */ jsx(
+          ColumnRowContent,
+          {
+            checkboxChecked,
+            column,
+            dragHandleProps: { ...attributes, ...listeners },
+            dragIconClass,
+            hasChildren,
+            isCollapsed,
+            isIndeterminate,
+            level,
+            reserveCollapseSlot,
+            rowClassName,
+            onKeyboardReorder,
+            onToggleCollapse,
+            onToggleVisibility
+          }
+        ),
+        hasChildren && !isCollapsed && children
+      ]
+    }
+  );
+}, areSortablePropsEqual);
+const NestedColumnItem = memo(function NestedColumnItem2({
+  column,
+  level,
+  isCollapsed,
+  hasChildren,
+  isIndeterminate,
+  checkboxChecked,
+  reserveCollapseSlot,
+  rowClassName,
+  dragIconClass,
+  onToggleCollapse,
+  onToggleVisibility,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      ColumnRowContent,
+      {
+        checkboxChecked,
+        column,
+        dragIconClass,
+        hasChildren,
+        isCollapsed,
+        isIndeterminate,
+        level,
+        reserveCollapseSlot,
+        rowClassName,
+        onToggleCollapse,
+        onToggleVisibility
+      }
+    ),
+    hasChildren && !isCollapsed && children
+  ] });
+});
+export {
+  NestedColumnItem,
+  SETTINGS_COLUMN_INDENT_STEP,
+  SETTINGS_FROZEN_COLUMN_INDENT_BASE,
+  SETTINGS_SCROLL_COLUMN_INDENT_BASE,
+  SortableColumnItem,
+  capitalizeHeader
+};

package/dist/components/shared/tableColumnSettings/columnsSettingsVirtualList.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+
+/** Row height (px) — must match Table.styles.scss (26px min-height + 4px padding). */
+export declare const SETTINGS_ROW_HEIGHT = 28;
+/** Above this many painted rows, use the flat virtualized list instead of nested DOM. */
+export declare const SETTINGS_VIRTUALIZE_THRESHOLD = 300;
+export declare const SETTINGS_FROZEN_LIST_MAX_HEIGHT = 204;
+export declare const SETTINGS_SCROLL_LIST_MAX_HEIGHT = 408;
+/** Scroll a windowed settings list when the pointer sits on its top/bottom edge during drag. */
+export declare const scrollListTowardPointer: (listEl: any, clientY: any) => boolean;
+/** One bottom-up pass: colId → { checked, indeterminate } for the whole column tree. */
+export declare const buildCheckStateMap: (columnGroups: any) => Map<any, any>;
+/** Flatten a filtered column tree into painted rows (respects collapsed groups). */
+export declare const flattenColumnRows: (columns: any, collapsedMap: any, section: any) => any[];
+/** Split measured panel height between frozen and scrollable virtual lists. */
+export declare const computeSettingsListHeights: ({ shouldVirtualize, listViewportHeight, frozenRowCount, scrollableRowCount, }: {
+    shouldVirtualize: any;
+    listViewportHeight: any;
+    frozenRowCount: any;
+    scrollableRowCount: any;
+}) => {
+    frozen: number;
+    scrollable: number;
+};
+export declare const FrozenListOuter: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const ScrollableListOuter: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+/**
+ * react-window list with a detached scrollbar (AG Grid pattern) so thumb drag is not
+ * fighting row mount/unmount on the same scroll element.
+ */
+export declare const VirtualColumnList: ({ className, itemData, maxHeight, outerElementType, outerRef, rows, }: {
+    className: any;
+    itemData: any;
+    maxHeight: any;
+    outerElementType: any;
+    outerRef: any;
+    rows: any;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=columnsSettingsVirtualList.d.ts.map

package/dist/components/shared/tableColumnSettings/columnsSettingsVirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnsSettingsVirtualList.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/tableColumnSettings/columnsSettingsVirtualList.tsx"],"names":[],"mappings":"AACA;;;GAGG;AACH,OAAO,KAAgE,MAAM,OAAO,CAAC;AAIrF,sFAAsF;AACtF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,yFAAyF;AACzF,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAYnD,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,GAAI,WAAM,EAAE,YAAO,YAatD,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,GAAI,iBAAY,kBAwB9C,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,GAAI,YAAO,EAAE,iBAAY,EAAE,YAAO,UAe/D,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,0BAA0B,GAAI;;;;;CAK1C;;;CAuCA,CAAC;AAiDF,eAAO,MAAM,eAAe,+DAAwC,CAAC;AACrE,eAAO,MAAM,mBAAmB,+DAA4C,CAAC;AAO7E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI;;;;;;;CAOjC,mDAyIA,CAAC"}