@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Download/Download.tsx"],
-  "sourcesContent": ["import {\n  type RowData,\n  type Table_Internal,\n  type TableFeatures,\n  type Row,\n  type RowModel,\n  assignPrototypeAPIs,\n  type TableFeature,\n  assignTableAPIs,\n  type Cell,\n  type CellData,\n  type Header,\n  type Column,\n  columnVisibilityFeature,\n  rowSelectionFeature,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableDownloadSlotProps,\n  DownloadDataFeatureConstructors,\n} from './download-types.js';\nimport { downloadCSV, escapeForCSV } from '../../../../core/utils/download.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertArrayToCsv } from '../../../utils/download-utils.js';\nimport {\n  DATA_TABLE_INDEX_COLUMN_HEADER,\n  DATA_TABLE_DOWNLOAD_CSV_FILE_NAME,\n} from '../../constants.js';\n\n/**\n * DataTable slot definition for the Download action.\n * Columns may be optionally excluded from downloading by their IDs.\n * @public\n */\nexport function DataTableDownload(props: DataTableDownloadSlotProps) {\n  return null;\n}\n\n/**\n * Extracts the column string representation for the download CSV.\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param includeIndexColumnHeader - if true, prepends an `index` column,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n */\nfunction getCsvHeaders<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  includeIndexColumnHeader: boolean,\n  excludeColumns?: string[],\n): string[] {\n  const columnHeaders = table\n    .getLeafHeaders()\n    .filter((header) => {\n      // If there are subheaders, we can also skip here. We work through\n      // the remaining leaves later.\n      if (header.subHeaders.length > 0) {\n        return false;\n      }\n\n      // Don't include placeholder headers.\n      if (header.isPlaceholder) {\n        return false;\n      }\n      // Don't include built in columns in the download info.\n      if (header.column.columnDef.meta?.builtin === true) {\n        return false;\n      }\n      // Don't include columns explicitly excluded by the consumer in the download info.\n      if (excludeColumns?.includes(header.column.id)) {\n        return false;\n      }\n      // Don't include sparkline column in the download info.\n      if (header.column.columnDef.columnType === 'sparkline') {\n        return false;\n      }\n      if (\n        // Safe cast here because the `getIsVisible` function is added to the table instance via the `columnVisibilityFeature` function,\n        // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n        (\n          header.column as unknown as Column<\n            { columnVisibilityFeature: typeof columnVisibilityFeature },\n            TData\n          >\n        ).getIsVisible() === false\n      ) {\n        return false;\n      }\n      return true;\n    })\n    .map((header) => header.getDownloadString());\n\n  if (includeIndexColumnHeader) {\n    columnHeaders.unshift(DATA_TABLE_INDEX_COLUMN_HEADER);\n  }\n  return columnHeaders;\n}\n\n/**\n * @returns all visible cells of the given row as downloadable string, excluding built-in and sparkline columns.\n */\nfunction getCsvCells<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n  excludeColumns?: string[],\n): string[] {\n  // Safe cast here because the `getVisibleCells` function is added to the table instance via the `columnVisibilityFeature` function,\n  // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n  return (\n    row as unknown as Row<\n      { columnVisibilityFeature: typeof columnVisibilityFeature },\n      TData\n    >\n  )\n    .getVisibleCells()\n    .filter(\n      (cell) =>\n        cell.column.columnDef.meta?.builtin !== true &&\n        cell.column.columnDef.columnType !== 'sparkline' &&\n        !excludeColumns?.includes(cell.column.id),\n    )\n    .map((cell) => cell.getDownloadString());\n}\n\n/**\n * @returns the given row's 1-based index, indicating its indentation level.\n * - Root rows have indices 1, 2, 3, 4, ...\n * - 2nd level sub-rows rows have indices 1.1, 1.2, 1.3, 2.1, 2.2, ...\n * - 3rd level sub-rows rows have indices 1.1.1, 1.1.2, 1.2.1, 1.3.1, 2.1.1, 2.1.2, ...\n * - etc.\n */\nfunction getRowIndex<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n) {\n  let indexPrefix = '';\n  for (const parent of row.getParentRows()) {\n    indexPrefix = `${indexPrefix}${parent.index + 1}.`;\n  }\n  return `${indexPrefix}${row.index + 1}`;\n}\n\n/**\n * Extracts the headers and cell data string representation for the download CSV.\n * Utilizes async batching intended for large amounts of rows (e.g. 100k)\n * to unblock the main thread.\n *\n * If the table has sub-rows,  an `index` column is prepended,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param rowModel - the rows to process.\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n */\nasync function getCsv<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  excludeColumns?: string[],\n): Promise<string[][]> {\n  const nrOfRows = rowModel.flatRows.length;\n  const csvData: string[][] = Array.from({ length: nrOfRows + 1 }); // rows + header\n  const batchSize = 1_000;\n  let currentIndex = 0;\n  const includeIndexColumn = table.getHasSubRows();\n  csvData[0] = getCsvHeaders(table, includeIndexColumn, excludeColumns);\n\n  function processBatch(): Promise<void> {\n    return new Promise((resolve) => {\n      const currentBatchEnd = Math.min(currentIndex + batchSize, nrOfRows);\n      for (let i = currentIndex; i < currentBatchEnd; i++) {\n        const row = rowModel.flatRows[i];\n        const csvRow = getCsvCells(row, excludeColumns);\n        if (includeIndexColumn) {\n          const rowIndex = getRowIndex(row);\n          csvRow.unshift(rowIndex);\n        }\n        csvData[i + 1] = csvRow;\n      }\n      currentIndex = currentBatchEnd;\n\n      if (currentIndex < nrOfRows) {\n        // yield control to the browser before continuing with next batch\n        setTimeout(() => resolve(processBatch()), 0);\n      } else {\n        resolve();\n      }\n    });\n  }\n\n  await processBatch();\n  return csvData;\n}\n\nfunction downloadData<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  subset: 'all' | 'page' | 'selected',\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n): void {\n  getCsv(table, rowModel, excludeColumns)\n    .then((rows) => {\n      const csvString = convertArrayToCsv(rows);\n      downloadCSV(csvString, DATA_TABLE_DOWNLOAD_CSV_FILE_NAME);\n      table.options.onDownloadData?.(\n        subset,\n        ...(excludeColumns ? [excludeColumns] : []),\n      );\n    })\n    .finally(() => {\n      onDownloadEnd?.();\n    });\n}\n\n/**\n * Helper function to extract the header string representation for CSV download, including handling of nested headers.\n * @internal\n */\nexport function header_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(header: Header<TFeatures, TData>): string {\n  const nestedHeaderNames: string[] = [];\n\n  let currentColumnNesting: Column<TFeatures, TData> | undefined =\n    header.column;\n\n  // Go up the parent chain and find the correct names for the download names.\n  while (currentColumnNesting !== undefined) {\n    const columnDefHeader = currentColumnNesting.columnDef.header;\n    // If the column definition defines either a custom element or nothing,\n    // we call back to the header.id defined in the column def.\n    if (\n      typeof columnDefHeader === 'function' ||\n      columnDefHeader === undefined\n    ) {\n      nestedHeaderNames.push(header.id);\n    } else {\n      nestedHeaderNames.push(columnDefHeader);\n    }\n    // Go up the nesting chain.\n    currentColumnNesting = currentColumnNesting.parent;\n  }\n\n  return nestedHeaderNames.toReversed().join('.');\n}\n\n/**\n * Helper function to extract the cell value as a string for CSV download, with special handling for dates, meter bars, and objects.\n * @internal\n */\nexport function cell_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(cell: Cell<TFeatures, TData, TValue>): string {\n  const cellValue = cell.getValue();\n\n  // If there is no cell value, return an empty string.\n  if (cellValue === undefined || cellValue === null) {\n    return '';\n  }\n\n  // If the cell value is a Date object, return the iso string.\n  if (cellValue instanceof Date) {\n    return cellValue.toISOString();\n  }\n\n  // If the cell is in a columnType 'datetime', we should try to move it to a `Date` and export the iso string.\n  if (\n    (cell.column.columnDef.columnType === 'datetime' ||\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      cell.column.columnDef.columnType === 'date') &&\n    (typeof cellValue === 'string' || typeof cellValue === 'number')\n  ) {\n    // First try to actually parse it directly into a Date.\n    // That should work for numbers and strings that have a correct date format.\n    const cellDate = new Date(cellValue);\n    if (!isNaN(cellDate.getTime())) {\n      return cellDate.toISOString();\n    }\n\n    // Check for stringified timestamp values next.\n    if (typeof cellValue === 'string' && !isNaN(parseInt(cellValue, 10))) {\n      const cellDate = new Date(parseInt(cellValue, 10));\n      if (!isNaN(cellDate.getTime())) {\n        return cellDate.toISOString();\n      }\n    }\n\n    // Unparsable string or number in the `columnType=date` column.\n    // Fall through to the remaining processing steps.\n  }\n\n  // If the cell renders a `MultiMeterBarChart`, we extract the values into JSON key-value pairs.\n  // Regular `MeterBarChart` values are a simple number, which can be added directly.\n  if (cell.column.columnDef.columnType === 'meterbar') {\n    // First, if it's a single `MeterBarChart` value, we return early.\n    if (!Array.isArray(cellValue)) {\n      return escapeForCSV(cellValue);\n    }\n    // Otherwise, when it's an array, it is a `MultiMeterBarChart`.\n    try {\n      const multiMeterBarValues = Object.fromEntries(\n        cellValue.map((item) => [item.name, item.value]),\n      );\n      return escapeForCSV(JSON.stringify(multiMeterBarValues));\n    } catch {\n      devLog(\n        `Failed to extract meterbar values for column \"${cell.column.id}\". Expected array items to have 'name' and 'value' properties.`,\n      );\n    }\n  }\n\n  // If the cell value is of type string or is an array, return an escaped version of the value.\n  if (typeof cellValue === 'string' || Array.isArray(cellValue)) {\n    return escapeForCSV(cellValue);\n  }\n\n  // If the cell value is an object\n  if (typeof cellValue === 'object' && cellValue !== null) {\n    // if the object has a `toString` function defined, respect it\n    if (\n      Object.hasOwn(cellValue, 'toString') &&\n      typeof cellValue.toString === 'function'\n    ) {\n      return escapeForCSV(cellValue.toString());\n    }\n\n    try {\n      return escapeForCSV(JSON.stringify(cellValue));\n    } catch {\n      devLog(\n        `Accessed cell value for column \"${cell.column.id}\" received an object, but was not stringifyable. Consider providing a toString() function on the object.`,\n      );\n    }\n  }\n\n  return `${cellValue}`;\n}\n\n/**\n * Helper function to trigger the download of all table data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadAllData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getCoreRowModel(),\n    'all',\n    excludeColumns,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the current page's data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadPageData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getPaginatedRowModel(),\n    'page',\n    excludeColumns,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the currently selected rows' data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadSelectedData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    // Safe cast here because the `getSelectedRowModel` function is added to the table instance via the `constructDownloadDataFeature` function,\n    // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n    (\n      table as unknown as Table_Internal<\n        { rowSelectionFeature: typeof rowSelectionFeature },\n        TData\n      >\n    ).getSelectedRowModel() as unknown as RowModel<TableFeatures, TData>,\n    'selected',\n    excludeColumns,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Constructs the column visibility feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructDownloadDataFeature(): TableFeature<DownloadDataFeatureConstructors> {\n  return {\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        header_getDownloadString: {\n          fn: (header) => header_getDownloadString(header),\n        },\n      });\n    },\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        cell_getDownloadString: {\n          fn: (cell) => cell_getDownloadString(cell),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableDownloadDataFeature', table, {\n        table_downloadAllData: {\n          fn: (excludeColumns?: string[], onDownloadEnd?: () => void) =>\n            table_downloadAllData(table, excludeColumns, onDownloadEnd),\n        },\n        table_downloadPageData: {\n          fn: (excludeColumns?: string[], onDownloadEnd?: () => void) =>\n            table_downloadPageData(table, excludeColumns, onDownloadEnd),\n        },\n        table_downloadSelectedData: {\n          fn: (excludeColumns?: string[], onDownloadEnd?: () => void) =>\n            table_downloadSelectedData(table, excludeColumns, onDownloadEnd),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for downloading data.\n * @internal\n */\nexport const DataTableDownloadDataFeature = constructDownloadDataFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type RowData,\n  type Table_Internal,\n  type TableFeatures,\n  type Row,\n  type RowModel,\n  assignPrototypeAPIs,\n  type TableFeature,\n  assignTableAPIs,\n  type Cell,\n  type CellData,\n  type Header,\n  type Column,\n  columnVisibilityFeature,\n  rowSelectionFeature,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableDownloadHeaderContext,\n  DataTableDownloadSlotProps,\n  DownloadDataFeatureConstructors,\n} from './download-types.js';\nimport { downloadCSV, escapeForCSV } from '../../../../core/utils/download.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertArrayToCsv } from '../../../utils/download-utils.js';\nimport {\n  DATA_TABLE_INDEX_COLUMN_HEADER,\n  DATA_TABLE_DOWNLOAD_CSV_FILE_NAME,\n} from '../../constants.js';\n\n/**\n * DataTable slot definition for the Download action.\n * Columns may be optionally excluded from downloading by their IDs.\n * @public\n */\nexport function DataTableDownload(props: DataTableDownloadSlotProps) {\n  return null;\n}\n\n/**\n * Extracts the column string representation for the download CSV.\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param includeIndexColumnHeader - if true, prepends an `index` column,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n * @param formatDownloadHeader - optional callback to override CSV header names per column.\n */\nfunction getCsvHeaders<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  includeIndexColumnHeader: boolean,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n): string[] {\n  const effectiveFormatDownloadHeader =\n    formatDownloadHeader ?? table.options.formatDownloadHeader;\n\n  const columnHeaders = table\n    .getLeafHeaders()\n    .filter((header) => {\n      // If there are subheaders, we can also skip here. We work through\n      // the remaining leaves later.\n      if (header.subHeaders.length > 0) {\n        return false;\n      }\n\n      // Don't include placeholder headers.\n      if (header.isPlaceholder) {\n        return false;\n      }\n      // Don't include built in columns in the download info.\n      if (header.column.columnDef.meta?.builtin === true) {\n        return false;\n      }\n      // Don't include columns explicitly excluded by the consumer in the download info.\n      if (excludeColumns?.includes(header.column.id)) {\n        return false;\n      }\n      // Don't include sparkline column in the download info.\n      if (header.column.columnDef.columnType === 'sparkline') {\n        return false;\n      }\n      if (\n        // Safe cast here because the `getIsVisible` function is added to the table instance via the `columnVisibilityFeature` function,\n        // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n        (\n          header.column as unknown as Column<\n            { columnVisibilityFeature: typeof columnVisibilityFeature },\n            TData\n          >\n        ).getIsVisible() === false\n      ) {\n        return false;\n      }\n      return true;\n    })\n    .map((header) => {\n      const headerPath = header_getDownloadHeaderPath(header);\n      const defaultHeader = headerPath.join('.');\n      const overriddenHeader = effectiveFormatDownloadHeader?.({\n        columnId: header.column.id,\n        leafHeader: headerPath.at(-1) ?? defaultHeader,\n        groupHeader: headerPath.at(-2),\n      });\n      return escapeForCSV(overriddenHeader ?? defaultHeader);\n    });\n\n  if (includeIndexColumnHeader) {\n    columnHeaders.unshift(DATA_TABLE_INDEX_COLUMN_HEADER);\n  }\n  return columnHeaders;\n}\n\n/**\n * @returns all visible cells of the given row as downloadable string, excluding built-in and sparkline columns.\n */\nfunction getCsvCells<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n  excludeColumns?: string[],\n): string[] {\n  // Safe cast here because the `getVisibleCells` function is added to the table instance via the `columnVisibilityFeature` function,\n  // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n  return (\n    row as unknown as Row<\n      { columnVisibilityFeature: typeof columnVisibilityFeature },\n      TData\n    >\n  )\n    .getVisibleCells()\n    .filter(\n      (cell) =>\n        cell.column.columnDef.meta?.builtin !== true &&\n        cell.column.columnDef.columnType !== 'sparkline' &&\n        !excludeColumns?.includes(cell.column.id),\n    )\n    .map((cell) => cell.getDownloadString());\n}\n\n/**\n * @returns the given row's 1-based index, indicating its indentation level.\n * - Root rows have indices 1, 2, 3, 4, ...\n * - 2nd level sub-rows rows have indices 1.1, 1.2, 1.3, 2.1, 2.2, ...\n * - 3rd level sub-rows rows have indices 1.1.1, 1.1.2, 1.2.1, 1.3.1, 2.1.1, 2.1.2, ...\n * - etc.\n */\nfunction getRowIndex<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n) {\n  let indexPrefix = '';\n  for (const parent of row.getParentRows()) {\n    indexPrefix = `${indexPrefix}${parent.index + 1}.`;\n  }\n  return `${indexPrefix}${row.index + 1}`;\n}\n\n/**\n * Extracts the headers and cell data string representation for the download CSV.\n * Utilizes async batching intended for large amounts of rows (e.g. 100k)\n * to unblock the main thread.\n *\n * If the table has sub-rows,  an `index` column is prepended,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param rowModel - the rows to process.\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n */\nasync function getCsv<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n): Promise<string[][]> {\n  const nrOfRows = rowModel.flatRows.length;\n  const csvData: string[][] = Array.from({ length: nrOfRows + 1 }); // rows + header\n  const batchSize = 1_000;\n  let currentIndex = 0;\n  const includeIndexColumn = table.getHasSubRows();\n  csvData[0] = getCsvHeaders(\n    table,\n    includeIndexColumn,\n    excludeColumns,\n    formatDownloadHeader,\n  );\n\n  function processBatch(): Promise<void> {\n    return new Promise((resolve) => {\n      const currentBatchEnd = Math.min(currentIndex + batchSize, nrOfRows);\n      for (let i = currentIndex; i < currentBatchEnd; i++) {\n        const row = rowModel.flatRows[i];\n        const csvRow = getCsvCells(row, excludeColumns);\n        if (includeIndexColumn) {\n          const rowIndex = getRowIndex(row);\n          csvRow.unshift(rowIndex);\n        }\n        csvData[i + 1] = csvRow;\n      }\n      currentIndex = currentBatchEnd;\n\n      if (currentIndex < nrOfRows) {\n        // yield control to the browser before continuing with next batch\n        setTimeout(() => resolve(processBatch()), 0);\n      } else {\n        resolve();\n      }\n    });\n  }\n\n  await processBatch();\n  return csvData;\n}\n\n/**\n * Sanitizes a consumer-provided file name so it cannot crash the download or\n * escape the downloads folder. The `.csv` extension is stripped, only letters,\n * digits, dashes, and underscores are kept (all other characters are removed),\n * and the extension is re-added by the caller.\n * @returns the sanitized base name, or `undefined` when nothing usable remains.\n */\nfunction sanitizeFileName(name: string | undefined): string | undefined {\n  if (name === undefined) {\n    return undefined;\n  }\n  const sanitized = name.replace(/\\.csv$/i, '').replace(/[^a-zA-Z0-9_-]/g, '');\n  return sanitized === '' ? undefined : sanitized;\n}\n\n/**\n * Resolves the effective CSV download file name: the given name is sanitized of\n * invalid characters and falls back to the default when nothing usable remains.\n * The `.csv` extension is always appended.\n */\nfunction resolveDownloadFileName(fileName?: string): string {\n  const sanitized = sanitizeFileName(fileName);\n  return sanitized === undefined\n    ? DATA_TABLE_DOWNLOAD_CSV_FILE_NAME\n    : `${sanitized}.csv`;\n}\n\nfunction downloadData<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  subset: 'all' | 'page' | 'selected',\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n): void {\n  const resolvedName =\n    typeof fileName === 'function' ? fileName(subset) : fileName;\n  void getCsv(table, rowModel, excludeColumns, formatDownloadHeader)\n    .then((rows) => {\n      const csvString = convertArrayToCsv(rows);\n      downloadCSV(csvString, resolveDownloadFileName(resolvedName));\n      table.options.onDownloadData?.(\n        subset,\n        ...(excludeColumns ? [excludeColumns] : []),\n      );\n    })\n    .catch((error: unknown) => {\n      devLog('[DataTable] CSV download failed', error);\n    })\n    .finally(() => {\n      onDownloadEnd?.();\n    });\n}\n\n/**\n * Helper function to extract the header nesting segments for a leaf column, from outermost group to leaf.\n * Falls back to the header id when the column header is a custom renderer or undefined.\n * @internal\n */\nexport function header_getDownloadHeaderPath<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(header: Header<TFeatures, TData>): string[] {\n  const nestedHeaderNames: string[] = [];\n\n  let currentColumnNesting: Column<TFeatures, TData> | undefined =\n    header.column;\n\n  // Go up the parent chain and find the correct names for the download names.\n  while (currentColumnNesting !== undefined) {\n    const columnDefHeader = currentColumnNesting.columnDef.header;\n    // If the column definition defines either a custom element or nothing,\n    // we fall back to the current column's own id.\n    if (\n      typeof columnDefHeader === 'function' ||\n      columnDefHeader === undefined\n    ) {\n      nestedHeaderNames.push(currentColumnNesting.id);\n    } else {\n      nestedHeaderNames.push(columnDefHeader);\n    }\n    // Go up the nesting chain.\n    currentColumnNesting = currentColumnNesting.parent;\n  }\n\n  // Reverse so the path reads outermost group \u2192 leaf.\n  return nestedHeaderNames.toReversed();\n}\n\nexport function header_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(header: Header<TFeatures, TData>): string {\n  return header_getDownloadHeaderPath(header).join('.');\n}\n\n/**\n * Helper function to extract the cell value as a string for CSV download, with special handling for dates, meter bars, and objects.\n * @internal\n */\nexport function cell_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(cell: Cell<TFeatures, TData, TValue>): string {\n  const cellValue = cell.getValue();\n\n  // If there is no cell value, return an empty string.\n  if (cellValue === undefined || cellValue === null) {\n    return '';\n  }\n\n  // If the cell value is a Date object, return the iso string.\n  if (cellValue instanceof Date) {\n    return cellValue.toISOString();\n  }\n\n  // If the cell is in a columnType 'datetime', we should try to move it to a `Date` and export the iso string.\n  if (\n    (cell.column.columnDef.columnType === 'datetime' ||\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      cell.column.columnDef.columnType === 'date') &&\n    (typeof cellValue === 'string' || typeof cellValue === 'number')\n  ) {\n    // First try to actually parse it directly into a Date.\n    // That should work for numbers and strings that have a correct date format.\n    const cellDate = new Date(cellValue);\n    if (!isNaN(cellDate.getTime())) {\n      return cellDate.toISOString();\n    }\n\n    // Check for stringified timestamp values next.\n    if (typeof cellValue === 'string' && !isNaN(parseInt(cellValue, 10))) {\n      const cellDate = new Date(parseInt(cellValue, 10));\n      if (!isNaN(cellDate.getTime())) {\n        return cellDate.toISOString();\n      }\n    }\n\n    // Unparsable string or number in the `columnType=date` column.\n    // Fall through to the remaining processing steps.\n  }\n\n  // If the cell renders a `MultiMeterBarChart`, we extract the values into JSON key-value pairs.\n  // Regular `MeterBarChart` values are a simple number, which can be added directly.\n  if (cell.column.columnDef.columnType === 'meterbar') {\n    // First, if it's a single `MeterBarChart` value, we return early.\n    if (!Array.isArray(cellValue)) {\n      return escapeForCSV(cellValue);\n    }\n    // Otherwise, when it's an array, it is a `MultiMeterBarChart`.\n    try {\n      const multiMeterBarValues = Object.fromEntries(\n        cellValue.map((item) => [item.name, item.value]),\n      );\n      return escapeForCSV(JSON.stringify(multiMeterBarValues));\n    } catch {\n      devLog(\n        `Failed to extract meterbar values for column \"${cell.column.id}\". Expected array items to have 'name' and 'value' properties.`,\n      );\n    }\n  }\n\n  // If the cell value is of type string or is an array, return an escaped version of the value.\n  if (typeof cellValue === 'string' || Array.isArray(cellValue)) {\n    return escapeForCSV(cellValue);\n  }\n\n  // If the cell value is an object\n  if (typeof cellValue === 'object' && cellValue !== null) {\n    // if the object has a `toString` function defined, respect it\n    if (\n      Object.hasOwn(cellValue, 'toString') &&\n      typeof cellValue.toString === 'function'\n    ) {\n      return escapeForCSV(cellValue.toString());\n    }\n\n    try {\n      return escapeForCSV(JSON.stringify(cellValue));\n    } catch {\n      devLog(\n        `Accessed cell value for column \"${cell.column.id}\" received an object, but was not stringifyable. Consider providing a toString() function on the object.`,\n      );\n    }\n  }\n\n  return `${cellValue}`;\n}\n\n/**\n * Helper function to trigger the download of all table data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadAllData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getCoreRowModel(),\n    'all',\n    excludeColumns,\n    formatDownloadHeader,\n    fileName,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the current page's data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadPageData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getPaginatedRowModel(),\n    'page',\n    excludeColumns,\n    formatDownloadHeader,\n    fileName,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the currently selected rows' data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadSelectedData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    // Safe cast here because the `getSelectedRowModel` function is added to the table instance via the `constructDownloadDataFeature` function,\n    // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n    (\n      table as unknown as Table_Internal<\n        { rowSelectionFeature: typeof rowSelectionFeature },\n        TData\n      >\n    ).getSelectedRowModel() as unknown as RowModel<TableFeatures, TData>,\n    'selected',\n    excludeColumns,\n    formatDownloadHeader,\n    fileName,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Constructs the column visibility feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructDownloadDataFeature(): TableFeature<DownloadDataFeatureConstructors> {\n  return {\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        header_getDownloadString: {\n          fn: (header) => header_getDownloadString(header),\n        },\n      });\n    },\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        cell_getDownloadString: {\n          fn: (cell) => cell_getDownloadString(cell),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableDownloadDataFeature', table, {\n        table_downloadAllData: {\n          fn: (\n            excludeColumns?: string[],\n            formatDownloadHeader?: (\n              context: DataTableDownloadHeaderContext,\n            ) => string | undefined,\n            fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n            onDownloadEnd?: () => void,\n          ) =>\n            table_downloadAllData(\n              table,\n              excludeColumns,\n              formatDownloadHeader,\n              fileName,\n              onDownloadEnd,\n            ),\n        },\n        table_downloadPageData: {\n          fn: (\n            excludeColumns?: string[],\n            formatDownloadHeader?: (\n              context: DataTableDownloadHeaderContext,\n            ) => string | undefined,\n            fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n            onDownloadEnd?: () => void,\n          ) =>\n            table_downloadPageData(\n              table,\n              excludeColumns,\n              formatDownloadHeader,\n              fileName,\n              onDownloadEnd,\n            ),\n        },\n        table_downloadSelectedData: {\n          fn: (\n            excludeColumns?: string[],\n            formatDownloadHeader?: (\n              context: DataTableDownloadHeaderContext,\n            ) => string | undefined,\n            fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n            onDownloadEnd?: () => void,\n          ) =>\n            table_downloadSelectedData(\n              table,\n              excludeColumns,\n              formatDownloadHeader,\n              fileName,\n              onDownloadEnd,\n            ),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for downloading data.\n * @internal\n */\nexport const DataTableDownloadDataFeature = constructDownloadDataFeature();\n"],
+  "mappings": "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",
   "names": ["cellDate"]
 }

