@dynatrace/strato-components 3.0.1 → 3.1.0

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

@@ -15,13 +15,7 @@ const ROW_SELECTION_COLUMN = {
   id: DATA_TABLE_ROW_SELECTION_COLUMN_ID,
   alignment: "left",
   accessorFn: () => "",
-  header: ({ table }) => /* @__PURE__ */ jsx(
-    RowSelectionHeader,
-    {
-      table,
-      resetBatchSelection
-    }
-  ),
+  header: ({ table }) => /* @__PURE__ */ jsx(RowSelectionHeader, { table }),
   width: "content",
   minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,
   enableSorting: false,
@@ -45,14 +39,6 @@ const ROW_SELECTION_COLUMN = {
   },
   cell: ({ row }) => /* @__PURE__ */ jsx(RowSelectionCell, { row })
 };
-let batchSelectionRowId = void 0;
-let previousSelectionRange = void 0;
-const resetBatchSelection = (event) => {
-  if ((batchSelectionRowId || previousSelectionRange) && !event.target.closest("[data-row-selection-checkbox]")) {
-    batchSelectionRowId = void 0;
-    previousSelectionRange = void 0;
-  }
-};
 const mutateRowIsSelected = (selectedRowIds, id, value, includeChildren, table) => {
   const row = table.getRow(id, true);
   if (!row.getShouldDisableRowSelection()) {
@@ -78,6 +64,25 @@ const mutateRowIsSelected = (selectedRowIds, id, value, includeChildren, table)
 };
 const DataTableRowSelection = {
   createTable(table) {
+    let _batchSelectionRowId = void 0;
+    let _previousSelectionRange = void 0;
+    table.resetBatchSelection = (event) => {
+      if (!(_batchSelectionRowId || _previousSelectionRange)) {
+        return;
+      }
+      const checkboxElement = event.target.closest(
+        "[data-row-selection-checkbox]"
+      );
+      if (checkboxElement === null) {
+        _batchSelectionRowId = void 0;
+        _previousSelectionRange = void 0;
+        return;
+      }
+      if (table.getRowVirtualizationContainer()?.contains(checkboxElement) === false) {
+        _batchSelectionRowId = void 0;
+        _previousSelectionRange = void 0;
+      }
+    };
     table.getToggleAllLimitedRowsSelectedHandler = () => {
       return (e) => {
         table.toggleAllLimitedRowsSelected(
@@ -275,28 +280,38 @@ const DataTableRowSelection = {
        * The batch selection reference is reset, once the user clicks anywhere in the table outside the checkboxes.
        */
       batchSelect(value, shiftKey) {
-        if (batchSelectionRowId === void 0 || !shiftKey) {
+        const selectSingleRow = () => {
           this.toggleSelected(value);
-          batchSelectionRowId = this.id;
-          previousSelectionRange = void 0;
+          _batchSelectionRowId = this.id;
+          _previousSelectionRange = void 0;
+        };
+        if (_batchSelectionRowId === void 0 || !shiftKey) {
+          selectSingleRow();
           return;
         }
         const flatRows = table.getRowOrderRowModel().flatRows;
         const firstSelectedIndex = flatRows.findIndex(
-          (flatRow) => batchSelectionRowId && flatRow.id === batchSelectionRowId
+          (flatRow) => _batchSelectionRowId && flatRow.id === _batchSelectionRowId
         );
         const currentSelectedIndex = flatRows.findIndex(
           (flatRow) => flatRow.id === this.id
         );
+        if (firstSelectedIndex === -1) {
+          selectSingleRow();
+          return;
+        }
         const startIndex = Math.min(firstSelectedIndex, currentSelectedIndex);
         const endIndex = Math.max(firstSelectedIndex, currentSelectedIndex);
         const shouldUpdateChildren = (idx) => endIndex === idx;
         table.setRowSelection((old) => {
           const rowSelection = { ...old };
           const firstSelectedCheckedValue = flatRows[firstSelectedIndex].getIsSelected();
-          if (previousSelectionRange) {
-            const start = previousSelectionRange.start;
-            const end = previousSelectionRange.end;
+          if (_previousSelectionRange) {
+            const start = _previousSelectionRange.start;
+            const end = Math.min(
+              _previousSelectionRange.end,
+              flatRows.length - 1
+            );
             for (let i = start; i <= end; i++) {
               mutateRowIsSelected(
                 rowSelection,
@@ -316,7 +331,7 @@ const DataTableRowSelection = {
               table
             );
           }
-          previousSelectionRange = firstSelectedCheckedValue ? { start: startIndex, end: endIndex } : void 0;
+          _previousSelectionRange = firstSelectedCheckedValue ? { start: startIndex, end: endIndex } : void 0;
           return rowSelection;
         });
       }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowSelection/RowSelection.tsx"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type {\n  DataTableRowSelectionOptions,\n  DataTableRowSelectionProps,\n} from './row-selection-types.js';\nimport { RowSelectionCell, RowSelectionHeader } from './RowSelectionCells.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n} from '../../constants.js';\nimport type {\n  ColumnDef,\n  Row,\n  RowData,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport type { RowSelectionState } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Helper function to identify the ROW_SELECTION_COLUMN\n * @internal\n */\nexport function isRowSelectionColumnDef<TData extends DataTableRowData>(\n  column: ColumnDef<TData>,\n): boolean {\n  return column.id === ROW_SELECTION_COLUMN.id;\n}\n\n/**\n * Column definition for the selection column\n * @internal\n */\nexport const ROW_SELECTION_COLUMN: ColumnDef<unknown, unknown> = {\n  id: DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n  alignment: 'left',\n  accessorFn: () => '',\n  header: ({ table }) => (\n    <RowSelectionHeader\n      table={table}\n      resetBatchSelection={resetBatchSelection}\n    />\n  ),\n  width: 'content',\n  minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  enableSorting: false,\n  enableResizing: false,\n  enableUserActions: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    builtinPlacement: 'prefix',\n    cellDeps: (cell) => {\n      return [\n        cell.row.getIsSelected(),\n        cell.row.getIsAllSubRowsSelected(),\n        cell.row.getIsSomeSelected(),\n        cell.row.getCanSelect(),\n        cell.row.getShouldDisableRowSelection(),\n      ];\n    },\n  },\n  cell: ({ row }) => <RowSelectionCell row={row} />,\n};\n\nlet batchSelectionRowId: string | undefined = undefined;\nlet previousSelectionRange: { start: number; end: number } | undefined =\n  undefined;\n\nconst resetBatchSelection = (event: MouseEvent): void => {\n  // only reset the selection if the click was outside the checkbox and previous selection is saved\n  if (\n    (batchSelectionRowId || previousSelectionRange) &&\n    !(event.target as HTMLElement).closest('[data-row-selection-checkbox]')\n  ) {\n    batchSelectionRowId = undefined;\n    previousSelectionRange = undefined;\n  }\n};\n\nconst mutateRowIsSelected = <TData extends RowData>(\n  selectedRowIds: Record<string, boolean>,\n  id: string,\n  value: boolean,\n  includeChildren: boolean,\n  table: Table<TData>,\n): void => {\n  const row = table.getRow(id, true);\n\n  if (!row.getShouldDisableRowSelection()) {\n    if (value) {\n      if (\n        row.getCanSelect() &&\n        !table.getIsRowSelectionLimitReached(selectedRowIds)\n      ) {\n        selectedRowIds[id] = true;\n      }\n    } else {\n      delete selectedRowIds[id];\n    }\n  }\n\n  if (\n    includeChildren &&\n    row.subRows?.length &&\n    row.getCanSelectSubRows() &&\n    !table.getIsRowSelectionLimitReached(selectedRowIds)\n  ) {\n    row.subRows.forEach((row) =>\n      mutateRowIsSelected(\n        selectedRowIds,\n        row.id,\n        value,\n        includeChildren,\n        table,\n      ),\n    );\n  }\n};\n\n/**\n * @internal\n */\nexport const DataTableRowSelection: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    table.getToggleAllLimitedRowsSelectedHandler = () => {\n      return (e: unknown) => {\n        table.toggleAllLimitedRowsSelected(\n          ((e as MouseEvent).target as HTMLInputElement).checked,\n        );\n      };\n    };\n\n    table.getToggleAllLimitedPageRowsSelectedHandler = () => {\n      return (e: unknown) => {\n        table.toggleAllLimitedPageRowsSelected(\n          ((e as MouseEvent).target as HTMLInputElement).checked,\n        );\n      };\n    };\n\n    table.getSelectionCount = () =>\n      table.getFilteredSelectedRowModel().flatRows.length;\n\n    // You can access `rows`, `flatRows` and `rowsById` on the row model.\n    // Somehow the expanded detail rows are contained in the row model's `rowsById` which should actually not happen\n    // since we only adapt `rows` in our `getRowDetailsRowModel`.\n    // This leads to an issue when toggling the selection of all rows on the page:\n    // TanStack's implementation of `toggleAllPageRowsSelected` iterates over `rows` and would therefore try to select\n    // the expanded detail row which is not possible and causes the table to crash.\n    // Therefore, we need to overwrite this method and iterate over the `flatRows` to make sure only selectable rows\n    // are (de)selected.\n    table.toggleAllPageRowsSelected = (value?: boolean) => {\n      table.setRowSelection((old) => {\n        const resolvedValue = value ?? !table.getIsAllPageRowsSelected();\n\n        const rowSelection: RowSelectionState = { ...old };\n\n        table.getRowModel().flatRows.forEach((row) => {\n          mutateRowIsSelected(\n            rowSelection,\n            row.id,\n            resolvedValue,\n            false, // we don't need to include children as they are already included in `flatRows`\n            table,\n          );\n        });\n\n        return rowSelection;\n      });\n    };\n\n    // Override TanStack's implementation to avoid de-selecting disabled rows\n    table.toggleAllRowsSelected = (value?: boolean) => {\n      table.setRowSelection((old) => {\n        const resolvedValue = value ?? !table.getIsAllRowsSelected();\n\n        const rowSelection: RowSelectionState = { ...old };\n\n        table.getPrePaginationRowModel().flatRows.forEach((row) => {\n          mutateRowIsSelected(\n            rowSelection,\n            row.id,\n            resolvedValue,\n            false, // we don't need to include children as they are already included in `flatRows`\n            table,\n          );\n        });\n\n        return rowSelection;\n      });\n    };\n\n    table.toggleAllLimitedPageRowsSelected = (value?: boolean) => {\n      // Figure out what the target should be, as the \"select all\" can also be\n      // indeterminate. Next steps are\n      // false -> true\n      // 'indeterminate' -> true\n      // true -> false\n      const resolvedValue = value ?? !table.getIsAllPageRowsSelected();\n\n      // If we are triggering towards deselect, we can still use the limitless\n      // selection\n      if (resolvedValue === false) {\n        table.toggleAllPageRowsSelected(false);\n        return;\n      }\n\n      table.setRowSelection((old) => {\n        const rowSelection: RowSelectionState = { ...old };\n        const limit = table.options.rowSelectionLimit ?? 0;\n\n        // Figure out how many items are already selected.\n        const currentSelectionLength = table.getSelectionCount();\n\n        // If there are fewer elements selected than the limit we can fill the\n        // selection.\n        if (currentSelectionLength < limit) {\n          const rows = table.getRowModel().rows;\n          let currentSelectionCount = currentSelectionLength;\n          for (const row of rows) {\n            // If the row cannot be selected, or the element is already selected, we can skip over it\n            if (!row.getCanSelect() || row.getIsSelected()) {\n              continue;\n            }\n            rowSelection[row.id] = true;\n            currentSelectionCount += 1;\n\n            if (currentSelectionCount >= limit) {\n              break;\n            }\n          }\n        }\n        return rowSelection;\n      });\n    };\n\n    table.toggleAllLimitedRowsSelected = (value?: boolean) => {\n      // Figure out what the target should be, as the \"select all\" can also be\n      // indeterminate. Next steps are\n      // false -> true\n      // 'indeterminate' -> true\n      // true -> false\n      const resolvedValue = value ?? !table.getIsAllPageRowsSelected();\n\n      // If we are triggering towards deselect, we can still use the limitless\n      // selection\n      if (resolvedValue === false) {\n        table.toggleAllRowsSelected(false);\n        return;\n      }\n\n      table.setRowSelection((old) => {\n        const rowSelection: RowSelectionState = { ...old };\n        const limit = table.options.rowSelectionLimit ?? 0;\n\n        // Figure out how many items are already selected.\n        const currentSelectionLength = table.getSelectionCount();\n\n        // If there are fewer elements selected than the limit we can fill the\n        // selection.\n        if (currentSelectionLength < limit) {\n          const rows = table.getPrePaginationRowModel().flatRows;\n          let currentSelectionCount = currentSelectionLength;\n          for (const row of rows) {\n            // If the row cannot be selected, or the element is already selected, we can skip over it\n            if (!row.getCanSelect() || row.getIsSelected()) {\n              continue;\n            }\n            rowSelection[row.id] = true;\n            currentSelectionCount += 1;\n\n            if (currentSelectionCount >= limit) {\n              break;\n            }\n          }\n        }\n        return rowSelection;\n      });\n    };\n\n    table.getIsRowSelectionLimitReached = (rowSelectionState) => {\n      const rowSelection = rowSelectionState || table.getState().rowSelection;\n      const rowSelectionLimit = table.options.rowSelectionLimit;\n      const selectionCount = Object.keys(rowSelection).length;\n\n      return (\n        rowSelectionLimit !== undefined &&\n        rowSelectionLimit !== 0 &&\n        selectionCount >= rowSelectionLimit\n      );\n    };\n\n    table.getIsAllPageRowsSelected = () => {\n      // if there is a limit for how many rows can be selected, and it is reached, immediately return true\n      if (table.getIsRowSelectionLimitReached()) {\n        return true;\n      }\n\n      return (\n        table\n          .getPaginationRowModel()\n          .flatRows.filter((row) => row.subRows.length === 0)\n          // the header check box should be checked, when all rows are either selected or disabled\n          .every((row) => row.getIsSelected() || !row.getCanSelect())\n      );\n    };\n\n    table.getIsAllRowsSelected = () => {\n      // if there is a limit for how many rows can be selected, and it is reached, immediately return true\n      if (table.getIsRowSelectionLimitReached()) {\n        return true;\n      }\n\n      return (\n        table\n          .getPrePaginationRowModel()\n          .flatRows.filter((row) => row.subRows.length === 0)\n          // the header check box should be checked, when all page rows are either selected or disabled\n          .every((row) => row.getIsSelected() || !row.getCanSelect())\n      );\n    };\n\n    table.getIsSomePageRowsSelected = () => {\n      return table\n        .getPaginationRowModel()\n        .flatRows.filter((row) => row.subRows.length === 0)\n        .some((row) => row.getIsSelected());\n    };\n\n    table.getIsSomeRowsSelected = () => {\n      return table\n        .getPrePaginationRowModel()\n        .flatRows.filter((row) => row.subRows.length === 0)\n        .some((row) => row.getIsSelected());\n    };\n\n    table.getIsAllPageRowsSelectionDisabled = () => {\n      return table\n        .getPaginationRowModel()\n        .flatRows.every((row) => row.getShouldDisableRowSelection());\n    };\n\n    table.getIsAllRowsSelectionDisabled = () => {\n      return table\n        .getPrePaginationRowModel()\n        .flatRows.every((row) => row.getShouldDisableRowSelection());\n    };\n\n    assignRowMethods(table, {\n      getShouldDisableRowSelection(this: Row<TData>) {\n        const { enableRowSelection } = table.options;\n        const isRowSelectionEnabled =\n          typeof enableRowSelection === 'function'\n            ? enableRowSelection(this)\n            : enableRowSelection ?? true;\n\n        // Selected rows should always be deselectable when limits are defined.\n        // Otherwise, you could end up in a situation that you have reached a limit\n        // but all options that would be deselectable to go under the limit are disabled.\n        const hasSelectionLimit = table.options.rowSelectionLimit !== undefined;\n        if (hasSelectionLimit && this.getIsSelected()) {\n          return false;\n        }\n\n        return !isRowSelectionEnabled || table.getIsRowSelectionLimitReached();\n      },\n\n      getCanSelect(this: Row<TData>) {\n        const isParentRow = !!this.subRows?.length;\n\n        if (isParentRow) {\n          return false;\n        }\n\n        const { enableRowSelection } = table.options;\n        return typeof enableRowSelection === 'function'\n          ? enableRowSelection(this)\n          : enableRowSelection ?? true;\n      },\n\n      toggleSelected(this: Row<TData>, value?: boolean) {\n        if (this.getShouldDisableRowSelection()) {\n          return;\n        }\n        const isSelected = this.getIsSelected();\n\n        table.setRowSelection((old) => {\n          value = value ?? !isSelected;\n          const selectedRowIds = { ...old };\n\n          if (this.getCanSelect() && isSelected === value) {\n            return old;\n          }\n\n          mutateRowIsSelected(selectedRowIds, this.id, value, true, table);\n\n          return selectedRowIds;\n        });\n      },\n\n      // Override TanStack's implementation to include selected, but disabled rows\n      getIsSomeSelected(this: Row<TData>) {\n        const subRows = this.subRows;\n        if (!subRows.length) {\n          return this.getIsSelected();\n        }\n        return subRows.some(\n          (subRow) => subRow.getIsSelected() || subRow.getIsSomeSelected(),\n        );\n      },\n\n      // Override TanStack's implementation to include selected, but disabled rows\n      getIsAllSubRowsSelected(this: Row<TData>) {\n        const subRows = this.subRows;\n        if (!subRows.length) {\n          return this.getIsSelected();\n        }\n        for (const subRow of subRows) {\n          if (!subRow.getIsAllSubRowsSelected()) {\n            return false;\n          }\n        }\n        return true;\n      },\n\n      /**\n       * Handles row selection/deselection with support for batch selection using Shift+click. If Shift is not pressed,\n       * or no previous selection exists, the row is simply selected/deselected and becomes the reference for a possible batch selection.\n       * If a batch selection reference exists, and the user selects a row while holding Shift, all rows in between are selected/deselected.\n       * If the user then selects another row with the Shift pressed, the previous batch selection is removed, and only the new one is selected.\n       * The batch selection reference is reset, once the user clicks anywhere in the table outside the checkboxes.\n       */\n      batchSelect(this: Row<TData>, value?: boolean, shiftKey?: boolean) {\n        // if last selected row is undefined, or if the shift key is not pressed, simply toggle the single row selection\n        if (batchSelectionRowId === undefined || !shiftKey) {\n          this.toggleSelected(value);\n          batchSelectionRowId = this.id;\n          previousSelectionRange = undefined;\n          return;\n        }\n\n        // if the shift key is pressed and there is a previous selection\n        // get the start and end index of the batch selection\n        const flatRows = table.getRowOrderRowModel().flatRows;\n        const firstSelectedIndex = flatRows.findIndex(\n          (flatRow) =>\n            batchSelectionRowId && flatRow.id === batchSelectionRowId,\n        );\n        const currentSelectedIndex = flatRows.findIndex(\n          (flatRow) => flatRow.id === this.id,\n        );\n\n        const startIndex = Math.min(firstSelectedIndex, currentSelectedIndex);\n        const endIndex = Math.max(firstSelectedIndex, currentSelectedIndex);\n\n        const shouldUpdateChildren = (idx: number) => endIndex === idx;\n\n        table.setRowSelection((old) => {\n          const rowSelection: RowSelectionState = { ...old };\n          // the batch selection checked value will be the same as for the initial selection\n          const firstSelectedCheckedValue =\n            flatRows[firstSelectedIndex].getIsSelected();\n\n          if (previousSelectionRange) {\n            const start = previousSelectionRange.start;\n            const end = previousSelectionRange.end;\n            // deselect the previous range\n            for (let i = start; i <= end; i++) {\n              mutateRowIsSelected(\n                rowSelection,\n                flatRows[i].id,\n                false,\n                true,\n                table,\n              );\n            }\n          }\n\n          // select/deselect current range\n          for (let i = startIndex; i <= endIndex; i++) {\n            mutateRowIsSelected(\n              rowSelection,\n              flatRows[i].id,\n              firstSelectedCheckedValue,\n              shouldUpdateChildren(i),\n              table,\n            );\n          }\n\n          // if there was a selection, save the range\n          previousSelectionRange = firstSelectedCheckedValue\n            ? { start: startIndex, end: endIndex }\n            : undefined;\n\n          return rowSelection;\n        });\n      },\n    });\n  },\n};\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useRowSelection<TData extends DataTableRowData>(\n  props: DataTableRowSelectionProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const configSelectableRows = useDataTableConfigElement('selectableRows');\n  // Need to move that into a const here in order to make the typechecks\n  // work, because otherwise the selectableRows member could switch.\n\n  // note: for case where the selectableRows prop is an object, it needs\n  // to be memoized by the consumer, to avoid updates if it is identical\n  const selectableRows = props.selectableRows ?? configSelectableRows;\n  // options.enableRowSelection is used as dependency in useBuiltinColumns, therefore we need to cache this function to avoid infinite rerenders\n  const enableRowSelectionCallback = useCallback(\n    (row: Row<TData>) => {\n      // If there is a function defined that will allow for disabling certain\n      // row selections, we can apply this one.\n      if (\n        selectableRows !== undefined &&\n        typeof selectableRows !== 'boolean' &&\n        selectableRows.disableRowSelection\n      ) {\n        return !selectableRows.disableRowSelection(row.original);\n      }\n      return true;\n    },\n    [selectableRows],\n  );\n\n  if (selectableRows !== undefined) {\n    options.enableRowSelection = true;\n    let rowSelectionMode: DataTableRowSelectionOptions<\n      Row<TData>\n    >['rowSelectionSelectAllMode'] = 'page';\n\n    // If selectableRows is controlled via a boolean, we can default the options\n    if (selectableRows === true || selectableRows === false) {\n      options.enableRowSelection = selectableRows;\n    } else {\n      const { selectAllBehavior, limit } = selectableRows;\n\n      options.enableRowSelection = enableRowSelectionCallback;\n\n      // Change the rowSelectionMode for the _select all_ checkbox if it is defined.\n      if (selectAllBehavior) {\n        rowSelectionMode = selectAllBehavior;\n      }\n\n      // Defines a row selection limit for the maximum count of rows that are\n      // selectable.\n      options.rowSelectionLimit =\n        limit !== undefined && limit >= 0 ? limit : undefined;\n    }\n\n    options.enableMultiRowSelection = true;\n    options.rowSelectionSelectAllMode = rowSelectionMode;\n  } else {\n    options.enableRowSelection = false;\n  }\n\n  const [selectedRows, setSelectedRows] = useControllableState<\n    Record<string, boolean>\n  >({\n    value: props.selectedRows,\n    defaultValue: props.defaultSelectedRows,\n    onChange: props.onRowSelectionChange,\n  });\n\n  options.state = {\n    ...options.state,\n    rowSelection: selectedRows ?? {},\n  };\n\n  options.onRowSelectionChange = setSelectedRows;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type {\n  DataTableRowSelectionOptions,\n  DataTableRowSelectionProps,\n} from './row-selection-types.js';\nimport { RowSelectionCell, RowSelectionHeader } from './RowSelectionCells.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n} from '../../constants.js';\nimport type {\n  ColumnDef,\n  Row,\n  RowData,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport type { RowSelectionState } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Helper function to identify the ROW_SELECTION_COLUMN\n * @internal\n */\nexport function isRowSelectionColumnDef<TData extends DataTableRowData>(\n  column: ColumnDef<TData>,\n): boolean {\n  return column.id === ROW_SELECTION_COLUMN.id;\n}\n\n/**\n * Column definition for the selection column\n * @internal\n */\nexport const ROW_SELECTION_COLUMN: ColumnDef<unknown, unknown> = {\n  id: DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n  alignment: 'left',\n  accessorFn: () => '',\n  header: ({ table }) => <RowSelectionHeader table={table} />,\n  width: 'content',\n  minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  enableSorting: false,\n  enableResizing: false,\n  enableUserActions: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    builtinPlacement: 'prefix',\n    cellDeps: (cell) => {\n      return [\n        cell.row.getIsSelected(),\n        cell.row.getIsAllSubRowsSelected(),\n        cell.row.getIsSomeSelected(),\n        cell.row.getCanSelect(),\n        cell.row.getShouldDisableRowSelection(),\n      ];\n    },\n  },\n  cell: ({ row }) => <RowSelectionCell row={row} />,\n};\n\nconst mutateRowIsSelected = <TData extends RowData>(\n  selectedRowIds: Record<string, boolean>,\n  id: string,\n  value: boolean,\n  includeChildren: boolean,\n  table: Table<TData>,\n): void => {\n  const row = table.getRow(id, true);\n\n  if (!row.getShouldDisableRowSelection()) {\n    if (value) {\n      if (\n        row.getCanSelect() &&\n        !table.getIsRowSelectionLimitReached(selectedRowIds)\n      ) {\n        selectedRowIds[id] = true;\n      }\n    } else {\n      delete selectedRowIds[id];\n    }\n  }\n\n  if (\n    includeChildren &&\n    row.subRows?.length &&\n    row.getCanSelectSubRows() &&\n    !table.getIsRowSelectionLimitReached(selectedRowIds)\n  ) {\n    row.subRows.forEach((row) =>\n      mutateRowIsSelected(\n        selectedRowIds,\n        row.id,\n        value,\n        includeChildren,\n        table,\n      ),\n    );\n  }\n};\n\n/**\n * @internal\n */\nexport const DataTableRowSelection: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    let _batchSelectionRowId: string | undefined = undefined;\n    let _previousSelectionRange: { start: number; end: number } | undefined =\n      undefined;\n\n    table.resetBatchSelection = (event: MouseEvent): void => {\n      if (!(_batchSelectionRowId || _previousSelectionRange)) {\n        return;\n      }\n\n      const checkboxElement = (event.target as HTMLElement).closest(\n        '[data-row-selection-checkbox]',\n      );\n\n      // Reset batch selection if click was outside of any checkbox\n      if (checkboxElement === null) {\n        _batchSelectionRowId = undefined;\n        _previousSelectionRange = undefined;\n        return;\n      }\n\n      // If click was on a checkbox, reset if the checkbox belongs to a different table\n      if (\n        table.getRowVirtualizationContainer()?.contains(checkboxElement) ===\n        false\n      ) {\n        _batchSelectionRowId = undefined;\n        _previousSelectionRange = undefined;\n      }\n    };\n\n    table.getToggleAllLimitedRowsSelectedHandler = () => {\n      return (e: unknown) => {\n        table.toggleAllLimitedRowsSelected(\n          ((e as MouseEvent).target as HTMLInputElement).checked,\n        );\n      };\n    };\n\n    table.getToggleAllLimitedPageRowsSelectedHandler = () => {\n      return (e: unknown) => {\n        table.toggleAllLimitedPageRowsSelected(\n          ((e as MouseEvent).target as HTMLInputElement).checked,\n        );\n      };\n    };\n\n    table.getSelectionCount = () =>\n      table.getFilteredSelectedRowModel().flatRows.length;\n\n    // You can access `rows`, `flatRows` and `rowsById` on the row model.\n    // Somehow the expanded detail rows are contained in the row model's `rowsById` which should actually not happen\n    // since we only adapt `rows` in our `getRowDetailsRowModel`.\n    // This leads to an issue when toggling the selection of all rows on the page:\n    // TanStack's implementation of `toggleAllPageRowsSelected` iterates over `rows` and would therefore try to select\n    // the expanded detail row which is not possible and causes the table to crash.\n    // Therefore, we need to overwrite this method and iterate over the `flatRows` to make sure only selectable rows\n    // are (de)selected.\n    table.toggleAllPageRowsSelected = (value?: boolean) => {\n      table.setRowSelection((old) => {\n        const resolvedValue = value ?? !table.getIsAllPageRowsSelected();\n\n        const rowSelection: RowSelectionState = { ...old };\n\n        table.getRowModel().flatRows.forEach((row) => {\n          mutateRowIsSelected(\n            rowSelection,\n            row.id,\n            resolvedValue,\n            false, // we don't need to include children as they are already included in `flatRows`\n            table,\n          );\n        });\n\n        return rowSelection;\n      });\n    };\n\n    // Override TanStack's implementation to avoid de-selecting disabled rows\n    table.toggleAllRowsSelected = (value?: boolean) => {\n      table.setRowSelection((old) => {\n        const resolvedValue = value ?? !table.getIsAllRowsSelected();\n\n        const rowSelection: RowSelectionState = { ...old };\n\n        table.getPrePaginationRowModel().flatRows.forEach((row) => {\n          mutateRowIsSelected(\n            rowSelection,\n            row.id,\n            resolvedValue,\n            false, // we don't need to include children as they are already included in `flatRows`\n            table,\n          );\n        });\n\n        return rowSelection;\n      });\n    };\n\n    table.toggleAllLimitedPageRowsSelected = (value?: boolean) => {\n      // Figure out what the target should be, as the \"select all\" can also be\n      // indeterminate. Next steps are\n      // false -> true\n      // 'indeterminate' -> true\n      // true -> false\n      const resolvedValue = value ?? !table.getIsAllPageRowsSelected();\n\n      // If we are triggering towards deselect, we can still use the limitless\n      // selection\n      if (resolvedValue === false) {\n        table.toggleAllPageRowsSelected(false);\n        return;\n      }\n\n      table.setRowSelection((old) => {\n        const rowSelection: RowSelectionState = { ...old };\n        const limit = table.options.rowSelectionLimit ?? 0;\n\n        // Figure out how many items are already selected.\n        const currentSelectionLength = table.getSelectionCount();\n\n        // If there are fewer elements selected than the limit we can fill the\n        // selection.\n        if (currentSelectionLength < limit) {\n          const rows = table.getRowModel().rows;\n          let currentSelectionCount = currentSelectionLength;\n          for (const row of rows) {\n            // If the row cannot be selected, or the element is already selected, we can skip over it\n            if (!row.getCanSelect() || row.getIsSelected()) {\n              continue;\n            }\n            rowSelection[row.id] = true;\n            currentSelectionCount += 1;\n\n            if (currentSelectionCount >= limit) {\n              break;\n            }\n          }\n        }\n        return rowSelection;\n      });\n    };\n\n    table.toggleAllLimitedRowsSelected = (value?: boolean) => {\n      // Figure out what the target should be, as the \"select all\" can also be\n      // indeterminate. Next steps are\n      // false -> true\n      // 'indeterminate' -> true\n      // true -> false\n      const resolvedValue = value ?? !table.getIsAllPageRowsSelected();\n\n      // If we are triggering towards deselect, we can still use the limitless\n      // selection\n      if (resolvedValue === false) {\n        table.toggleAllRowsSelected(false);\n        return;\n      }\n\n      table.setRowSelection((old) => {\n        const rowSelection: RowSelectionState = { ...old };\n        const limit = table.options.rowSelectionLimit ?? 0;\n\n        // Figure out how many items are already selected.\n        const currentSelectionLength = table.getSelectionCount();\n\n        // If there are fewer elements selected than the limit we can fill the\n        // selection.\n        if (currentSelectionLength < limit) {\n          const rows = table.getPrePaginationRowModel().flatRows;\n          let currentSelectionCount = currentSelectionLength;\n          for (const row of rows) {\n            // If the row cannot be selected, or the element is already selected, we can skip over it\n            if (!row.getCanSelect() || row.getIsSelected()) {\n              continue;\n            }\n            rowSelection[row.id] = true;\n            currentSelectionCount += 1;\n\n            if (currentSelectionCount >= limit) {\n              break;\n            }\n          }\n        }\n        return rowSelection;\n      });\n    };\n\n    table.getIsRowSelectionLimitReached = (rowSelectionState) => {\n      const rowSelection = rowSelectionState || table.getState().rowSelection;\n      const rowSelectionLimit = table.options.rowSelectionLimit;\n      const selectionCount = Object.keys(rowSelection).length;\n\n      return (\n        rowSelectionLimit !== undefined &&\n        rowSelectionLimit !== 0 &&\n        selectionCount >= rowSelectionLimit\n      );\n    };\n\n    table.getIsAllPageRowsSelected = () => {\n      // if there is a limit for how many rows can be selected, and it is reached, immediately return true\n      if (table.getIsRowSelectionLimitReached()) {\n        return true;\n      }\n\n      return (\n        table\n          .getPaginationRowModel()\n          .flatRows.filter((row) => row.subRows.length === 0)\n          // the header check box should be checked, when all rows are either selected or disabled\n          .every((row) => row.getIsSelected() || !row.getCanSelect())\n      );\n    };\n\n    table.getIsAllRowsSelected = () => {\n      // if there is a limit for how many rows can be selected, and it is reached, immediately return true\n      if (table.getIsRowSelectionLimitReached()) {\n        return true;\n      }\n\n      return (\n        table\n          .getPrePaginationRowModel()\n          .flatRows.filter((row) => row.subRows.length === 0)\n          // the header check box should be checked, when all page rows are either selected or disabled\n          .every((row) => row.getIsSelected() || !row.getCanSelect())\n      );\n    };\n\n    table.getIsSomePageRowsSelected = () => {\n      return table\n        .getPaginationRowModel()\n        .flatRows.filter((row) => row.subRows.length === 0)\n        .some((row) => row.getIsSelected());\n    };\n\n    table.getIsSomeRowsSelected = () => {\n      return table\n        .getPrePaginationRowModel()\n        .flatRows.filter((row) => row.subRows.length === 0)\n        .some((row) => row.getIsSelected());\n    };\n\n    table.getIsAllPageRowsSelectionDisabled = () => {\n      return table\n        .getPaginationRowModel()\n        .flatRows.every((row) => row.getShouldDisableRowSelection());\n    };\n\n    table.getIsAllRowsSelectionDisabled = () => {\n      return table\n        .getPrePaginationRowModel()\n        .flatRows.every((row) => row.getShouldDisableRowSelection());\n    };\n\n    assignRowMethods(table, {\n      getShouldDisableRowSelection(this: Row<TData>) {\n        const { enableRowSelection } = table.options;\n        const isRowSelectionEnabled =\n          typeof enableRowSelection === 'function'\n            ? enableRowSelection(this)\n            : enableRowSelection ?? true;\n\n        // Selected rows should always be deselectable when limits are defined.\n        // Otherwise, you could end up in a situation that you have reached a limit\n        // but all options that would be deselectable to go under the limit are disabled.\n        const hasSelectionLimit = table.options.rowSelectionLimit !== undefined;\n        if (hasSelectionLimit && this.getIsSelected()) {\n          return false;\n        }\n\n        return !isRowSelectionEnabled || table.getIsRowSelectionLimitReached();\n      },\n\n      getCanSelect(this: Row<TData>) {\n        const isParentRow = !!this.subRows?.length;\n\n        if (isParentRow) {\n          return false;\n        }\n\n        const { enableRowSelection } = table.options;\n        return typeof enableRowSelection === 'function'\n          ? enableRowSelection(this)\n          : enableRowSelection ?? true;\n      },\n\n      toggleSelected(this: Row<TData>, value?: boolean) {\n        if (this.getShouldDisableRowSelection()) {\n          return;\n        }\n        const isSelected = this.getIsSelected();\n\n        table.setRowSelection((old) => {\n          value = value ?? !isSelected;\n          const selectedRowIds = { ...old };\n\n          if (this.getCanSelect() && isSelected === value) {\n            return old;\n          }\n\n          mutateRowIsSelected(selectedRowIds, this.id, value, true, table);\n\n          return selectedRowIds;\n        });\n      },\n\n      // Override TanStack's implementation to include selected, but disabled rows\n      getIsSomeSelected(this: Row<TData>) {\n        const subRows = this.subRows;\n        if (!subRows.length) {\n          return this.getIsSelected();\n        }\n        return subRows.some(\n          (subRow) => subRow.getIsSelected() || subRow.getIsSomeSelected(),\n        );\n      },\n\n      // Override TanStack's implementation to include selected, but disabled rows\n      getIsAllSubRowsSelected(this: Row<TData>) {\n        const subRows = this.subRows;\n        if (!subRows.length) {\n          return this.getIsSelected();\n        }\n        for (const subRow of subRows) {\n          if (!subRow.getIsAllSubRowsSelected()) {\n            return false;\n          }\n        }\n        return true;\n      },\n\n      /**\n       * Handles row selection/deselection with support for batch selection using Shift+click. If Shift is not pressed,\n       * or no previous selection exists, the row is simply selected/deselected and becomes the reference for a possible batch selection.\n       * If a batch selection reference exists, and the user selects a row while holding Shift, all rows in between are selected/deselected.\n       * If the user then selects another row with the Shift pressed, the previous batch selection is removed, and only the new one is selected.\n       * The batch selection reference is reset, once the user clicks anywhere in the table outside the checkboxes.\n       */\n      batchSelect(this: Row<TData>, value?: boolean, shiftKey?: boolean) {\n        const selectSingleRow = () => {\n          this.toggleSelected(value);\n          _batchSelectionRowId = this.id;\n          _previousSelectionRange = undefined;\n        };\n\n        // if last selected row is undefined, or if the shift key is not pressed, simply toggle the single row selection\n        if (_batchSelectionRowId === undefined || !shiftKey) {\n          selectSingleRow();\n          return;\n        }\n\n        // if the shift key is pressed and there is a previous selection\n        // get the start and end index of the batch selection\n        const flatRows = table.getRowOrderRowModel().flatRows;\n        const firstSelectedIndex = flatRows.findIndex(\n          (flatRow) =>\n            _batchSelectionRowId && flatRow.id === _batchSelectionRowId,\n        );\n        const currentSelectedIndex = flatRows.findIndex(\n          (flatRow) => flatRow.id === this.id,\n        );\n\n        // If the start row cannot be found (e.g. due to changing data) fall back to single selection\n        if (firstSelectedIndex === -1) {\n          selectSingleRow();\n          return;\n        }\n\n        const startIndex = Math.min(firstSelectedIndex, currentSelectedIndex);\n        const endIndex = Math.max(firstSelectedIndex, currentSelectedIndex);\n\n        const shouldUpdateChildren = (idx: number) => endIndex === idx;\n\n        table.setRowSelection((old) => {\n          const rowSelection: RowSelectionState = { ...old };\n          // the batch selection checked value will be the same as for the initial selection\n          const firstSelectedCheckedValue =\n            flatRows[firstSelectedIndex].getIsSelected();\n\n          if (_previousSelectionRange) {\n            const start = _previousSelectionRange.start;\n            // Clamp end in case the data has shrunk since the last\n            const end = Math.min(\n              _previousSelectionRange.end,\n              flatRows.length - 1,\n            );\n            // deselect the previous range\n            for (let i = start; i <= end; i++) {\n              mutateRowIsSelected(\n                rowSelection,\n                flatRows[i].id,\n                false,\n                true,\n                table,\n              );\n            }\n          }\n\n          // select/deselect current range\n          for (let i = startIndex; i <= endIndex; i++) {\n            mutateRowIsSelected(\n              rowSelection,\n              flatRows[i].id,\n              firstSelectedCheckedValue,\n              shouldUpdateChildren(i),\n              table,\n            );\n          }\n\n          // if there was a selection, save the range\n          _previousSelectionRange = firstSelectedCheckedValue\n            ? { start: startIndex, end: endIndex }\n            : undefined;\n\n          return rowSelection;\n        });\n      },\n    });\n  },\n};\n\n/**\n * Configuration hook for the DataTable UserActions feature\n * @internal\n */\nexport function useRowSelection<TData extends DataTableRowData>(\n  props: DataTableRowSelectionProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const configSelectableRows = useDataTableConfigElement('selectableRows');\n  // Need to move that into a const here in order to make the typechecks\n  // work, because otherwise the selectableRows member could switch.\n\n  // note: for case where the selectableRows prop is an object, it needs\n  // to be memoized by the consumer, to avoid updates if it is identical\n  const selectableRows = props.selectableRows ?? configSelectableRows;\n  // options.enableRowSelection is used as dependency in useBuiltinColumns, therefore we need to cache this function to avoid infinite rerenders\n  const enableRowSelectionCallback = useCallback(\n    (row: Row<TData>) => {\n      // If there is a function defined that will allow for disabling certain\n      // row selections, we can apply this one.\n      if (\n        selectableRows !== undefined &&\n        typeof selectableRows !== 'boolean' &&\n        selectableRows.disableRowSelection\n      ) {\n        return !selectableRows.disableRowSelection(row.original);\n      }\n      return true;\n    },\n    [selectableRows],\n  );\n\n  if (selectableRows !== undefined) {\n    options.enableRowSelection = true;\n    let rowSelectionMode: DataTableRowSelectionOptions<\n      Row<TData>\n    >['rowSelectionSelectAllMode'] = 'page';\n\n    // If selectableRows is controlled via a boolean, we can default the options\n    if (selectableRows === true || selectableRows === false) {\n      options.enableRowSelection = selectableRows;\n    } else {\n      const { selectAllBehavior, limit } = selectableRows;\n\n      options.enableRowSelection = enableRowSelectionCallback;\n\n      // Change the rowSelectionMode for the _select all_ checkbox if it is defined.\n      if (selectAllBehavior) {\n        rowSelectionMode = selectAllBehavior;\n      }\n\n      // Defines a row selection limit for the maximum count of rows that are\n      // selectable.\n      options.rowSelectionLimit =\n        limit !== undefined && limit >= 0 ? limit : undefined;\n    }\n\n    options.enableMultiRowSelection = true;\n    options.rowSelectionSelectAllMode = rowSelectionMode;\n  } else {\n    options.enableRowSelection = false;\n  }\n\n  const [selectedRows, setSelectedRows] = useControllableState<\n    Record<string, boolean>\n  >({\n    value: props.selectedRows,\n    defaultValue: props.defaultSelectedRows,\n    onChange: props.onRowSelectionChange,\n  });\n\n  options.state = {\n    ...options.state,\n    rowSelection: selectedRows ?? {},\n  };\n\n  options.onRowSelectionChange = setSelectedRows;\n}\n"],
+  "mappings": "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",
   "names": ["row"]
 }

package/esm/tables/DataTable/features/RowSelection/RowSelectionCells.js

@@ -8,7 +8,8 @@ import { Tooltip } from "../../../../overlays/tooltip/Tooltip.js";
 import { DataTableDefaultCell } from "../../components/DataTableDefaultCell.js";
 import { dataTableMessages } from "../../messages.js";
 function RowSelectionHeader(props) {
-  const { table, resetBatchSelection } = props;
+  const { table } = props;
+  const resetBatchSelection = table.resetBatchSelection;
   const value = getCheckboxValue(table);
   const isDisabled = isSelectAllDisabled(table);
   const intl = useIntl();
@@ -44,13 +45,15 @@ function RowSelectionHeader(props) {
       }
     }
   }
+  const selectAllDtName = value === true ? "RowDeselectAll" : "RowSelectAll";
   const checkbox = /* @__PURE__ */ jsx(
     Checkbox,
     {
       value: isDisabled ? false : value,
       "aria-disabled": isDisabled,
       "aria-label": checkboxMessage,
-      onChange: (_, event) => toggleSelectAll(event)
+      onChange: (_, event) => toggleSelectAll(event),
+      "data-dt-name": selectAllDtName
     }
   );
   return /* @__PURE__ */ jsx(DataTableDefaultCell, { children: isDisabled ? checkbox : /* @__PURE__ */ jsx(Tooltip, { text: checkboxMessage, children: checkbox }) });
@@ -105,6 +108,7 @@ function RowSelectionCell(props) {
   const { row } = props;
   const intl = useIntl();
   const isDisabled = row.getShouldDisableRowSelection();
+  const rowDtName = resolveCheckboxValue(row) === true ? "RowDeselect" : "RowSelect";
   return /* @__PURE__ */ jsx(
     DataTableDefaultCell,
     {
@@ -127,7 +131,8 @@ function RowSelectionCell(props) {
             }
             row.batchSelect(value, (event?.nativeEvent).shiftKey);
           },
-          "data-row-selection-checkbox": true
+          "data-row-selection-checkbox": true,
+          "data-dt-name": rowDtName
         }
       )
     }

package/esm/tables/DataTable/features/RowSelection/RowSelectionCells.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowSelection/RowSelectionCells.tsx"],
-  "sourcesContent": ["import {\n  type ChangeEvent,\n  type MouseEvent as ReactMouseEvent,\n  type JSX,\n  useEffect,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Checkbox } from '../../../../forms/checkbox/Checkbox.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { type Row, Table } from '../../hooks/useTable/types.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * DataTable row selection header.\n * @internal\n */\nexport function RowSelectionHeader(\n  props: Readonly<{\n    table: Table<unknown>;\n    resetBatchSelection: (ev: MouseEvent) => void;\n  }>,\n) {\n  const { table, resetBatchSelection } = props;\n  const value = getCheckboxValue(table);\n  const isDisabled = isSelectAllDisabled(table);\n\n  const intl = useIntl();\n  const checkboxMessage = intl.formatMessage(\n    dataTableMessages.selectAllTooltip,\n    {\n      nextSelection:\n        value === false || value === 'indeterminate' ? 'select' : 'deselect',\n      scope: table.options.rowSelectionSelectAllMode,\n    },\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', resetBatchSelection);\n    return () => {\n      document.removeEventListener('click', resetBatchSelection);\n    };\n  }, [resetBatchSelection]);\n\n  function toggleSelectAll(\n    event: ChangeEvent<HTMLInputElement> | undefined,\n  ): void {\n    if (isDisabled) {\n      event?.preventDefault();\n      return;\n    }\n    if (table.options.rowSelectionSelectAllMode === 'page') {\n      if (table.options.rowSelectionLimit !== undefined) {\n        table.getToggleAllLimitedPageRowsSelectedHandler()(event);\n      } else {\n        table.getToggleAllPageRowsSelectedHandler()(event);\n      }\n    } else if (table.options.rowSelectionSelectAllMode === 'all') {\n      if (table.options.rowSelectionLimit !== undefined) {\n        table.getToggleAllLimitedRowsSelectedHandler()(event);\n      } else {\n        table.getToggleAllRowsSelectedHandler()(event);\n      }\n    }\n  }\n\n  const checkbox = (\n    <Checkbox\n      value={isDisabled ? false : value}\n      aria-disabled={isDisabled}\n      aria-label={checkboxMessage}\n      onChange={(_, event) => toggleSelectAll(event)}\n    />\n  );\n\n  return (\n    <DataTableDefaultCell>\n      {isDisabled ? (\n        checkbox\n      ) : (\n        <Tooltip text={checkboxMessage}>{checkbox}</Tooltip>\n      )}\n    </DataTableDefaultCell>\n  );\n}\n\n/**\n * @returns true, if the 'select all' checkbox shall be disabled, false otherwise.\n */\nfunction isSelectAllDisabled(table: Table<unknown>): boolean {\n  const isTableEmpty = table.getRowCount() === 0;\n  if (isTableEmpty) {\n    return true;\n  }\n  let isAllRowsSelectionDisabled = false;\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    isAllRowsSelectionDisabled = table.getIsAllPageRowsSelectionDisabled();\n  } else if (table.options.rowSelectionSelectAllMode === 'all') {\n    isAllRowsSelectionDisabled = table.getIsAllRowsSelectionDisabled();\n  }\n  return isAllRowsSelectionDisabled;\n}\n\n/**\n * @returns the current state of the 'select all' checkbox\n */\nfunction getCheckboxValue(table: Table<unknown>): boolean | 'indeterminate' {\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    if (table.getIsAllPageRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomePageRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  if (table.options.rowSelectionSelectAllMode === 'all') {\n    if (table.getIsAllRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomeRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  return false;\n}\n\nconst resolveCheckboxValue = (row: Row<unknown>): boolean | 'indeterminate' => {\n  if (row.subRows.length === 0) {\n    return row.getIsSelected();\n  }\n\n  if (row.getIsAllSubRowsSelected()) {\n    return true;\n  }\n\n  if (row.getIsSomeSelected()) {\n    return 'indeterminate';\n  }\n\n  return false;\n};\n\n/**\n * DataTable row selection cell.\n * @internal\n */\nexport function RowSelectionCell(\n  props: Readonly<{\n    row: Row<unknown>;\n  }>,\n): JSX.Element {\n  const { row } = props;\n  const intl = useIntl();\n\n  const isDisabled = row.getShouldDisableRowSelection();\n  return (\n    <DataTableDefaultCell\n      onMouseDown={(event: ReactMouseEvent) => {\n        document.getSelection()?.removeAllRanges();\n        event.preventDefault();\n      }}\n    >\n      <Checkbox\n        aria-label={intl.formatMessage(dataTableMessages.selectRowCheckbox, {\n          id: row.id,\n        })}\n        value={resolveCheckboxValue(row)}\n        aria-disabled={isDisabled}\n        onChange={(value, event) => {\n          if (isDisabled) {\n            event?.preventDefault();\n            return;\n          }\n          row.batchSelect(value, (event?.nativeEvent as MouseEvent).shiftKey);\n        }}\n        data-row-selection-checkbox\n      />\n    </DataTableDefaultCell>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type ChangeEvent,\n  type MouseEvent as ReactMouseEvent,\n  type JSX,\n  useEffect,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Checkbox } from '../../../../forms/checkbox/Checkbox.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { type Row, Table } from '../../hooks/useTable/types.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * DataTable row selection header.\n * @internal\n */\nexport function RowSelectionHeader(\n  props: Readonly<{\n    table: Table<unknown>;\n  }>,\n) {\n  const { table } = props;\n  const resetBatchSelection = table.resetBatchSelection;\n  const value = getCheckboxValue(table);\n  const isDisabled = isSelectAllDisabled(table);\n\n  const intl = useIntl();\n  const checkboxMessage = intl.formatMessage(\n    dataTableMessages.selectAllTooltip,\n    {\n      nextSelection:\n        value === false || value === 'indeterminate' ? 'select' : 'deselect',\n      scope: table.options.rowSelectionSelectAllMode,\n    },\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', resetBatchSelection);\n    return () => {\n      document.removeEventListener('click', resetBatchSelection);\n    };\n  }, [resetBatchSelection]);\n\n  function toggleSelectAll(\n    event: ChangeEvent<HTMLInputElement> | undefined,\n  ): void {\n    if (isDisabled) {\n      event?.preventDefault();\n      return;\n    }\n    if (table.options.rowSelectionSelectAllMode === 'page') {\n      if (table.options.rowSelectionLimit !== undefined) {\n        table.getToggleAllLimitedPageRowsSelectedHandler()(event);\n      } else {\n        table.getToggleAllPageRowsSelectedHandler()(event);\n      }\n    } else if (table.options.rowSelectionSelectAllMode === 'all') {\n      if (table.options.rowSelectionLimit !== undefined) {\n        table.getToggleAllLimitedRowsSelectedHandler()(event);\n      } else {\n        table.getToggleAllRowsSelectedHandler()(event);\n      }\n    }\n  }\n\n  const selectAllDtName = value === true ? 'RowDeselectAll' : 'RowSelectAll';\n\n  const checkbox = (\n    <Checkbox\n      value={isDisabled ? false : value}\n      aria-disabled={isDisabled}\n      aria-label={checkboxMessage}\n      onChange={(_, event) => toggleSelectAll(event)}\n      data-dt-name={selectAllDtName}\n    />\n  );\n\n  return (\n    <DataTableDefaultCell>\n      {isDisabled ? (\n        checkbox\n      ) : (\n        <Tooltip text={checkboxMessage}>{checkbox}</Tooltip>\n      )}\n    </DataTableDefaultCell>\n  );\n}\n\n/**\n * @returns true, if the 'select all' checkbox shall be disabled, false otherwise.\n */\nfunction isSelectAllDisabled(table: Table<unknown>): boolean {\n  const isTableEmpty = table.getRowCount() === 0;\n  if (isTableEmpty) {\n    return true;\n  }\n  let isAllRowsSelectionDisabled = false;\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    isAllRowsSelectionDisabled = table.getIsAllPageRowsSelectionDisabled();\n  } else if (table.options.rowSelectionSelectAllMode === 'all') {\n    isAllRowsSelectionDisabled = table.getIsAllRowsSelectionDisabled();\n  }\n  return isAllRowsSelectionDisabled;\n}\n\n/**\n * @returns the current state of the 'select all' checkbox\n */\nfunction getCheckboxValue(table: Table<unknown>): boolean | 'indeterminate' {\n  if (table.options.rowSelectionSelectAllMode === 'page') {\n    if (table.getIsAllPageRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomePageRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  if (table.options.rowSelectionSelectAllMode === 'all') {\n    if (table.getIsAllRowsSelected()) {\n      return true;\n    }\n    if (table.getIsSomeRowsSelected()) {\n      return 'indeterminate';\n    }\n    return false;\n  }\n  return false;\n}\n\nconst resolveCheckboxValue = (row: Row<unknown>): boolean | 'indeterminate' => {\n  if (row.subRows.length === 0) {\n    return row.getIsSelected();\n  }\n\n  if (row.getIsAllSubRowsSelected()) {\n    return true;\n  }\n\n  if (row.getIsSomeSelected()) {\n    return 'indeterminate';\n  }\n\n  return false;\n};\n\n/**\n * DataTable row selection cell.\n * @internal\n */\nexport function RowSelectionCell(\n  props: Readonly<{\n    row: Row<unknown>;\n  }>,\n): JSX.Element {\n  const { row } = props;\n  const intl = useIntl();\n\n  const isDisabled = row.getShouldDisableRowSelection();\n  const rowDtName =\n    resolveCheckboxValue(row) === true ? 'RowDeselect' : 'RowSelect';\n  return (\n    <DataTableDefaultCell\n      onMouseDown={(event: ReactMouseEvent) => {\n        document.getSelection()?.removeAllRanges();\n        event.preventDefault();\n      }}\n    >\n      <Checkbox\n        aria-label={intl.formatMessage(dataTableMessages.selectRowCheckbox, {\n          id: row.id,\n        })}\n        value={resolveCheckboxValue(row)}\n        aria-disabled={isDisabled}\n        onChange={(value, event) => {\n          if (isDisabled) {\n            event?.preventDefault();\n            return;\n          }\n          row.batchSelect(value, (event?.nativeEvent as MouseEvent).shiftKey);\n        }}\n        data-row-selection-checkbox\n        data-dt-name={rowDtName}\n      />\n    </DataTableDefaultCell>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/Sorting.css

@@ -1,55 +1,55 @@
-._cu1al70-3-0-1 {
+._cu1al70-3-1-0 {
   fill: currentColor;
   transition: transform 250ms ease-out;
   transform-origin: center;
   flex-shrink: 0;
   display: none;
 }
-._11pvd3z4-3-0-1 ._cu1al70-3-0-1 {
+._11pvd3z4-3-1-0 ._cu1al70-3-1-0 {
   display: inline;
 }
-._yj6voi0-3-0-1 ._cu1al70-3-0-1 {
+._yj6voi0-3-1-0 ._cu1al70-3-1-0 {
   order: -1;
 }
-._11pvd3z8-3-0-1._yj6voi0-3-0-1:not(._11pvd3zn-3-0-1) ._cu1al70-3-0-1 {
+._11pvd3z8-3-1-0._yj6voi0-3-1-0:not(._11pvd3zn-3-1-0) ._cu1al70-3-1-0 {
   order: 1;
 }
-._cu1al71-3-0-1 {
+._cu1al71-3-1-0 {
   transform: rotate(-180deg);
 }
-._11pvd3zn-3-0-1 ._14k72810-3-0-1 ~ ._cu1al72-3-0-1 {
+._11pvd3zn-3-1-0 ._14k72810-3-1-0 ~ ._cu1al72-3-1-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
 }
-._11pvd3zn-3-0-1:not(._yj6voi0-3-0-1) ._cu1al72-3-0-1:last-child {
+._11pvd3zn-3-1-0:not(._yj6voi0-3-1-0) ._cu1al72-3-1-0:last-child {
   padding-right: var(--dt-spacings-size-12, 12px);
   transform-origin: calc(50% - 6px) center;
 }
-._11pvd3zn-3-0-1:where(._yj6voi0-3-0-1) ._cu1al72-3-0-1:last-child {
+._11pvd3zn-3-1-0:where(._yj6voi0-3-1-0) ._cu1al72-3-1-0:last-child {
   padding-left: var(--dt-spacings-size-12, 12px);
   transform-origin: calc(50% + 6px) center;
 }
-._11pvd3zn-3-0-1 ._14k72810-3-0-1 ~ ._cu1al73-3-0-1 {
+._11pvd3zn-3-1-0 ._14k72810-3-1-0 ~ ._cu1al73-3-1-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._11pvd3zn-3-0-1:not(._yj6voi0-3-0-1) ._cu1al73-3-0-1:last-child {
+._11pvd3zn-3-1-0:not(._yj6voi0-3-1-0) ._cu1al73-3-1-0:last-child {
   padding-right: var(--dt-spacings-size-6, 6px);
   transform-origin: calc(50% - 3px) center;
 }
-._11pvd3zn-3-0-1:where(._yj6voi0-3-0-1) ._cu1al73-3-0-1:last-child {
+._11pvd3zn-3-1-0:where(._yj6voi0-3-1-0) ._cu1al73-3-1-0:last-child {
   padding-left: var(--dt-spacings-size-6, 6px);
   transform-origin: calc(50% + 3px) center;
 }
-._11pvd3zn-3-0-1 ._14k72810-3-0-1 ~ ._cu1al74-3-0-1 {
+._11pvd3zn-3-1-0 ._14k72810-3-1-0 ~ ._cu1al74-3-1-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zn-3-0-1:not(._yj6voi0-3-0-1) ._cu1al74-3-0-1:last-child {
+._11pvd3zn-3-1-0:not(._yj6voi0-3-1-0) ._cu1al74-3-1-0:last-child {
   padding-right: var(--dt-spacings-size-16, 16px);
   transform-origin: calc(50% - 8px) center;
 }
-._11pvd3zn-3-0-1:where(._yj6voi0-3-0-1) ._cu1al74-3-0-1:last-child {
+._11pvd3zn-3-1-0:where(._yj6voi0-3-1-0) ._cu1al74-3-1-0:last-child {
   padding-left: var(--dt-spacings-size-16, 16px);
   transform-origin: calc(50% + 8px) center;
 }

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

@@ -12,7 +12,7 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./Sorting.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var sortingArrow = _7a468({ defaultClassName: "_cu1al70-3-0-1", variantClassNames: { arrowUp: { true: "_cu1al71-3-0-1" }, rowDensity: { "default": "_cu1al72-3-0-1", condensed: "_cu1al73-3-0-1", comfortable: "_cu1al74-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
+var sortingArrow = _7a468({ defaultClassName: "_cu1al70-3-1-0", variantClassNames: { arrowUp: { true: "_cu1al71-3-1-0" }, rowDensity: { "default": "_cu1al72-3-1-0", condensed: "_cu1al73-3-1-0", comfortable: "_cu1al74-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   sortingArrow
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.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 './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al70-3-0-1',variantClassNames:{arrowUp:{true:'_cu1al71-3-0-1'},rowDensity:{'default':'_cu1al72-3-0-1',condensed:'_cu1al73-3-0-1',comfortable:'_cu1al74-3-0-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "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 './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al70-3-1-0',variantClassNames:{arrowUp:{true:'_cu1al71-3-1-0'},rowDensity:{'default':'_cu1al72-3-1-0',condensed:'_cu1al73-3-1-0',comfortable:'_cu1al74-3-1-0'}},defaultVariants:{},compoundVariants:[]});"],
   "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,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/SortingHeaderButton.js

@@ -8,13 +8,20 @@ import {
 import * as styles from "./Sorting.sty.js";
 import { dataTableMessages } from "../../messages.js";
 const SortingArrowIndicators = (props) => {
-  const { isSorted, rowDensity } = props;
+  const { isSorted, nextSortingOrder, rowDensity } = props;
   const intl = useIntl();
+  let dataDtName = "ColumnHeaderSortIconUnsort";
+  if (nextSortingOrder === "asc") {
+    dataDtName = "ColumnHeaderSortIconAscending";
+  } else if (nextSortingOrder === "desc") {
+    dataDtName = "ColumnHeaderSortIconDescending";
+  }
   if (isSorted !== false) {
     return /* @__PURE__ */ jsx(
       ArrowSmallDownIcon,
       {
         "data-sorticon": true,
+        "data-dt-name": dataDtName,
         style: { display: "inline" },
         className: clsx(
           styles.sortingArrow({ arrowUp: isSorted === "asc", rowDensity })
@@ -27,7 +34,8 @@ const SortingArrowIndicators = (props) => {
     {
       "data-sorticon": true,
       "aria-label": intl.formatMessage(dataTableMessages.sortableColumnIcon),
-      className: styles.sortingArrow({ rowDensity })
+      className: styles.sortingArrow({ rowDensity }),
+      "data-dt-name": dataDtName
     }
   );
 };

package/esm/tables/DataTable/features/Sorting/SortingHeaderButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/SortingHeaderButton.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowSmallDownIcon,\n  SorterSmallDoubleIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './Sorting.sty.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { SortDirection } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Renders button within the column header to trigger sorting directly on header click.\n * @internal\n */\nexport const SortingArrowIndicators = (\n  props: PropsWithChildren<{\n    isSorted?: false | SortDirection;\n    rowDensity: 'default' | 'condensed' | 'comfortable';\n  }>,\n): JSX.Element => {\n  const { isSorted, rowDensity } = props;\n\n  const intl = useIntl();\n\n  if (isSorted !== false) {\n    return (\n      <ArrowSmallDownIcon\n        data-sorticon\n        style={{ display: 'inline' }}\n        className={clsx(\n          styles.sortingArrow({ arrowUp: isSorted === 'asc', rowDensity }),\n        )}\n      />\n    );\n  }\n\n  return (\n    <SorterSmallDoubleIcon\n      data-sorticon\n      aria-label={intl.formatMessage(dataTableMessages.sortableColumnIcon)}\n      className={styles.sortingArrow({ rowDensity })}\n    />\n  );\n};\n"],
-  "mappings": "AA6BM;AA7BN,OAAO,UAAU;AAEjB,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,yBAAyB;AAO3B,MAAM,yBAAyB,CACpC,UAIgB;AAChB,QAAM,EAAE,UAAU,WAAW,IAAI;AAEjC,QAAM,OAAO,QAAQ;AAErB,MAAI,aAAa,OAAO;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAa;AAAA,QACb,OAAO,EAAE,SAAS,SAAS;AAAA,QAC3B,WAAW;AAAA,UACT,OAAO,aAAa,EAAE,SAAS,aAAa,OAAO,WAAW,CAAC;AAAA,QACjE;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAa;AAAA,MACb,cAAY,KAAK,cAAc,kBAAkB,kBAAkB;AAAA,MACnE,WAAW,OAAO,aAAa,EAAE,WAAW,CAAC;AAAA;AAAA,EAC/C;AAEJ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowSmallDownIcon,\n  SorterSmallDoubleIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './Sorting.sty.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { SortDirection } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Renders button within the column header to trigger sorting directly on header click.\n * @internal\n */\nexport const SortingArrowIndicators = (\n  props: PropsWithChildren<{\n    isSorted?: false | SortDirection;\n    nextSortingOrder: false | SortDirection | undefined;\n    rowDensity: 'default' | 'condensed' | 'comfortable';\n  }>,\n): JSX.Element => {\n  const { isSorted, nextSortingOrder, rowDensity } = props;\n\n  const intl = useIntl();\n\n  let dataDtName = 'ColumnHeaderSortIconUnsort';\n  if (nextSortingOrder === 'asc') {\n    dataDtName = 'ColumnHeaderSortIconAscending';\n  } else if (nextSortingOrder === 'desc') {\n    dataDtName = 'ColumnHeaderSortIconDescending';\n  }\n\n  if (isSorted !== false) {\n    return (\n      <ArrowSmallDownIcon\n        data-sorticon\n        data-dt-name={dataDtName}\n        style={{ display: 'inline' }}\n        className={clsx(\n          styles.sortingArrow({ arrowUp: isSorted === 'asc', rowDensity }),\n        )}\n      />\n    );\n  }\n\n  return (\n    <SorterSmallDoubleIcon\n      data-sorticon\n      aria-label={intl.formatMessage(dataTableMessages.sortableColumnIcon)}\n      className={styles.sortingArrow({ rowDensity })}\n      data-dt-name={dataDtName}\n    />\n  );\n};\n"],
+  "mappings": "AAqCM;AArCN,OAAO,UAAU;AAEjB,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,yBAAyB;AAO3B,MAAM,yBAAyB,CACpC,UAKgB;AAChB,QAAM,EAAE,UAAU,kBAAkB,WAAW,IAAI;AAEnD,QAAM,OAAO,QAAQ;AAErB,MAAI,aAAa;AACjB,MAAI,qBAAqB,OAAO;AAC9B,iBAAa;AAAA,EACf,WAAW,qBAAqB,QAAQ;AACtC,iBAAa;AAAA,EACf;AAEA,MAAI,aAAa,OAAO;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAa;AAAA,QACb,gBAAc;AAAA,QACd,OAAO,EAAE,SAAS,SAAS;AAAA,QAC3B,WAAW;AAAA,UACT,OAAO,aAAa,EAAE,SAAS,aAAa,OAAO,WAAW,CAAC;AAAA,QACjE;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAa;AAAA,MACb,cAAY,KAAK,cAAc,kBAAkB,kBAAkB;AAAA,MACnE,WAAW,OAAO,aAAa,EAAE,WAAW,CAAC;AAAA,MAC7C,gBAAc;AAAA;AAAA,EAChB;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/sort-types.js

@@ -21,7 +21,9 @@ function getSortType(columnType) {
     case "long":
     case "meterbar":
       return "number";
+    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.
     case "date":
+    case "datetime":
       return "datetime";
     default:
       return "text";

package/esm/tables/DataTable/features/Sorting/sort-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/sort-types.ts"],
-  "sourcesContent": ["import type {\n  DataTableCustomSortingFn,\n  DataTableSortingColumnDef,\n} from './sorting-types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableColumnType } from '../ColumnTypes/column-types-types.js';\n\nexport function applySortTypes<TData, TValue>(\n  column: DataTableDisplayColumnDef<TData, TValue>,\n):\n  | {\n      sortType?: DataTableSortingColumnDef<TData, TValue>['sortType'];\n    }\n  | {\n      customSortingFn?: DataTableCustomSortingFn<TValue>;\n    } {\n  if (column.disableSorting) {\n    return {};\n  }\n\n  // user defined sort type\n  if (column.sortType !== undefined) {\n    if (typeof column.sortType === 'function') {\n      return { customSortingFn: column.sortType };\n    }\n    return {\n      sortType: column.sortType,\n    };\n  }\n\n  // sorting based on column type\n  return {\n    sortType: getSortType(column.columnType),\n  };\n}\n\n/** Gets sorting function for each of the different column types so the values are sorted correctly. */\nfunction getSortType(columnType?: DataTableColumnType) {\n  switch (columnType) {\n    case 'number':\n    case 'bit':\n    case 'long':\n    case 'meterbar':\n      return 'number';\n    case 'date':\n      return 'datetime';\n    default:\n      return 'text';\n  }\n}\n"],
-  "mappings": "AAOO,SAAS,eACd,QAOI;AACJ,MAAI,OAAO,gBAAgB;AACzB,WAAO,CAAC;AAAA,EACV;AAGA,MAAI,OAAO,aAAa,QAAW;AACjC,QAAI,OAAO,OAAO,aAAa,YAAY;AACzC,aAAO,EAAE,iBAAiB,OAAO,SAAS;AAAA,IAC5C;AACA,WAAO;AAAA,MACL,UAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAGA,SAAO;AAAA,IACL,UAAU,YAAY,OAAO,UAAU;AAAA,EACzC;AACF;AAGA,SAAS,YAAY,YAAkC;AACrD,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;",
+  "sourcesContent": ["import type {\n  DataTableCustomSortingFn,\n  DataTableSortingColumnDef,\n} from './sorting-types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableColumnType } from '../ColumnTypes/column-types-types.js';\n\nexport function applySortTypes<TData, TValue>(\n  column: DataTableDisplayColumnDef<TData, TValue>,\n):\n  | {\n      sortType?: DataTableSortingColumnDef<TData, TValue>['sortType'];\n    }\n  | {\n      customSortingFn?: DataTableCustomSortingFn<TValue>;\n    } {\n  if (column.disableSorting) {\n    return {};\n  }\n\n  // user defined sort type\n  if (column.sortType !== undefined) {\n    if (typeof column.sortType === 'function') {\n      return { customSortingFn: column.sortType };\n    }\n    return {\n      sortType: column.sortType,\n    };\n  }\n\n  // sorting based on column type\n  return {\n    sortType: getSortType(column.columnType),\n  };\n}\n\n/** Gets sorting function for each of the different column types so the values are sorted correctly. */\nfunction getSortType(columnType?: DataTableColumnType) {\n  switch (columnType) {\n    case 'number':\n    case 'bit':\n    case 'long':\n    case 'meterbar':\n      return 'number';\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'date':\n    case 'datetime':\n      return 'datetime';\n    default:\n      return 'text';\n  }\n}\n"],
+  "mappings": "AAOO,SAAS,eACd,QAOI;AACJ,MAAI,OAAO,gBAAgB;AACzB,WAAO,CAAC;AAAA,EACV;AAGA,MAAI,OAAO,aAAa,QAAW;AACjC,QAAI,OAAO,OAAO,aAAa,YAAY;AACzC,aAAO,EAAE,iBAAiB,OAAO,SAAS;AAAA,IAC5C;AACA,WAAO;AAAA,MACL,UAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAGA,SAAO;AAAA,IACL,UAAU,YAAY,OAAO,UAAU;AAAA,EACzC;AACF;AAGA,SAAS,YAAY,YAAkC;AACrD,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;",
   "names": []
 }

package/esm/tables/DataTable/features/SubRows/SubRowExpanders.js

@@ -48,6 +48,7 @@ function SubRowsHeaderExpander(props) {
       style: {
         color: Colors.Text.Neutral.Subdued
       },
+      "data-dt-name": isAllRowsExpanded ? "SubRowCollapseAll" : "SubRowExpandAll",
       children: isAllRowsExpanded ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(PlusIcon, {})
     }
   );
@@ -111,6 +112,7 @@ function SubRowsCellExpander({
               row.toggleExpanded(!isExpanded);
               remeasureSubRowIndicatorColumn(table);
             },
+            "data-dt-name": isExpanded ? "SubRowCollapse" : "SubRowExpand",
             children: isExpanded ? /* @__PURE__ */ jsx(MinusIcon, { size: SUB_ROW_EXPANDER_ICON_SIZE }) : /* @__PURE__ */ jsx(PlusIcon, { size: SUB_ROW_EXPANDER_ICON_SIZE })
           }
         ) : null,

package/esm/tables/DataTable/features/SubRows/SubRowExpanders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/SubRowExpanders.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type JSX, useContext, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport { MinusIcon, PlusIcon } from '@dynatrace/strato-icons';\n\nimport { SubrowCellContext } from './SubRowCellContext.js';\nimport { SubRowExpanderPath } from './SubRowExpanderPath.js';\nimport * as styles from './SubRows.sty.js';\nimport { getSubRowCellWidth } from './SubRows.js';\nimport {\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID,\n} from '../../constants.js';\nimport {\n  useDataTable,\n  useDataTableRow,\n} from '../../contexts/DataTableContext.js';\nimport type { Table } from '../../hooks/useTable/types.js';\nimport { dataTableMessages } from '../../messages.js';\nimport {\n  isChartColumnType,\n  type DataTableColumnType,\n} from '../ColumnTypes/column-types-types.js';\n\nfunction remeasureSubRowIndicatorColumn(table: Table<unknown>) {\n  const subrowIndicatorColumnId = table.getSubRowIndicatorColumnId();\n  if (subrowIndicatorColumnId) {\n    table.remeasureColumn(subrowIndicatorColumnId);\n  }\n}\n\n/**\n * @internal\n */\nexport function SubRowsHeaderExpander(\n  props: Readonly<{ isAllRowsExpanded: boolean }>,\n): JSX.Element {\n  const { isAllRowsExpanded } = props;\n  const table = useDataTable();\n  const intl = useIntl();\n\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        styles.expandButtonHeaderCellWrapper,\n        styles.expanderButton,\n      )}\n      onClick={() => {\n        table.toggleAllRowsExpanded();\n        remeasureSubRowIndicatorColumn(table);\n      }}\n      aria-label={intl.formatMessage(dataTableMessages.subRowAllTrigger, {\n        expandState: isAllRowsExpanded ? 'other' : 'expand',\n      })}\n      style={{\n        color: Colors.Text.Neutral.Subdued,\n      }}\n    >\n      {isAllRowsExpanded ? <MinusIcon /> : <PlusIcon />}\n    </button>\n  );\n}\n\n/**\n * @internal\n */\nexport function SubRowsCellExpander({\n  columnType,\n}: {\n  columnType: DataTableColumnType | undefined;\n}): JSX.Element | null {\n  const intl = useIntl();\n  const table = useDataTable();\n  const row = useDataTableRow();\n\n  const subrowContext = useContext(SubrowCellContext);\n  const subRowExpandButtonWrapperRef = useRef<HTMLDivElement>(null);\n\n  if (!row) {\n    return null;\n  }\n\n  const {\n    canExpand: rowCanExpand,\n    canExpandDisabled: rowCanExpandDisabled,\n    isExpanded,\n  } = subrowContext;\n\n  const indentWidth = SUB_ROW_INDENT_GRID * row.depth;\n  const shouldCorrectIndicatorWidth = isChartColumnType(columnType);\n\n  const subRowDepth = table.getSubRowOpenDepth();\n  const depthDifference = subRowDepth - row.depth;\n  const widthCorrection = SUB_ROW_INDENT_GRID * depthDifference;\n  const rowDensity = table.getVisualVariantOptions().rowDensity;\n  let width = getSubRowCellWidth(rowDensity, indentWidth);\n  if (shouldCorrectIndicatorWidth) {\n    width = `calc(${width} + ${widthCorrection}px)`;\n  }\n\n  return (\n    <div\n      ref={subRowExpandButtonWrapperRef}\n      className={clsx(styles.expandButtonCellWrapper)}\n      style={{\n        width,\n      }}\n    >\n      {row.depth > 0 ? (\n        <SubRowExpanderPath\n          rowId={row.id}\n          width={indentWidth}\n          rowLineConfig={table.getRowLineConfig(row.id)}\n          rowCanExpand={rowCanExpand}\n        />\n      ) : null}\n\n      {/* Only render a button if the row can actually expand */}\n      {rowCanExpand ? (\n        <button\n          disabled={rowCanExpandDisabled}\n          type=\"button\"\n          aria-label={intl.formatMessage(dataTableMessages.subRowTrigger, {\n            expandState: isExpanded ? 'other' : 'expand',\n            id: row.id,\n          })}\n          aria-expanded={isExpanded}\n          className={styles.expanderButton}\n          onClick={() => {\n            row.toggleExpanded(!isExpanded);\n            remeasureSubRowIndicatorColumn(table);\n          }}\n        >\n          {isExpanded ? (\n            <MinusIcon size={SUB_ROW_EXPANDER_ICON_SIZE} />\n          ) : (\n            <PlusIcon size={SUB_ROW_EXPANDER_ICON_SIZE} />\n          )}\n        </button>\n      ) : null}\n\n      {shouldCorrectIndicatorWidth ? (\n        <div style={{ width: widthCorrection }} />\n      ) : null}\n    </div>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type JSX, useContext, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport { MinusIcon, PlusIcon } from '@dynatrace/strato-icons';\n\nimport { SubrowCellContext } from './SubRowCellContext.js';\nimport { SubRowExpanderPath } from './SubRowExpanderPath.js';\nimport * as styles from './SubRows.sty.js';\nimport { getSubRowCellWidth } from './SubRows.js';\nimport {\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID,\n} from '../../constants.js';\nimport {\n  useDataTable,\n  useDataTableRow,\n} from '../../contexts/DataTableContext.js';\nimport type { Table } from '../../hooks/useTable/types.js';\nimport { dataTableMessages } from '../../messages.js';\nimport {\n  isChartColumnType,\n  type DataTableColumnType,\n} from '../ColumnTypes/column-types-types.js';\n\nfunction remeasureSubRowIndicatorColumn(table: Table<unknown>) {\n  const subrowIndicatorColumnId = table.getSubRowIndicatorColumnId();\n  if (subrowIndicatorColumnId) {\n    table.remeasureColumn(subrowIndicatorColumnId);\n  }\n}\n\n/**\n * @internal\n */\nexport function SubRowsHeaderExpander(\n  props: Readonly<{ isAllRowsExpanded: boolean }>,\n): JSX.Element {\n  const { isAllRowsExpanded } = props;\n  const table = useDataTable();\n  const intl = useIntl();\n\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        styles.expandButtonHeaderCellWrapper,\n        styles.expanderButton,\n      )}\n      onClick={() => {\n        table.toggleAllRowsExpanded();\n        remeasureSubRowIndicatorColumn(table);\n      }}\n      aria-label={intl.formatMessage(dataTableMessages.subRowAllTrigger, {\n        expandState: isAllRowsExpanded ? 'other' : 'expand',\n      })}\n      style={{\n        color: Colors.Text.Neutral.Subdued,\n      }}\n      data-dt-name={isAllRowsExpanded ? 'SubRowCollapseAll' : 'SubRowExpandAll'}\n    >\n      {isAllRowsExpanded ? <MinusIcon /> : <PlusIcon />}\n    </button>\n  );\n}\n\n/**\n * @internal\n */\nexport function SubRowsCellExpander({\n  columnType,\n}: {\n  columnType: DataTableColumnType | undefined;\n}): JSX.Element | null {\n  const intl = useIntl();\n  const table = useDataTable();\n  const row = useDataTableRow();\n\n  const subrowContext = useContext(SubrowCellContext);\n  const subRowExpandButtonWrapperRef = useRef<HTMLDivElement>(null);\n\n  if (!row) {\n    return null;\n  }\n\n  const {\n    canExpand: rowCanExpand,\n    canExpandDisabled: rowCanExpandDisabled,\n    isExpanded,\n  } = subrowContext;\n\n  const indentWidth = SUB_ROW_INDENT_GRID * row.depth;\n  const shouldCorrectIndicatorWidth = isChartColumnType(columnType);\n\n  const subRowDepth = table.getSubRowOpenDepth();\n  const depthDifference = subRowDepth - row.depth;\n  const widthCorrection = SUB_ROW_INDENT_GRID * depthDifference;\n  const rowDensity = table.getVisualVariantOptions().rowDensity;\n  let width = getSubRowCellWidth(rowDensity, indentWidth);\n  if (shouldCorrectIndicatorWidth) {\n    width = `calc(${width} + ${widthCorrection}px)`;\n  }\n\n  return (\n    <div\n      ref={subRowExpandButtonWrapperRef}\n      className={clsx(styles.expandButtonCellWrapper)}\n      style={{\n        width,\n      }}\n    >\n      {row.depth > 0 ? (\n        <SubRowExpanderPath\n          rowId={row.id}\n          width={indentWidth}\n          rowLineConfig={table.getRowLineConfig(row.id)}\n          rowCanExpand={rowCanExpand}\n        />\n      ) : null}\n\n      {/* Only render a button if the row can actually expand */}\n      {rowCanExpand ? (\n        <button\n          disabled={rowCanExpandDisabled}\n          type=\"button\"\n          aria-label={intl.formatMessage(dataTableMessages.subRowTrigger, {\n            expandState: isExpanded ? 'other' : 'expand',\n            id: row.id,\n          })}\n          aria-expanded={isExpanded}\n          className={styles.expanderButton}\n          onClick={() => {\n            row.toggleExpanded(!isExpanded);\n            remeasureSubRowIndicatorColumn(table);\n          }}\n          data-dt-name={isExpanded ? 'SubRowCollapse' : 'SubRowExpand'}\n        >\n          {isExpanded ? (\n            <MinusIcon size={SUB_ROW_EXPANDER_ICON_SIZE} />\n          ) : (\n            <PlusIcon size={SUB_ROW_EXPANDER_ICON_SIZE} />\n          )}\n        </button>\n      ) : null}\n\n      {shouldCorrectIndicatorWidth ? (\n        <div style={{ width: widthCorrection }} />\n      ) : null}\n    </div>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }