@dynatrace/strato-components 3.3.3 → 3.5.0

package/esm/tables/DataTable/features/UserActions/UserActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActions.tsx"],
-  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { DataTableCellActionsContent } from './user-actions-types.js';\nimport {\n  filterActionsForChartColumn,\n  getUserActionsForColumn,\n} from './user-actions-utils.js';\nimport type {\n  Cell,\n  Column,\n  InitialTableState,\n  Row,\n  RowData,\n  Table,\n  TableFeature,\n} from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Defines the user action table feature\n */\nexport const UserActions: TableFeature = {\n  getInitialState(state?: InitialTableState) {\n    return {\n      ...state,\n      floatingMenuInfo: {\n        columnId: null,\n        rowId: null,\n        x: 0,\n        y: 0,\n      },\n    };\n  },\n\n  createTable<TData extends RowData>(table: Table<TData>) {\n    table._setFloatingMenuInfo = (\n      headerId: string | null,\n      columnId: string,\n      rowId: string | null,\n      x: number,\n      y: number,\n    ) => {\n      table.setState((state) => {\n        const newState = { ...state };\n        newState.floatingMenuInfo = {\n          type: rowId === null ? 'headerAction' : 'cellAction',\n          headerId,\n          rowId,\n          columnId,\n          x,\n          y,\n        };\n        return newState;\n      });\n    };\n\n    table.getUserActionsForColumn = (columnId: string) => {\n      const column = table.getColumn(columnId);\n\n      if (column?.getCanColumnActions()) {\n        return column.getColumnActions();\n      }\n\n      return null;\n    };\n\n    table.getUserActionsForCell = (columnId: string, rowId: string) => {\n      const row = table.getRow(rowId);\n      const cell = row\n        .getVisibleCells()\n        .find((cell) => cell.column.id === columnId);\n\n      if (cell?.column.getCanCellActions()) {\n        return cell.getCellActions();\n      }\n      return null;\n    };\n\n    table.getUserActionFloatingMenuContextMenuHandler = () => {\n      return (event: ReactMouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (\n          event.target instanceof HTMLElement === false &&\n          event.target instanceof SVGElement === false\n        ) {\n          return;\n        }\n\n        const cellElement = event.target.closest<HTMLElement>('[role=\"cell\"]');\n        // the click was on a body cell\n        if (cellElement) {\n          const { columnid } = cellElement.dataset;\n          const rowid = cellElement\n            .closest('[role=\"row\"]')\n            ?.getAttribute('data-rowid');\n\n          if (!columnid || !rowid) {\n            return;\n          }\n\n          // In order to check if the column or cell could take actions we get the actual cell objects.\n          const row = table.getRow(rowid);\n          const cell = row._getAllCellsByColumnId()[columnid];\n\n          if (cell?.column.getCanCellActions()) {\n            table._setFloatingMenuInfo(\n              null, // header is not needed for floating menu on body cell\n              columnid,\n              rowid,\n              event.pageX,\n              event.pageY,\n            );\n          }\n          return;\n        }\n\n        const headerElement = event.target.closest<HTMLElement>(\n          '[role=\"columnheader\"]',\n        );\n        // the click happened on a header cell\n        if (headerElement) {\n          const { columnid, headerid } = headerElement.dataset;\n          if (!columnid) {\n            return;\n          }\n\n          // In order to check if the column or cell could take actions we get the actual column object.\n          const column = table.getColumn(columnid);\n\n          if (column?.getCanColumnActions()) {\n            table._setFloatingMenuInfo(\n              headerid ?? null,\n              columnid,\n              null,\n              event.pageX,\n              event.pageY,\n            );\n          }\n        }\n      };\n    };\n  },\n\n  createColumn<TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    column.getColumnActions = memo(\n      () => [column.id, table.options.columnActions],\n      () => {\n        const columnActions = getUserActionsForColumn(\n          column.id,\n          table.options.columnActions ?? {},\n        )\n          .map((entry) => {\n            // If the entry is a react element, we can directly return it\n            if (isElement(entry)) {\n              return entry;\n            }\n            // If it is a function, we will need to resolve the closure first\n            if (typeof entry === 'function') {\n              if (table.options.consumerColumnDefMap?.has(column.id)) {\n                return entry(\n                  // Need to disable non null assertion here because typescript cannot infer\n                  // the non null type within a map, even if it was queried before with a has check.\n                  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                  table.options.consumerColumnDefMap.get(column.id)!,\n                );\n              }\n            }\n            return null;\n          })\n          .filter((entry) => entry !== null);\n\n        if (\n          typeof column.columnDef.enableUserActions === 'object' &&\n          column.columnDef.enableUserActions.type === 'chart'\n        ) {\n          return filterActionsForChartColumn(columnActions);\n        }\n        return columnActions;\n      },\n      getMemoOptions(table.options, 'debugColumns', 'column.getColumnActions'),\n    );\n\n    column.getCanColumnActions = () => {\n      if (column.columnDef.enableUserActions === false) {\n        return false;\n      }\n\n      if (!table.options.enableColumnActions) {\n        return false;\n      }\n\n      const definedColumnActions = column.getColumnActions();\n      if (!definedColumnActions) {\n        // runtime safety net\n        return false;\n      }\n\n      return (definedColumnActions.length ?? 0) > 0;\n    };\n\n    column.getCellActionsElements = memo(\n      () => [column.id, table.options.cellActions],\n      (columnId, cellActionsOptions = []) => {\n        return cellActionsOptions.reduce((actions, cellAction) => {\n          if (\n            cellAction.column === undefined ||\n            // global action for all columns\n            cellAction.column === columnId ||\n            // column-specific action\n            (typeof cellAction.column === 'function' &&\n              cellAction.column(columnId))\n          ) {\n            actions.push(cellAction.action);\n          }\n          return actions;\n        }, [] as Array<DataTableCellActionsContent<TData>>);\n      },\n      getMemoOptions(\n        table.options,\n        'debugCells',\n        'column.getCellActionsElements',\n      ),\n    );\n\n    column.getCanCellActions = () => {\n      if (column.columnDef.enableUserActions === false) {\n        return false;\n      }\n\n      if (!table.options.enableCellActions) {\n        return false;\n      }\n\n      const definedCellActions = column.getCellActionsElements();\n      if (!definedCellActions) {\n        // runtime safety net\n        return false;\n      }\n\n      return (definedCellActions.length ?? 0) > 0;\n    };\n  },\n\n  createCell<TData extends RowData, TValue>(\n    cell: Cell<TData, TValue>,\n    column: Column<TData, TValue>,\n    row: Row<TData>,\n    table: Table<TData>,\n  ) {\n    cell.getCellActions = memo(\n      () => [column.id, table.options.cellActions],\n      () => {\n        const cellActions = column\n          .getCellActionsElements()\n          .map((cellAction) => {\n            // If the entry is a react element, we can directly return it\n            if (isElement(cellAction)) {\n              return cellAction;\n            }\n            // If it is a function, we will need to resolve the closure first\n            if (typeof cellAction === 'function') {\n              if (table.options.consumerColumnDefMap?.has(column.id)) {\n                return cellAction({\n                  // Need to disable non null assertion here because typescript cannot infer\n                  // the non null type within a map, even if it was queried before with a has check.\n                  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                  columnDef: table.options.consumerColumnDefMap.get(column.id)!,\n                  cellValue: cell.getValue(),\n                  row: row.original,\n                  rowId: row.id,\n                });\n              }\n            }\n            return null;\n          });\n\n        return cellActions;\n      },\n      getMemoOptions(table.options, 'debugCells', 'cell.getCellActions'),\n    );\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { DataTableCellActionsContent } from './CellActions.js';\nimport {\n  filterActionsForChartColumn,\n  getColumnActionsElements,\n} from './user-actions-utils.js';\nimport type {\n  Cell,\n  Column,\n  InitialTableState,\n  Row,\n  RowData,\n  Table,\n  TableFeature,\n} from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\nimport { SortingColumnActions } from '../Sorting/SortingColumnActions.js';\n\n/**\n * Defines the user action table feature\n */\nexport const UserActions: TableFeature = {\n  getInitialState(state?: InitialTableState) {\n    return {\n      ...state,\n      floatingMenuInfo: {\n        columnId: null,\n        rowId: null,\n        x: 0,\n        y: 0,\n      },\n      openMenuRowId: null,\n    };\n  },\n\n  createTable<TData extends RowData>(table: Table<TData>) {\n    table._setFloatingMenuInfo = (\n      headerId: string | null,\n      columnId: string,\n      rowId: string | null,\n      x: number,\n      y: number,\n    ) => {\n      table.setState((state) => {\n        const newState = { ...state };\n        newState.floatingMenuInfo = {\n          type: rowId === null ? 'headerAction' : 'cellAction',\n          headerId,\n          rowId,\n          columnId,\n          x,\n          y,\n        };\n        newState.openMenuRowId = rowId;\n        return newState;\n      });\n    };\n\n    table.getUserActionsForColumn = (columnId: string) => {\n      const column = table.getColumn(columnId);\n\n      if (column?.getCanColumnActions()) {\n        return column.getColumnActions();\n      }\n\n      return null;\n    };\n\n    table.getUserActionsForCell = (columnId: string, rowId: string) => {\n      const row = table.getRow(rowId);\n      const cell = row\n        .getVisibleCells()\n        .find((cell) => cell.column.id === columnId);\n\n      if (cell?.column.getCanCellActions()) {\n        return cell.getCellActions();\n      }\n      return null;\n    };\n\n    table.getUserActionFloatingMenuContextMenuHandler = () => {\n      return (event: ReactMouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (\n          event.target instanceof HTMLElement === false &&\n          event.target instanceof SVGElement === false\n        ) {\n          return;\n        }\n\n        const cellElement = event.target.closest<HTMLElement>('[role=\"cell\"]');\n        // the click was on a body cell\n        if (cellElement) {\n          const { columnid } = cellElement.dataset;\n          const rowid = cellElement\n            .closest('[role=\"row\"]')\n            ?.getAttribute('data-rowid');\n\n          if (!columnid || !rowid) {\n            return;\n          }\n\n          // In order to check if the column or cell could take actions we get the actual cell objects.\n          const row = table.getRow(rowid);\n          const cell = row._getAllCellsByColumnId()[columnid];\n\n          if (cell?.column.getCanCellActions()) {\n            table._setFloatingMenuInfo(\n              null, // header is not needed for floating menu on body cell\n              columnid,\n              rowid,\n              event.pageX,\n              event.pageY,\n            );\n          }\n          return;\n        }\n\n        const headerElement = event.target.closest<HTMLElement>(\n          '[role=\"columnheader\"]',\n        );\n        // the click happened on a header cell\n        if (headerElement) {\n          const { columnid, headerid } = headerElement.dataset;\n          if (!columnid) {\n            return;\n          }\n\n          // In order to check if the column or cell could take actions we get the actual column object.\n          const column = table.getColumn(columnid);\n\n          if (column?.getCanColumnActions()) {\n            table._setFloatingMenuInfo(\n              headerid ?? null,\n              columnid,\n              null,\n              event.pageX,\n              event.pageY,\n            );\n          }\n        }\n      };\n    };\n\n    table.setOpenMenuRowId = (rowId: string | null) => {\n      table.setState((state) => ({\n        ...state,\n        openMenuRowId: rowId,\n      }));\n    };\n\n    table.getOpenMenuRowId = () => {\n      return table.getState().openMenuRowId;\n    };\n  },\n\n  createColumn<TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    column.getColumnActions = memo(\n      () => [\n        column.id,\n        table.options.columnActions,\n        table.options.enableSorting,\n      ],\n      (columnId, columnActionsOption, enableSortingOption) => {\n        const columnActions = getColumnActionsElements(\n          columnId,\n          columnActionsOption ?? [],\n          table.options.consumerColumnDefMap,\n        );\n\n        const isChartColumn =\n          typeof column.columnDef.enableUserActions === 'object' &&\n          column.columnDef.enableUserActions.type === 'chart';\n        const filteredActions = isChartColumn\n          ? filterActionsForChartColumn(columnActions)\n          : columnActions;\n\n        // Append sorting actions at the end when sorting is enabled for this column.\n        if (enableSortingOption && column.getCanSort()) {\n          filteredActions.push(\n            <SortingColumnActions\n              key=\"strato-table-sorting-column-actions\"\n              hasOtherColumnActions={filteredActions.length > 0}\n            />,\n          );\n        }\n\n        return filteredActions;\n      },\n      getMemoOptions(table.options, 'debugColumns', 'column.getColumnActions'),\n    );\n\n    column.getCanColumnActions = () => {\n      if (column.columnDef.enableUserActions === false) {\n        return false;\n      }\n\n      const columnActionsEnabled = table.options.enableColumnActions;\n      const sortingEnabled = table.options.enableSorting && column.getCanSort();\n\n      // the column cannot have any actions if neither column actions nor sorting are enabled for this column.\n      if (!columnActionsEnabled && !sortingEnabled) {\n        return false;\n      }\n\n      const definedColumnActions = column.getColumnActions();\n      if (!definedColumnActions) {\n        // runtime safety net\n        return false;\n      }\n\n      return (definedColumnActions.length ?? 0) > 0;\n    };\n\n    column.getCellActionsContent = memo(\n      () => [column.id, table.options.cellActions],\n      (columnId, cellActionsOptions = []) => {\n        return cellActionsOptions.reduce((actions, cellAction) => {\n          if (\n            cellAction.column === undefined ||\n            // global action for all columns\n            cellAction.column === columnId ||\n            // column-specific action\n            (typeof cellAction.column === 'function' &&\n              cellAction.column(columnId))\n          ) {\n            actions.push(cellAction.action);\n          }\n          return actions;\n        }, [] as Array<DataTableCellActionsContent<TData>>);\n      },\n      getMemoOptions(\n        table.options,\n        'debugCells',\n        'column.getCellActionsElements',\n      ),\n    );\n\n    column.getCanCellActions = () => {\n      if (column.columnDef.enableUserActions === false) {\n        return false;\n      }\n\n      if (!table.options.enableCellActions) {\n        return false;\n      }\n\n      const definedCellActions = column.getCellActionsContent();\n      if (!definedCellActions) {\n        // runtime safety net\n        return false;\n      }\n\n      return (definedCellActions.length ?? 0) > 0;\n    };\n  },\n\n  createCell<TData extends RowData, TValue>(\n    cell: Cell<TData, TValue>,\n    column: Column<TData, TValue>,\n    row: Row<TData>,\n    table: Table<TData>,\n  ) {\n    cell.getCellActions = memo(\n      () => [column.id, table.options.cellActions],\n      () => {\n        const cellActions = column.getCellActionsContent().map((cellAction) => {\n          // If the entry is a react element, we can directly return it\n          if (isElement(cellAction)) {\n            return cellAction;\n          }\n          // If it is a function, we will need to resolve the closure first\n          if (typeof cellAction === 'function') {\n            const columnDef = table.options.consumerColumnDefMap?.get(\n              column.id,\n            );\n            if (columnDef !== undefined) {\n              return cellAction({\n                columnDef: columnDef,\n                cellValue: cell.getValue(),\n                row: row.original,\n                rowId: row.id,\n              });\n            }\n          }\n          return null;\n        });\n\n        return cellActions;\n      },\n      getMemoOptions(table.options, 'debugCells', 'cell.getCellActions'),\n    );\n  },\n};\n"],
+  "mappings": "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",
   "names": ["cell"]
 }

package/esm/tables/DataTable/features/UserActions/UserActions.sty.js

@@ -1,5 +1,6 @@
 import "../../components/Alignment.css";
 import "../../DataTable.css";
+import "../../../../core/components/app-root/AppRoot.css";
 import "../../components/DataTableVirtualizationContainer.css";
 import "../RowOrder/RowOrder.css";
 import "../RowDetails/RowDetails.css";
@@ -11,8 +12,8 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./UserActions.css";
-var actionButton = "_duopj90-3-3-3";
-var floatingMenuButton = "_duopj91-3-3-3";
+var actionButton = "_duopj90-3-5-0";
+var floatingMenuButton = "_duopj91-3-5-0";
 export {
   actionButton,
   floatingMenuButton

package/esm/tables/DataTable/features/UserActions/UserActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/UserActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-3-3';\nexport var floatingMenuButton = '_duopj91-3-3-3';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,qBAAqB;",
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './UserActions.css';\nexport var actionButton = '_duopj90-3-5-0';\nexport var floatingMenuButton = '_duopj91-3-5-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/useUserActions.js

@@ -2,15 +2,18 @@ import {
   useMemo,
   Children
 } from "react";
-import { isDataTableCellActions } from "./CellActions.js";
-import { isDataTableColumnActions } from "./ColumnActions.js";
+import {
+  isDataTableCellActions
+} from "./CellActions.js";
+import {
+  isDataTableColumnActions
+} from "./ColumnActions.js";
 import { isDataTableRowActions } from "./RowActions.js";
-import { DATA_TABLE_ACTION_FOR_ALL_COLUMNS } from "../../constants.js";
 function useUserActions(props, options, consumerColumnDefMap) {
   const configuredActions = useMemo(() => {
     const actions = {
       cellActions: [],
-      columnActions: {},
+      columnActions: [],
       rowActions: void 0
     };
     Children.forEach(props.children, (child) => {
@@ -21,9 +24,10 @@ function useUserActions(props, options, consumerColumnDefMap) {
         });
       }
       if (isDataTableColumnActions(child)) {
-        const insertion = child.props.column ?? DATA_TABLE_ACTION_FOR_ALL_COLUMNS;
-        actions.columnActions[insertion] = actions.columnActions[insertion] ?? [];
-        actions.columnActions[insertion].push(child.props.children);
+        actions.columnActions.push({
+          column: child.props.column,
+          action: child.props.children
+        });
       }
       if (isDataTableRowActions(child)) {
         actions.rowActions = child.props.children;
@@ -32,7 +36,7 @@ function useUserActions(props, options, consumerColumnDefMap) {
     return actions;
   }, [props.children]);
   options.consumerColumnDefMap = consumerColumnDefMap;
-  options.enableColumnActions = Object.keys(configuredActions.columnActions).length > 0 || configuredActions.columnActions[DATA_TABLE_ACTION_FOR_ALL_COLUMNS] !== void 0;
+  options.enableColumnActions = configuredActions.columnActions.length > 0;
   options.columnActions = configuredActions.columnActions;
   options.enableCellActions = configuredActions.cellActions.length > 0;
   options.cellActions = configuredActions.cellActions;

package/esm/tables/DataTable/features/UserActions/useUserActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/useUserActions.ts"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useMemo,\n  type ReactNode,\n  type ReactElement,\n  Children,\n} from 'react';\n\nimport { isDataTableCellActions } from './CellActions.js';\nimport { isDataTableColumnActions } from './ColumnActions.js';\nimport { isDataTableRowActions } from './RowActions.js';\nimport type { CollectedCellActions } from './user-actions-types.js';\nimport { DATA_TABLE_ACTION_FOR_ALL_COLUMNS } from '../../constants.js';\nimport type { TableOptions } from '../../hooks/useTable/types.js';\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useUserActions<TData extends DataTableRowData>(\n  props: PropsWithChildren,\n  options: TableOptions<TData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<TData>>,\n): void {\n  const configuredActions = useMemo(() => {\n    const actions: {\n      cellActions: CollectedCellActions<TData>;\n      columnActions: {\n        [key in symbol | string]: Array<\n          | ReactNode\n          | ((\n              column: DataTableColumnDef<TData>,\n            ) => ReactElement<PropsWithChildren>)\n        >;\n      };\n      rowActions?: (\n        row: TData,\n        {\n          rowDensity,\n          rowIndex,\n          rowId,\n        }: {\n          rowDensity: 'default' | 'condensed' | 'comfortable';\n          rowIndex: number;\n          rowId: string;\n        },\n      ) => ReactNode;\n    } = {\n      cellActions: [],\n      columnActions: {},\n      rowActions: undefined,\n    };\n\n    // Iterate through the children of the DataTable component in order to\n    // find the `ColumnActions`, `CellActions` and `RowActions` definitions.\n    Children.forEach(props.children, (child) => {\n      // Check if the child is of type cell action and insert it into the actions\n      // configuration.\n      if (isDataTableCellActions<TData>(child)) {\n        // Add the action into the cell actions collection saved in the options.\n        actions.cellActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableColumnActions<TData>(child)) {\n        // Determine if the action is targeting all columns or only a specific\n        // one.\n        const insertion =\n          child.props.column ?? DATA_TABLE_ACTION_FOR_ALL_COLUMNS;\n\n        // Add the collected actions into the valid actions for the column.\n        actions.columnActions[insertion] =\n          actions.columnActions[insertion] ?? [];\n\n        actions.columnActions[insertion].push(child.props.children);\n      }\n      if (isDataTableRowActions(child)) {\n        actions.rowActions = child.props.children;\n      }\n    });\n    return actions;\n  }, [props.children]);\n\n  options.consumerColumnDefMap = consumerColumnDefMap;\n  options.enableColumnActions =\n    Object.keys(configuredActions.columnActions).length > 0 ||\n    configuredActions.columnActions[DATA_TABLE_ACTION_FOR_ALL_COLUMNS] !==\n      undefined;\n  options.columnActions = configuredActions.columnActions;\n\n  options.enableCellActions = configuredActions.cellActions.length > 0;\n  options.cellActions = configuredActions.cellActions;\n\n  options.enableRowActions = configuredActions.rowActions !== undefined;\n  options.rowActions = configuredActions.rowActions;\n}\n"],
-  "mappings": "AAAA;AAAA,EAEE;AAAA,EAGA;AAAA,OACK;AAEP,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,6BAA6B;AAEtC,SAAS,yCAAyC;AAQ3C,SAAS,eACd,OACA,SACA,sBACM;AACN,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,UAsBF;AAAA,MACF,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,MAChB,YAAY;AAAA,IACd;AAIA,aAAS,QAAQ,MAAM,UAAU,CAAC,UAAU;AAG1C,UAAI,uBAA8B,KAAK,GAAG;AAExC,gBAAQ,YAAY,KAAK;AAAA,UACvB,QAAQ,MAAM,MAAM;AAAA,UACpB,QAAQ,MAAM,MAAM;AAAA,QACtB,CAAC;AAAA,MACH;AACA,UAAI,yBAAgC,KAAK,GAAG;AAG1C,cAAM,YACJ,MAAM,MAAM,UAAU;AAGxB,gBAAQ,cAAc,SAAS,IAC7B,QAAQ,cAAc,SAAS,KAAK,CAAC;AAEvC,gBAAQ,cAAc,SAAS,EAAE,KAAK,MAAM,MAAM,QAAQ;AAAA,MAC5D;AACA,UAAI,sBAAsB,KAAK,GAAG;AAChC,gBAAQ,aAAa,MAAM,MAAM;AAAA,MACnC;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,UAAQ,uBAAuB;AAC/B,UAAQ,sBACN,OAAO,KAAK,kBAAkB,aAAa,EAAE,SAAS,KACtD,kBAAkB,cAAc,iCAAiC,MAC/D;AACJ,UAAQ,gBAAgB,kBAAkB;AAE1C,UAAQ,oBAAoB,kBAAkB,YAAY,SAAS;AACnE,UAAQ,cAAc,kBAAkB;AAExC,UAAQ,mBAAmB,kBAAkB,eAAe;AAC5D,UAAQ,aAAa,kBAAkB;AACzC;",
+  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useMemo,\n  type ReactNode,\n  Children,\n} from 'react';\n\nimport {\n  isDataTableCellActions,\n  type CollectedCellActions,\n} from './CellActions.js';\nimport {\n  isDataTableColumnActions,\n  type CollectedColumnActions,\n} from './ColumnActions.js';\nimport { isDataTableRowActions } from './RowActions.js';\nimport type { TableOptions } from '../../hooks/useTable/types.js';\nimport type { DataTableColumnDef, DataTableRowData } from '../../public.api.js';\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useUserActions<TData extends DataTableRowData>(\n  props: PropsWithChildren,\n  options: TableOptions<TData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<TData>>,\n): void {\n  const configuredActions = useMemo(() => {\n    const actions: {\n      cellActions: CollectedCellActions<TData>;\n      columnActions: CollectedColumnActions<TData>;\n      rowActions?: (\n        row: TData,\n        {\n          rowDensity,\n          rowIndex,\n          rowId,\n        }: {\n          rowDensity: 'default' | 'condensed' | 'comfortable';\n          rowIndex: number;\n          rowId: string;\n        },\n      ) => ReactNode;\n    } = {\n      cellActions: [],\n      columnActions: [],\n      rowActions: undefined,\n    };\n\n    // Iterate through the children of the DataTable component in order to\n    // find the `ColumnActions`, `CellActions` and `RowActions` definitions.\n    Children.forEach(props.children, (child) => {\n      // Check if the child is of type cell action and insert it into the actions\n      // configuration.\n      if (isDataTableCellActions<TData>(child)) {\n        // Add the action into the cell actions collection saved in the options.\n        actions.cellActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableColumnActions<TData>(child)) {\n        // Add the action into the column actions collection saved in the options.\n        actions.columnActions.push({\n          column: child.props.column,\n          action: child.props.children,\n        });\n      }\n      if (isDataTableRowActions(child)) {\n        actions.rowActions = child.props.children;\n      }\n    });\n    return actions;\n  }, [props.children]);\n\n  options.consumerColumnDefMap = consumerColumnDefMap;\n  options.enableColumnActions = configuredActions.columnActions.length > 0;\n  options.columnActions = configuredActions.columnActions;\n\n  options.enableCellActions = configuredActions.cellActions.length > 0;\n  options.cellActions = configuredActions.cellActions;\n\n  options.enableRowActions = configuredActions.rowActions !== undefined;\n  options.rowActions = configuredActions.rowActions;\n}\n"],
+  "mappings": "AAAA;AAAA,EAEE;AAAA,EAEA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAQ/B,SAAS,eACd,OACA,SACA,sBACM;AACN,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,UAeF;AAAA,MACF,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,MAChB,YAAY;AAAA,IACd;AAIA,aAAS,QAAQ,MAAM,UAAU,CAAC,UAAU;AAG1C,UAAI,uBAA8B,KAAK,GAAG;AAExC,gBAAQ,YAAY,KAAK;AAAA,UACvB,QAAQ,MAAM,MAAM;AAAA,UACpB,QAAQ,MAAM,MAAM;AAAA,QACtB,CAAC;AAAA,MACH;AACA,UAAI,yBAAgC,KAAK,GAAG;AAE1C,gBAAQ,cAAc,KAAK;AAAA,UACzB,QAAQ,MAAM,MAAM;AAAA,UACpB,QAAQ,MAAM,MAAM;AAAA,QACtB,CAAC;AAAA,MACH;AACA,UAAI,sBAAsB,KAAK,GAAG;AAChC,gBAAQ,aAAa,MAAM,MAAM;AAAA,MACnC;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,UAAQ,uBAAuB;AAC/B,UAAQ,sBAAsB,kBAAkB,cAAc,SAAS;AACvE,UAAQ,gBAAgB,kBAAkB;AAE1C,UAAQ,oBAAoB,kBAAkB,YAAY,SAAS;AACnE,UAAQ,cAAc,kBAAkB;AAExC,UAAQ,mBAAmB,kBAAkB,eAAe;AAC5D,UAAQ,aAAa,kBAAkB;AACzC;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/user-actions-utils.js

@@ -1,28 +1,31 @@
-import {
-  Children,
-  cloneElement
-} from "react";
+import { Children, cloneElement } from "react";
 import { isElement } from "react-is";
-import { DATA_TABLE_ACTION_FOR_ALL_COLUMNS } from "../../constants.js";
-function getUserActionsForColumn(columnId, optionsActions) {
-  const globalActions = optionsActions[DATA_TABLE_ACTION_FOR_ALL_COLUMNS] ?? [];
-  const specificActions = optionsActions[columnId];
-  if (specificActions) {
-    return globalActions.concat(specificActions);
-  }
-  return globalActions;
+function getColumnActionsElements(columnId, columnActions, consumerColumnDefMap) {
+  return columnActions.reduce((actions, { column, action }) => {
+    if (column === void 0 || column === columnId) {
+      if (isElement(action)) {
+        actions.push(action);
+      } else if (typeof action === "function") {
+        const columnDef = consumerColumnDefMap?.get(columnId);
+        if (columnDef !== void 0) {
+          actions.push(action(columnDef));
+        }
+      }
+    }
+    return actions;
+  }, []);
 }
-const INVALID_CHART_BUILTIN_COLUMN_ACTIONS = [
+const INVALID_CHART_BUILTIN_COLUMN_ACTIONS = /* @__PURE__ */ new Set([
   "LineWrapAction",
   "ColumnFontStyleAction"
-];
+]);
 function filterActionsForChartColumn(columnActions) {
   const menuElements = Children.toArray(columnActions);
   return menuElements.map((menuElement) => {
     if (!isElement(menuElement)) {
       return null;
     }
-    const isInvalidColumnAction = typeof menuElement.type !== "string" && INVALID_CHART_BUILTIN_COLUMN_ACTIONS.includes(menuElement.type.name);
+    const isInvalidColumnAction = typeof menuElement.type !== "string" && INVALID_CHART_BUILTIN_COLUMN_ACTIONS.has(menuElement.type.name);
     if (isInvalidColumnAction) {
       return null;
     }
@@ -38,6 +41,6 @@ function filterActionsForChartColumn(columnActions) {
 }
 export {
   filterActionsForChartColumn,
-  getUserActionsForColumn
+  getColumnActionsElements
 };
 //# sourceMappingURL=user-actions-utils.js.map

package/esm/tables/DataTable/features/UserActions/user-actions-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/user-actions-utils.ts"],
-  "sourcesContent": ["import {\n  Children,\n  cloneElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { isElement } from 'react-is';\n\nimport { DATA_TABLE_ACTION_FOR_ALL_COLUMNS } from '../../constants.js';\nimport {\n  type DataTableColumnDef,\n  type DataTableRowData,\n} from '../../public.api.js';\n\n/**\n * Collects column actions for a specific column from the provided options.\n *\n * @param columnId - the id of the column to get actions for.\n * @param optionsActions - the collection of all column actions.\n * @returns an array of column actions for the specified column.\n * @internal\n */\nexport function getUserActionsForColumn<TData extends DataTableRowData>(\n  columnId: string,\n  optionsActions: {\n    [key: string | symbol]: Array<\n      | ReactNode\n      | ((column: DataTableColumnDef<TData>) => ReactElement<PropsWithChildren>)\n    >;\n  },\n): Array<\n  | ReactNode\n  | ((column: DataTableColumnDef<TData>) => ReactElement<PropsWithChildren>)\n> {\n  const globalActions = optionsActions[DATA_TABLE_ACTION_FOR_ALL_COLUMNS] ?? [];\n\n  const specificActions = optionsActions[columnId]; // actions for specific column only\n\n  if (specificActions) {\n    return globalActions.concat(specificActions);\n  }\n\n  return globalActions;\n}\n\n/**\n * Array of invalid built-in column action function names for chart columns.\n * Valid built-in actions are CopyItem, HideColumn, ColumnOrder, and ColumnPinning.\n *\n * Note: these must match the actual function names of the action components\n * defined in `UserActionsMenu.tsx` (e.g. `LineWrapAction`, `ColumnFontStyleAction`).\n */\nconst INVALID_CHART_BUILTIN_COLUMN_ACTIONS = [\n  'LineWrapAction',\n  'ColumnFontStyleAction',\n];\n\n/**\n * Iterates over all column actions and filters out invalid actions for chart columns.\n * Invalid actions include specific built-in actions like \"LineWrap\" and \"ColumnFontStyle\".\n * All other actions (valid built-ins and custom actions) are allowed.\n *\n * @param columnActions - the column actions to filter\n * @returns a new array containing all valid column actions for chart columns.\n * @internal\n */\nexport function filterActionsForChartColumn(\n  columnActions: ReactElement[],\n): ReactElement[] {\n  const menuElements = Children.toArray(columnActions);\n\n  return menuElements\n    .map((menuElement) => {\n      if (!isElement(menuElement)) {\n        return null;\n      }\n\n      // Filter out invalid built-in column actions for chart columns\n      const isInvalidColumnAction =\n        typeof menuElement.type !== 'string' &&\n        INVALID_CHART_BUILTIN_COLUMN_ACTIONS.includes(menuElement.type.name);\n\n      // filter out the invalid column action\n      if (isInvalidColumnAction) {\n        return null;\n      }\n\n      // Recursively filter the elements in the column actions menu\n      const filteredElements = menuElement.props?.children\n        ? filterActionsForChartColumn(menuElement.props.children)\n        : null;\n\n      // If the element has children, return it with filtered children\n      if (filteredElements && filteredElements.length > 0) {\n        return cloneElement(menuElement, {\n          ...menuElement.props,\n          children: filteredElements,\n        });\n      }\n      // otherwise return the element as is\n      return menuElement;\n    })\n    .filter((columnAction) => columnAction !== null);\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AACP,SAAS,iBAAiB;AAE1B,SAAS,yCAAyC;AAc3C,SAAS,wBACd,UACA,gBASA;AACA,QAAM,gBAAgB,eAAe,iCAAiC,KAAK,CAAC;AAE5E,QAAM,kBAAkB,eAAe,QAAQ;AAE/C,MAAI,iBAAiB;AACnB,WAAO,cAAc,OAAO,eAAe;AAAA,EAC7C;AAEA,SAAO;AACT;AASA,MAAM,uCAAuC;AAAA,EAC3C;AAAA,EACA;AACF;AAWO,SAAS,4BACd,eACgB;AAChB,QAAM,eAAe,SAAS,QAAQ,aAAa;AAEnD,SAAO,aACJ,IAAI,CAAC,gBAAgB;AACpB,QAAI,CAAC,UAAU,WAAW,GAAG;AAC3B,aAAO;AAAA,IACT;AAGA,UAAM,wBACJ,OAAO,YAAY,SAAS,YAC5B,qCAAqC,SAAS,YAAY,KAAK,IAAI;AAGrE,QAAI,uBAAuB;AACzB,aAAO;AAAA,IACT;AAGA,UAAM,mBAAmB,YAAY,OAAO,WACxC,4BAA4B,YAAY,MAAM,QAAQ,IACtD;AAGJ,QAAI,oBAAoB,iBAAiB,SAAS,GAAG;AACnD,aAAO,aAAa,aAAa;AAAA,QAC/B,GAAG,YAAY;AAAA,QACf,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,CAAC,iBAAiB,iBAAiB,IAAI;AACnD;",
+  "sourcesContent": ["import { Children, cloneElement, type ReactElement } from 'react';\nimport { isElement } from 'react-is';\n\nimport type { CollectedColumnActions } from './ColumnActions.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\nimport { type DataTableRowData } from '../../row-data-types.js';\n\n/**\n * Collects and resolves column actions for a specific column from the provided options.\n * Filters by column id, then resolves function-based actions using the consumerColumnDefMap.\n *\n * @param columnId - the id of the column to get actions for.\n * @param columnActions - the collection of all column actions.\n * @param consumerColumnDefMap - map from column id to the consumer-provided column definition.\n * @returns an array of resolved ReactElement column actions for the specified column.\n * @internal\n */\nexport function getColumnActionsElements<TData extends DataTableRowData>(\n  columnId: string,\n  columnActions: CollectedColumnActions<TData>,\n  consumerColumnDefMap: Map<string, DataTableColumnDef<TData>> | undefined,\n): ReactElement[] {\n  return columnActions.reduce<ReactElement[]>((actions, { column, action }) => {\n    if (column === undefined || column === columnId) {\n      // If the entry is a react element, we can directly return it\n      if (isElement(action)) {\n        actions.push(action);\n        // If it is a function, we will need to resolve the closure first\n      } else if (typeof action === 'function') {\n        const columnDef = consumerColumnDefMap?.get(columnId);\n        if (columnDef !== undefined) {\n          actions.push(action(columnDef));\n        }\n      }\n    }\n    return actions;\n  }, []);\n}\n\n/**\n * Array of invalid built-in column action function names for chart columns.\n * Valid built-in actions are CopyItem, HideColumn, ColumnOrder, and ColumnPinning.\n *\n * Note: these must match the actual function names of the action components\n * defined in `UserActionsMenu.tsx` (e.g. `LineWrapAction`, `ColumnFontStyleAction`).\n */\nconst INVALID_CHART_BUILTIN_COLUMN_ACTIONS = new Set([\n  'LineWrapAction',\n  'ColumnFontStyleAction',\n]);\n\n/**\n * Iterates over all column actions and filters out invalid actions for chart columns.\n * Invalid actions include specific built-in actions like \"LineWrap\" and \"ColumnFontStyle\".\n * All other actions (valid built-ins and custom actions) are allowed.\n *\n * @param columnActions - the column actions to filter\n * @returns a new array containing all valid column actions for chart columns.\n * @internal\n */\nexport function filterActionsForChartColumn(\n  columnActions: ReactElement[],\n): ReactElement[] {\n  const menuElements = Children.toArray(columnActions);\n\n  return menuElements\n    .map((menuElement) => {\n      if (!isElement(menuElement)) {\n        return null;\n      }\n\n      // Filter out invalid built-in column actions for chart columns\n      const isInvalidColumnAction =\n        typeof menuElement.type !== 'string' &&\n        INVALID_CHART_BUILTIN_COLUMN_ACTIONS.has(menuElement.type.name);\n\n      // filter out the invalid column action\n      if (isInvalidColumnAction) {\n        return null;\n      }\n\n      // Recursively filter the elements in the column actions menu\n      const filteredElements = menuElement.props?.children\n        ? filterActionsForChartColumn(menuElement.props.children)\n        : null;\n\n      // If the element has children, return it with filtered children\n      if (filteredElements && filteredElements.length > 0) {\n        return cloneElement(menuElement, {\n          ...menuElement.props,\n          children: filteredElements,\n        });\n      }\n      // otherwise return the element as is\n      return menuElement;\n    })\n    .filter((columnAction) => columnAction !== null);\n}\n"],
+  "mappings": "AAAA,SAAS,UAAU,oBAAuC;AAC1D,SAAS,iBAAiB;AAgBnB,SAAS,yBACd,UACA,eACA,sBACgB;AAChB,SAAO,cAAc,OAAuB,CAAC,SAAS,EAAE,QAAQ,OAAO,MAAM;AAC3E,QAAI,WAAW,UAAa,WAAW,UAAU;AAE/C,UAAI,UAAU,MAAM,GAAG;AACrB,gBAAQ,KAAK,MAAM;AAAA,MAErB,WAAW,OAAO,WAAW,YAAY;AACvC,cAAM,YAAY,sBAAsB,IAAI,QAAQ;AACpD,YAAI,cAAc,QAAW;AAC3B,kBAAQ,KAAK,OAAO,SAAS,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AASA,MAAM,uCAAuC,oBAAI,IAAI;AAAA,EACnD;AAAA,EACA;AACF,CAAC;AAWM,SAAS,4BACd,eACgB;AAChB,QAAM,eAAe,SAAS,QAAQ,aAAa;AAEnD,SAAO,aACJ,IAAI,CAAC,gBAAgB;AACpB,QAAI,CAAC,UAAU,WAAW,GAAG;AAC3B,aAAO;AAAA,IACT;AAGA,UAAM,wBACJ,OAAO,YAAY,SAAS,YAC5B,qCAAqC,IAAI,YAAY,KAAK,IAAI;AAGhE,QAAI,uBAAuB;AACzB,aAAO;AAAA,IACT;AAGA,UAAM,mBAAmB,YAAY,OAAO,WACxC,4BAA4B,YAAY,MAAM,QAAQ,IACtD;AAGJ,QAAI,oBAAoB,iBAAiB,SAAS,GAAG;AACnD,aAAO,aAAa,aAAa;AAAA,QAC/B,GAAG,YAAY;AAAA,QACf,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,CAAC,iBAAiB,iBAAiB,IAAI;AACnD;",
   "names": []
 }

package/esm/tables/DataTable/features/VirtualScrolling/VirtualScrolling.js

@@ -1,3 +1,4 @@
+import { flushSync } from "react-dom";
 import { devLog } from "../../../../core/utils/logging.js";
 import { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from "../../constants.js";
 import { getMemoOptions } from "../../hooks/useTable/utils.js";
@@ -42,20 +43,56 @@ const DataTableVirtualScrolling = {
       }
     };
     table.scrollToRow = (rowId, align = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align) => {
-      if (!_rowVirtualizer) {
+      const rowVirtualizer = _rowVirtualizer;
+      if (!rowVirtualizer) {
         devLog("[Table - VirtualScrolling] No rowVirtualizer was registered");
         return;
       }
-      const allRows = table.getRowModel().rows;
-      const rowIndex = allRows.findIndex((row) => row.id === rowId);
-      if (rowIndex === -1) {
+      const scrollToTargetRow = () => {
+        requestAnimationFrame(() => {
+          const allRows = table.getRowModel().rows;
+          const rowIndex = allRows.findIndex((row) => row.id === rowId);
+          if (rowIndex === -1) {
+            devLog(
+              `[Table - VirtualScrolling] Row with id: "${rowId}" not found`
+            );
+            return;
+          }
+          rowVirtualizer.scrollToIndex(rowIndex, {
+            behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,
+            align
+          });
+        });
+      };
+      if (!table.options.enablePagination) {
+        scrollToTargetRow();
+        return;
+      }
+      const prePaginationRows = table.getPrePaginationRowModel().rows;
+      const prePaginationRowIndex = prePaginationRows.findIndex(
+        (row) => row.id === rowId
+      );
+      if (prePaginationRowIndex === -1) {
         devLog(`[Table - VirtualScrolling] Row with id: "${rowId}" not found`);
         return;
       }
-      _rowVirtualizer.scrollToIndex(rowIndex, {
-        behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,
-        align
-      });
+      const paginationState = table.getState().pagination;
+      const pageSize = paginationState.pageSize;
+      if (!Number.isFinite(pageSize) || pageSize <= 0) {
+        devLog(
+          `[Table - VirtualScrolling] Invalid page size "${String(
+            pageSize
+          )}" while scrolling to row with id: "${rowId}"`
+        );
+        return;
+      }
+      const targetPageIndex = Math.floor(prePaginationRowIndex / pageSize);
+      if (targetPageIndex !== paginationState.pageIndex) {
+        flushSync(() => {
+          table.setPageIndex(targetPageIndex, "internal");
+        });
+      }
+      scrollToTargetRow();
     };
     function measureRows() {
       if (!_rowVirtualizer?.scrollElement) {

package/esm/tables/DataTable/features/VirtualScrolling/VirtualScrolling.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/VirtualScrolling/VirtualScrolling.tsx"],
-  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\n\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from '../../constants.js';\nimport type { Table, TableFeature } from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Feature implementation for virtual scrolling.\n * @internal\n */\nexport const DataTableVirtualScrolling: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    let _rowVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    let _columnVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    // Save all column widths that have already been measured outside the virtualizer's measurementsCache.\n    // This ensures measured widths are available immediately and don't get lost when column visibility changes.\n    const measuredColumnWidths = new Map<string, number>();\n\n    table.registerVirtualizers = (\n      rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n      columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ) => {\n      _rowVirtualizer = rowVirtualizer;\n      _columnVirtualizer = columnVirtualizer;\n    };\n\n    table.getRowVirtualizer = () => {\n      return _rowVirtualizer;\n    };\n\n    table.getColumnVirtualizer = () => {\n      return _columnVirtualizer;\n    };\n\n    table.getRowVirtualizationContainer = () => {\n      return _rowVirtualizer?.scrollElement ?? undefined;\n    };\n\n    table.getRowHeight = (rowId) => {\n      if (\n        !_rowVirtualizer ||\n        !rowId ||\n        _rowVirtualizer.measurementsCache.length === 0\n      ) {\n        return 0;\n      }\n\n      const virtualRowIndex = _rowVirtualizer\n        .getVirtualItems()\n        .find((item) => item.key === rowId)?.index;\n\n      if (virtualRowIndex === undefined) {\n        return 0;\n      }\n\n      return (\n        _rowVirtualizer.measurementsCache.find(\n          (r) => r.index === virtualRowIndex,\n        )?.size ?? 0\n      );\n    };\n\n    table.getRowScrollOffset = () => _rowVirtualizer?.scrollOffset;\n\n    table.scrollToRowOffset = (offset: number | undefined | null) => {\n      if (offset !== undefined && offset !== null) {\n        _rowVirtualizer?.scrollToOffset(\n          offset,\n          DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n        );\n      }\n    };\n\n    // Scroll to a given `rowId` using `rowVirtualizer.scrollToIndex`\n    table.scrollToRow = (\n      rowId: string,\n      align:\n        | 'start'\n        | 'center'\n        | 'end' = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align,\n    ) => {\n      if (!_rowVirtualizer) {\n        devLog('[Table - VirtualScrolling] No rowVirtualizer was registered');\n        return;\n      }\n\n      // This code works because `allRows` will contain (only!) expanded subRows on the top level\n      // When scrolling to a subRow the row has to be expanded beforehand.\n      const allRows = table.getRowModel().rows;\n      const rowIndex = allRows.findIndex((row) => row.id === rowId);\n\n      if (rowIndex === -1) {\n        devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n        return;\n      }\n\n      _rowVirtualizer.scrollToIndex(rowIndex, {\n        behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,\n        align: align,\n      });\n    };\n\n    function measureRows(): void {\n      // Early exit if the rowVirtualizer or scrollElement are not present\n      if (!_rowVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _rowVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-rows\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateRows;\n      try {\n        let templateRows = table.getHeaderGridTemplateRows();\n        const rowCount = _rowVirtualizer.getVirtualItems().length;\n\n        if (rowCount > 0) {\n          // Set the row template for body rows to min-content so all rows can be measured by their actual size.\n          const bodyRows = `repeat(${rowCount}, min-content)`;\n          // Spacer row height can be defaulted to 0 as it's not relevant for the measuring.\n          templateRows = `${templateRows} 0px ${bodyRows} [body-end]`;\n        }\n\n        gridContainer.style.gridTemplateRows = templateRows;\n\n        // Select all row elements with the data attribute 'data-row'\n        const measureRows =\n          _rowVirtualizer.scrollElement.querySelectorAll('[data-row]');\n\n        // Iterate over each row relevant for measuring\n        for (const measureRow of Array.from(measureRows)) {\n          // Ensure the element is an instance of HTMLElement\n          if (!(measureRow instanceof HTMLElement)) {\n            continue;\n          }\n          _rowVirtualizer.measureElement(measureRow);\n        }\n\n        const virtualItems = _rowVirtualizer.getVirtualItems();\n        const virtualItemsLength = virtualItems.length;\n\n        const firstMeasuredRow =\n          measureRows.item(0)?.getAttribute('data-row') ?? null;\n        const isDifferentRowsVisible =\n          firstMeasuredRow !== null &&\n          virtualItemsLength > 0 &&\n          Number(firstMeasuredRow) !== virtualItems[0].index;\n\n        // If different rows are measured than those that are currently visible or\n        // if fewer items are measured than would now fit into the scrollContainer\n        // we reset the measurements cache and allow it to remeasure all items again.\n        if (isDifferentRowsVisible || measureRows.length < virtualItemsLength) {\n          _rowVirtualizer.measure();\n        }\n      } finally {\n        // Restore the original grid template.\n        gridContainer.style.gridTemplateRows = originalGridTemplate;\n      }\n    }\n\n    table.remeasureRows = memo(\n      (containerWidth) => {\n        const state = table.getState();\n        const expandingState = table.options.enableExpanding\n          ? Object.keys(state.expanded).length !== 0 && state.expanded\n          : undefined;\n        const rowDetailsState = table.options.enableRowDetails\n          ? state.rowDetails\n          : undefined;\n        const sortingState = table.options.enableSorting\n          ? state.sorting\n          : undefined;\n        return [\n          containerWidth,\n          expandingState,\n          rowDetailsState,\n          sortingState,\n          state.columnLineWrap,\n          state.visualVariantConfig.rowDensity,\n          state.visualVariantConfig.rowSeparation,\n          state.columnSizing,\n          state.pagination.pageIndex,\n          state.pagination.pageSize,\n          state.columnVisibility,\n          state.rowOrder,\n          table.options.data,\n          table.options.columns,\n        ];\n      },\n      (containerWidth) => {\n        if (containerWidth === 0) {\n          return;\n        }\n\n        // Need to shift this into the next update cycle in order to make sure that\n        // all styles that could change are actually already updated on the table.\n        // Without the shift, lineWrap values might not be updated yet when measuring.\n        table._queue(measureRows);\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.remeasureRow'),\n    );\n\n    function measureColumns(columnIdOrIds: string | string[]): void {\n      // Early exit if the columnVirtualizer or scrollElement are not present\n      if (!_columnVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _columnVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-columns\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateColumns;\n      try {\n        const columnIds = Array.isArray(columnIdOrIds)\n          ? columnIdOrIds\n          : [columnIdOrIds];\n        const columnIdsSet = new Set(columnIds);\n\n        // Reset measurements for the specified columns to trigger a remeasure when regenerating the grid template\n        table.resetMeasuredColumnWidths(columnIds);\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n\n        // Select all cells in the first body row\n        const firstRowCells = _columnVirtualizer.scrollElement.querySelectorAll(\n          '[role=\"rowgroup\"]:nth-child(2) [data-row]:first-child [data-columnid]',\n        );\n\n        // Iterate over each cell relevant for measuring\n        for (const cell of Array.from(firstRowCells)) {\n          const columnId = cell instanceof HTMLElement && cell.dataset.columnid;\n          // Only measure if the element is an instance of HTMLElement\n          // and its columnId is in the list of columnIds to measure\n          if (columnId && columnIdsSet.has(columnId)) {\n            _columnVirtualizer.measureElement(cell);\n          }\n        }\n\n        // assign the updated grid template with the newly measured column widths\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n      } catch {\n        // Restore the original grid template if something fails.\n        gridContainer.style.gridTemplateColumns = originalGridTemplate;\n      }\n    }\n\n    table.remeasureColumn = (columnId?: string) => {\n      if (columnId === undefined || columnId.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnId));\n    };\n\n    table.remeasureAllColumns = () => {\n      const columnIdsToRemeasure =\n        table.getVisibleVirtualColumnIdsWithoutBuiltin();\n\n      if (columnIdsToRemeasure.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnIdsToRemeasure));\n    };\n\n    table.hasColumnCellsRendered = (columnId: string) => {\n      if (!_columnVirtualizer?.scrollElement) {\n        return false;\n      }\n\n      return (\n        _columnVirtualizer?.scrollElement.querySelector(\n          `[role=\"cell\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        ) !== null\n      );\n    };\n\n    table.getMeasuredColumnWidths = () => {\n      return measuredColumnWidths;\n    };\n\n    table.getMeasuredColumnWidth = (id: string) => {\n      return measuredColumnWidths.get(id);\n    };\n\n    table.resetMeasuredColumnWidths = (ids?: string[]) => {\n      if (ids) {\n        for (const id of ids) {\n          measuredColumnWidths.delete(id);\n        }\n      } else {\n        measuredColumnWidths.clear();\n      }\n    };\n\n    table.setMeasuredColumnWidth = (id: string, width: number) => {\n      measuredColumnWidths.set(id, width);\n    };\n\n    table.getHasVirtualizedRows = memo(\n      () => [_rowVirtualizer?.getVirtualItems().length],\n      (virtualItemsLength) => {\n        if (virtualItemsLength === undefined || virtualItemsLength === 0) {\n          return false;\n        }\n\n        const rows = table.getRowModel().rows;\n\n        return rows.length > virtualItemsLength;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getHasRowVirtualization',\n      ),\n    );\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\nimport { flushSync } from 'react-dom';\n\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from '../../constants.js';\nimport type { Table, TableFeature } from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Feature implementation for virtual scrolling.\n * @internal\n */\nexport const DataTableVirtualScrolling: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    let _rowVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    let _columnVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    // Save all column widths that have already been measured outside the virtualizer's measurementsCache.\n    // This ensures measured widths are available immediately and don't get lost when column visibility changes.\n    const measuredColumnWidths = new Map<string, number>();\n\n    table.registerVirtualizers = (\n      rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n      columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ) => {\n      _rowVirtualizer = rowVirtualizer;\n      _columnVirtualizer = columnVirtualizer;\n    };\n\n    table.getRowVirtualizer = () => {\n      return _rowVirtualizer;\n    };\n\n    table.getColumnVirtualizer = () => {\n      return _columnVirtualizer;\n    };\n\n    table.getRowVirtualizationContainer = () => {\n      return _rowVirtualizer?.scrollElement ?? undefined;\n    };\n\n    table.getRowHeight = (rowId) => {\n      if (\n        !_rowVirtualizer ||\n        !rowId ||\n        _rowVirtualizer.measurementsCache.length === 0\n      ) {\n        return 0;\n      }\n\n      const virtualRowIndex = _rowVirtualizer\n        .getVirtualItems()\n        .find((item) => item.key === rowId)?.index;\n\n      if (virtualRowIndex === undefined) {\n        return 0;\n      }\n\n      return (\n        _rowVirtualizer.measurementsCache.find(\n          (r) => r.index === virtualRowIndex,\n        )?.size ?? 0\n      );\n    };\n\n    table.getRowScrollOffset = () => _rowVirtualizer?.scrollOffset;\n\n    table.scrollToRowOffset = (offset: number | undefined | null) => {\n      if (offset !== undefined && offset !== null) {\n        _rowVirtualizer?.scrollToOffset(\n          offset,\n          DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n        );\n      }\n    };\n\n    // Scroll to a given `rowId` using `rowVirtualizer.scrollToIndex`\n    table.scrollToRow = (\n      rowId: string,\n      align:\n        | 'start'\n        | 'center'\n        | 'end' = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align,\n    ) => {\n      const rowVirtualizer = _rowVirtualizer;\n\n      if (!rowVirtualizer) {\n        devLog('[Table - VirtualScrolling] No rowVirtualizer was registered');\n        return;\n      }\n\n      // Helper function to scroll to the row when table is scrollable and rowVirtualizer is available\n      const scrollToTargetRow = () => {\n        requestAnimationFrame(() => {\n          // This code works because `allRows` will contain (only!) expanded subRows on the top level.\n          // When scrolling to a subRow, the row has to be expanded beforehand.\n          const allRows = table.getRowModel().rows;\n          const rowIndex = allRows.findIndex((row) => row.id === rowId);\n\n          if (rowIndex === -1) {\n            devLog(\n              `[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`,\n            );\n            return;\n          }\n\n          rowVirtualizer.scrollToIndex(rowIndex, {\n            behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,\n            align: align,\n          });\n        });\n      };\n\n      if (!table.options.enablePagination) {\n        // If pagination is not enabled, we can scroll directly.\n        scrollToTargetRow();\n        return;\n      }\n\n      const prePaginationRows = table.getPrePaginationRowModel().rows;\n      const prePaginationRowIndex = prePaginationRows.findIndex(\n        (row) => row.id === rowId,\n      );\n\n      if (prePaginationRowIndex === -1) {\n        devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n        return;\n      }\n\n      const paginationState = table.getState().pagination;\n      const pageSize = paginationState.pageSize;\n\n      if (!Number.isFinite(pageSize) || pageSize <= 0) {\n        devLog(\n          `[Table - VirtualScrolling] Invalid page size \"${String(\n            pageSize,\n          )}\" while scrolling to row with id: \"${rowId}\"`,\n        );\n        return;\n      }\n\n      const targetPageIndex = Math.floor(prePaginationRowIndex / pageSize);\n\n      if (targetPageIndex !== paginationState.pageIndex) {\n        // flushSync forces React to commit the page change synchronously,\n        // so scrollToTargetRow can immediately find the new page's rows.\n        flushSync(() => {\n          table.setPageIndex(targetPageIndex, 'internal');\n        });\n      }\n\n      scrollToTargetRow();\n    };\n\n    function measureRows(): void {\n      // Early exit if the rowVirtualizer or scrollElement are not present\n      if (!_rowVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _rowVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-rows\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateRows;\n      try {\n        let templateRows = table.getHeaderGridTemplateRows();\n        const rowCount = _rowVirtualizer.getVirtualItems().length;\n\n        if (rowCount > 0) {\n          // Set the row template for body rows to min-content so all rows can be measured by their actual size.\n          const bodyRows = `repeat(${rowCount}, min-content)`;\n          // Spacer row height can be defaulted to 0 as it's not relevant for the measuring.\n          templateRows = `${templateRows} 0px ${bodyRows} [body-end]`;\n        }\n\n        gridContainer.style.gridTemplateRows = templateRows;\n\n        // Select all row elements with the data attribute 'data-row'\n        const measureRows =\n          _rowVirtualizer.scrollElement.querySelectorAll('[data-row]');\n\n        // Iterate over each row relevant for measuring\n        for (const measureRow of Array.from(measureRows)) {\n          // Ensure the element is an instance of HTMLElement\n          if (!(measureRow instanceof HTMLElement)) {\n            continue;\n          }\n          _rowVirtualizer.measureElement(measureRow);\n        }\n\n        const virtualItems = _rowVirtualizer.getVirtualItems();\n        const virtualItemsLength = virtualItems.length;\n\n        const firstMeasuredRow =\n          measureRows.item(0)?.getAttribute('data-row') ?? null;\n        const isDifferentRowsVisible =\n          firstMeasuredRow !== null &&\n          virtualItemsLength > 0 &&\n          Number(firstMeasuredRow) !== virtualItems[0].index;\n\n        // If different rows are measured than those that are currently visible or\n        // if fewer items are measured than would now fit into the scrollContainer\n        // we reset the measurements cache and allow it to remeasure all items again.\n        if (isDifferentRowsVisible || measureRows.length < virtualItemsLength) {\n          _rowVirtualizer.measure();\n        }\n      } finally {\n        // Restore the original grid template.\n        gridContainer.style.gridTemplateRows = originalGridTemplate;\n      }\n    }\n\n    table.remeasureRows = memo(\n      (containerWidth) => {\n        const state = table.getState();\n        const expandingState = table.options.enableExpanding\n          ? Object.keys(state.expanded).length !== 0 && state.expanded\n          : undefined;\n        const rowDetailsState = table.options.enableRowDetails\n          ? state.rowDetails\n          : undefined;\n        const sortingState = table.options.enableSorting\n          ? state.sorting\n          : undefined;\n        return [\n          containerWidth,\n          expandingState,\n          rowDetailsState,\n          sortingState,\n          state.columnLineWrap,\n          state.visualVariantConfig.rowDensity,\n          state.visualVariantConfig.rowSeparation,\n          state.columnSizing,\n          state.pagination.pageIndex,\n          state.pagination.pageSize,\n          state.columnVisibility,\n          state.rowOrder,\n          table.options.data,\n          table.options.columns,\n        ];\n      },\n      (containerWidth) => {\n        if (containerWidth === 0) {\n          return;\n        }\n\n        // Need to shift this into the next update cycle in order to make sure that\n        // all styles that could change are actually already updated on the table.\n        // Without the shift, lineWrap values might not be updated yet when measuring.\n        table._queue(measureRows);\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.remeasureRow'),\n    );\n\n    function measureColumns(columnIdOrIds: string | string[]): void {\n      // Early exit if the columnVirtualizer or scrollElement are not present\n      if (!_columnVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _columnVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-columns\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateColumns;\n      try {\n        const columnIds = Array.isArray(columnIdOrIds)\n          ? columnIdOrIds\n          : [columnIdOrIds];\n        const columnIdsSet = new Set(columnIds);\n\n        // Reset measurements for the specified columns to trigger a remeasure when regenerating the grid template\n        table.resetMeasuredColumnWidths(columnIds);\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n\n        // Select all cells in the first body row\n        const firstRowCells = _columnVirtualizer.scrollElement.querySelectorAll(\n          '[role=\"rowgroup\"]:nth-child(2) [data-row]:first-child [data-columnid]',\n        );\n\n        // Iterate over each cell relevant for measuring\n        for (const cell of Array.from(firstRowCells)) {\n          const columnId = cell instanceof HTMLElement && cell.dataset.columnid;\n          // Only measure if the element is an instance of HTMLElement\n          // and its columnId is in the list of columnIds to measure\n          if (columnId && columnIdsSet.has(columnId)) {\n            _columnVirtualizer.measureElement(cell);\n          }\n        }\n\n        // assign the updated grid template with the newly measured column widths\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n      } catch {\n        // Restore the original grid template if something fails.\n        gridContainer.style.gridTemplateColumns = originalGridTemplate;\n      }\n    }\n\n    table.remeasureColumn = (columnId?: string) => {\n      if (columnId === undefined || columnId.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnId));\n    };\n\n    table.remeasureAllColumns = () => {\n      const columnIdsToRemeasure =\n        table.getVisibleVirtualColumnIdsWithoutBuiltin();\n\n      if (columnIdsToRemeasure.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnIdsToRemeasure));\n    };\n\n    table.hasColumnCellsRendered = (columnId: string) => {\n      if (!_columnVirtualizer?.scrollElement) {\n        return false;\n      }\n\n      return (\n        _columnVirtualizer?.scrollElement.querySelector(\n          `[role=\"cell\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        ) !== null\n      );\n    };\n\n    table.getMeasuredColumnWidths = () => {\n      return measuredColumnWidths;\n    };\n\n    table.getMeasuredColumnWidth = (id: string) => {\n      return measuredColumnWidths.get(id);\n    };\n\n    table.resetMeasuredColumnWidths = (ids?: string[]) => {\n      if (ids) {\n        for (const id of ids) {\n          measuredColumnWidths.delete(id);\n        }\n      } else {\n        measuredColumnWidths.clear();\n      }\n    };\n\n    table.setMeasuredColumnWidth = (id: string, width: number) => {\n      measuredColumnWidths.set(id, width);\n    };\n\n    table.getHasVirtualizedRows = memo(\n      () => [_rowVirtualizer?.getVirtualItems().length],\n      (virtualItemsLength) => {\n        if (virtualItemsLength === undefined || virtualItemsLength === 0) {\n          return false;\n        }\n\n        const rows = table.getRowModel().rows;\n\n        return rows.length > virtualItemsLength;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getHasRowVirtualization',\n      ),\n    );\n  },\n};\n"],
+  "mappings": "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",
   "names": ["measureRows"]
 }

package/esm/tables/DataTable/messages.js

@@ -170,8 +170,13 @@ const dataTableMessages = defineMessages({
   },
   downloadButtonLabel: {
     defaultMessage: "Download table data",
-    id: "3n10F0hHNH6YVo3j",
-    description: "Tooltip information for the download table button"
+    id: "n17DpsKydU3rdqK9",
+    description: "Tooltip information for the download table button."
+  },
+  downloadingButtonLabel: {
+    defaultMessage: "Downloading table data",
+    id: "YqEOqKR9iZt3qY0t",
+    description: "Tooltip information for the download table button while download is in progress."
   },
   // Cell and column actions
   // ------------
@@ -193,24 +198,29 @@ const dataTableMessages = defineMessages({
   // Download messages
   // -----------------
   downloadTable: {
-    defaultMessage: "Download as CSV",
-    id: "TggAMlvVC8+HSDg6",
-    description: "Download table as CSV"
+    defaultMessage: "Download CSV",
+    id: "/DJNcsGLrHi/d+Cy",
+    description: "Label for the download group in the table actions menu"
   },
   downloadAll: {
     defaultMessage: "All",
-    id: "xQSuCeEzcUSMu7Gy",
-    description: "Download the entire table"
+    id: "tDvUEsdbUj+XNZTR",
+    description: "Label for downloading all table rows"
   },
   downloadPage: {
     defaultMessage: "Current page",
-    id: "tSmzmDq7B63VRiyp",
-    description: "Download only the current page"
+    id: "n3kHNMq0wIDbAVfm",
+    description: "Label for downloading current page rows"
   },
   downloadSelected: {
-    defaultMessage: "Selected rows ({noOfRows})",
-    id: "2oIUuMt/P4lbKJs8",
-    description: "Download the selected rows"
+    defaultMessage: "Selected rows",
+    id: "CZzImkwrQi9rMTqS",
+    description: "Label for downloading only the selected rows"
+  },
+  downloadRowsCount: {
+    defaultMessage: "{noOfRows, plural, one {# row} other {# rows}}",
+    id: "g2fLjUNdQ/qPFLMn",
+    description: "Row count shown alongside each download option"
   },
   // Toolbar / Column settings
   // -------
@@ -311,6 +321,53 @@ const dataTableMessages = defineMessages({
     id: "4NCInqG2qgKe0TSA",
     description: "Aria description announcing the current sorting state and priority in multi-column sorting."
   },
+  // Sorting column actions menu
+  // ---------------------------
+  sortAscending: {
+    defaultMessage: "Sort ascending",
+    id: "2w4ytnIw5OSGcvDR",
+    description: "Column action menu item for sorting a column in ascending order (single sort)."
+  },
+  sortDescending: {
+    defaultMessage: "Sort descending",
+    id: "BxL/OHRXGQ4NxkRA",
+    description: "Column action menu item for sorting a column in descending order (single sort)."
+  },
+  addAsAscending: {
+    defaultMessage: "Add as ascending",
+    id: "oDh+EhNRRqQQkNAS",
+    description: "Column action menu item for multi-sorting a column in ascending order."
+  },
+  addAsDescending: {
+    defaultMessage: "Add as descending",
+    id: "zgKXUXme0dmc9SsD",
+    description: "Column action menu item for multi-sorting a column in descending order."
+  },
+  changeToAscending: {
+    defaultMessage: "Change to ascending",
+    id: "iO0lZy6i8mjT0jzt",
+    description: "Column action menu item for multi-sorting a column in ascending order when the column is already part of a multi-sort."
+  },
+  changeToDescending: {
+    defaultMessage: "Change to descending",
+    id: "b5WOrn1oLsbJsvD8",
+    description: "Column action menu item for multi-sorting a column in descending order when the column is already part of a multi-sort."
+  },
+  clearSorting: {
+    defaultMessage: "Clear sorting",
+    id: "F7t2bxwXuoFZkUcl",
+    description: "Column action menu item for removing sorting for this column."
+  },
+  multiColumnSortingLabel: {
+    defaultMessage: "Multi-column sorting",
+    id: "Mh5VCfdpjmGhMnOB",
+    description: "Label for the multi-column sorting group in the column actions menu."
+  },
+  sortSubmenuTrigger: {
+    defaultMessage: "Sort",
+    id: "5eX0f5J5OWwoQNSw",
+    description: "Sub-menu trigger label for sorting actions in the column actions menu."
+  },
   // Subrow messages
   // ---------------
   subRowAllTrigger: {