@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.ts"],
-  "sourcesContent": ["import type {\n  ColumnPinningState,\n  RowData,\n  TableFeatures,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\n\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type { DataTableColumnVisibilityState } from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\n\n//#region filtering\n\n/**\n * Generates a map of column IDs to their lowercase labels for efficient filtering.\n * @param columns - The columns to generate labels for.\n * @returns A map of column IDs to lowercase labels.\n * @internal\n */\nexport function generateColumnLabelsMap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(columns: Column_Internal<TFeatures, TData>[]): Map<string, string> {\n  const labels = new Map<string, string>();\n  for (const col of columns) {\n    labels.set(col.id, getColumnLabel(col).toLocaleLowerCase());\n  }\n  return labels;\n}\n\n/**\n * Processes a filter string into an array of lowercase words.\n * @param filterValue - The filter string to process.\n * @returns An array of lowercase words.\n * @internal\n */\nexport function processFilterValue(filterValue: string): string[] {\n  return filterValue.toLocaleLowerCase().split(' ').filter(Boolean);\n}\n\n//#endregion\n\n//#region feature flag\n\n/**\n * Returns the configuration object form of a programmatic column settings override,\n * or `undefined` when the override is a boolean toggle or not provided.\n * @param override - The override value for a column setting (`columnOrder`, `columnVisibility`,\n *                   or `columnPinning`), as passed to the programmatic `openColumnSettings` call.\n * @param key - The key of the configuration object to return when `override` is an object.\n * @returns the configuration object or undefined.\n *\n * @internal\n */\nexport function getResetOverride<T extends object, K extends keyof T>(\n  override: boolean | T | undefined,\n  key: K,\n): T[K] | undefined {\n  return typeof override === 'object' ? override[key] : undefined;\n}\n\n/**\n * Resolves whether a column settings feature is enabled. An override of `false` disables it.\n * Falls back to the toolbar slot value when no override is provided.\n * @param override - The override value for the feature.\n * @param fallback - The fallback value from the toolbar slot.\n * @returns `true` if the feature is enabled, `false` otherwise.\n *\n * @internal\n */\nexport function getIsSettingEnabled<T extends object>(\n  override: boolean | T | undefined,\n  fallback: boolean,\n): boolean {\n  return override === undefined ? fallback : override !== false;\n}\n\n//#endregion\n\n//#region general utils\n\n/**\n * Adds the parent column before adjacent leaf columns.\n * @param columns - the leaf column ids.\n * @remarks The same parent column may appear multiple times in the pinned areas.\n */\nexport function groupColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n): Column_Internal<TFeatures, TData>[] {\n  const groupedColumns: Column_Internal<TFeatures, TData>[] = [];\n  let lastParent: Column_Internal<TFeatures, TData> | undefined = undefined;\n  for (const col of columns) {\n    const parent = col.parent;\n    // if the current column has no parent, add it and move on to the next\n    if (parent === undefined) {\n      lastParent = undefined;\n      groupedColumns.push(col);\n      continue;\n    }\n    // if the current column belongs to a new parent, start a new group\n    if (parent !== lastParent) {\n      groupedColumns.push(parent);\n      lastParent = parent;\n    }\n    groupedColumns.push(col);\n  }\n  return groupedColumns;\n}\n\n//#endregion\n\n//#region visibility\n\n/**\n * @returns true if *at least one* of the child columns can be hidden, false otherwise.\n */\nexport function isParentColumnHideable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(childColumns: Column_Internal<TFeatures, TData>[]): boolean {\n  return childColumns.some((c) => c.columnDef.enableHiding);\n}\n\n/**\n * Generates an object with the visibility of each column.\n * @param columns - The columns in the table.\n * @param columnVisibility - The visibility of the table columns.\n * @returns an object that contains the column ids as keys with their visibility as values.\n * @internal\n */\nexport function generateColumnVisibilityObject<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n  columnVisibility?: Record<string, boolean>,\n): Record<string, boolean> {\n  return Object.fromEntries(\n    columns.map((column) => [\n      column.id,\n      columnVisibility\n        ? columnVisibility[column.id] ?? true\n        : // Safe cast to align the feature generics\n          (\n            column as unknown as Column_Internal<TDataTableFeatures, TData>\n          ).getIsVisible(),\n    ]),\n  );\n}\n\n/**\n * Returns the local column visibility of multiple columns used when clicking show/hide all or parent column checkboxes.\n * @param columns - The columns in the table.\n * @param currentVisibility - The current column visibility state in the table.\n * @param localColumnsVisibilityState - The current column visibility state in the settings.\n * @internal\n */\nexport function getMultipleLocalColumnVisibility<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n  currentVisibility: boolean | 'indeterminate',\n  localColumnsVisibilityState?: Record<string, boolean>,\n): Record<string, boolean> {\n  const newVisibility = currentVisibility !== true;\n  const newState = { ...localColumnsVisibilityState };\n\n  for (const column of columns) {\n    // Only update visibility if the column can be hidden\n    // This prevents both hiding and unhiding columns with disableColumnHiding: true\n    if (\n      // Safe cast to align the feature generics\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide()\n    ) {\n      newState[column.id] = newVisibility;\n    }\n  }\n\n  return newState;\n}\n\n/**\n * Returns the current checkbox state based on the column visibility state.\n * @param columnVisibilityState - the current column visibility state.\n * @param column - the column to get the visibility state for.\n */\nexport function getVisibilityCheckboxState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  column: Column_Internal<TFeatures, TData>,\n): boolean | 'indeterminate' {\n  const childColumns = column.columns;\n  // if the column has no child columns, return its visibility state\n  if (childColumns.length === 0) {\n    return columnVisibilityState?.[column.id] ?? false;\n  }\n  // if the column is a parent column, we need to consider all child columns to determine its visibility state\n  const childrenVisibility = generateColumnVisibilityObject(\n    childColumns,\n    columnVisibilityState,\n  );\n  return getCombinedVisibilityCheckboxState(childrenVisibility, childColumns);\n}\n\n/**\n * Gets the combined checked value for a parent visibility checkbox\n * @param columnVisibilityState - The visibility of the table columns.\n * @param columns - The columns to check whether visibility can be toggled.\n * @returns\n *  - `true` if all columns are visible or disabled,\n *  - `false` if all columns are hidden,\n *  - `indeterminate` otherwise.\n * @internal\n */\nexport function getCombinedVisibilityCheckboxState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  columns: Column_Internal<TFeatures, TData>[],\n): boolean | 'indeterminate' {\n  let allVisible = true;\n  let allHidden = true;\n\n  for (const column of columns) {\n    const isVisible = columnVisibilityState[column.id] !== false;\n    // skip disabled columns that are not visible\n    if (\n      !isVisible && // Safe cast to align the feature generics\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide() === false\n    ) {\n      continue;\n    }\n    if (isVisible) {\n      allHidden = false;\n    } else {\n      allVisible = false;\n    }\n    // Early exit: mixed state detected.\n    if (!allVisible && !allHidden) {\n      return 'indeterminate';\n    }\n  }\n\n  if (allVisible) {\n    return true;\n  }\n  if (allHidden) {\n    return false;\n  }\n  return 'indeterminate';\n}\n\n/**\n * Determines whether the visibility of one or multiple columns has changed.\n * @param columnVisibilityToReset - The column visibility state that is used to reset.\n * @param localColumnVisibility - The current column visibility state in the settings.\n * @returns `true` if the visibility has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasVisibilityChanged(\n  columnVisibilityToReset: DataTableColumnVisibilityState | undefined,\n  localColumnVisibility: Record<string, boolean>,\n): boolean {\n  if (!columnVisibilityToReset) {\n    return false;\n  }\n\n  return Object.keys(localColumnVisibility).some((key) => {\n    // If the key is not present in columnVisibilityToReset, consider it as visible\n    if (!(key in columnVisibilityToReset)) {\n      return localColumnVisibility[key] !== true;\n    }\n    return localColumnVisibility[key] !== columnVisibilityToReset[key];\n  });\n}\n//#endregion\n\n//#region ordering\n/**\n * Generates a column order that includes parent ids.\n * @param getColumn - the function to get a column by its id.\n * @param columnOrder - the column order with leaf columns only.\n * @returns the column order including parent ids and a list of unique parent ids.\n */\nexport function generateColumnOrderWithParentIds<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  getColumn: (\n    columnId: string,\n  ) => Column_Internal<TFeatures, TData> | undefined,\n  columnOrder: string[] = [],\n): { columnOrderWithParents: string[]; uniqueParentIds: string[] } {\n  const columnOrderWithParents: string[] = [];\n  const uniqueParentIds = new Set<string>();\n\n  for (const columnId of columnOrder) {\n    const column = getColumn(columnId);\n    const parentId = column?.parent?.id;\n\n    // insert parent id before child if not already added\n    if (parentId && !uniqueParentIds.has(parentId)) {\n      columnOrderWithParents.push(parentId);\n      uniqueParentIds.add(parentId);\n    }\n    columnOrderWithParents.push(columnId);\n  }\n  return {\n    columnOrderWithParents,\n    uniqueParentIds: Array.from(uniqueParentIds),\n  };\n}\n\n/**\n * Determines whether the order of one or multiple columns has changed.\n * @param columnOrderToReset - The column order state that is used to reset.\n * @param localColumnOrder - The current column order state in the settings.\n * @returns `true` if the order has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnOrderChanged(\n  columnOrderToReset: string[] | undefined,\n  localColumnOrder: string[],\n): boolean {\n  if (!columnOrderToReset) {\n    return false;\n  }\n  return !isEqual(columnOrderToReset, localColumnOrder);\n}\n\n//#endregion\n\n//#region pinning\n\n/**\n * Determines whether the pinned state of one or multiple columns has changed.\n * @param columnPinnedToReset - The column pinning state that is used to reset.\n * @param localColumnsPinned - The current column pinning state in the settings.\n * @returns `true` if the pinned state has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnPinningChanged(\n  columnPinnedToReset: ColumnPinningState | undefined,\n  localColumnsPinned: ColumnPinningState,\n): boolean {\n  if (!columnPinnedToReset) {\n    return false;\n  }\n  return (\n    !isEqual(columnPinnedToReset.left, localColumnsPinned.left) ||\n    !isEqual(columnPinnedToReset.right, localColumnsPinned.right)\n  );\n}\n\n//#endregion\n"],
-  "mappings": "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",
+  "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/column-settings-utils.tsx"],
+  "sourcesContent": ["import type {\n  ColumnPinningState,\n  RowData,\n  TableFeatures,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { type JSX } from 'react';\nimport { type IntlShape } from 'react-intl';\n\nimport { MessageContainer } from '../../../../../content/message-container/MessageContainer.js';\nimport { devLog } from '../../../../../core/utils/logging.js';\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\nimport type {\n  DataTableColumnVisibilityState,\n  DataTableVisibleColumnLimits,\n} from '../../../features/ColumnVisibility/column-visibility-types.js';\nimport type { TDataTableFeatures } from '../../../features/types/features.types.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n//#region filtering\n\n/**\n * Generates a map of column IDs to their lowercase labels for efficient filtering.\n *\n * @param columns - The columns to generate labels for.\n * @returns A map of column IDs to lowercase labels.\n * @internal\n */\nexport function generateColumnLabelsMap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(columns: Column_Internal<TFeatures, TData>[]): Map<string, string> {\n  const labels = new Map<string, string>();\n  for (const col of columns) {\n    labels.set(col.id, getColumnLabel(col).toLocaleLowerCase());\n    const parent = col.parent;\n    if (parent && !labels.has(parent.id)) {\n      labels.set(parent.id, getColumnLabel(parent).toLocaleLowerCase());\n    }\n  }\n  return labels;\n}\n\n/**\n * Processes a filter string into an array of lowercase words.\n * @param filterValue - The filter string to process.\n * @returns An array of lowercase words.\n * @internal\n */\nexport function processFilterValue(filterValue: string): string[] {\n  return filterValue.toLocaleLowerCase().split(' ').filter(Boolean);\n}\n\n//#endregion\n\n//#region feature flag\n\n/**\n * Returns the configuration object form of a programmatic column settings override,\n * or `undefined` when the override is a boolean toggle or not provided.\n * @param override - The override value for a column setting (`columnOrder`, `columnVisibility`,\n *                   or `columnPinning`), as passed to the programmatic `openColumnSettings` call.\n * @param key - The key of the configuration object to return when `override` is an object.\n * @returns the configuration object or undefined.\n *\n * @internal\n */\nexport function getOverrideValue<T extends object, K extends keyof T>(\n  override: boolean | T | undefined,\n  key: K,\n): T[K] | undefined {\n  return typeof override === 'object' ? override[key] : undefined;\n}\n\n/**\n * Resolves whether a column settings feature is enabled. An override of `false` disables it.\n * Falls back to the toolbar slot value when no override is provided.\n * @param override - The override value for the feature.\n * @param fallback - The fallback value from the toolbar slot.\n * @returns `true` if the feature is enabled, `false` otherwise.\n *\n * @internal\n */\nexport function getIsSettingEnabled<T extends object>(\n  override: boolean | T | undefined,\n  fallback: boolean,\n): boolean {\n  return override === undefined ? fallback : override !== false;\n}\n\n//#endregion\n\n//#region visible-columns-limit\n\n/**\n * Resolves effective warning and error thresholds for `visibleColumnLimits`.\n * Values less than 1 are invalid and treated as unset.\n *\n * @param rawLimit - raw `visibleColumnLimits` value from the consumer; `undefined` when no limits are configured\n * @param mandatoryVisibleCount - number of non-built-in leaf columns with `disableColumnHiding: true`\n * @internal\n */\nexport function resolveEffectiveLimit(\n  rawLimit: DataTableVisibleColumnLimits | undefined,\n  mandatoryVisibleCount: number,\n): {\n  warningLimit: number | undefined;\n  errorLimit: number | undefined;\n} {\n  let warningLimit: number | undefined;\n  if (rawLimit?.maxWarning !== undefined) {\n    if (rawLimit.maxWarning < 1) {\n      devLog(\n        'DataTable: visibleColumnLimits.maxWarning must be at least 1. The value has been ignored.',\n      );\n    } else {\n      warningLimit = rawLimit.maxWarning;\n    }\n  }\n\n  let errorLimit: number | undefined;\n  if (rawLimit?.maxError !== undefined) {\n    if (rawLimit.maxError < 1) {\n      devLog(\n        'DataTable: visibleColumnLimits.maxError must be at least 1. The value has been ignored.',\n      );\n    } else {\n      errorLimit = rawLimit.maxError;\n    }\n  }\n\n  if (\n    warningLimit !== undefined &&\n    errorLimit !== undefined &&\n    warningLimit >= errorLimit\n  ) {\n    devLog(\n      'DataTable: visibleColumnLimits.maxWarning should be less than visibleColumnLimits.maxError. ' +\n        'The warning threshold has no effect when it is greater than or equal to the error threshold.',\n    );\n  }\n\n  if (warningLimit !== undefined && warningLimit <= mandatoryVisibleCount) {\n    devLog(\n      `DataTable: visibleColumnLimits.maxWarning (${warningLimit}) is at or below the number of non-hideable columns (${mandatoryVisibleCount}). The warning will always be shown.`,\n    );\n  }\n\n  if (errorLimit !== undefined && errorLimit <= mandatoryVisibleCount) {\n    devLog(\n      errorLimit < mandatoryVisibleCount\n        ? `DataTable: visibleColumnLimits.maxError (${errorLimit}) is below the number of non-hideable columns (${mandatoryVisibleCount}). Apply will always be disabled.`\n        : `DataTable: visibleColumnLimits.maxError (${errorLimit}) equals the number of non-hideable columns (${mandatoryVisibleCount}). Apply will only be enabled when all optional columns are hidden.`,\n    );\n  }\n\n  return { warningLimit, errorLimit };\n}\n\n/**\n * Builds the footer feedback message for the column visibility limit feature.\n *\n * Priority: min-error (< 1 visible) \u2192 max-error (exceeds hard limit) \u2192 max-warning (exceeds soft limit).\n * Returns `undefined` when no condition is active so callers can gate layout on its presence.\n *\n * @param showMinError - Whether the minimum-column error (< 1 visible) is active.\n * @param errorLimit - Resolved hard upper limit; `undefined` when not configured.\n * @param warningLimit - Resolved soft upper limit; `undefined` when not configured.\n * @param visibleColumnCount - Number of currently visible columns in the local (unsaved) state.\n * @param intl - IntlShape instance from the calling component.\n * @internal\n */\nexport function getVisibilityLimitMessage(\n  showMinError: boolean,\n  errorLimit: number | undefined,\n  warningLimit: number | undefined,\n  visibleColumnCount: number,\n  intl: IntlShape,\n): JSX.Element | undefined {\n  let variant: 'critical' | 'warning';\n  let description: string;\n\n  if (showMinError && visibleColumnCount < 1) {\n    variant = 'critical';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsMinError);\n  } else if (errorLimit !== undefined && visibleColumnCount > errorLimit) {\n    variant = 'critical';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsError, {\n      limit: errorLimit,\n    });\n  } else if (warningLimit !== undefined && visibleColumnCount > warningLimit) {\n    variant = 'warning';\n    description = intl.formatMessage(dataTableMessages.visibleColumnsWarning, {\n      limit: warningLimit,\n    });\n  } else {\n    return undefined;\n  }\n\n  return (\n    <MessageContainer variant={variant}>\n      <MessageContainer.Description>{description}</MessageContainer.Description>\n    </MessageContainer>\n  );\n}\n\n//#endregion\n\n//#region general utils\n\n/**\n * Adds the parent column before adjacent leaf columns.\n * @param columns - the leaf column ids.\n * @remarks The same parent column may appear multiple times in the pinned areas.\n */\nexport function groupColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n): Column_Internal<TFeatures, TData>[] {\n  const groupedColumns: Column_Internal<TFeatures, TData>[] = [];\n  let lastParent: Column_Internal<TFeatures, TData> | undefined = undefined;\n  for (const col of columns) {\n    const parent = col.parent;\n    // if the current column has no parent, add it and move on to the next\n    if (parent === undefined) {\n      lastParent = undefined;\n      groupedColumns.push(col);\n      continue;\n    }\n    // if the current column belongs to a new parent, start a new group\n    if (parent !== lastParent) {\n      groupedColumns.push(parent);\n      lastParent = parent;\n    }\n    groupedColumns.push(col);\n  }\n  return groupedColumns;\n}\n\n//#endregion\n\n//#region visibility\n\n/**\n * @returns true if *at least one* of the child columns can be hidden, false otherwise.\n */\nexport function isParentColumnHideable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(childColumns: Column_Internal<TFeatures, TData>[]): boolean {\n  return childColumns.some((c) => c.columnDef.enableHiding);\n}\n\n/**\n * Generates an object with the visibility of each column.\n * @param columns - The columns in the table.\n * @param columnVisibility - The visibility of the table columns.\n * @returns an object that contains the column ids as keys with their visibility as values.\n * @internal\n */\nexport function generateColumnVisibilityObject<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n  columnVisibility?: Record<string, boolean>,\n): Record<string, boolean> {\n  return Object.fromEntries(\n    columns.map((column) => [\n      column.id,\n      columnVisibility\n        ? columnVisibility[column.id] ?? true\n        : // Safe cast to align the feature generics\n          (\n            column as unknown as Column_Internal<TDataTableFeatures, TData>\n          ).getIsVisible(),\n    ]),\n  );\n}\n\n/**\n * Returns the local column visibility of multiple columns used when clicking show/hide all or parent column checkboxes.\n * @param columns - The columns in the table.\n * @param currentVisibility - The current column visibility state in the table.\n * @param localColumnsVisibilityState - The current column visibility state in the settings.\n * @internal\n */\nexport function getMultipleLocalColumnVisibility<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columns: Column_Internal<TFeatures, TData>[],\n  currentVisibility: boolean | 'indeterminate',\n  localColumnsVisibilityState?: Record<string, boolean>,\n): Record<string, boolean> {\n  const newVisibility = currentVisibility !== true;\n  const newState = { ...localColumnsVisibilityState };\n\n  for (const column of columns) {\n    // Only update visibility if the column can be hidden\n    // This prevents both hiding and unhiding columns with disableColumnHiding: true\n    if (\n      // Safe cast to align the feature generics\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide()\n    ) {\n      newState[column.id] = newVisibility;\n    }\n  }\n\n  return newState;\n}\n\n/**\n * Returns the current checkbox state based on the column visibility state.\n * @param columnVisibilityState - the current column visibility state.\n * @param column - the column to get the visibility state for.\n */\nexport function getVisibilityCheckboxState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  column: Column_Internal<TFeatures, TData>,\n): boolean | 'indeterminate' {\n  const childColumns = column.columns;\n  // if the column has no child columns, return its visibility state\n  if (childColumns.length === 0) {\n    return columnVisibilityState?.[column.id] ?? false;\n  }\n  // if the column is a parent column, we need to consider all child columns to determine its visibility state\n  const childrenVisibility = generateColumnVisibilityObject(\n    childColumns,\n    columnVisibilityState,\n  );\n  return getCombinedVisibilityCheckboxState(childrenVisibility, childColumns);\n}\n\n/**\n * Gets the combined checked value for a parent visibility checkbox\n * @param columnVisibilityState - The visibility of the table columns.\n * @param columns - The columns to check whether visibility can be toggled.\n * @returns\n *  - `true` if all columns are visible or disabled,\n *  - `false` if all columns are hidden,\n *  - `indeterminate` otherwise.\n * @internal\n */\nexport function getCombinedVisibilityCheckboxState<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnVisibilityState: Record<string, boolean>,\n  columns: Column_Internal<TFeatures, TData>[],\n): boolean | 'indeterminate' {\n  let allVisible = true;\n  let allHidden = true;\n\n  for (const column of columns) {\n    const isVisible = columnVisibilityState[column.id] !== false;\n    // skip disabled columns that are not visible\n    if (\n      !isVisible && // Safe cast to align the feature generics\n      (\n        column as unknown as Column_Internal<TDataTableFeatures, TData>\n      ).getCanHide() === false\n    ) {\n      continue;\n    }\n    if (isVisible) {\n      allHidden = false;\n    } else {\n      allVisible = false;\n    }\n    // Early exit: mixed state detected.\n    if (!allVisible && !allHidden) {\n      return 'indeterminate';\n    }\n  }\n\n  if (allVisible) {\n    return true;\n  }\n  if (allHidden) {\n    return false;\n  }\n  return 'indeterminate';\n}\n\n/**\n * Determines whether the visibility of one or multiple columns has changed.\n * @param columnVisibilityToReset - The column visibility state that is used to reset.\n * @param localColumnVisibility - The current column visibility state in the settings.\n * @returns `true` if the visibility has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasVisibilityChanged(\n  columnVisibilityToReset: DataTableColumnVisibilityState | undefined,\n  localColumnVisibility: Record<string, boolean>,\n): boolean {\n  if (!columnVisibilityToReset) {\n    return false;\n  }\n\n  return Object.keys(localColumnVisibility).some((key) => {\n    // If the key is not present in columnVisibilityToReset, consider it as visible\n    if (!(key in columnVisibilityToReset)) {\n      return localColumnVisibility[key] !== true;\n    }\n    return localColumnVisibility[key] !== columnVisibilityToReset[key];\n  });\n}\n//#endregion\n\n//#region ordering\n/**\n * Generates a column order that includes parent ids.\n * @param getColumn - the function to get a column by its id.\n * @param columnOrder - the column order with leaf columns only.\n * @returns the column order including parent ids and a list of unique parent ids.\n */\nexport function generateColumnOrderWithParentIds<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  getColumn: (\n    columnId: string,\n  ) => Column_Internal<TFeatures, TData> | undefined,\n  columnOrder: string[] = [],\n): { columnOrderWithParents: string[]; uniqueParentIds: string[] } {\n  const columnOrderWithParents: string[] = [];\n  const uniqueParentIds = new Set<string>();\n\n  for (const columnId of columnOrder) {\n    const column = getColumn(columnId);\n    const parentId = column?.parent?.id;\n\n    // insert parent id before child if not already added\n    if (parentId && !uniqueParentIds.has(parentId)) {\n      columnOrderWithParents.push(parentId);\n      uniqueParentIds.add(parentId);\n    }\n    columnOrderWithParents.push(columnId);\n  }\n  return {\n    columnOrderWithParents,\n    uniqueParentIds: Array.from(uniqueParentIds),\n  };\n}\n\n/**\n * Determines whether the order of one or multiple columns has changed.\n * @param columnOrderToReset - The column order state that is used to reset.\n * @param localColumnOrder - The current column order state in the settings.\n * @returns `true` if the order has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnOrderChanged(\n  columnOrderToReset: string[] | undefined,\n  localColumnOrder: string[],\n): boolean {\n  if (!columnOrderToReset) {\n    return false;\n  }\n  return !isEqual(columnOrderToReset, localColumnOrder);\n}\n\n//#endregion\n\n//#region pinning\n\n/**\n * Determines whether the pinned state of one or multiple columns has changed.\n * @param columnPinnedToReset - The column pinning state that is used to reset.\n * @param localColumnsPinned - The current column pinning state in the settings.\n * @returns `true` if the pinned state has changed for at least one column, `false` otherwise.\n * @internal\n */\nexport function getHasColumnPinningChanged(\n  columnPinnedToReset: ColumnPinningState | undefined,\n  localColumnsPinned: ColumnPinningState,\n): boolean {\n  if (!columnPinnedToReset) {\n    return false;\n  }\n  return (\n    !isEqual(columnPinnedToReset.left, localColumnsPinned.left) ||\n    !isEqual(columnPinnedToReset.right, localColumnsPinned.right)\n  );\n}\n\n//#endregion\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/DataTableToolbar.js

@@ -35,6 +35,7 @@ function getToolbarConfig(children) {
     if (isSlot(child, DataTableColumnVisibilitySettings)) {
       slots.visibilitySettings = true;
       toolbarItemProps.resetColumnVisibility = child.props?.resetColumnVisibility;
+      toolbarItemProps.visibleColumnLimits = child.props?.visibleColumnLimits;
     } else if (isSlot(child, DataTableColumnOrderSettings)) {
       slots.columnOrderSettings = true;
       toolbarItemProps.resetColumnOrder = child.props?.resetColumnOrder;
@@ -47,6 +48,8 @@ function getToolbarConfig(children) {
       slots.downloadData = true;
       toolbarItemProps.downloadExcludedColumns = child.props?.excludeColumns;
       toolbarItemProps.onDownloadData = child.props?.onDownloadData;
+      toolbarItemProps.formatDownloadHeader = child.props?.formatDownloadHeader;
+      toolbarItemProps.fileName = child.props?.fileName;
     } else if (isSlot(child, DataTableGlobalLineWrapAction)) {
       slots.globalLineWrap = true;
     } else if (isSlot(child, Intent)) {
@@ -99,6 +102,7 @@ const DataTableToolbar = forwardRef(
             {
               hasDownloadData: slots.downloadData,
               downloadExcludedColumns: toolbarItemProps?.downloadExcludedColumns,
+              fileName: toolbarItemProps?.fileName,
               intents: toolbarItemProps.intents
             }
           )

package/esm/tables/DataTable/components/Toolbar/DataTableToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/Toolbar/DataTableToolbar.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport type { DataTableColumnSettingsTriggerProps } from './ColumnSettings/column-settings-types.js';\nimport { DataTableColumnOrderSettings } from './ColumnSettings/DataTableColumnOrderSettings.js';\nimport { DataTableColumnPinningSettings } from './ColumnSettings/DataTableColumnPinningSettings.js';\nimport { DataTableColumnSettings } from './ColumnSettings/DataTableColumnSettings.js';\nimport { DataTableColumnSettingsTrigger } from './ColumnSettings/DataTableColumnSettingsTrigger.js';\nimport { DataTableColumnVisibilitySettings } from './ColumnSettings/DataTableColumnVisibilitySettings.js';\nimport { DataTableToolbarMenu } from './DataTableToolbarMenu.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport {\n  Intent,\n  type IntentProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport type { DataTablePinnedColumnState } from '../../features/ColumnPinning/column-pinning-types.js';\nimport type { DataTableColumnVisibilityState } from '../../features/ColumnVisibility/column-visibility-types.js';\nimport { DataTableDownload } from '../../features/Download/Download.js';\nimport { DataTableGlobalLineWrapAction } from '../../features/LineWrap/LineWrap.js';\nimport { DataTableGlobalLineWrapToolbarAction } from '../../features/LineWrap/LineWrapToolbarAction.js';\n\n/**\n * @public\n */\nexport type DataTableToolbarProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps;\n\n/**\n * A helper function to check whether the child component is the DataTableToolbar component.\n * @internal\n */\nexport function _isDataTableToolbar(\n  child: ReactElement | null,\n): child is ReactElement<DataTableToolbarProps> {\n  return child?.type === DataTableToolbar;\n}\n\n/**\n * Allowed slots for the DataTableToolbar.\n * @internal\n */\nexport type DataTableToolbarSlots = {\n  visibilitySettings: boolean;\n  columnOrderSettings: boolean;\n  columnPinningSettings: boolean;\n  downloadData: boolean;\n  globalLineWrap: boolean;\n};\n\n/**\n * Props for the DataTableToolbar items.\n * @internal\n */\nexport type DataTableToolbarItemProps = {\n  /**\n   * Column visibility reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnVisibility?: DataTableColumnVisibilityState;\n  /**\n   * Column order reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnOrder?: string[];\n  /**\n   * Column pinning reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnPinning?: DataTablePinnedColumnState;\n  /**\n   * The remaining props for the ColumnSettingsTrigger.\n   */\n  customTriggerProps?: DataTableColumnSettingsTriggerProps;\n  /**\n   * Array of column IDs that can optionally be excluded from the download.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Callback, that fires once data has been downloaded and indicates which subset of data was downloaded (all, page or selected) and which columns were excluded.\n   */\n  onDownloadData?: (\n    subset: 'all' | 'page' | 'selected',\n    excludedColumns?: string[],\n  ) => void;\n  /**\n   * Array of intent props for the `Intent` slot, to render the intent actions in the menu.\n   */\n  intents: Array<IntentProps>;\n};\n\n/**\n * @internal\n */\nexport function getToolbarConfig(children: ReactNode) {\n  const slots: DataTableToolbarSlots = {\n    visibilitySettings: false,\n    columnOrderSettings: false,\n    columnPinningSettings: false,\n    downloadData: false,\n    globalLineWrap: false,\n  };\n  const toolbarItemProps: DataTableToolbarItemProps = { intents: [] };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, DataTableColumnVisibilitySettings)) {\n      slots.visibilitySettings = true;\n      toolbarItemProps.resetColumnVisibility =\n        child.props?.resetColumnVisibility;\n    } else if (isSlot(child, DataTableColumnOrderSettings)) {\n      slots.columnOrderSettings = true;\n      toolbarItemProps.resetColumnOrder = child.props?.resetColumnOrder;\n    } else if (isSlot(child, DataTableColumnPinningSettings)) {\n      slots.columnPinningSettings = true;\n      toolbarItemProps.resetColumnPinning = child.props?.resetColumnPinning;\n    } else if (isSlot(child, DataTableColumnSettingsTrigger)) {\n      toolbarItemProps.customTriggerProps = child.props;\n    } else if (isSlot(child, DataTableDownload)) {\n      slots.downloadData = true;\n      toolbarItemProps.downloadExcludedColumns = child.props?.excludeColumns;\n      toolbarItemProps.onDownloadData = child.props?.onDownloadData;\n    } else if (isSlot(child, DataTableGlobalLineWrapAction)) {\n      slots.globalLineWrap = true;\n    } else if (isSlot(child, Intent)) {\n      toolbarItemProps.intents.push(child.props);\n    } else {\n      devLog('Invalid child of DataTableToolbar');\n    }\n  });\n\n  return { slots, toolbarItemProps };\n}\n\n/**\n * Toolbar slot component for general actions that affect the entire table. Positioned above the header.\n * @public\n */\nexport const DataTableToolbar = forwardRef(\n  (\n    props: DataTableToolbarProps,\n    forwardedRef: Ref<HTMLDivElement>,\n  ): ReactElement | null => {\n    const {\n      children,\n      'data-testid': dataTestId,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { slots, toolbarItemProps } = getToolbarConfig(children);\n\n    if (Children.count(children) === 0) {\n      return null;\n    }\n\n    return (\n      <Flex\n        ref={forwardedRef}\n        justifyContent=\"flex-end\"\n        alignItems=\"flex-end\"\n        gap={4}\n        data-testid={dataTestId}\n        className={consumerClassName}\n        style={{\n          gridArea: '1 / 2 / 2 / 2',\n          ...consumerStyle,\n        }}\n        {...behavioralTrackingProps}\n        {...restProps}\n      >\n        {(slots.visibilitySettings ||\n          slots.columnOrderSettings ||\n          slots.columnPinningSettings) && (\n          <DataTableColumnSettings\n            customTriggerProps={toolbarItemProps?.customTriggerProps}\n          />\n        )}\n        {slots.globalLineWrap && <DataTableGlobalLineWrapToolbarAction />}\n        {(slots.downloadData || toolbarItemProps.intents.length > 0) && (\n          <DataTableToolbarMenu\n            hasDownloadData={slots.downloadData}\n            downloadExcludedColumns={toolbarItemProps?.downloadExcludedColumns}\n            intents={toolbarItemProps.intents}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\n(\n  DataTableToolbar as typeof DataTableToolbar & {\n    displayName: string;\n  }\n).displayName = 'DataTable.Toolbar';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Children,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport type { DataTableColumnSettingsTriggerProps } from './ColumnSettings/column-settings-types.js';\nimport { DataTableColumnOrderSettings } from './ColumnSettings/DataTableColumnOrderSettings.js';\nimport { DataTableColumnPinningSettings } from './ColumnSettings/DataTableColumnPinningSettings.js';\nimport { DataTableColumnSettings } from './ColumnSettings/DataTableColumnSettings.js';\nimport { DataTableColumnSettingsTrigger } from './ColumnSettings/DataTableColumnSettingsTrigger.js';\nimport { DataTableColumnVisibilitySettings } from './ColumnSettings/DataTableColumnVisibilitySettings.js';\nimport { DataTableToolbarMenu } from './DataTableToolbarMenu.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport {\n  Intent,\n  type IntentProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport type { DataTablePinnedColumnState } from '../../features/ColumnPinning/column-pinning-types.js';\nimport type {\n  DataTableColumnVisibilityState,\n  DataTableVisibleColumnLimits,\n} from '../../features/ColumnVisibility/column-visibility-types.js';\nimport type { DataTableDownloadHeaderContext } from '../../features/Download/download-types.js';\nimport { DataTableDownload } from '../../features/Download/Download.js';\nimport { DataTableGlobalLineWrapAction } from '../../features/LineWrap/LineWrap.js';\nimport { DataTableGlobalLineWrapToolbarAction } from '../../features/LineWrap/LineWrapToolbarAction.js';\n\n/**\n * @public\n */\nexport type DataTableToolbarProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps;\n\n/**\n * A helper function to check whether the child component is the DataTableToolbar component.\n * @internal\n */\nexport function _isDataTableToolbar(\n  child: ReactElement | null,\n): child is ReactElement<DataTableToolbarProps> {\n  return child?.type === DataTableToolbar;\n}\n\n/**\n * Allowed slots for the DataTableToolbar.\n * @internal\n */\nexport type DataTableToolbarSlots = {\n  visibilitySettings: boolean;\n  columnOrderSettings: boolean;\n  columnPinningSettings: boolean;\n  downloadData: boolean;\n  globalLineWrap: boolean;\n};\n\n/**\n * Props for the DataTableToolbar items.\n * @internal\n */\nexport type DataTableToolbarItemProps = {\n  /**\n   * Column visibility reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnVisibility?: DataTableColumnVisibilityState;\n  /**\n   * Upper limits for the number of visible columns in the column settings modal.\n   */\n  visibleColumnLimits?: DataTableVisibleColumnLimits;\n  /**\n   * Column order reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnOrder?: string[];\n  /**\n   * Column pinning reset state that will be used to reset and also to enable/disable 'Reset to default' in column settings modal.\n   */\n  resetColumnPinning?: DataTablePinnedColumnState;\n  /**\n   * The remaining props for the ColumnSettingsTrigger.\n   */\n  customTriggerProps?: DataTableColumnSettingsTriggerProps;\n  /**\n   * Array of column IDs that can optionally be excluded from the download.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Callback, that fires once data has been downloaded and indicates which subset of data was downloaded (all, page or selected) and which columns were excluded.\n   */\n  onDownloadData?: (\n    subset: 'all' | 'page' | 'selected',\n    excludedColumns?: string[],\n  ) => void;\n  /**\n   * Callback to override the header name of each included leaf column in the downloaded file.\n   */\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined;\n  /**\n   * Name of the downloaded CSV file.\n   */\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);\n  /**\n   * Array of intent props for the `Intent` slot, to render the intent actions in the menu.\n   */\n  intents: Array<IntentProps>;\n};\n\n/**\n * @internal\n */\nexport function getToolbarConfig(children: ReactNode) {\n  const slots: DataTableToolbarSlots = {\n    visibilitySettings: false,\n    columnOrderSettings: false,\n    columnPinningSettings: false,\n    downloadData: false,\n    globalLineWrap: false,\n  };\n  const toolbarItemProps: DataTableToolbarItemProps = { intents: [] };\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, DataTableColumnVisibilitySettings)) {\n      slots.visibilitySettings = true;\n      toolbarItemProps.resetColumnVisibility =\n        child.props?.resetColumnVisibility;\n      toolbarItemProps.visibleColumnLimits = child.props?.visibleColumnLimits;\n    } else if (isSlot(child, DataTableColumnOrderSettings)) {\n      slots.columnOrderSettings = true;\n      toolbarItemProps.resetColumnOrder = child.props?.resetColumnOrder;\n    } else if (isSlot(child, DataTableColumnPinningSettings)) {\n      slots.columnPinningSettings = true;\n      toolbarItemProps.resetColumnPinning = child.props?.resetColumnPinning;\n    } else if (isSlot(child, DataTableColumnSettingsTrigger)) {\n      toolbarItemProps.customTriggerProps = child.props;\n    } else if (isSlot(child, DataTableDownload)) {\n      slots.downloadData = true;\n      toolbarItemProps.downloadExcludedColumns = child.props?.excludeColumns;\n      toolbarItemProps.onDownloadData = child.props?.onDownloadData;\n      toolbarItemProps.formatDownloadHeader = child.props?.formatDownloadHeader;\n      toolbarItemProps.fileName = child.props?.fileName;\n    } else if (isSlot(child, DataTableGlobalLineWrapAction)) {\n      slots.globalLineWrap = true;\n    } else if (isSlot(child, Intent)) {\n      toolbarItemProps.intents.push(child.props);\n    } else {\n      devLog('Invalid child of DataTableToolbar');\n    }\n  });\n\n  return { slots, toolbarItemProps };\n}\n\n/**\n * Toolbar slot component for general actions that affect the entire table. Positioned above the header.\n * @public\n */\nexport const DataTableToolbar = forwardRef(\n  (\n    props: DataTableToolbarProps,\n    forwardedRef: Ref<HTMLDivElement>,\n  ): ReactElement | null => {\n    const {\n      children,\n      'data-testid': dataTestId,\n      className: consumerClassName,\n      style: consumerStyle,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const { slots, toolbarItemProps } = getToolbarConfig(children);\n\n    if (Children.count(children) === 0) {\n      return null;\n    }\n\n    return (\n      <Flex\n        ref={forwardedRef}\n        justifyContent=\"flex-end\"\n        alignItems=\"flex-end\"\n        gap={4}\n        data-testid={dataTestId}\n        className={consumerClassName}\n        style={{\n          gridArea: '1 / 2 / 2 / 2',\n          ...consumerStyle,\n        }}\n        {...behavioralTrackingProps}\n        {...restProps}\n      >\n        {(slots.visibilitySettings ||\n          slots.columnOrderSettings ||\n          slots.columnPinningSettings) && (\n          <DataTableColumnSettings\n            customTriggerProps={toolbarItemProps?.customTriggerProps}\n          />\n        )}\n        {slots.globalLineWrap && <DataTableGlobalLineWrapToolbarAction />}\n        {(slots.downloadData || toolbarItemProps.intents.length > 0) && (\n          <DataTableToolbarMenu\n            hasDownloadData={slots.downloadData}\n            downloadExcludedColumns={toolbarItemProps?.downloadExcludedColumns}\n            fileName={toolbarItemProps?.fileName}\n            intents={toolbarItemProps.intents}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\n(\n  DataTableToolbar as typeof DataTableToolbar & {\n    displayName: string;\n  }\n).displayName = 'DataTable.Toolbar';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/DataTableToolbarMenu.js

@@ -8,7 +8,7 @@ import { Menu } from "../../../../navigation/menu/Menu.js";
 import { Tooltip } from "../../../../overlays/tooltip/Tooltip.js";
 import { dataTableMessages } from "../../messages.js";
 const DataTableToolbarMenu = (props) => {
-  const { hasDownloadData, downloadExcludedColumns, intents } = props;
+  const { hasDownloadData, downloadExcludedColumns, fileName, intents } = props;
   const [menuOpen, setMenuOpen] = useState(false);
   const [isDownloading, setIsDownloading] = useState(false);
   const hasIntents = intents.length > 0;
@@ -74,6 +74,7 @@ const DataTableToolbarMenu = (props) => {
             DataTableDownloadData,
             {
               excludeColumns: downloadExcludedColumns,
+              fileName,
               hasIntents,
               isDownloading,
               onDownloadStart: () => setIsDownloading(true),

package/esm/tables/DataTable/components/Toolbar/DataTableToolbarMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/Toolbar/DataTableToolbarMenu.tsx"],
-  "sourcesContent": ["import { Fragment, useRef, useState, type ReactElement, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DotMenuIcon, DownloadIcon } from '@dynatrace/strato-icons';\n\nimport { DataTableDownloadData } from './Download/DataTableDownloadData.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { type IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { dataTableMessages } from '../../messages.js';\n\ninterface ToolbarMenuProps {\n  /**\n   * Indicates whether the `DownloadData` slot is used, to determine if the download action should be rendered in the menu.\n   */\n  hasDownloadData: boolean;\n  /**\n   * Array of column IDs that can optionally be excluded from the download, passed down to the `DownloadData` slot.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Array of intent props for the `Intent` slot, to render the intent actions in the menu.\n   */\n  intents: Array<IntentProps>;\n}\n\n/**\n * The menu component for the `DownloadData` and `Intent` slots.\n * @internal\n */\nexport const DataTableToolbarMenu = (\n  props: ToolbarMenuProps,\n): JSX.Element | undefined => {\n  const { hasDownloadData, downloadExcludedColumns, intents } = props;\n\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const hasIntents = intents.length > 0;\n\n  const triggerIcon = hasIntents ? <DotMenuIcon /> : <DownloadIcon />;\n\n  const Group = hasIntents ? Menu.Group : Fragment;\n\n  const intl = useIntl();\n  let toolbarMenuMessage = dataTableMessages.downloadButtonLabel;\n\n  if (isDownloading) {\n    toolbarMenuMessage = dataTableMessages.downloadingButtonLabel;\n  } else if (hasIntents) {\n    toolbarMenuMessage = dataTableMessages.toolbarButtonLabel;\n  }\n\n  const toolbarMenuLabel = intl.formatMessage(toolbarMenuMessage);\n  const simpleButtonRef = useRef<HTMLButtonElement>(null);\n\n  // do not render anything if neither the `DownloadData` nor the `Intent` slot is used\n  if (!hasDownloadData && !hasIntents) {\n    return;\n  }\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (menuOpen === false) {\n    return (\n      <Tooltip text={toolbarMenuLabel}>\n        <Button\n          ref={simpleButtonRef}\n          variant=\"default\"\n          aria-label={toolbarMenuLabel}\n          onClick={() => setMenuOpen(true)}\n          loading={isDownloading}\n        >\n          <Button.Prefix>{triggerIcon}</Button.Prefix>\n        </Button>\n      </Tooltip>\n    );\n  }\n\n  // according to the GUIDEline intent items with app ids are grouped\n  // intent items that don't have an app id are positioned below that group\n  const {\n    intentsWithAppOrIntentId: intentsWithAppId,\n    intentsWithoutAppOrIntentId: intentsWithoutAppId,\n  } = intents.reduce<{\n    intentsWithAppOrIntentId: ReactElement[];\n    intentsWithoutAppOrIntentId: ReactElement[];\n  }>(\n    (acc, intentProps, idx) => {\n      const hasAppOrIntentId =\n        intentProps.options.recommendedAppId !== undefined ||\n        intentProps.options.recommendedIntentId !== undefined;\n\n      const intent = (\n        <Menu.Intent key={`intent-${idx}`} {...intentProps}>\n          {intentProps.icon && <Menu.Prefix>{intentProps.icon}</Menu.Prefix>}\n          {intentProps.children}\n        </Menu.Intent>\n      );\n\n      hasAppOrIntentId\n        ? acc.intentsWithAppOrIntentId.push(intent)\n        : acc.intentsWithoutAppOrIntentId.push(intent);\n      return acc;\n    },\n    { intentsWithAppOrIntentId: [], intentsWithoutAppOrIntentId: [] },\n  );\n\n  return (\n    <Menu\n      open={menuOpen}\n      onOpenChange={(open) => {\n        // Since the elements are actually swapped when the menu is open / closed\n        // the focus needs to move back to the button only render.\n        if (open === false) {\n          requestAnimationFrame(() => {\n            simpleButtonRef.current?.focus();\n          });\n        }\n        setMenuOpen(open);\n      }}\n      modal={false}\n    >\n      <Tooltip text={toolbarMenuLabel}>\n        <Menu.Trigger>\n          <Button variant=\"default\" aria-label={toolbarMenuLabel}>\n            <Button.Prefix>{triggerIcon}</Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n\n      <Menu.Content alignment=\"end\">\n        {hasDownloadData && (\n          <Group>\n            <DataTableDownloadData\n              excludeColumns={downloadExcludedColumns}\n              hasIntents={hasIntents}\n              isDownloading={isDownloading}\n              onDownloadStart={() => setIsDownloading(true)}\n              onDownloadEnd={() => setIsDownloading(false)}\n            />\n          </Group>\n        )}\n        {intentsWithAppId.length > 0 && <Group>{intentsWithAppId}</Group>}\n        {intentsWithoutAppId.length > 0 && <Group>{intentsWithoutAppId}</Group>}\n      </Menu.Content>\n    </Menu>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Fragment, useRef, useState, type ReactElement, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DotMenuIcon, DownloadIcon } from '@dynatrace/strato-icons';\n\nimport { DataTableDownloadData } from './Download/DataTableDownloadData.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { type IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { dataTableMessages } from '../../messages.js';\n\ninterface ToolbarMenuProps {\n  /**\n   * Indicates whether the `DownloadData` slot is used, to determine if the download action should be rendered in the menu.\n   */\n  hasDownloadData: boolean;\n  /**\n   * Array of column IDs that can optionally be excluded from the download, passed down to the `DownloadData` slot.\n   */\n  downloadExcludedColumns?: string[];\n  /**\n   * Name of the downloaded CSV file, passed down to the `DownloadData` slot.\n   */\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);\n  /**\n   * Array of intent props for the `Intent` slot, to render the intent actions in the menu.\n   */\n  intents: Array<IntentProps>;\n}\n\n/**\n * The menu component for the `DownloadData` and `Intent` slots.\n * @internal\n */\nexport const DataTableToolbarMenu = (\n  props: ToolbarMenuProps,\n): JSX.Element | undefined => {\n  const { hasDownloadData, downloadExcludedColumns, fileName, intents } = props;\n\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n  const hasIntents = intents.length > 0;\n\n  const triggerIcon = hasIntents ? <DotMenuIcon /> : <DownloadIcon />;\n\n  const Group = hasIntents ? Menu.Group : Fragment;\n\n  const intl = useIntl();\n  let toolbarMenuMessage = dataTableMessages.downloadButtonLabel;\n\n  if (isDownloading) {\n    toolbarMenuMessage = dataTableMessages.downloadingButtonLabel;\n  } else if (hasIntents) {\n    toolbarMenuMessage = dataTableMessages.toolbarButtonLabel;\n  }\n\n  const toolbarMenuLabel = intl.formatMessage(toolbarMenuMessage);\n  const simpleButtonRef = useRef<HTMLButtonElement>(null);\n\n  // do not render anything if neither the `DownloadData` nor the `Intent` slot is used\n  if (!hasDownloadData && !hasIntents) {\n    return;\n  }\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (menuOpen === false) {\n    return (\n      <Tooltip text={toolbarMenuLabel}>\n        <Button\n          ref={simpleButtonRef}\n          variant=\"default\"\n          aria-label={toolbarMenuLabel}\n          onClick={() => setMenuOpen(true)}\n          loading={isDownloading}\n        >\n          <Button.Prefix>{triggerIcon}</Button.Prefix>\n        </Button>\n      </Tooltip>\n    );\n  }\n\n  // according to the GUIDEline intent items with app ids are grouped\n  // intent items that don't have an app id are positioned below that group\n  const {\n    intentsWithAppOrIntentId: intentsWithAppId,\n    intentsWithoutAppOrIntentId: intentsWithoutAppId,\n  } = intents.reduce<{\n    intentsWithAppOrIntentId: ReactElement[];\n    intentsWithoutAppOrIntentId: ReactElement[];\n  }>(\n    (acc, intentProps, idx) => {\n      const hasAppOrIntentId =\n        intentProps.options.recommendedAppId !== undefined ||\n        intentProps.options.recommendedIntentId !== undefined;\n\n      const intent = (\n        <Menu.Intent key={`intent-${idx}`} {...intentProps}>\n          {intentProps.icon && <Menu.Prefix>{intentProps.icon}</Menu.Prefix>}\n          {intentProps.children}\n        </Menu.Intent>\n      );\n\n      hasAppOrIntentId\n        ? acc.intentsWithAppOrIntentId.push(intent)\n        : acc.intentsWithoutAppOrIntentId.push(intent);\n      return acc;\n    },\n    { intentsWithAppOrIntentId: [], intentsWithoutAppOrIntentId: [] },\n  );\n\n  return (\n    <Menu\n      open={menuOpen}\n      onOpenChange={(open) => {\n        // Since the elements are actually swapped when the menu is open / closed\n        // the focus needs to move back to the button only render.\n        if (open === false) {\n          requestAnimationFrame(() => {\n            simpleButtonRef.current?.focus();\n          });\n        }\n        setMenuOpen(open);\n      }}\n      modal={false}\n    >\n      <Tooltip text={toolbarMenuLabel}>\n        <Menu.Trigger>\n          <Button variant=\"default\" aria-label={toolbarMenuLabel}>\n            <Button.Prefix>{triggerIcon}</Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n\n      <Menu.Content alignment=\"end\">\n        {hasDownloadData && (\n          <Group>\n            <DataTableDownloadData\n              excludeColumns={downloadExcludedColumns}\n              fileName={fileName}\n              hasIntents={hasIntents}\n              isDownloading={isDownloading}\n              onDownloadStart={() => setIsDownloading(true)}\n              onDownloadEnd={() => setIsDownloading(false)}\n            />\n          </Group>\n        )}\n        {intentsWithAppId.length > 0 && <Group>{intentsWithAppId}</Group>}\n        {intentsWithoutAppId.length > 0 && <Group>{intentsWithoutAppId}</Group>}\n      </Menu.Content>\n    </Menu>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css

@@ -1,9 +1,9 @@
-._1gjma320-3-7-1 {
+._1gjma320-3-9-0 {
   gap: var(--dt-spacings-size-24, 24px);
 }
-._1gjma321-3-7-1 {
+._1gjma321-3-9-0 {
   white-space: nowrap;
 }
-._1m01arl7-3-7-1 ._1gjma321-3-7-1 {
+._1m01arl8-3-9-0 ._1gjma321-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.js

@@ -6,6 +6,7 @@ import { useDataTable } from "../../../contexts/DataTableContext.js";
 import { dataTableMessages } from "../../../messages.js";
 const DataTableDownloadData = ({
   excludeColumns,
+  fileName,
   hasIntents,
   isDownloading,
   onDownloadStart,
@@ -15,8 +16,9 @@ const DataTableDownloadData = ({
   const table = useDataTable();
   const selectionCount = table.getSelectionCount();
   const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);
+  const isServerSidePaginated = table.options.enablePagination === true && table.options.manualPagination === true;
   const downloadMenuItems = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+    !isServerSidePaginated && /* @__PURE__ */ jsxs(
       Menu.Item,
       {
         onSelect: () => {
@@ -24,7 +26,7 @@ const DataTableDownloadData = ({
             return;
           }
           onDownloadStart();
-          table.downloadAllData(excludeColumns, onDownloadEnd);
+          table.downloadAllData(excludeColumns, void 0, fileName, onDownloadEnd);
         },
         className: styles.downloadMenuItem,
         "data-dt-name": "ToolbarDownloadAll",
@@ -44,7 +46,7 @@ const DataTableDownloadData = ({
             return;
           }
           onDownloadStart();
-          table.downloadPageData(excludeColumns, onDownloadEnd);
+          table.downloadPageData(excludeColumns, void 0, fileName, onDownloadEnd);
         },
         className: styles.downloadMenuItem,
         "data-dt-name": "ToolbarDownloadPage",
@@ -65,7 +67,12 @@ const DataTableDownloadData = ({
             return;
           }
           onDownloadStart();
-          table.downloadSelectedData(excludeColumns, onDownloadEnd);
+          table.downloadSelectedData(
+            excludeColumns,
+            void 0,
+            fileName,
+            onDownloadEnd
+          );
         },
         className: styles.downloadMenuItem,
         "data-dt-name": "ToolbarDownloadSelected",

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableDownloadData.sty.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * A component providing the menu with the functionalities to download data.\n * @internal\n */\nexport const DataTableDownloadData = ({\n  excludeColumns,\n  hasIntents,\n  isDownloading,\n  onDownloadStart,\n  onDownloadEnd,\n}: {\n  excludeColumns?: string[];\n  hasIntents: boolean;\n  isDownloading: boolean;\n  onDownloadStart: () => void;\n  onDownloadEnd: () => void;\n}): JSX.Element => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const selectionCount = table.getSelectionCount();\n  const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);\n\n  const downloadMenuItems = (\n    <>\n      <Menu.Item\n        onSelect={() => {\n          if (isDownloading) {\n            return;\n          }\n          onDownloadStart();\n          table.downloadAllData(excludeColumns, onDownloadEnd);\n        }}\n        className={styles.downloadMenuItem}\n        data-dt-name=\"ToolbarDownloadAll\"\n      >\n        {intl.formatMessage(dataTableMessages.downloadAll)}\n        <Menu.Suffix className={styles.downloadMenuSuffix}>\n          {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n            noOfRows: table.getPrePaginatedRowModel().flatRows.length,\n          })}\n        </Menu.Suffix>\n      </Menu.Item>\n      {table.options.enablePagination && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadPage\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadPage)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enableRowSelection && (\n        <Menu.Item\n          disabled={selectionCount === 0}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadSelectedData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadSelected\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadSelected)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: selectionCount,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n    </>\n  );\n\n  return hasIntents ? (\n    <Menu.Sub defaultOpen={false}>\n      <Menu.SubTrigger>{menuGroupLabel}</Menu.SubTrigger>\n      <Menu.SubContent>{downloadMenuItems}</Menu.SubContent>\n    </Menu.Sub>\n  ) : (\n    <>\n      <Menu.Label>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
-  "mappings": "AA+BI,mBAaI,KAZF,YADF;AA9BJ,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAM3B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMmB;AACjB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,iBAAiB,KAAK,cAAc,kBAAkB,aAAa;AAEzE,QAAM,oBACJ,iCACE;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,gBAAgB,gBAAgB,aAAa;AAAA,QACrD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,WAAW;AAAA,UACjD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,wBAAwB,EAAE,SAAS;AAAA,UACrD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IACC,MAAM,QAAQ,oBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,iBAAiB,gBAAgB,aAAa;AAAA,QACtD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,YAAY;AAAA,UAClD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,qBAAqB,EAAE,SAAS;AAAA,UAClD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,sBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,mBAAmB;AAAA,QAC7B,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,qBAAqB,gBAAgB,aAAa;AAAA,QAC1D;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,gBAAgB;AAAA,UACtD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU;AAAA,UACZ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,SAAO,aACL,qBAAC,KAAK,KAAL,EAAS,aAAa,OACrB;AAAA,wBAAC,KAAK,YAAL,EAAiB,0BAAe;AAAA,IACjC,oBAAC,KAAK,YAAL,EAAiB,6BAAkB;AAAA,KACtC,IAEA,iCACE;AAAA,wBAAC,KAAK,OAAL,EAAY,0BAAe;AAAA,IAC3B;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["import type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableDownloadData.sty.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * A component providing the menu with the functionalities to download data.\n * @internal\n */\nexport const DataTableDownloadData = ({\n  excludeColumns,\n  fileName,\n  hasIntents,\n  isDownloading,\n  onDownloadStart,\n  onDownloadEnd,\n}: {\n  excludeColumns?: string[];\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);\n  hasIntents: boolean;\n  isDownloading: boolean;\n  onDownloadStart: () => void;\n  onDownloadEnd: () => void;\n}): JSX.Element => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const selectionCount = table.getSelectionCount();\n  const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);\n\n  // Hide download all option for server side pagination.\n  const isServerSidePaginated =\n    table.options.enablePagination === true &&\n    table.options.manualPagination === true;\n\n  const downloadMenuItems = (\n    <>\n      {!isServerSidePaginated && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadAllData(excludeColumns, undefined, fileName, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadAll\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadAll)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPrePaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enablePagination && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(excludeColumns, undefined, fileName, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadPage\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadPage)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enableRowSelection && (\n        <Menu.Item\n          disabled={selectionCount === 0}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadSelectedData(\n              excludeColumns,\n              undefined,\n              fileName,\n              onDownloadEnd,\n            );\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadSelected\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadSelected)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: selectionCount,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n    </>\n  );\n\n  return hasIntents ? (\n    <Menu.Sub defaultOpen={false}>\n      <Menu.SubTrigger>{menuGroupLabel}</Menu.SubTrigger>\n      <Menu.SubContent>{downloadMenuItems}</Menu.SubContent>\n    </Menu.Sub>\n  ) : (\n    <>\n      <Menu.Label>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
+  "mappings": "AAsCI,mBAcM,KAZF,YAFJ;AArCJ,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAM3B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOmB;AACjB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,iBAAiB,KAAK,cAAc,kBAAkB,aAAa;AAGzE,QAAM,wBACJ,MAAM,QAAQ,qBAAqB,QACnC,MAAM,QAAQ,qBAAqB;AAErC,QAAM,oBACJ,iCACG;AAAA,KAAC,yBACA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,gBAAgB,gBAAgB,QAAW,UAAU,aAAa;AAAA,QAC1E;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,WAAW;AAAA,UACjD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,wBAAwB,EAAE,SAAS;AAAA,UACrD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,oBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,iBAAiB,gBAAgB,QAAW,UAAU,aAAa;AAAA,QAC3E;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,YAAY;AAAA,UAClD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,qBAAqB,EAAE,SAAS;AAAA,UAClD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,sBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,mBAAmB;AAAA,QAC7B,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,gBAAgB;AAAA,UACtD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU;AAAA,UACZ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,SAAO,aACL,qBAAC,KAAK,KAAL,EAAS,aAAa,OACrB;AAAA,wBAAC,KAAK,YAAL,EAAiB,0BAAe;AAAA,IACjC,oBAAC,KAAK,YAAL,EAAiB,6BAAkB;AAAA,KACtC,IAEA,iCACE;AAAA,wBAAC,KAAK,OAAL,EAAY,0BAAe;AAAA,IAC3B;AAAA,KACH;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js

@@ -1,7 +1,7 @@
 import "../../../../../navigation/menu/Menu.css";
 import "./DataTableDownloadData.css";
-var downloadMenuItem = "_1gjma320-3-7-1";
-var downloadMenuSuffix = "_1gjma321-3-7-1";
+var downloadMenuItem = "_1gjma320-3-9-0";
+var downloadMenuSuffix = "_1gjma321-3-9-0";
 export {
   downloadMenuItem,
   downloadMenuSuffix

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css.ts"],
-  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-7-1';\nexport var downloadMenuSuffix = '_1gjma321-3-7-1';"],
+  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-9-0';\nexport var downloadMenuSuffix = '_1gjma321-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,qBAAqB;",
   "names": []
 }

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

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-7-1 {
+._1ku1w3z0-3-9-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-7-1::after {
+._1ku1w3z1-3-9-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-7-1::after {
+._1ku1w3z2-3-9-0::after {
   left: 0;
 }
-._1ku1w3z3-3-7-1::after {
+._1ku1w3z3-3-9-0::after {
   right: 0;
 }
-._1ku1w3z4-3-7-1::before {
+._1ku1w3z4-3-9-0::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-7-1 {
+._1ku1w3z5-3-9-0 {
   display: none;
 }
-._1ku1w3z6-3-7-1 {
+._1ku1w3z6-3-9-0 {
   cursor: grab;
 }
-._1ku1w3z7-3-7-1 {
+._1ku1w3z7-3-9-0 {
   pointer-events: none;
 }

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

@@ -1,9 +1,9 @@
 import "./ColumnOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var columnDndOverlay = "_1ku1w3z0-3-7-1";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-7-1", enabled: "_1ku1w3z6-3-7-1", inactive: "_1ku1w3z7-3-7-1" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-7-1", variantClassNames: { left: { true: "_1ku1w3z2-3-7-1", false: "_1ku1w3z3-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-7-1";
+var columnDndOverlay = "_1ku1w3z0-3-9-0";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-9-0", enabled: "_1ku1w3z6-3-9-0", inactive: "_1ku1w3z7-3-9-0" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-9-0", variantClassNames: { left: { true: "_1ku1w3z2-3-9-0", false: "_1ku1w3z3-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-9-0";
 export {
   columnDndOverlay,
   headerDragAndDrop,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrder.css.ts"],
-  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-7-1';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-7-1',enabled:'_1ku1w3z6-3-7-1',inactive:'_1ku1w3z7-3-7-1'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-7-1',variantClassNames:{left:{true:'_1ku1w3z2-3-7-1',false:'_1ku1w3z3-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-7-1';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-9-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-9-0',enabled:'_1ku1w3z6-3-9-0',inactive:'_1ku1w3z7-3-9-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-9-0',variantClassNames:{left:{true:'_1ku1w3z2-3-9-0',false:'_1ku1w3z3-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB;AACxG,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.js

@@ -22,6 +22,7 @@ function isDragMotion(touchMove, touchStart) {
 }
 function updateColumnOrderOnDragEnd(config) {
   const { active, over, virtualizationContainer } = config;
+  config.table.setDraggedHeaderColumn(null);
   if (over === null || active.data.current === void 0 || over.data.current === void 0 || virtualizationContainer === void 0) {
     return;
   }
@@ -56,7 +57,6 @@ function updateColumnOrderOnDragEnd(config) {
     newColumnOrder.splice(toIndex, 0, ...movedColumns);
     config.table.setColumnOrder(newColumnOrder);
   }
-  config.table.setDraggedHeaderColumn(null);
   removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);
 }
 const getCustomScrollSpeed = (scrollZoneDepth) => {