@dynatrace/strato-components 3.7.1 → 3.8.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  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  void 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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",
   "names": ["cellDate"]
 }

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

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-7-1 {
+._1x1hmrh0-3-8-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-8-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-8-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-8-0 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-7-1 {
+._5jn5tp1-3-8-0 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-7-1:not(:has(._1udh2jz2-3-7-1)) {
+._5jn5tp1-3-8-0:not(:has(._1udh2jz2-3-8-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-8-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-8-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-8-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-8-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-8-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-8-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-8-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-8-0 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-7-1:not(._11pvd3z5-3-7-1) ._10y95u40-3-7-1 {
+._11pvd3zt-3-8-0:not(._11pvd3z5-3-8-0) ._10y95u40-3-8-0 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z5-3-7-1 ._10y95u40-3-7-1 {
+._11pvd3z5-3-8-0 ._10y95u40-3-8-0 {
   width: 100%;
 }
-._10y95u40-3-7-1 span {
+._10y95u40-3-8-0 span {
   margin-top: 0 !important;
 }

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-8-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-8-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-8-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-8-0) + var(--_14flfjk1-3-8-0));
+  bottom: calc(var(--_14flfjk1-3-8-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-8-0)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-8-0)";
+var loadingState = "_14flfjk2-3-8-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-8-0)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-8-0)';\nexport var loadingState = '_14flfjk2-3-8-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": "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",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._2twyod0-3-7-1::before {
+._2twyod0-3-8-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-8-0 ._2twyod0-3-8-0::before, ._2twyod0-3-8-0:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-7-1 {
+._2twyod1-3-8-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-8-0:not(:has(+ ._2twyod0-3-8-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-8-0:not(._or8s40-3-8-0 ._2twyod4-3-8-0) {
   opacity: 0;
 }
-._2twyod6-3-7-1 {
+._2twyod6-3-8-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-8-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-8-0 {
   border-bottom-width: 0;
 }
-._2twyod9-3-7-1 {
+._2twyod9-3-8-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-7-1 {
+._2twyoda-3-8-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-7-1 {
+._2twyodc-3-8-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-8-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-8-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);

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

@@ -1,9 +1,9 @@
 import "../RowOrder/RowOrder.css";
 import "./RowDetails.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var rowDetailsExpandedRowCell = "_2twyod0-3-7-1";
-var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-7-1", variantClassNames: { rowParity: { even: "_2twyod2-3-7-1", odd: "_2twyod3-3-7-1" }, isDraggedRow: { true: "_2twyod4-3-7-1" }, rowSeparation: { none: "_2twyod5-3-7-1", horizontalDividers: "_2twyod6-3-7-1", zebraStripes: "_2twyod7-3-7-1" }, isLastRow: { true: "_2twyod8-3-7-1" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-7-1"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-7-1"]] });
-var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-7-1", variantClassNames: { rowDensity: { "default": "_2twyodc-3-7-1", condensed: "_2twyodd-3-7-1", comfortable: "_2twyode-3-7-1" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-8-0";
+var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-8-0", variantClassNames: { rowParity: { even: "_2twyod2-3-8-0", odd: "_2twyod3-3-8-0" }, isDraggedRow: { true: "_2twyod4-3-8-0" }, rowSeparation: { none: "_2twyod5-3-8-0", horizontalDividers: "_2twyod6-3-8-0", zebraStripes: "_2twyod7-3-8-0" }, isLastRow: { true: "_2twyod8-3-8-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-8-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-8-0"]] });
+var rowDetailsWrapperCSS = _7a468({ defaultClassName: "_2twyodb-3-8-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-8-0", condensed: "_2twyodd-3-8-0", comfortable: "_2twyode-3-8-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   rowDetailsExpandedRowCell,
   rowDetailsRow,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowDetails/RowDetails.css.ts"],
-  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-7-1';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-7-1',variantClassNames:{rowParity:{even:'_2twyod2-3-7-1',odd:'_2twyod3-3-7-1'},isDraggedRow:{true:'_2twyod4-3-7-1'},rowSeparation:{none:'_2twyod5-3-7-1',horizontalDividers:'_2twyod6-3-7-1',zebraStripes:'_2twyod7-3-7-1'},isLastRow:{true:'_2twyod8-3-7-1'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-7-1'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-7-1']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-7-1',variantClassNames:{rowDensity:{'default':'_2twyodc-3-7-1',condensed:'_2twyodd-3-7-1',comfortable:'_2twyode-3-7-1'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
+  "sourcesContent": ["import '../RowOrder/RowOrder.css';\nimport './RowDetails.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var rowDetailsExpandedRowCell = '_2twyod0-3-8-0';\nexport var rowDetailsRow = _7a468({defaultClassName:'_2twyod1-3-8-0',variantClassNames:{rowParity:{even:'_2twyod2-3-8-0',odd:'_2twyod3-3-8-0'},isDraggedRow:{true:'_2twyod4-3-8-0'},rowSeparation:{none:'_2twyod5-3-8-0',horizontalDividers:'_2twyod6-3-8-0',zebraStripes:'_2twyod7-3-8-0'},isLastRow:{true:'_2twyod8-3-8-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_2twyod9-3-8-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_2twyoda-3-8-0']]});\nexport var rowDetailsWrapperCSS = _7a468({defaultClassName:'_2twyodb-3-8-0',variantClassNames:{rowDensity:{'default':'_2twyodc-3-8-0',condensed:'_2twyodd-3-8-0',comfortable:'_2twyode-3-8-0'}},defaultVariants:{rowDensity:'default'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,4BAA4B;AAChC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kBAAiB,KAAI,iBAAgB,GAAE,cAAa,EAAC,MAAK,iBAAgB,GAAE,eAAc,EAAC,MAAK,kBAAiB,oBAAmB,kBAAiB,cAAa,iBAAgB,GAAE,WAAU,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,gBAAgB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACne,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._15silbj0-3-7-1 {
+._15silbj0-3-8-0 {
   box-sizing: border-box;
   appearance: none;
   outline: 0;
@@ -7,7 +7,7 @@
   position: relative;
   cursor: pointer;
 }
-._15silbj0-3-7-1::after {
+._15silbj0-3-8-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -20,44 +20,44 @@
   pointer-events: none;
   z-index: 4;
 }
-._15silbj1-3-7-1::after {
+._15silbj1-3-8-0::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj1-3-7-1:hover {
+._15silbj1-3-8-0:hover {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj1-3-7-1:hover::after {
+._15silbj1-3-8-0:hover::after {
   border-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._15silbj3-3-7-1 {
+._15silbj3-3-8-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj3-3-7-1::after {
+._15silbj3-3-8-0::after {
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-width: 0;
 }
-._15silbj4-3-7-1 {
+._15silbj4-3-8-0 {
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
 }
-._15silbj4-3-7-1::after {
+._15silbj4-3-8-0::after {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._ytdpswb-3-7-1 ._14sp6az6-3-7-1._15silbj5-3-7-1::after {
+._ytdpswb-3-8-0 ._14sp6az6-3-8-0._15silbj5-3-8-0::after {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpswd-3-7-1 ._14sp6az6-3-7-1._15silbj5-3-7-1::after {
+._ytdpswd-3-8-0 ._14sp6az6-3-8-0._15silbj5-3-8-0::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._15silbj6-3-7-1 {
+._15silbj6-3-8-0 {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-._15silbj7-3-7-1 {
+._15silbj7-3-8-0 {
   background-color: var(--dt-colors-background-container-primary-default, #f1f2f9);
 }
-._15silbj7-3-7-1::after {
+._15silbj7-3-8-0::after {
   border-width: 0;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-primary-accent, #464cce), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }

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

@@ -3,7 +3,7 @@ import "../../components/DataTableVirtualizationContainer.css";
 import "../../DataTable.css";
 import "./RowInteractivity.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-7-1", variantClassNames: { active: { true: "_15silbj1-3-7-1", false: "_15silbj2-3-7-1" }, focus: { true: "_15silbj3-3-7-1" }, hovered: { true: "_15silbj4-3-7-1" }, contained: { true: "_15silbj5-3-7-1", false: "_15silbj6-3-7-1" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-7-1"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-8-0", variantClassNames: { active: { true: "_15silbj1-3-8-0", false: "_15silbj2-3-8-0" }, focus: { true: "_15silbj3-3-8-0" }, hovered: { true: "_15silbj4-3-8-0" }, contained: { true: "_15silbj5-3-8-0", false: "_15silbj6-3-8-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-8-0"]] });
 export {
   interactiveRow
 };