package/esm/tables/DataTable/features/Download/useDownload.js

@@ -1,5 +1,6 @@
 function useDownloadData(props, options) {
   options.onDownloadData = props.onDownloadData;
+  options.formatDownloadHeader = props.formatDownloadHeader;
 }
 export {
   useDownloadData

package/esm/tables/DataTable/features/Download/useDownload.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Download/useDownload.ts"],
-  "sourcesContent": ["import { type RowData, type TableOptions } from '@tanstack/react-table';\n\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for download of the DataTable.\n * @internal\n */\nexport function useDownloadData<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: {\n    onDownloadData?: (\n      subset: 'all' | 'page' | 'selected',\n      excludedColumns?: string[],\n    ) => void;\n  },\n  options: TableOptions<TFeatures, TData>,\n): void {\n  options.onDownloadData = props.onDownloadData;\n}\n"],
-  "mappings": "AAQO,SAAS,gBAId,OAMA,SACM;AACN,UAAQ,iBAAiB,MAAM;AACjC;",
+  "sourcesContent": ["import { type RowData, type TableOptions } from '@tanstack/react-table';\n\nimport type { DataTableDownloadHeaderContext } from './download-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for download of the DataTable.\n * @internal\n */\nexport function useDownloadData<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: {\n    onDownloadData?: (\n      subset: 'all' | 'page' | 'selected',\n      excludedColumns?: string[],\n    ) => void;\n    formatDownloadHeader?: (\n      context: DataTableDownloadHeaderContext,\n    ) => string | undefined;\n  },\n  options: TableOptions<TFeatures, TData>,\n): void {\n  options.onDownloadData = props.onDownloadData;\n  options.formatDownloadHeader = props.formatDownloadHeader;\n}\n"],
+  "mappings": "AASO,SAAS,gBAId,OASA,SACM;AACN,UAAQ,iBAAiB,MAAM;AAC/B,UAAQ,uBAAuB,MAAM;AACvC;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-7-1 {
+._1x1hmrh0-3-9-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-7-1";
+var annotationIndicators = "_1x1hmrh0-3-9-0";
 export {
   annotationIndicators
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-7-1';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-7-1 {
+._5jn5tp0-3-9-0 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-7-1 {
+._5jn5tp1-3-9-0 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-7-1:not(:has(._1udh2jz2-3-7-1)) {
+._5jn5tp1-3-9-0:not(:has(._1udh2jz2-3-9-0)) {
   padding-left: 0;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -15,8 +15,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-7-1";
-var ganttChartDefaultCell = "_5jn5tp1-3-7-1";
+var ganttChartCell = "_5jn5tp0-3-9-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-9-0";
 export {
   ganttChartCell,
   ganttChartDefaultCell

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-7-1';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-7-1';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-9-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-7-1 {
+._evozey0-3-9-0 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.js

@@ -1,15 +1,15 @@
 import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
 import { useMemo } from "react";
 import borders from "@dynatrace/strato-design-tokens/borders";
 import colors from "@dynatrace/strato-design-tokens/colors";
 import * as styles from "./DataTableGanttChartGrid.sty.js";
 import { useScaleAndFormatter } from "./hooks/useScaleAndFormatter.js";
-import { getTickValueAsNumber } from "../../../../charts/core/utils/get-tick-value-as-number.js";
 import {
   getGanttHorizontalTimeAxisNumTicks,
   getHorizontalNumTicks
 } from "../../../../charts/core/utils/ticks.js";
+import { getTickValueAsNumber } from "../../../../core/utils/get-tick-value-as-number.js";
+import { getTicks } from "../../../../core/utils/get-ticks.js";
 const DataTableGanttChartGrid = ({
   width,
   height,

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.tsx"],
-  "sourcesContent": ["import { getTicks } from '@visx/scale';\nimport { type JSX, useMemo } from 'react';\n\nimport borders from '@dynatrace/strato-design-tokens/borders';\nimport colors from '@dynatrace/strato-design-tokens/colors';\n\nimport * as styles from './DataTableGanttChartGrid.sty.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { getTickValueAsNumber } from '../../../../charts/core/utils/get-tick-value-as-number.js';\nimport {\n  getGanttHorizontalTimeAxisNumTicks,\n  getHorizontalNumTicks,\n} from '../../../../charts/core/utils/ticks.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttChartGridProps = Readonly<{\n  width: number;\n  height: number;\n  min: number;\n  max: number;\n  config: DataTableGanttColumnConfig;\n  isSubrowIndicatorColumn: boolean;\n}>;\n\n/**\n * @internal\n */\nexport const DataTableGanttChartGrid = ({\n  width,\n  height,\n  min,\n  max,\n  config,\n  isSubrowIndicatorColumn,\n}: DataTableGanttChartGridProps): JSX.Element => {\n  const { xAxisType = 'numerical' } = config;\n  const { scale } = useScaleAndFormatter(width, config, min, max);\n  const numTicks =\n    xAxisType === 'time'\n      ? getGanttHorizontalTimeAxisNumTicks(width)\n      : getHorizontalNumTicks(width);\n\n  const lines = useMemo(() => {\n    const ticks = getTicks(scale, numTicks);\n\n    // if it's not the subrow indicator column,\n    // and the first tick is the same as min, remove it, as the gantt column already draws a line at the start\n    if (\n      !isSubrowIndicatorColumn &&\n      getTickValueAsNumber(ticks.at(0)?.valueOf()) === min\n    ) {\n      ticks.shift();\n    }\n\n    // if the last tick is the same as max remove it, as the gantt column already draws a line at the end\n    if (getTickValueAsNumber(ticks.at(-1)?.valueOf()) === max) {\n      ticks.pop();\n    }\n\n    return ticks.map((rawTick) => {\n      const tick = Math.max(scale(rawTick), 0.5);\n      return (\n        <line\n          key={+rawTick}\n          x1={tick}\n          x2={tick}\n          y1={0}\n          y2={height}\n          strokeWidth={borders.Width.Default}\n          stroke={colors.Border.Neutral.Default}\n        />\n      );\n    });\n  }, [scale, numTicks, min, max, height]);\n\n  return (\n    <svg\n      viewBox={`0 0 ${width} ${height}`}\n      height={height}\n      width={width}\n      className={styles.ganttChartGrid}\n    >\n      {lines}\n    </svg>\n  );\n};\n"],
-  "mappings": "AA8DQ;AA9DR,SAAS,gBAAgB;AACzB,SAAmB,eAAe;AAElC,OAAO,aAAa;AACpB,OAAO,YAAY;AAEnB,YAAY,YAAY;AACxB,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAeA,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiD;AAC/C,QAAM,EAAE,YAAY,YAAY,IAAI;AACpC,QAAM,EAAE,MAAM,IAAI,qBAAqB,OAAO,QAAQ,KAAK,GAAG;AAC9D,QAAM,WACJ,cAAc,SACV,mCAAmC,KAAK,IACxC,sBAAsB,KAAK;AAEjC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,QAAQ,SAAS,OAAO,QAAQ;AAItC,QACE,CAAC,2BACD,qBAAqB,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,KACjD;AACA,YAAM,MAAM;AAAA,IACd;AAGA,QAAI,qBAAqB,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK;AACzD,YAAM,IAAI;AAAA,IACZ;AAEA,WAAO,MAAM,IAAI,CAAC,YAAY;AAC5B,YAAM,OAAO,KAAK,IAAI,MAAM,OAAO,GAAG,GAAG;AACzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,aAAa,QAAQ,MAAM;AAAA,UAC3B,QAAQ,OAAO,OAAO,QAAQ;AAAA;AAAA,QANzB,CAAC;AAAA,MAOR;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,UAAU,KAAK,KAAK,MAAM,CAAC;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAEjB;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type JSX, useMemo } from 'react';\n\nimport borders from '@dynatrace/strato-design-tokens/borders';\nimport colors from '@dynatrace/strato-design-tokens/colors';\n\nimport * as styles from './DataTableGanttChartGrid.sty.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport {\n  getGanttHorizontalTimeAxisNumTicks,\n  getHorizontalNumTicks,\n} from '../../../../charts/core/utils/ticks.js';\nimport { getTickValueAsNumber } from '../../../../core/utils/get-tick-value-as-number.js';\nimport { getTicks } from '../../../../core/utils/get-ticks.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttChartGridProps = Readonly<{\n  width: number;\n  height: number;\n  min: number;\n  max: number;\n  config: DataTableGanttColumnConfig;\n  isSubrowIndicatorColumn: boolean;\n}>;\n\n/**\n * @internal\n */\nexport const DataTableGanttChartGrid = ({\n  width,\n  height,\n  min,\n  max,\n  config,\n  isSubrowIndicatorColumn,\n}: DataTableGanttChartGridProps): JSX.Element => {\n  const { xAxisType = 'numerical' } = config;\n  const { scale } = useScaleAndFormatter(width, config, min, max);\n  const numTicks =\n    xAxisType === 'time'\n      ? getGanttHorizontalTimeAxisNumTicks(width)\n      : getHorizontalNumTicks(width);\n\n  const lines = useMemo(() => {\n    const ticks = getTicks(scale, numTicks) as number[];\n\n    // if it's not the subrow indicator column,\n    // and the first tick is the same as min, remove it, as the gantt column already draws a line at the start\n    if (\n      !isSubrowIndicatorColumn &&\n      getTickValueAsNumber(ticks.at(0)?.valueOf()) === min\n    ) {\n      ticks.shift();\n    }\n\n    // if the last tick is the same as max remove it, as the gantt column already draws a line at the end\n    if (getTickValueAsNumber(ticks.at(-1)?.valueOf()) === max) {\n      ticks.pop();\n    }\n\n    return ticks.map((rawTick) => {\n      const tick = Math.max(scale(rawTick), 0.5);\n      return (\n        <line\n          key={+rawTick}\n          x1={tick}\n          x2={tick}\n          y1={0}\n          y2={height}\n          strokeWidth={borders.Width.Default}\n          stroke={colors.Border.Neutral.Default}\n        />\n      );\n    });\n  }, [scale, numTicks, min, max, height]);\n\n  return (\n    <svg\n      viewBox={`0 0 ${width} ${height}`}\n      height={height}\n      width={width}\n      className={styles.ganttChartGrid}\n    >\n      {lines}\n    </svg>\n  );\n};\n"],
+  "mappings": "AA8DQ;AA9DR,SAAmB,eAAe;AAElC,OAAO,aAAa;AACpB,OAAO,YAAY;AAEnB,YAAY,YAAY;AACxB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AAelB,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiD;AAC/C,QAAM,EAAE,YAAY,YAAY,IAAI;AACpC,QAAM,EAAE,MAAM,IAAI,qBAAqB,OAAO,QAAQ,KAAK,GAAG;AAC9D,QAAM,WACJ,cAAc,SACV,mCAAmC,KAAK,IACxC,sBAAsB,KAAK;AAEjC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,QAAQ,SAAS,OAAO,QAAQ;AAItC,QACE,CAAC,2BACD,qBAAqB,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,KACjD;AACA,YAAM,MAAM;AAAA,IACd;AAGA,QAAI,qBAAqB,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK;AACzD,YAAM,IAAI;AAAA,IACZ;AAEA,WAAO,MAAM,IAAI,CAAC,YAAY;AAC5B,YAAM,OAAO,KAAK,IAAI,MAAM,OAAO,GAAG,GAAG;AACzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,aAAa,QAAQ,MAAM;AAAA,UAC3B,QAAQ,OAAO,OAAO,QAAQ;AAAA;AAAA,QANzB,CAAC;AAAA,MAOR;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,UAAU,KAAK,KAAK,MAAM,CAAC;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAEjB;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-7-1";
+var ganttChartGrid = "_evozey0-3-9-0";
 export {
   ganttChartGrid
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-7-1';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-7-1 {
+._10y95u40-3-9-0 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-7-1:not(._11pvd3z5-3-7-1) ._10y95u40-3-7-1 {
+._11pvd3zt-3-9-0:not(._11pvd3z5-3-9-0) ._10y95u40-3-9-0 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z5-3-7-1 ._10y95u40-3-7-1 {
+._11pvd3z5-3-9-0 ._10y95u40-3-9-0 {
   width: 100%;
 }
-._10y95u40-3-7-1 span {
+._10y95u40-3-9-0 span {
   margin-top: 0 !important;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.js

@@ -91,6 +91,7 @@ const DataTableGanttChartHeader = ({
       scale,
       tracks: annotationTracks,
       showLabels: false,
+      outerBottomLine: true,
       labelsOffset: 0,
       width: effectiveAxisWidth,
       markerGroupHover: handleMarkerGroupHover,
@@ -118,6 +119,7 @@ const DataTableGanttChartHeader = ({
         scale,
         tracks: annotationTracks,
         showLabels: false,
+        outerBottomLine: true,
         labelsOffset: 0,
         width: effectiveAxisWidth,
         markerGroupHover: handleMarkerGroupHover,

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.tsx"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\nimport { type JSX, useCallback, useRef } from 'react';\n\nimport * as styles from './DataTableGanttChartHeader.sty.js';\nimport { useMinMaxFromConfig } from './hooks/useMinMaxFromConfig.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { toIntegrationTracks } from './to-integration-tracks.js';\nimport { AnnotationsNumericalDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../../charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  TRACK_HEIGHT,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../../../../charts/core/components/annotations/constants.js';\nimport type { SelectionState } from '../../../../charts/core/components/annotations/types/state.js';\nimport { TimeTableHeaderAxis } from '../../../../charts/core/components/axes/components/TimeTableHeaderAxis.js';\nimport { ValueTableHeaderAxis } from '../../../../charts/core/components/axes/components/ValueTableHeaderAxis.js';\nimport { ChartStateHandler } from '../../../../charts/core/components/chart-states/ChartStateHandler.js';\nimport type { TickValueFormatter } from '../../../../charts/core/types/tick-value.js';\nimport { coerceSizeValue } from '../../../../charts/core/utils/coerceSizeValue.js';\nimport { useContainerSize } from '../../../../core/hooks/useContainerSize.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport {\n  DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP as CELL_HORIZONTAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_PADDING as ICON_PADDING,\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 { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttChartHeaderProps<TData, TValue> = Readonly<{\n  columnDef: DataTableDisplayColumnDef<TData, TValue>;\n}>;\n\n/**\n * @internal\n */\nexport const DataTableGanttChartHeader = <TData, TValue>({\n  columnDef,\n}: Readonly<DataTableGanttChartHeaderProps<TData, TValue>>): JSX.Element => {\n  const sizeRef = useRef<HTMLDivElement>(null);\n  const { width: axisWidth, height: axisHeight } = useContainerSize(sizeRef);\n  const config = (columnDef.config || {}) as DataTableGanttColumnConfig;\n  const { xAxisType = 'numerical', annotationsHeader } = config;\n  const { min, max } = useMinMaxFromConfig(columnDef.id);\n\n  const table = useDataTable();\n  const isSubrowIndicatorColumn =\n    table.getSubRowIndicatorColumnId() === columnDef.id;\n\n  const leftHeaderPaddingValue = isSubrowIndicatorColumn\n    ? SUB_ROW_INDENT_GRID * table.getSubRowOpenDepth()\n    : 0;\n  const leftHeaderPadding = isSubrowIndicatorColumn\n    ? `${leftHeaderPaddingValue}px`\n    : 'inherit';\n\n  // this width is calculated from subrow expander icon size + the padding on both sides, and row density\n  const subrowExpanderWidth = isSubrowIndicatorColumn\n    ? SUB_ROW_EXPANDER_ICON_SIZE +\n      2 * ICON_PADDING +\n      CELL_HORIZONTAL_PADDING_MAP[\n        table.atoms.visualVariantConfig?.get().rowDensity\n      ]\n    : 0;\n\n  // we need to subtract the subrow expander size from the axis width\n  const effectiveAxisWidth = Math.max(\n    0,\n    axisWidth - leftHeaderPaddingValue - subrowExpanderWidth,\n  );\n\n  const { scale, formatter } = useScaleAndFormatter(\n    effectiveAxisWidth,\n    config,\n    min,\n    max,\n  );\n\n  const {\n    tooltip: annotationsTooltip,\n    tooltipActions: annotationsTooltipActions,\n    emptyState,\n    errorState,\n    loading,\n    textOverflow = 'truncate',\n    truncateMode = 'middle',\n    tracks: annotationTracksConfig,\n    height: annotationsHeightConfig,\n  } = annotationsHeader ?? {};\n\n  const tooltipConfig = annotationsTooltip\n    ? { template: annotationsTooltip }\n    : {};\n\n  const columnId = columnDef.id;\n  const setGanttAnnotationsSelection = table.setGanttAnnotationsSelection;\n  const handleMarkerGroupHover = useCallback(\n    (event: Partial<SelectionState>) => {\n      setGanttAnnotationsSelection(columnId, event);\n    },\n    [setGanttAnnotationsSelection, columnId],\n  );\n\n  const annotationTracks = annotationTracksConfig\n    ? toIntegrationTracks(annotationTracksConfig)\n    : [];\n  const shownTracks = annotationTracks.filter(({ hidden }) => !hidden);\n  const tracksHeight =\n    shownTracks.length * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n\n  const configuredHeight = coerceSizeValue(annotationsHeightConfig);\n  const scrollWrapperHeight = configuredHeight\n    ? `min(${tracksHeight}px, ${configuredHeight})`\n    : tracksHeight;\n\n  let ganttAxis: JSX.Element = (\n    <ValueTableHeaderAxis\n      scale={scale as ScaleLinear<number, number>}\n      formatter={formatter as TickValueFormatter}\n      containerHeight={axisHeight}\n      containerWidth={effectiveAxisWidth}\n      min={min}\n      max={max}\n    />\n  );\n  let annotationsDisplay: JSX.Element = (\n    <AnnotationsNumericalDisplay\n      scale={scale as ScaleLinear<number, number>}\n      tracks={annotationTracks}\n      showLabels={false}\n      labelsOffset={0}\n      width={effectiveAxisWidth}\n      markerGroupHover={handleMarkerGroupHover}\n      tooltipConfig={tooltipConfig}\n      annotationsActions={annotationsTooltipActions}\n      textOverflow={textOverflow}\n      truncateMode={truncateMode}\n      formatter={formatter}\n    />\n  );\n\n  // Get the correct axis components based on the xAxisType\n  if (xAxisType === 'time') {\n    ganttAxis = (\n      <TimeTableHeaderAxis\n        scale={scale as ScaleTime<number, number>}\n        containerHeight={axisHeight}\n        containerWidth={effectiveAxisWidth}\n        min={min}\n        max={max}\n      />\n    );\n    annotationsDisplay = (\n      <AnnotationsTimeDisplay\n        scale={scale as ScaleTime<number, number>}\n        tracks={annotationTracks}\n        showLabels={false}\n        labelsOffset={0}\n        width={effectiveAxisWidth}\n        markerGroupHover={handleMarkerGroupHover}\n        tooltipConfig={tooltipConfig}\n        annotationsActions={annotationsTooltipActions}\n        textOverflow={textOverflow}\n        truncateMode={truncateMode}\n      />\n    );\n  }\n\n  return (\n    <DataTableDefaultCell\n      ref={sizeRef}\n      className={styles.ganttChartHeader}\n      data-sizeref={true}\n    >\n      <Flex\n        flexDirection=\"column\"\n        minHeight={annotationsHeightConfig}\n        justifyContent=\"space-between\"\n        style={{ paddingLeft: leftHeaderPadding }}\n      >\n        {annotationsHeader && (\n          <ChartStateHandler\n            empty={isEmpty(annotationTracks)}\n            height=\"100%\"\n            emptyState={emptyState}\n            errorState={errorState}\n            isLoading={loading ?? false}\n            style={{ margin: 'auto' }}\n          >\n            <AnnotationsScrollWrapper\n              height={scrollWrapperHeight}\n              width={effectiveAxisWidth}\n            >\n              {annotationsDisplay}\n            </AnnotationsScrollWrapper>\n          </ChartStateHandler>\n        )}\n        {ganttAxis}\n      </Flex>\n    </DataTableDefaultCell>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\nimport { type JSX, useCallback, useRef } from 'react';\n\nimport * as styles from './DataTableGanttChartHeader.sty.js';\nimport { useMinMaxFromConfig } from './hooks/useMinMaxFromConfig.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { toIntegrationTracks } from './to-integration-tracks.js';\nimport { AnnotationsNumericalDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../../charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  TRACK_HEIGHT,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../../../../charts/core/components/annotations/constants.js';\nimport type { SelectionState } from '../../../../charts/core/components/annotations/types/state.js';\nimport { TimeTableHeaderAxis } from '../../../../charts/core/components/axes/components/TimeTableHeaderAxis.js';\nimport { ValueTableHeaderAxis } from '../../../../charts/core/components/axes/components/ValueTableHeaderAxis.js';\nimport { ChartStateHandler } from '../../../../charts/core/components/chart-states/ChartStateHandler.js';\nimport type { TickValueFormatter } from '../../../../charts/core/types/tick-value.js';\nimport { coerceSizeValue } from '../../../../charts/core/utils/coerceSizeValue.js';\nimport { useContainerSize } from '../../../../core/hooks/useContainerSize.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport {\n  DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP as CELL_HORIZONTAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_PADDING as ICON_PADDING,\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 { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttChartHeaderProps<TData, TValue> = Readonly<{\n  columnDef: DataTableDisplayColumnDef<TData, TValue>;\n}>;\n\n/**\n * @internal\n */\nexport const DataTableGanttChartHeader = <TData, TValue>({\n  columnDef,\n}: Readonly<DataTableGanttChartHeaderProps<TData, TValue>>): JSX.Element => {\n  const sizeRef = useRef<HTMLDivElement>(null);\n  const { width: axisWidth, height: axisHeight } = useContainerSize(sizeRef);\n  const config = (columnDef.config || {}) as DataTableGanttColumnConfig;\n  const { xAxisType = 'numerical', annotationsHeader } = config;\n  const { min, max } = useMinMaxFromConfig(columnDef.id);\n\n  const table = useDataTable();\n  const isSubrowIndicatorColumn =\n    table.getSubRowIndicatorColumnId() === columnDef.id;\n\n  const leftHeaderPaddingValue = isSubrowIndicatorColumn\n    ? SUB_ROW_INDENT_GRID * table.getSubRowOpenDepth()\n    : 0;\n  const leftHeaderPadding = isSubrowIndicatorColumn\n    ? `${leftHeaderPaddingValue}px`\n    : 'inherit';\n\n  // this width is calculated from subrow expander icon size + the padding on both sides, and row density\n  const subrowExpanderWidth = isSubrowIndicatorColumn\n    ? SUB_ROW_EXPANDER_ICON_SIZE +\n      2 * ICON_PADDING +\n      CELL_HORIZONTAL_PADDING_MAP[\n        table.atoms.visualVariantConfig?.get().rowDensity\n      ]\n    : 0;\n\n  // we need to subtract the subrow expander size from the axis width\n  const effectiveAxisWidth = Math.max(\n    0,\n    axisWidth - leftHeaderPaddingValue - subrowExpanderWidth,\n  );\n\n  const { scale, formatter } = useScaleAndFormatter(\n    effectiveAxisWidth,\n    config,\n    min,\n    max,\n  );\n\n  const {\n    tooltip: annotationsTooltip,\n    tooltipActions: annotationsTooltipActions,\n    emptyState,\n    errorState,\n    loading,\n    textOverflow = 'truncate',\n    truncateMode = 'middle',\n    tracks: annotationTracksConfig,\n    height: annotationsHeightConfig,\n  } = annotationsHeader ?? {};\n\n  const tooltipConfig = annotationsTooltip\n    ? { template: annotationsTooltip }\n    : {};\n\n  const columnId = columnDef.id;\n  const setGanttAnnotationsSelection = table.setGanttAnnotationsSelection;\n  const handleMarkerGroupHover = useCallback(\n    (event: Partial<SelectionState>) => {\n      setGanttAnnotationsSelection(columnId, event);\n    },\n    [setGanttAnnotationsSelection, columnId],\n  );\n\n  const annotationTracks = annotationTracksConfig\n    ? toIntegrationTracks(annotationTracksConfig)\n    : [];\n  const shownTracks = annotationTracks.filter(({ hidden }) => !hidden);\n  const tracksHeight =\n    shownTracks.length * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n\n  const configuredHeight = coerceSizeValue(annotationsHeightConfig);\n  const scrollWrapperHeight = configuredHeight\n    ? `min(${tracksHeight}px, ${configuredHeight})`\n    : tracksHeight;\n\n  let ganttAxis: JSX.Element = (\n    <ValueTableHeaderAxis\n      scale={scale as ScaleLinear<number, number>}\n      formatter={formatter as TickValueFormatter}\n      containerHeight={axisHeight}\n      containerWidth={effectiveAxisWidth}\n      min={min}\n      max={max}\n    />\n  );\n  let annotationsDisplay: JSX.Element = (\n    <AnnotationsNumericalDisplay\n      scale={scale as ScaleLinear<number, number>}\n      tracks={annotationTracks}\n      showLabels={false}\n      outerBottomLine\n      labelsOffset={0}\n      width={effectiveAxisWidth}\n      markerGroupHover={handleMarkerGroupHover}\n      tooltipConfig={tooltipConfig}\n      annotationsActions={annotationsTooltipActions}\n      textOverflow={textOverflow}\n      truncateMode={truncateMode}\n      formatter={formatter}\n    />\n  );\n\n  // Get the correct axis components based on the xAxisType\n  if (xAxisType === 'time') {\n    ganttAxis = (\n      <TimeTableHeaderAxis\n        scale={scale as ScaleTime<number, number>}\n        containerHeight={axisHeight}\n        containerWidth={effectiveAxisWidth}\n        min={min}\n        max={max}\n      />\n    );\n    annotationsDisplay = (\n      <AnnotationsTimeDisplay\n        scale={scale as ScaleTime<number, number>}\n        tracks={annotationTracks}\n        showLabels={false}\n        outerBottomLine\n        labelsOffset={0}\n        width={effectiveAxisWidth}\n        markerGroupHover={handleMarkerGroupHover}\n        tooltipConfig={tooltipConfig}\n        annotationsActions={annotationsTooltipActions}\n        textOverflow={textOverflow}\n        truncateMode={truncateMode}\n      />\n    );\n  }\n\n  return (\n    <DataTableDefaultCell\n      ref={sizeRef}\n      className={styles.ganttChartHeader}\n      data-sizeref={true}\n    >\n      <Flex\n        flexDirection=\"column\"\n        minHeight={annotationsHeightConfig}\n        justifyContent=\"space-between\"\n        style={{ paddingLeft: leftHeaderPadding }}\n      >\n        {annotationsHeader && (\n          <ChartStateHandler\n            empty={isEmpty(annotationTracks)}\n            height=\"100%\"\n            emptyState={emptyState}\n            errorState={errorState}\n            isLoading={loading ?? false}\n            style={{ margin: 'auto' }}\n          >\n            <AnnotationsScrollWrapper\n              height={scrollWrapperHeight}\n              width={effectiveAxisWidth}\n            >\n              {annotationsDisplay}\n            </AnnotationsScrollWrapper>\n          </ChartStateHandler>\n        )}\n        {ganttAxis}\n      </Flex>\n    </DataTableDefaultCell>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-7-1";
+var ganttChartHeader = "_10y95u40-3-9-0";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-7-1';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
-._14flfjk2-3-7-1 {
+._14flfjk2-3-9-0 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: calc(var(--_14flfjk0-3-7-1) + var(--_14flfjk1-3-7-1));
-  bottom: calc(var(--_14flfjk1-3-7-1) * -1);
+  top: calc(var(--_14flfjk0-3-9-0) + var(--_14flfjk1-3-9-0));
+  bottom: calc(var(--_14flfjk1-3-9-0) * -1);
 }

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

@@ -1,7 +1,7 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-7-1)";
-var dataTableScrollOffset = "var(--_14flfjk1-3-7-1)";
-var loadingState = "_14flfjk2-3-7-1";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-9-0)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-9-0)";
+var loadingState = "_14flfjk2-3-9-0";
 export {
   dataTableHeaderHeight,
   dataTableScrollOffset,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-7-1)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-7-1)';\nexport var loadingState = '_14flfjk2-3-7-1';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-9-0)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-9-0)';\nexport var loadingState = '_14flfjk2-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport type {\n  CellData,\n  Column,\n  RowData,\n  TableFeature,\n  TableOptions,\n} from '@tanstack/react-table';\nimport { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport type { MeterBarChartColumnTypeFeatureConstructors } from './meterbar-chart-types.js';\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { isDisplayColumnDefConfig } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDataTableMeterBarColumnConfig(\n  config: unknown,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('max' in config ||\n      'color' in config ||\n      'threshold' in config ||\n      'showTooltip' in config ||\n      'max' in config)\n  );\n}\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData extends DataTableRowData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TDataTableFeatures, TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDataTableMeterBarColumnConfig(column.columnDef.meta.config)\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = column.table.atoms.meterbarChartMaxValues?.get();\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        <MeterBarChart\n          value={value}\n          min={config?.min}\n          max={maxValue}\n          color={config?.color as string}\n          size={METER_BAR_SIZE.Size8}\n          width=\"100%\"\n          height=\"auto\"\n          style={{\n            pointerEvents: 'auto',\n            padding: `${Spacings.Size6} 0`,\n          }}\n          formatter={config?.formatter}\n          ref={chartRef}\n        >\n          <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n          {config?.thresholds?.map((threshold) => (\n            <MeterBarChart.ThresholdIndicator\n              key={`threshold-${threshold.color}-${threshold.value}`}\n              name={threshold.name}\n              color={threshold.color}\n              value={threshold.value}\n              showIndicator={threshold.showIndicator}\n            />\n          ))}\n        </MeterBarChart>\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size=\"size8\"\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        height=\"auto\"\n        style={{\n          pointerEvents: 'auto',\n          padding: `${Spacings.Size6} 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDefConfig<TData>(columnDef) &&\n      columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDataTableMeterBarColumnConfig(config) ? config.max : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = {\n    ...options.state,\n    meterbarChartMaxValues,\n  };\n}\n\nexport function constructMeterBarChartColumnTypeFeature(): TableFeature<MeterBarChartColumnTypeFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        meterbarChartMaxValues: null,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableMeterBarChartColumnTypeFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableMeterBarChartColumnTypeFeature =\n  constructMeterBarChartColumnTypeFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport type {\n  CellData,\n  Column,\n  RowData,\n  TableFeature,\n  TableOptions,\n} from '@tanstack/react-table';\nimport { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport type { MeterBarChartColumnTypeFeatureConstructors } from './meterbar-chart-types.js';\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { isDisplayColumnDefConfig } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDataTableMeterBarColumnConfig(\n  config: unknown,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('max' in config ||\n      'color' in config ||\n      'threshold' in config ||\n      'showTooltip' in config ||\n      'max' in config)\n  );\n}\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData extends DataTableRowData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TDataTableFeatures, TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDataTableMeterBarColumnConfig(column.columnDef.meta.config)\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = column.table.atoms.meterbarChartMaxValues?.get();\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        <MeterBarChart\n          value={value}\n          min={config?.min}\n          max={maxValue}\n          color={config?.color as string}\n          size={METER_BAR_SIZE.Size8}\n          width=\"100%\"\n          height=\"auto\"\n          style={{\n            pointerEvents: 'auto',\n            padding: `${Spacings.Size6} 0`,\n          }}\n          formatter={config?.formatter}\n          ref={chartRef}\n        >\n          <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n          {config?.thresholds?.map((threshold) => (\n            <MeterBarChart.ThresholdIndicator\n              key={`threshold-${threshold.color}-${threshold.value}`}\n              // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n              // eslint-disable-next-line @typescript-eslint/no-deprecated\n              name={threshold.name}\n              color={threshold.color}\n              value={threshold.value}\n              showIndicator={threshold.showIndicator}\n            />\n          ))}\n        </MeterBarChart>\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size=\"size8\"\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        height=\"auto\"\n        style={{\n          pointerEvents: 'auto',\n          padding: `${Spacings.Size6} 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDefConfig<TData>(columnDef) &&\n      columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDataTableMeterBarColumnConfig(config) ? config.max : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = {\n    ...options.state,\n    meterbarChartMaxValues,\n  };\n}\n\nexport function constructMeterBarChartColumnTypeFeature(): TableFeature<MeterBarChartColumnTypeFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        meterbarChartMaxValues: null,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableMeterBarChartColumnTypeFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableMeterBarChartColumnTypeFeature =\n  constructMeterBarChartColumnTypeFeature();\n"],
+  "mappings": "AA+JQ,SAeE,KAfF;AAvJR,SAAS,SAAS,gBAAgB;AAClC,SAAS,WAAW,SAAS,cAAwB;AAErD,OAAO,cAAc;AAGrB,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,gCAAgC;AAUzC,MAAM,oBAAoB;AAM1B,SAAS,gCACP,QACyC;AACzC,SACE,WAAW,QACX,WAAW,UACX,OAAO,WAAW,aACjB,SAAS,UACR,WAAW,UACX,eAAe,UACf,iBAAiB,UACjB,SAAS;AAEf;AAMA,SAAS,wBACP,QACoD;AACpD,SACE,WAAW,QACX,WAAW,UACX,OAAO,WAAW,YAClB,cAAc;AAElB;AAcO,SAAS,oBACd,OACiE;AACjE,SACE,MAAM,QAAQ,KAAK,KACnB,MAAM;AAAA,IACJ,CAAC,SACC,OAAO,SAAS,YAChB,OAAO,KAAK,SAAS,YACrB,OAAO,KAAK,UAAU,aACrB,KAAK,UAAU,UAAa,OAAO,KAAK,UAAU;AAAA,EACvD;AAEJ;AAKO,SAAS,sBAGd;AAAA,EACA;AAAA,EACA;AACF,GAAoE;AAClE,QAAM,WAAW,OAAgC,IAAI;AAErD,MAAI,SAAwC,CAAC;AAC7C,MACE,QAAQ,UAAU,QAClB,gCAAgC,OAAO,UAAU,KAAK,MAAM,GAC5D;AACA,aAAS,OAAO,UAAU,KAAK;AAAA,EACjC;AAEA,QAAM,WAAW,OAAO,UAAU,MAAM;AAExC,QAAM,qBAAqB,OAAO,MAAM,MAAM,wBAAwB,IAAI;AAE1E,QAAM,WAAW,CAAC,QAAQ,kBAAkB,IACxC,mBAAmB,QAAQ,IAC3B;AAEJ,QAAM,cAAc,OAA4C,IAAI;AAEpE,YAAU,MAAM;AAEd,WAAO,MAAM;AACX,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B,QAAQ,cACrC,MAAM;AACJ,QAAI,YAAY,SAAS;AACvB;AAAA,IACF;AACA,UAAM,UAAU,CAAC,UAAwB;AACvC,UACG,MAAM,OAAuB,QAAQ,kBAAkB,MAAM,MAC9D;AACA;AAAA,MACF;AAEA,eAAS,SAAS,aAAa;AAC/B,kBAAY,UAAU;AACtB,kBAAY,UAAU;AAAA,IACxB;AACA,gBAAY,UAAU,MACpB,SAAS,oBAAoB,aAAa,OAAO;AACnD,aAAS,iBAAiB,aAAa,OAAO;AAAA,EAChD,IACA;AAGJ,MAAI,OAAO,UAAU,UAAU;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,SAAS,WAAW;AAAA,QAC7B,SAAS;AAAA,QACT,MAAK;AAAA,QAEL;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,KAAK,QAAQ;AAAA,YACb,KAAK;AAAA,YACL,OAAO,QAAQ;AAAA,YACf,MAAM,eAAe;AAAA,YACrB,OAAM;AAAA,YACN,QAAO;AAAA,YACP,OAAO;AAAA,cACL,eAAe;AAAA,cACf,SAAS,GAAG,SAAS,KAAK;AAAA,YAC5B;AAAA,YACA,WAAW,QAAQ;AAAA,YACnB,KAAK;AAAA,YAEL;AAAA,kCAAC,cAAc,SAAd,EAAsB,QAAQ,CAAC,QAAQ,aAAa;AAAA,cACpD,QAAQ,YAAY,IAAI,CAAC,cACxB;AAAA,gBAAC,cAAc;AAAA,gBAAd;AAAA,kBAIC,MAAM,UAAU;AAAA,kBAChB,OAAO,UAAU;AAAA,kBACjB,OAAO,UAAU;AAAA,kBACjB,eAAe,UAAU;AAAA;AAAA,gBANpB,aAAa,UAAU,KAAK,IAAI,UAAU,KAAK;AAAA,cAOtD,CACD;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,mBAAmB,oBAAoB,KAAK;AAClD,MAAI,CAAC,kBAAkB;AACrB,WAAO,2BAA2B;AAAA,EACpC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,SAAS,WAAW;AAAA,MAC7B,SAAS;AAAA,MACT,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK,QAAQ;AAAA,UACb,KAAK;AAAA,UACL,cAAc,QAAQ,gBAAgB;AAAA,UACtC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO;AAAA,YACL,eAAe;AAAA,YACf,SAAS,GAAG,SAAS,KAAK;AAAA,UAC5B;AAAA,UACA,WAAW,QAAQ;AAAA,UACnB,KAAK;AAAA;AAAA,UAIH;AAAA,gCACE,MAAM,IAAI,CAAC,SACT;AAAA,cAAC,mBAAmB;AAAA,cAAnB;AAAA,gBAEC,MAAM,KAAK;AAAA,gBACX,OAAO,KAAK;AAAA,gBACZ,OAAO,MAAM;AAAA;AAAA,cAHR,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK;AAAA,YAIjC,CACD;AAAA,YAEL;AAAA,cAAC,mBAAmB;AAAA,cAAnB;AAAA,gBACC,SAAQ;AAAA,gBACR,QAAQ,CAAC,QAAQ;AAAA;AAAA,YACnB;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAUO,SAAS,iCAEd,MAAe,SAA8D;AAC7E,QAAM,kBAAkB,QAAQ;AAAA,IAC9B,CAAC,cACC,yBAAgC,SAAS,KACzC,UAAU,eAAe;AAAA,EAC7B;AAEA,QAAM,mBAA2C,CAAC;AAElD,aAAW,OAAO,MAAM;AACtB,eAAW,aAAa,iBAAiB;AACvC,UAAI,wBAAwB,SAAS,GAAG;AACtC,cAAM,EAAE,UAAU,QAAQ,IAAI,SAAS,IAAI;AAE3C,cAAM,gBACJ,gCAAgC,MAAM,IAAI,OAAO,MAAM;AAEzD,cAAM,gBAAgB;AAEtB,cAAM,oBACJ,OAAO,aAAa,WAChB,cAAc,QAAQ,IACtB,SAAS,GAAG;AAElB,YAAI,aAAa;AAEjB,YAAI,SAAS,aAAa,GAAG;AAC3B,2BAAiB,QAAQ,IAAI;AAC7B;AAAA,QACF;AAEA,YAAI,mBAAmB;AACrB,cAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,yBAAa,kBAAkB;AAAA,cAC7B,CAAC,KAAK,YAAY,MAAM,QAAQ;AAAA,cAChC;AAAA,YACF;AAAA,UACF,OAAO;AACL,kBAAM,QAAQ,SAAS,iBAAiB,IACpC,oBACA;AACJ,yBACE,kBAAkB,aACd,QACA,KAAK,IAAI,OAAO,iBAAiB;AAAA,UACzC;AAAA,QACF;AAEA,yBAAiB,QAAQ,IAAI,KAAK;AAAA,UAChC,iBAAiB,QAAQ,KAAK;AAAA,UAC9B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,8BACd,OAIA,SACM;AACN,QAAM,yBAAyB;AAAA,IAC7B,MAAM,iCAAwC,MAAM,MAAM,MAAM,OAAO;AAAA,IACvE,CAAC,MAAM,SAAS,MAAM,IAAI;AAAA,EAC5B;AAEA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AACF;AAEO,SAAS,0CAAoG;AAClH,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,wBAAwB;AAAA,QACxB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,0CACX,wCAAwC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._2twyod0-3-7-1::before {
+._2twyod0-3-9-0::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-7-1 ._2twyod0-3-7-1::before, ._2twyod0-3-7-1:not(:first-child)::before {
+._or8s40-3-9-0 ._2twyod0-3-9-0::before, ._2twyod0-3-9-0:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-7-1 {
+._2twyod1-3-9-0 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-7-1:not(:has(+ ._2twyod0-3-7-1)) {
+._2twyod1-3-9-0:not(:has(+ ._2twyod0-3-9-0)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-7-1:not(._or8s40-3-7-1 ._2twyod4-3-7-1) {
+._2twyod4-3-9-0:not(._or8s40-3-9-0 ._2twyod4-3-9-0) {
   opacity: 0;
 }
-._2twyod6-3-7-1 {
+._2twyod6-3-9-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-7-1 {
+._2twyod7-3-9-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-7-1 {
+._2twyod8-3-9-0 {
   border-bottom-width: 0;
 }
-._2twyod9-3-7-1 {
+._2twyod9-3-9-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-7-1 {
+._2twyoda-3-9-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-7-1 {
+._2twyodc-3-9-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._2twyodd-3-7-1 {
+._2twyodd-3-9-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._2twyode-3-7-1 {
+._2twyode-3-9-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);