@dynatrace/strato-components 3.0.1 → 3.1.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.tsx"],
-  "sourcesContent": ["import { type JSX, memo } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport {\n  adjustFractionDigits,\n  format,\n  units,\n  formatLong,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './column-types-types.js';\nimport { logContentWrapper } from './ColumnTypes.sty.js';\nimport type { Timeseries } from '../../../../charts/core/types/timeseries.js';\nimport { Sparkline } from '../../../../charts/sparkline/Sparkline.js';\nimport { Markdown } from '../../../../content/markdown/Markdown.js';\nimport { type Components } from '../../../../core/types/markdown/react-markdown.js';\nimport {\n  formatCurrencyDefault,\n  formatDateDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport { LogContentHighlight } from '../../../utils/log-content-highlighting.js';\nimport { replaceUrlsWithLinks } from '../../../utils/replace-urls-with-links.js';\nimport { DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT } from '../../constants.js';\nimport type {\n  CellContext,\n  ColumnDef,\n  ColumnDefBase,\n  ColumnDefTemplate,\n  ColumnMeta,\n} from '../../hooks/useTable/types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableAlignmentColumnDef } from '../ColumnAlignment.js';\nimport {\n  DataTableGanttChartCell,\n  isGanttSegmentData,\n} from '../GanttChart/DataTableGanttChartCell.js';\nimport { DataTableGanttChartHeader } from '../GanttChart/DataTableGanttChartHeader.js';\nimport {\n  isMultiMeterBarData,\n  MeterBarChartRenderer,\n} from '../MeterBarChart/MeterBarChart.js';\n\n/**\n * Function that sets the column alignment and the custom cell renderer\n * based on the column type from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column alignment and the custom cell renderer based on the column type\n * @internal\n */\nexport function applyColumnTypes<TData, TValue>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n  composedDef: ColumnDef<TData, TValue>,\n): {\n  alignment?: DataTableAlignmentColumnDef['alignment'];\n  cell?: ColumnDefBase<TData, TValue>['cell'];\n  enableSorting?: boolean;\n  header?: string | (() => JSX.Element);\n  /**\n   * Enables user actions for a specific column type.\n   * If set to `true`, all user actions can be enabled, while `false` disables all user actions.\n   * Additionally, the configuration `{type: 'chart'}` ensures that only specific user actions are enabled.\n   */\n  enableUserActions?: boolean | { type: 'chart' };\n  meta?: ColumnMeta<TData, TValue>;\n} {\n  if (columnDef.cell !== undefined) {\n    return {};\n  }\n\n  const columnType = columnDef.columnType;\n  if (!columnType) {\n    return {};\n  }\n\n  let enableUserActions: boolean | { type: 'chart' } = true;\n\n  if (columnType === 'sparkline') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'meterbar') {\n    // disable sorting by default for meter bar columns\n    // for backwards compatibility,\n    // but allow user to override\n    columnDef.disableSorting ??= true;\n    enableUserActions = { type: 'chart' };\n  }\n\n  if (columnType === 'markdown') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'gantt') {\n    columnDef.disableSorting = true;\n    enableUserActions = false;\n    columnDef.header = () => (\n      <DataTableGanttChartHeader columnDef={columnDef} />\n    );\n    composedDef.meta = {\n      ...composedDef.meta,\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n    };\n  }\n  if (columnType === 'log-content') {\n    composedDef.meta = {\n      ...composedDef.meta,\n      fontStyle: 'code',\n    };\n  }\n\n  return {\n    alignment: columnDef.alignment || getAlignmentBasedOnType(columnType),\n    cell: getCellTypeRenderer(columnType),\n    enableSorting: !columnDef.disableSorting,\n    header: columnDef.header,\n    enableUserActions,\n    meta: composedDef.meta,\n  };\n}\n\n/**\n * Gets text alignment of a column based on its type.\n * @internal\n */\nexport function getAlignmentBasedOnType(\n  columnType?: DataTableColumnType,\n): DataTableAlignmentColumnDef['alignment'] {\n  switch (columnType) {\n    case 'number':\n    case 'long':\n    case 'currency':\n    case 'bit':\n    case 'date':\n      return 'right';\n    default:\n      return DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT;\n  }\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableGanttColumnConfig(\n  config: unknown,\n): config is DataTableGanttColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'nameAccessor' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableSparklineColumnConfig(\n  config: unknown,\n): config is DataTableSparklineColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('color' in config ||\n      'variant' in config ||\n      'gapPolicy' in config ||\n      'curve' in config ||\n      'showContextValues' in config)\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableMarkdownColumnConfig(\n  config: unknown,\n): config is DataTableMarkdownColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'customComponentMappings' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableLogContentColumnConfig(\n  config: unknown,\n): config is DataTableLogContentColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'truncationLimit' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableTextColumnConfig(\n  config: unknown,\n): config is DataTableTextColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'detectLinks' in config\n  );\n}\n\n// Create memo versions of the Sparkline and MeterBarChart here to avoid excessive\n// rerenders.\nconst SparklineMemo = memo(Sparkline);\nconst MeterbarMemo = memo(MeterBarChartRenderer);\n// Markdown component is also memoized here. In a follow-up we should look into\n// memoizing the root component, as it can be 100% controlled by its primitive props.\nconst MarkdownMemo = memo(Markdown);\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DateMemo = memo((props: { value: any }) => {\n  return (\n    <>\n      {formatDateDefault(\n        new Date(convertToNumberIfPureNumber(props.value as string)),\n      )}\n    </>\n  );\n});\n\nconst CELL_TYPE_RENDERERS: Record<\n  string,\n  ColumnDefBase<unknown, unknown>['cell']\n> = {\n  number: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? adjustFractionDigits(valueAsNumber)\n        : '';\n    }\n  },\n  long: (props) => {\n    const cellValue = props.getValue();\n    if (\n      cellValue === undefined ||\n      cellValue === null ||\n      Number.isNaN(cellValue)\n    ) {\n      return '';\n    } else if (\n      typeof cellValue === 'number' ||\n      typeof cellValue === 'bigint' ||\n      typeof cellValue === 'string'\n    ) {\n      return formatLong(cellValue);\n    }\n\n    return `${cellValue}`;\n  },\n  currency: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n          formatCurrencyDefault(valueAsNumber)\n        : '';\n    }\n  },\n  bit: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber = Number.isNaN(+cellValue)\n        ? ''\n        : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? format(valueAsNumber, { input: units.data.bit })\n        : '';\n    }\n  },\n  date: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DateMemo value={cellValue} />;\n  },\n  text: (props) => {\n    const cellValue = props.getValue();\n    let detectLinks = true;\n    if (isDatatableTextColumnConfig(props.column.columnDef.meta?.config)) {\n      detectLinks = !!props.column.columnDef.meta?.config.detectLinks;\n    }\n    if (typeof cellValue !== 'string' || !detectLinks) {\n      return cellValue === undefined ||\n        cellValue === null ||\n        Number.isNaN(cellValue)\n        ? ''\n        : `${cellValue}`;\n    }\n    return replaceUrlsWithLinks(cellValue);\n  },\n  sparkline: (props) => {\n    let config: DataTableSparklineColumnConfig = {};\n    if (\n      props.column.columnDef.meta &&\n      isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const rowDensity = props.table.getVisualVariantOptions().rowDensity;\n    return (\n      <SparklineMemo\n        data={props.getValue() as Timeseries[]}\n        color={config.color ?? Colors.Charts.Categorical.Color01.Default}\n        variant={config.variant ?? 'line'}\n        gapPolicy={config.gapPolicy ?? 'connect'}\n        curve={config.curve ?? 'linear'}\n        showContextValues={!!config?.showContextValues}\n        labelsAlignment=\"right\"\n        labelsFixedWidth={rowDensity === 'condensed' ? 32 : 42}\n      />\n    );\n  },\n  meterbar: (props) => {\n    const value = props.getValue();\n\n    if (typeof value === 'number' || isMultiMeterBarData(value)) {\n      return <MeterbarMemo value={value} column={props.column} />;\n    }\n    return '';\n  },\n  gantt: (props) => {\n    let config: DataTableGanttColumnConfig = { nameAccessor: 'name' };\n    if (\n      props.column.columnDef.meta &&\n      isDatatableGanttColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const value = props.getValue();\n    const parentData = props.row.getParentRow()?.getValue(props.column.id);\n    const isGanttValue =\n      isGanttSegmentData(value) ||\n      (Array.isArray(value) && value.every(isGanttSegmentData));\n\n    const isGanttParentData =\n      parentData === undefined ||\n      isGanttSegmentData(parentData) ||\n      (Array.isArray(parentData) && parentData.every(isGanttSegmentData));\n\n    if (isGanttValue && isGanttParentData) {\n      return (\n        <DataTableGanttChartCell\n          data={value}\n          parentData={parentData}\n          columnId={props.column.id}\n          config={config}\n        />\n      );\n    }\n\n    return '';\n  },\n  markdown: (props) => {\n    const config = props.column.columnDef.meta?.config;\n    const customComponentMappings: Components | undefined =\n      isDatatableMarkdownColumnConfig(config)\n        ? config?.customComponentMappings\n        : undefined;\n\n    const value = props.getValue();\n    if (value !== null && value !== undefined && typeof value === 'string') {\n      return (\n        <MarkdownMemo customComponentMappings={customComponentMappings}>\n          {value}\n        </MarkdownMemo>\n      );\n    }\n    return '';\n  },\n  'log-content': (props) => {\n    const cellValue = props.getValue();\n\n    if (typeof cellValue === 'string') {\n      const isColumnLineWrap = props.column.getIsLineWrapped();\n      const config = props.column.columnDef.meta?.config;\n      const truncationLimit = isDatatableLogContentColumnConfig(config)\n        ? config?.truncationLimit\n        : undefined;\n\n      return (\n        <div className={logContentWrapper({ linewrap: isColumnLineWrap })}>\n          <LogContentHighlight\n            logContent={cellValue}\n            lineWrap={isColumnLineWrap}\n            truncationLimit={truncationLimit}\n          />\n        </div>\n      );\n    }\n\n    return '';\n  },\n};\n\n/**\n * Returns matching cell renderer for each of the different column types so\n * the values are displayed correctly.\n */\nfunction getCellTypeRenderer(\n  columnType: DataTableColumnType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): ColumnDefTemplate<CellContext<any, any>> | undefined {\n  return CELL_TYPE_RENDERERS[columnType] ?? CELL_TYPE_RENDERERS.text;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type JSX, memo } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport {\n  adjustFractionDigits,\n  format,\n  formatLong,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './column-types-types.js';\nimport { logContentWrapper } from './ColumnTypes.sty.js';\nimport type { Timeseries } from '../../../../charts/core/types/timeseries.js';\nimport { Sparkline } from '../../../../charts/sparkline/Sparkline.js';\nimport { Markdown } from '../../../../content/markdown/Markdown.js';\nimport { type Components } from '../../../../core/types/markdown/react-markdown.js';\nimport {\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport { LogContentHighlight } from '../../../utils/log-content-highlighting.js';\nimport { replaceUrlsWithLinks } from '../../../utils/replace-urls-with-links.js';\nimport { DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT } from '../../constants.js';\nimport type {\n  CellContext,\n  ColumnDef,\n  ColumnDefBase,\n  ColumnDefTemplate,\n  ColumnMeta,\n} from '../../hooks/useTable/types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableAlignmentColumnDef } from '../ColumnAlignment.js';\nimport {\n  DataTableGanttChartCell,\n  isGanttSegmentData,\n} from '../GanttChart/DataTableGanttChartCell.js';\nimport { DataTableGanttChartHeader } from '../GanttChart/DataTableGanttChartHeader.js';\nimport {\n  isMultiMeterBarData,\n  MeterBarChartRenderer,\n} from '../MeterBarChart/MeterBarChart.js';\n\n/**\n * Function that sets the column alignment and the custom cell renderer\n * based on the column type from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column alignment and the custom cell renderer based on the column type\n * @internal\n */\nexport function applyColumnTypes<TData, TValue>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n  composedDef: ColumnDef<TData, TValue>,\n): {\n  alignment?: DataTableAlignmentColumnDef['alignment'];\n  cell?: ColumnDefBase<TData, TValue>['cell'];\n  enableSorting?: boolean;\n  header?: string | (() => JSX.Element);\n  /**\n   * Enables user actions for a specific column type.\n   * If set to `true`, all user actions can be enabled, while `false` disables all user actions.\n   * Additionally, the configuration `{type: 'chart'}` ensures that only specific user actions are enabled.\n   */\n  enableUserActions?: boolean | { type: 'chart' };\n  meta?: ColumnMeta<TData, TValue>;\n} {\n  if (columnDef.cell !== undefined) {\n    return {};\n  }\n\n  const columnType = columnDef.columnType;\n  if (!columnType) {\n    return {};\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnType === 'date') {\n    devLog(\n      \"DataTable: columnType 'date' is deprecated and will be removed in a future release. Use 'datetime' instead.\",\n    );\n  }\n\n  let enableUserActions: boolean | { type: 'chart' } = true;\n\n  if (columnType === 'sparkline') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'meterbar') {\n    // disable sorting by default for meter bar columns\n    // for backwards compatibility,\n    // but allow user to override\n    columnDef.disableSorting ??= true;\n    enableUserActions = { type: 'chart' };\n  }\n\n  if (columnType === 'markdown') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'gantt') {\n    columnDef.disableSorting = true;\n    enableUserActions = false;\n    columnDef.header = () => (\n      <DataTableGanttChartHeader columnDef={columnDef} />\n    );\n    composedDef.meta = {\n      ...composedDef.meta,\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n    };\n  }\n  if (columnType === 'log-content') {\n    composedDef.meta = {\n      ...composedDef.meta,\n      fontStyle: 'code',\n    };\n  }\n\n  return {\n    alignment: columnDef.alignment || getAlignmentBasedOnType(columnType),\n    cell: getCellTypeRenderer(columnType),\n    enableSorting: !columnDef.disableSorting,\n    header: columnDef.header,\n    enableUserActions,\n    meta: composedDef.meta,\n  };\n}\n\n/**\n * Gets text alignment of a column based on its type.\n * @internal\n */\nexport function getAlignmentBasedOnType(\n  columnType?: DataTableColumnType,\n): DataTableAlignmentColumnDef['alignment'] {\n  switch (columnType) {\n    case 'number':\n    case 'long':\n    case 'currency':\n    case 'bit':\n    case 'date': // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'datetime':\n      return 'right';\n    default:\n      return DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT;\n  }\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableGanttColumnConfig(\n  config: unknown,\n): config is DataTableGanttColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'nameAccessor' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableSparklineColumnConfig(\n  config: unknown,\n): config is DataTableSparklineColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('color' in config ||\n      'variant' in config ||\n      'gapPolicy' in config ||\n      'curve' in config ||\n      'showContextValues' in config ||\n      'xAxis' in config)\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableMarkdownColumnConfig(\n  config: unknown,\n): config is DataTableMarkdownColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'customComponentMappings' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableLogContentColumnConfig(\n  config: unknown,\n): config is DataTableLogContentColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'truncationLimit' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableTextColumnConfig(\n  config: unknown,\n): config is DataTableTextColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'detectLinks' in config\n  );\n}\n\n// Create memo versions of the Sparkline and MeterBarChart here to avoid excessive\n// rerenders.\nconst SparklineMemo = memo(Sparkline);\nconst MeterbarMemo = memo(MeterBarChartRenderer);\n// Markdown component is also memoized here. In a follow-up we should look into\n// memoizing the root component, as it can be 100% controlled by its primitive props.\nconst MarkdownMemo = memo(Markdown);\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DatetimeMemo = memo((props: { value: any }) => {\n  return (\n    <>\n      {formatDatetimeDefault(\n        new Date(convertToNumberIfPureNumber(props.value as string)),\n      )}\n    </>\n  );\n});\n\nconst CELL_TYPE_RENDERERS: Record<\n  string,\n  ColumnDefBase<unknown, unknown>['cell']\n> = {\n  number: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? adjustFractionDigits(valueAsNumber)\n        : '';\n    }\n  },\n  long: (props) => {\n    const cellValue = props.getValue();\n    if (\n      cellValue === undefined ||\n      cellValue === null ||\n      Number.isNaN(cellValue)\n    ) {\n      return '';\n    } else if (\n      typeof cellValue === 'number' ||\n      typeof cellValue === 'bigint' ||\n      typeof cellValue === 'string'\n    ) {\n      return formatLong(cellValue);\n    }\n\n    return `${cellValue}`;\n  },\n  currency: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n          formatCurrencyDefault(valueAsNumber)\n        : '';\n    }\n  },\n  bit: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber = Number.isNaN(+cellValue)\n        ? ''\n        : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? format(valueAsNumber, { input: units.data.bit })\n        : '';\n    }\n  },\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  date: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  datetime: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  text: (props) => {\n    const cellValue = props.getValue();\n    let detectLinks = true;\n    if (isDatatableTextColumnConfig(props.column.columnDef.meta?.config)) {\n      detectLinks = !!props.column.columnDef.meta?.config.detectLinks;\n    }\n    if (typeof cellValue !== 'string' || !detectLinks) {\n      return cellValue === undefined ||\n        cellValue === null ||\n        Number.isNaN(cellValue)\n        ? ''\n        : `${cellValue}`;\n    }\n    return replaceUrlsWithLinks(cellValue);\n  },\n  sparkline: (props) => {\n    let config: DataTableSparklineColumnConfig = {};\n    if (\n      props.column.columnDef.meta &&\n      isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const rowDensity = props.table.getVisualVariantOptions().rowDensity;\n    return (\n      <SparklineMemo\n        data={props.getValue() as Timeseries[]}\n        color={config.color ?? Colors.Charts.Categorical.Color01.Default}\n        variant={config.variant ?? 'line'}\n        gapPolicy={config.gapPolicy ?? 'connect'}\n        curve={config.curve ?? 'linear'}\n        showContextValues={!!config?.showContextValues}\n        labelsAlignment=\"right\"\n        labelsFixedWidth={rowDensity === 'condensed' ? 32 : 42}\n      >\n        {config.xAxis && <Sparkline.XAxis {...config.xAxis} />}\n      </SparklineMemo>\n    );\n  },\n  meterbar: (props) => {\n    const value = props.getValue();\n\n    if (typeof value === 'number' || isMultiMeterBarData(value)) {\n      return <MeterbarMemo value={value} column={props.column} />;\n    }\n    return '';\n  },\n  gantt: (props) => {\n    let config: DataTableGanttColumnConfig = { nameAccessor: 'name' };\n    if (\n      props.column.columnDef.meta &&\n      isDatatableGanttColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const value = props.getValue();\n    const parentData = props.row.getParentRow()?.getValue(props.column.id);\n    const isGanttValue =\n      isGanttSegmentData(value) ||\n      (Array.isArray(value) && value.every(isGanttSegmentData));\n\n    const isGanttParentData =\n      parentData === undefined ||\n      isGanttSegmentData(parentData) ||\n      (Array.isArray(parentData) && parentData.every(isGanttSegmentData));\n\n    if (isGanttValue && isGanttParentData) {\n      return (\n        <DataTableGanttChartCell\n          data={value}\n          parentData={parentData}\n          columnId={props.column.id}\n          config={config}\n        />\n      );\n    }\n\n    return '';\n  },\n  markdown: (props) => {\n    const config = props.column.columnDef.meta?.config;\n    const customComponentMappings: Components | undefined =\n      isDatatableMarkdownColumnConfig(config)\n        ? config?.customComponentMappings\n        : undefined;\n\n    const value = props.getValue();\n    if (value !== null && value !== undefined && typeof value === 'string') {\n      return (\n        <MarkdownMemo customComponentMappings={customComponentMappings}>\n          {value}\n        </MarkdownMemo>\n      );\n    }\n    return '';\n  },\n  'log-content': (props) => {\n    const cellValue = props.getValue();\n\n    if (typeof cellValue === 'string') {\n      const isColumnLineWrap = props.column.getIsLineWrapped();\n      const config = props.column.columnDef.meta?.config;\n      const truncationLimit = isDatatableLogContentColumnConfig(config)\n        ? config?.truncationLimit\n        : undefined;\n\n      return (\n        <div className={logContentWrapper({ linewrap: isColumnLineWrap })}>\n          <LogContentHighlight\n            logContent={cellValue}\n            lineWrap={isColumnLineWrap}\n            truncationLimit={truncationLimit}\n          />\n        </div>\n      );\n    }\n\n    return '';\n  },\n};\n\n/**\n * Returns matching cell renderer for each of the different column types so\n * the values are displayed correctly.\n */\nfunction getCellTypeRenderer(\n  columnType: DataTableColumnType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): ColumnDefTemplate<CellContext<any, any>> | undefined {\n  return CELL_TYPE_RENDERERS[columnType] ?? CELL_TYPE_RENDERERS.text;\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-0-1", variantClassNames: { linewrap: { false: "_19nyr521-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-1-1", variantClassNames: { linewrap: { false: "_19nyr521-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-0-1',variantClassNames:{linewrap:{false:'_19nyr521-3-0-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-1-1',variantClassNames:{linewrap:{false:'_19nyr521-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnTypes/column-types-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/column-types-types.ts"],
-  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatDateOptions,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../../charts/core/types/color-palette.js';\nimport type { Formatter } from '../../../../charts/core/types/formatter.js';\nimport type { GanttChartConfig } from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport type { Components } from '../../../../core/types/markdown/react-markdown.js';\nimport type { FormatterCurrencyOptions } from '../CellFormatter/cell-formatter-types.js';\n\n/**\n * Available column types for the DataTable.\n * @public\n */\nexport type DataTableColumnType =\n  | 'text'\n  | 'date'\n  | 'bit'\n  | 'number'\n  | 'long'\n  | 'currency'\n  | 'sparkline'\n  | 'meterbar'\n  | 'gantt'\n  | 'markdown'\n  | 'log-content';\n\n/**\n * Defined config options used in sparkline column.\n * @public\n */\nexport type DataTableSparklineColumnConfig = {\n  /**\n   * Sparkline color.\n   * @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  color?: string;\n  /**\n   * Sparkline variant (line, area, bar).\n   * @defaultValue 'line'\n   */\n  variant?: 'line' | 'area' | 'bar';\n  /**\n   * Defines how gaps in the data are visualized.\n   * @defaultValue 'connect'\n   */\n  gapPolicy?: 'connect' | 'gap';\n  /**\n   * Curve shape of the series.\n   * @defaultValue 'linear'\n   */\n  curve?: 'linear' | 'smooth';\n  /**\n   * Whether Sparkline shows min/max labels.\n   * @defaultValue false\n   */\n  showContextValues?: boolean;\n};\n\n/**\n * Defined configuration options used in meterbar column.\n * @public\n */\nexport type DataTableMeterbarColumnConfig = {\n  /**\n   * Color of the meter bar segment.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n\n  /**\n   * Min value for the meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n\n  /**\n   * Max value for the meter bar chart scale.\n   * @defaultValue 100\n   */\n  max?: number | 'data-max';\n\n  /**\n   * The color palette to use for multi-segment meter bars.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n\n  /**\n   * When set to true, shows a tooltip on hover.\n   * @defaultValue false\n   */\n  showTooltip?: boolean;\n\n  /**\n   * Formats the value displayed in the tooltip.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n\n  /**\n   * Array of threshold configurations to display on the meter bar.\n   */\n  thresholds?: {\n    /**\n     * The value of the threshold.\n     */\n    value: number;\n\n    /**\n     * The color of the threshold.\n     * @defaultValue 'Categorical.Color11'\n     */\n    color: string;\n\n    /**\n     * Name of the threshold.\n     */\n    name: string;\n\n    /**\n     * When set to true, the threshold indicator is shown.\n     * @defaultValue false\n     */\n    showIndicator?: boolean;\n  }[];\n};\n\n/**\n * Defined configuration options used in gantt column.\n * @public\n */\nexport type DataTableGanttColumnConfig = GanttChartConfig;\n\n/**\n * Defined config options used in Markdown column.\n * @public\n */\nexport type DataTableMarkdownColumnConfig = {\n  /**\n   * A mapping of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,\n   * allowing for the override of default rendering.\n   * @defaultValue undefined\n   * @example\n   * ```jsx\n   * const customMappings = {\n   *   h2: ({ children }) => (<u><h2>{children}</h2></u>)\n   * }\n   * ```\n   */\n  customComponentMappings?: Components;\n};\n\n/**\n * Defined config options used in log content column.\n * @public\n */\nexport type DataTableLogContentColumnConfig = {\n  /**\n   * Defines the character limit for truncating log lines. Defaults to 1000 characters.\n   * Set to `false` to disable truncation and always display the entire log line.\n   *\n   * @defaultValue 1000\n   * @remarks **Warning:** Increasing or disabling this limit may negatively impact table performance!\n   */\n  truncationLimit?: number | false;\n};\n\n/**\n * Defined config options used in text column.\n * @public\n */\nexport type DataTableTextColumnConfig = {\n  /** Specifies whether URLs in the text should be automatically detected and rendered as external links. */\n  detectLinks?: boolean;\n};\n\n/**\n * Combined ruleset of column types and their matching configurations.\n * @public\n */\nexport type DataTableColumnTypesColumnDef =\n  | {\n      columnType: Extract<DataTableColumnType, 'meterbar'>;\n      config?: DataTableMeterbarColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'sparkline'>;\n      config?: DataTableSparklineColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'date'>;\n      formatter?: FormatDateOptions;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'currency'>;\n      formatter?: FormatterCurrencyOptions;\n      config?: never;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'number' | 'bit'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'long'>;\n      formatter?: Pick<\n        FormatOptions<Unit, ConvertibleUnit>,\n        | 'locale'\n        | 'maximumFractionDigits'\n        | 'maximumSignificantDigits'\n        | 'minimumFractionDigits'\n        | 'minimumSignificantDigits'\n        | 'useGrouping'\n      >;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'gantt'>;\n      config?: DataTableGanttColumnConfig;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'markdown'>;\n      formatter?: never;\n      config?: DataTableMarkdownColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'log-content'>;\n      formatter?: never;\n      config?: DataTableLogContentColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'text'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: DataTableTextColumnConfig;\n    };\n\n/**\n * Available chart column types.\n * @internal\n */\nconst CHART_COLUMN_TYPES = ['sparkline', 'meterbar', 'gantt'] as const;\n\nexport type ChartColumnTypes = (typeof CHART_COLUMN_TYPES)[number];\n\n/**\n * Checks whether column type is a chart type.\n * @internal\n */\nexport function isChartColumnType(\n  columnType: DataTableColumnType | undefined,\n): columnType is ChartColumnTypes {\n  if (columnType) {\n    return (CHART_COLUMN_TYPES as readonly DataTableColumnType[]).includes(\n      columnType,\n    );\n  }\n  return false;\n}\n"],
-  "mappings": "AAsPA,MAAM,qBAAqB,CAAC,aAAa,YAAY,OAAO;AAQrD,SAAS,kBACd,YACgC;AAChC,MAAI,YAAY;AACd,WAAQ,mBAAsD;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatDateOptions,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../../charts/core/types/color-palette.js';\nimport type { Formatter } from '../../../../charts/core/types/formatter.js';\nimport type { GanttChartConfig } from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport type { Components } from '../../../../core/types/markdown/react-markdown.js';\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from '../CellFormatter/cell-formatter-types.js';\n\n/**\n * Available column types for the DataTable.\n * @public\n */\nexport type DataTableColumnType =\n  | 'text'\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  | 'date'\n  | 'datetime'\n  | 'bit'\n  | 'number'\n  | 'long'\n  | 'currency'\n  | 'sparkline'\n  | 'meterbar'\n  | 'gantt'\n  | 'markdown'\n  | 'log-content';\n\n/**\n * The x-axis boundaries props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineXAxisProps {\n  /**\n   * The min value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  min?: 'auto' | 'data-min' | number | Date;\n  /**\n   * The max value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  max?: 'auto' | 'data-max' | number | Date;\n}\n\n/**\n * Defined config options used in sparkline column.\n * @public\n */\nexport type DataTableSparklineColumnConfig = {\n  /**\n   * Sparkline color.\n   * @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  color?: string;\n  /**\n   * Sparkline variant (line, area, bar).\n   * @defaultValue 'line'\n   */\n  variant?: 'line' | 'area' | 'bar';\n  /**\n   * Defines how gaps in the data are visualized.\n   * @defaultValue 'connect'\n   */\n  gapPolicy?: 'connect' | 'gap';\n  /**\n   * Curve shape of the series.\n   * @defaultValue 'linear'\n   */\n  curve?: 'linear' | 'smooth';\n  /**\n   * Whether Sparkline shows min/max labels.\n   * @defaultValue false\n   */\n  showContextValues?: boolean;\n\n  /**\n   * Optional x-axis boundary configuration for the sparkline.\n   *\n   * Use this to override the default domain derived from the data.\n   * The `min` and `max` values can be set to `Date`, numeric timestamps,\n   * or automatic data-based boundaries (`'data-min'` / `'data-max'`).\n   * @defaultValue undefined\n   */\n  xAxis?: DataTableSparklineXAxisProps;\n};\n\n/**\n * Defined configuration options used in meterbar column.\n * @public\n */\nexport type DataTableMeterbarColumnConfig = {\n  /**\n   * Color of the meter bar segment.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n\n  /**\n   * Min value for the meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n\n  /**\n   * Max value for the meter bar chart scale.\n   * @defaultValue 100\n   */\n  max?: number | 'data-max';\n\n  /**\n   * The color palette to use for multi-segment meter bars.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n\n  /**\n   * When set to true, shows a tooltip on hover.\n   * @defaultValue false\n   */\n  showTooltip?: boolean;\n\n  /**\n   * Formats the value displayed in the tooltip.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n\n  /**\n   * Array of threshold configurations to display on the meter bar.\n   */\n  thresholds?: {\n    /**\n     * The value of the threshold.\n     */\n    value: number;\n\n    /**\n     * The color of the threshold.\n     * @defaultValue 'Categorical.Color11'\n     */\n    color: string;\n\n    /**\n     * Name of the threshold.\n     */\n    name: string;\n\n    /**\n     * When set to true, the threshold indicator is shown.\n     * @defaultValue false\n     */\n    showIndicator?: boolean;\n  }[];\n};\n\n/**\n * Defined configuration options used in gantt column.\n * @public\n */\nexport type DataTableGanttColumnConfig = GanttChartConfig;\n\n/**\n * Defined config options used in Markdown column.\n * @public\n */\nexport type DataTableMarkdownColumnConfig = {\n  /**\n   * A mapping of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,\n   * allowing for the override of default rendering.\n   * @defaultValue undefined\n   * @example\n   * ```jsx\n   * const customMappings = {\n   *   h2: ({ children }) => (<u><h2>{children}</h2></u>)\n   * }\n   * ```\n   */\n  customComponentMappings?: Components;\n};\n\n/**\n * Defined config options used in log content column.\n * @public\n */\nexport type DataTableLogContentColumnConfig = {\n  /**\n   * Defines the character limit for truncating log lines. Defaults to 1000 characters.\n   * Set to `false` to disable truncation and always display the entire log line.\n   *\n   * @defaultValue 1000\n   * @remarks **Warning:** Increasing or disabling this limit may negatively impact table performance!\n   */\n  truncationLimit?: number | false;\n};\n\n/**\n * Defined config options used in text column.\n * @public\n */\nexport type DataTableTextColumnConfig = {\n  /** Specifies whether URLs in the text should be automatically detected and rendered as external links. */\n  detectLinks?: boolean;\n};\n\n/**\n * Combined ruleset of column types and their matching configurations.\n * @public\n */\nexport type DataTableColumnTypesColumnDef =\n  | {\n      columnType: Extract<DataTableColumnType, 'meterbar'>;\n      config?: DataTableMeterbarColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'sparkline'>;\n      config?: DataTableSparklineColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'datetime'>;\n      formatter?: FormatDateOptions | DataTableDatetimeDisplayMode;\n      config?: never;\n    }\n  | {\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      columnType: Extract<DataTableColumnType, 'date'>;\n      formatter?: FormatDateOptions;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'currency'>;\n      formatter?: FormatterCurrencyOptions;\n      config?: never;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'number' | 'bit'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'long'>;\n      formatter?: Pick<\n        FormatOptions<Unit, ConvertibleUnit>,\n        | 'locale'\n        | 'maximumFractionDigits'\n        | 'maximumSignificantDigits'\n        | 'minimumFractionDigits'\n        | 'minimumSignificantDigits'\n        | 'useGrouping'\n      >;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'gantt'>;\n      config?: DataTableGanttColumnConfig;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'markdown'>;\n      formatter?: never;\n      config?: DataTableMarkdownColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'log-content'>;\n      formatter?: never;\n      config?: DataTableLogContentColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'text'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: DataTableTextColumnConfig;\n    };\n\n/**\n * Available chart column types.\n * @internal\n */\nconst CHART_COLUMN_TYPES = ['sparkline', 'meterbar', 'gantt'] as const;\n\nexport type ChartColumnTypes = (typeof CHART_COLUMN_TYPES)[number];\n\n/**\n * Checks whether column type is a chart type.\n * @internal\n */\nexport function isChartColumnType(\n  columnType: DataTableColumnType | undefined,\n): columnType is ChartColumnTypes {\n  if (columnType) {\n    return (CHART_COLUMN_TYPES as readonly DataTableColumnType[]).includes(\n      columnType,\n    );\n  }\n  return false;\n}\n"],
+  "mappings": "AA4RA,MAAM,qBAAqB,CAAC,aAAa,YAAY,OAAO;AAQrD,SAAS,kBACd,YACgC;AAChC,MAAI,YAAY;AACd,WAAQ,mBAAsD;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }

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

@@ -3,7 +3,7 @@ import { devLog } from "../../../../core/utils/logging.js";
 import { convertArrayToCsv } from "../../../utils/download-utils.js";
 import {
   DATA_TABLE_INDEX_COLUMN_HEADER,
-  DATA_TABLE__DOWNLOAD_CSV_FILE_NAME
+  DATA_TABLE_DOWNLOAD_CSV_FILE_NAME
 } from "../../constants.js";
 function DataTableDownload(props) {
   return null;
@@ -80,7 +80,7 @@ async function getCsv(table, rowModel, excludeColumns) {
 function downloadData(table, rowModel, subset, excludeColumns) {
   getCsv(table, rowModel, excludeColumns).then((rows) => {
     const csvString = convertArrayToCsv(rows);
-    downloadCSV(csvString, DATA_TABLE__DOWNLOAD_CSV_FILE_NAME);
+    downloadCSV(csvString, DATA_TABLE_DOWNLOAD_CSV_FILE_NAME);
     table.options.onDownloadData?.(
       subset,
       ...excludeColumns ? [excludeColumns] : []
@@ -113,7 +113,8 @@ const DataTableDownloadData = {
       if (cellValue instanceof Date) {
         return cellValue.toISOString();
       }
-      if (column.columnDef.columnType === "date" && (typeof cellValue === "string" || typeof cellValue === "number")) {
+      if ((column.columnDef.columnType === "datetime" || // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.
+      column.columnDef.columnType === "date") && (typeof cellValue === "string" || typeof cellValue === "number")) {
         const cellDate = new Date(cellValue);
         if (!isNaN(cellDate.getTime())) {
           return cellDate.toISOString();

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 type {\n  DataTableDownloadProps,\n  DataTableDownloadSlotProps,\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';\nimport type {\n  Cell,\n  Column,\n  Header,\n  Row,\n  RowModel,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport type { DataTableRowData } from '../../public.api.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 * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n */\nfunction getCsvHeaders<TData extends DataTableRowData>(\n  table: Table<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 (header.column.getIsVisible() === false) {\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<TData extends DataTableRowData>(\n  row: Row<TData>,\n  excludeColumns?: string[],\n): string[] {\n  return row\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<TData extends DataTableRowData>(row: Row<TData>) {\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<TData extends DataTableRowData>(\n  table: Table<TData>,\n  rowModel: RowModel<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<TData extends DataTableRowData>(\n  table: Table<TData>,\n  rowModel: RowModel<TData>,\n  subset: 'all' | 'page' | 'selected',\n  excludeColumns?: string[],\n): void {\n  getCsv(table, rowModel, excludeColumns).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}\n\nexport const DataTableDownloadData: TableFeature = {\n  createHeader<TData extends DataTableRowData, TValue>(\n    header: Header<TData, TValue>,\n    _table: Table<TData>,\n  ) {\n    header._getDownloadString = () => {\n      const nestedHeaderNames: string[] = [];\n\n      let currentColumnNesting: Column<TData, TValue> | 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  createCell<TData extends DataTableRowData, TValue>(\n    cell: Cell<TData, TValue>,\n    column: Column<TData>,\n    _row: Row<TData>,\n    _table: Table<TData>,\n  ) {\n    cell._getDownloadString = () => {\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 'date', we should try to move it to a `Date` and export the iso string.\n      if (\n        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 (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 \"${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 \"${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  createTable<TData extends DataTableRowData>(table: Table<TData>) {\n    table.downloadAllData = (excludeColumns?: string[]) =>\n      downloadData(table, table.getCoreRowModel(), 'all', excludeColumns);\n\n    table.downloadPageData = (excludeColumns?: string[]) =>\n      downloadData(\n        table,\n        table.getPaginationRowModel(),\n        'page',\n        excludeColumns,\n      );\n\n    table.downloadSelectedData = (excludeColumns?: string[]) =>\n      downloadData(\n        table,\n        table.getSelectedRowModel(),\n        'selected',\n        excludeColumns,\n      );\n  },\n};\n\n/**\n * Configuration hook for download of the DataTable.\n * @internal\n */\nexport function useDownloadData<TData extends DataTableRowData>(\n  props: DataTableDownloadProps,\n  options: TableOptions<TData>,\n): void {\n  options.onDownloadData = props.onDownloadData;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { DataTableDownloadSlotProps } 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';\nimport type {\n  Cell,\n  Column,\n  Header,\n  Row,\n  RowModel,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport type { DataTableRowData } from '../../public.api.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 * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n */\nfunction getCsvHeaders<TData extends DataTableRowData>(\n  table: Table<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 (header.column.getIsVisible() === false) {\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<TData extends DataTableRowData>(\n  row: Row<TData>,\n  excludeColumns?: string[],\n): string[] {\n  return row\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<TData extends DataTableRowData>(row: Row<TData>) {\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<TData extends DataTableRowData>(\n  table: Table<TData>,\n  rowModel: RowModel<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<TData extends DataTableRowData>(\n  table: Table<TData>,\n  rowModel: RowModel<TData>,\n  subset: 'all' | 'page' | 'selected',\n  excludeColumns?: string[],\n): void {\n  getCsv(table, rowModel, excludeColumns).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}\n\nexport const DataTableDownloadData: TableFeature = {\n  createHeader<TData extends DataTableRowData, TValue>(\n    header: Header<TData, TValue>,\n    _table: Table<TData>,\n  ) {\n    header._getDownloadString = () => {\n      const nestedHeaderNames: string[] = [];\n\n      let currentColumnNesting: Column<TData, TValue> | 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  createCell<TData extends DataTableRowData, TValue>(\n    cell: Cell<TData, TValue>,\n    column: Column<TData>,\n    _row: Row<TData>,\n    _table: Table<TData>,\n  ) {\n    cell._getDownloadString = () => {\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        (column.columnDef.columnType === 'datetime' ||\n          // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n          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='datetime'` 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 (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 \"${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 \"${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  createTable<TData extends DataTableRowData>(table: Table<TData>) {\n    table.downloadAllData = (excludeColumns?: string[]) =>\n      downloadData(table, table.getCoreRowModel(), 'all', excludeColumns);\n\n    table.downloadPageData = (excludeColumns?: string[]) =>\n      downloadData(\n        table,\n        table.getPaginationRowModel(),\n        'page',\n        excludeColumns,\n      );\n\n    table.downloadSelectedData = (excludeColumns?: string[]) =>\n      downloadData(\n        table,\n        table.getSelectedRowModel(),\n        'selected',\n        excludeColumns,\n      );\n  },\n};\n\n/**\n * Configuration hook for download of the DataTable.\n * @internal\n */\nexport function useDownloadData<TData extends DataTableRowData>(\n  props: {\n    onDownloadData?: (\n      subset: 'all' | 'page' | 'selected',\n      excludedColumns?: string[],\n    ) => void;\n  },\n  options: TableOptions<TData>,\n): void {\n  options.onDownloadData = props.onDownloadData;\n}\n"],
+  "mappings": "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",
   "names": ["cellDate"]
 }

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

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

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

@@ -13,8 +13,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-0-1";
-var ganttChartDefaultCell = "_5jn5tp1-3-0-1";
+var ganttChartCell = "_5jn5tp0-3-1-1";
+var ganttChartDefaultCell = "_5jn5tp1-3-1-1";
 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 '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-0-1';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-0-1';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-1-1';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-1-1';"],
   "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;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-0-1";
+var ganttChartGrid = "_evozey0-3-1-1";
 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-0-1';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

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

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

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

@@ -4,7 +4,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-0-1";
+var ganttChartHeader = "_10y95u40-3-1-1";
 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 '../../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-0-1';"],
+  "sourcesContent": ["import '../../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-1-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -214,7 +214,7 @@ const Layout = {
         const firstVirtualItem = virtualItems[0];
         let spacerRowHeight = 0;
         if (firstVirtualItem.index > 0) {
-          const scrollPaddingStart = table.getTotalHeaderHeight() * 2;
+          const scrollPaddingStart = table.getTotalHeaderHeight();
           spacerRowHeight = firstVirtualItem.start - scrollPaddingStart;
         }
         return `${headerRows} ${spacerRowHeight}px ${bodyRows} [body-end]`;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Layout/Layout.ts"],
-  "sourcesContent": ["import type { DataTableColumnGridTemplates } from './layout-types.js';\nimport {\n  getColumnTemplateEntry,\n  getTargetTemplate,\n  processBuiltinColumn,\n} from './layout-utils.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n  DATA_TABLE_SPACER_COLUMN_ID,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_MIN_WIDTH,\n} from '../../constants.js';\nimport type {\n  Column,\n  ColumnDef,\n  Header,\n  InitialTableState,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport {\n  assignRowMethods,\n  getMemoOptions,\n} from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\nexport const SPACER_COLUMN: ColumnDef<unknown> = {\n  id: DATA_TABLE_SPACER_COLUMN_ID,\n  header: () => undefined,\n  cell: () => undefined,\n  enableSorting: false,\n  enablePinning: false,\n  enableGrouping: false,\n  enableUserActions: false,\n  enableResizing: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    builtinPlacement: 'suffix',\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    spacer: true,\n    cellDeps: () => {\n      // empty dependency to avoid unnecessary re-renders\n      return [];\n    },\n  },\n};\n\nexport const Layout: TableFeature = {\n  getInitialState(state?: InitialTableState) {\n    return {\n      columnMeasureInfo: {},\n      observedHeaderHeight: 0,\n      ...state,\n    };\n  },\n\n  createHeader<TData extends DataTableRowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>,\n  ): void {\n    /**\n     * Allows to get the gridPosition of a specific header cell in order\n     * to place it into the correct place in the template and span it across the correct\n     * elements.\n     */\n    header.getGridPosition = memo(\n      (headers) => [headers],\n      (headers) => {\n        // Get the start of the column index the header should be rendered into,\n        // this should be equal to the index of the header cell in the loop passed\n        // to this function.\n        let gridColumnStart = 0;\n        for (const headerInGroup of headers ?? []) {\n          if (headerInGroup === header) {\n            break;\n          }\n          gridColumnStart = gridColumnStart + headerInGroup.colSpan;\n        }\n\n        // The header already exposes a colSpan value, which can be used to span\n        // the header cell element from the start position to the end of the\n        // header group.\n        const colSpan = header.colSpan;\n\n        // Get the start of the index as this is actually the defined\n        // column nesting level. If the column is not nested, it will get a\n        // depth of 0, and nesting levels increase going deeper.\n        const gridRowStart = header.column.depth;\n\n        // Get the end from the headers depth, as this is where it would be rendered\n        // within the tanstack table. As nested columns would be rendered in the\n        // lower headerrow. The strato approach here is different, as the header\n        // cell should span both header rows\n        const gridRowEnd = header.depth;\n\n        // return the gridColumn positioning. As the grid column positioning in\n        // css is One-based, it needs an offset of 1 in every entry.\n        return {\n          gridColumnStart: gridColumnStart + 1,\n          gridColumnEnd: `span ${colSpan}`,\n          gridRowStart: gridRowStart + 1,\n          gridRowEnd: `span ${gridRowEnd - gridRowStart}`,\n        };\n      },\n      getMemoOptions(table.options, 'debugHeaders', 'header.getGridPosition'),\n    );\n  },\n\n  createColumn<TData extends DataTableRowData>(\n    column: Column<TData, unknown>,\n    table: Table<TData>,\n  ): void {\n    column.getGridColumnPosition = (columnIndex?: number) => ({\n      // Offset the index by one as the CSS grid column is a one based position.\n      gridColumnStart: (columnIndex ?? 0) + 1,\n      gridColumnEnd: 'span 1',\n    });\n  },\n\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    assignRowMethods(table, {\n      getGridRowPosition(rowIndex: number = -1) {\n        return {\n          // Offset the index by one as the CSS grid column is a one based position.\n          gridColumnStart: 1,\n          // The row should span all columns.\n          gridColumnEnd: 'row-end',\n\n          // The CSS grid column is a one based position, so we need to offset the index by one.\n          // To account for the virtualized rows at the start of the grid, a spacer row is inserted.\n          // Therefore we need to offset the index by two in total\n          gridRowStart: rowIndex + 2,\n          // The row should span only one line from the start edge.\n          gridRowEnd: 'span 1',\n        };\n      },\n    });\n\n    table.getHasFractionalTemplate = () => {\n      const template = table.getGridTemplateColumns();\n      return template.includes('fr');\n    };\n\n    table.getVisibleHeaderGroupsCount = () => {\n      if (table.getVisualVariantOptions().headers === 'hidden') {\n        return 0;\n      }\n\n      return table.getHeaderGroups().length;\n    };\n\n    table.setObservedHeaderHeight = (height: number) => {\n      if (height !== table.getState().observedHeaderHeight) {\n        table.setState((state) => ({\n          ...state,\n          observedHeaderHeight: height,\n        }));\n      }\n    };\n\n    table.getHeaderSize = (\n      headerId: string,\n    ): {\n      width: number;\n      height: number;\n    } => {\n      const escapedId = CSS.escape(headerId);\n      const headerSize = table\n        .getRowVirtualizationContainer()\n        ?.querySelector(\n          `[role=\"columnheader\"][data-headerid=${escapedId}], [role=\"columnheader\"][data-columnid=${escapedId}], [role=\"presentation\"][data-columnid=${escapedId}]`,\n        )\n        ?.getBoundingClientRect();\n\n      if (headerSize === undefined) {\n        // Use some standard value if no resize observer is there\n        return {\n          width: DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n          height: table.estimateRowHeight({ isHeaderRow: true }),\n        };\n      }\n\n      return {\n        width: headerSize.width,\n        height: headerSize.height,\n      };\n    };\n\n    table.getColumnOrHeaderWidth = (columnOrHeaderId: string): number => {\n      const hasHiddenHeaders =\n        table.getVisualVariantOptions().headers === 'hidden';\n\n      // saved width that was stored upon measuring\n      const storedWidth = table.getMeasuredColumnWidth(columnOrHeaderId);\n\n      // early exit if all headers are visible and the column is a leaf column\n      if (!hasHiddenHeaders && storedWidth !== undefined) {\n        return storedWidth;\n      }\n\n      const escapedId = CSS.escape(columnOrHeaderId);\n      // If all headers are hidden, take the cell in the first rendered row to retrieve the width since all other cells\n      // in the same column should have the same width.\n      // If the header is not in the virtualizer (because it is a parent column for instance), try to retrieve the height from the rendered element directly.\n      const selectorString = hasHiddenHeaders\n        ? `[role=\"cell\"][data-columnid=\"${escapedId}\"]`\n        : `[role=\"columnheader\"][data-headerid=\"${escapedId}\"], [role=\"columnheader\"][data-columnid=\"${escapedId}\"], [role=\"presentation\"][data-columnid=\"${escapedId}\"]`;\n\n      const columnWidth = table\n        .getRowVirtualizationContainer()\n        ?.querySelector(selectorString)\n        ?.getBoundingClientRect().width;\n\n      return columnWidth ?? DATA_TABLE_DEFAULT_COLUMN_WIDTH;\n    };\n\n    table.getTotalHeaderHeight = memo(\n      () => [\n        table.getVisualVariantOptions(),\n        table.getVisibleLeafColumnsWithoutBuiltin(),\n        table.getHeaderGroups(),\n        table.getState().observedHeaderHeight,\n      ],\n      (\n        visualVariantOptions,\n        visibleLeafColumns,\n        tableHeaderGroups,\n        observedHeaderHeight,\n      ) => {\n        // If the headers are hidden, we can opt out earlier.\n        if (\n          visualVariantOptions.headers === 'hidden' ||\n          visibleLeafColumns.length === 0 ||\n          (tableHeaderGroups.length === 1 &&\n            tableHeaderGroups.at(0)?.headers.length === 0)\n        ) {\n          return 0;\n        }\n\n        if (observedHeaderHeight > 0) {\n          return observedHeaderHeight;\n        }\n\n        // if the measured header height is still undefined or 0, estimate it based on row density and amount of header groups,\n        // so that the rowVirtualizer can return the most accurate height possible for the first render\n        // this prevents an unnecessary vertical scrollbar which would cause wrong column measurements on initial render\n        // the header's bottom border is actually 2px, estimateRowHeight only considers 1px so we need to add 1px more\n        const bottomBorderOffset = DATA_TABLE_ROW_BORDER;\n        const fallbackHeight =\n          table.estimateRowHeight({ isHeaderRow: true }) *\n            table.getVisibleHeaderGroupsCount() +\n          bottomBorderOffset;\n\n        return fallbackHeight;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table._getTotalHeaderHeight',\n      ),\n    );\n\n    table.estimateRowHeight = memo(\n      (props) => [\n        props?.index,\n        props?.isHeaderRow,\n        table.getVisualVariantOptions(),\n      ],\n      (index, isHeaderRow, { rowDensity, rowSeparation }) => {\n        const rowHeight = DATA_TABLE_ROW_HEIGHT_MAP[rowDensity];\n        const paginationFlatRows = table.getPaginationRowModel().flatRows;\n        const isLastRowOnPage = index === paginationFlatRows.length - 1;\n        // only consider the border if the index is defined or the estimate is for a header row\n        // when estimating rows for an empty table, the index will be undefined and there are no vertical dividers\n        const addBorder = index !== undefined || isHeaderRow === true;\n\n        if (\n          addBorder === false ||\n          rowSeparation === 'none' ||\n          isLastRowOnPage\n        ) {\n          return rowHeight;\n        }\n\n        // add 1px border if rowSeparation is enabled or if this is a header row\n        return rowHeight + DATA_TABLE_ROW_BORDER;\n      },\n      getMemoOptions(table.options, 'debugTable', 'table._estimateRowHeight'),\n    );\n\n    table.getHeaderGridTemplateRows = () => {\n      switch (table.getVisibleHeaderGroupsCount()) {\n        case 0:\n          return '[body-start]';\n        case 1:\n          return '[header-start] max-content [header-end body-start]';\n        default:\n          return '[header-start] max-content max-content [header-end body-start]';\n      }\n    };\n\n    table.getGridTemplateRows = memo(\n      () => {\n        const { measurementsCache, range } = table.getRowVirtualizer() ?? {};\n\n        return [\n          measurementsCache,\n          range?.startIndex,\n          range?.endIndex,\n          table.getVisibleHeaderGroupsCount(),\n          table.options.data.length,\n        ];\n      },\n      (measurementsCache): string => {\n        const virtualItems = table.getRowVirtualizer()?.getVirtualItems();\n        const headerRows = table.getHeaderGridTemplateRows();\n\n        if (!measurementsCache || !virtualItems?.length) {\n          return headerRows;\n        }\n\n        // Determine the template rows for the body, based on the currently rendered rows\n        const bodyRows = virtualItems\n          .map(({ index }) => {\n            const size =\n              measurementsCache.at(index)?.size ??\n              table.estimateRowHeight({ index });\n            return `minmax(min-content, ${size}px)`;\n          })\n          .join(' ');\n\n        // Add spacer row to account for virtualized rows above the first rendered row\n        const firstVirtualItem = virtualItems[0];\n        let spacerRowHeight = 0;\n\n        if (firstVirtualItem.index > 0) {\n          const scrollPaddingStart = table.getTotalHeaderHeight() * 2;\n          // Calculate the height by subtracting the scroll padding (twice the header height) from the starting offset of the first visible item.\n          spacerRowHeight = firstVirtualItem.start - scrollPaddingStart;\n        }\n\n        // combine header, spacer and body rows into a grid row template\n        return `${headerRows} ${spacerRowHeight}px ${bodyRows} [body-end]`;\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.getGridTemplateRows'),\n    );\n\n    table.getGridTemplateColumns = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnSizing,\n          state.columnSizingInfo,\n          state.columnPinning,\n          state.columnOrder,\n          state.columnVisibility,\n          table.getSubRowIndicatorColumnId(),\n          JSON.stringify([...table.getMeasuredColumnWidths()]),\n        ];\n      },\n      (columnSizing, columnSizingInfo) => {\n        const leftVisibleColumns = table.getLeftVisibleLeafColumns();\n        const centerVisibleColumns = table.getCenterVisibleLeafColumns();\n        const rightVisibleColumns = table.getRightVisibleLeafColumns();\n\n        if (\n          leftVisibleColumns === undefined ||\n          centerVisibleColumns === undefined ||\n          rightVisibleColumns === undefined ||\n          columnSizing === undefined ||\n          columnSizingInfo === undefined\n        ) {\n          return '';\n        }\n\n        /**\n         * Gets the measured column width if possible.\n         * Min/max constraints are already considered during measurement. (see columnVirtualizer measureElement)\n         *\n         * @param columnId - ID of the column\n         * @param isFractionWidth - whether the width is a fraction width\n         * @returns measured width in pixels or undefined if not measured yet\n         */\n        function getMeasuredWidth(\n          columnId: string,\n          isFractionWidth: boolean = false,\n        ): number | undefined {\n          // If there are no rows (e.g. loading state), measure the header cell instead\n          if (table.getRowModel().rows.length === 0) {\n            const headerCell = table\n              .getColumnVirtualizer()\n              ?.scrollElement?.querySelector(\n                `[role=\"columnheader\"][data-columnid=\"${CSS.escape(\n                  columnId,\n                )}\"]`,\n              );\n            const headerWidth = headerCell?.getBoundingClientRect().width;\n\n            if (headerWidth === undefined) {\n              return DATA_TABLE_MIN_WIDTH;\n            }\n\n            // Round up slightly for non-fraction widths to avoid rendering an ellipsis due to subpixel rendering issues\n            // don't round for fraction widths to avoid rendering an unnecessary scrollbar for fullWidth tables\n            return isFractionWidth\n              ? headerWidth\n              : Math.ceil(headerWidth * 10) / 10;\n          }\n\n          return table.getMeasuredColumnWidth(columnId);\n        }\n\n        // Grid templates for left, center and right pinned columns\n        const columnGridTemplates: DataTableColumnGridTemplates = {\n          left: [],\n          center: [],\n          right: [],\n        };\n\n        const orderedVisibleColumns = [\n          ...leftVisibleColumns,\n          ...centerVisibleColumns,\n          ...rightVisibleColumns,\n        ];\n\n        // To generate the grid template columns, we need to iterate through all visible columns in order\n        for (const column of orderedVisibleColumns) {\n          // Handle built-in columns (prefix, suffix, spacer)\n          const isBuiltinColumn = processBuiltinColumn(\n            column,\n            table.getVisualVariantOptions().rowDensity,\n            table.options.rowThresholds,\n            columnGridTemplates,\n          );\n\n          if (isBuiltinColumn) {\n            continue;\n          }\n\n          // Handle width configuration for standard column\n          const entry = getColumnTemplateEntry(\n            column,\n            columnSizing,\n            columnSizingInfo,\n            getMeasuredWidth,\n          );\n\n          if (entry !== undefined) {\n            const targetTemplate = getTargetTemplate(\n              column.getIsPinned(),\n              columnGridTemplates,\n            );\n\n            targetTemplate.push(entry);\n          }\n        }\n\n        const combinedGridTemplates = [\n          ...columnGridTemplates.left,\n          ...columnGridTemplates.center,\n          ...columnGridTemplates.right,\n        ];\n\n        return `${combinedGridTemplates.join(' ')} [row-end]`;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getGridTemplateColumns',\n      ),\n    );\n  },\n};\n\nexport function useLayout<TData>(\n  props: { fullWidth?: boolean; fullHeight?: boolean },\n  options: TableOptions<TData>,\n): void {\n  const configFullWidth = useDataTableConfigElement('fullWidth');\n  const configFullHeight = useDataTableConfigElement('fullHeight');\n\n  options.layout = {\n    ...options.layout,\n    fullWidth: props.fullWidth ?? configFullWidth,\n    fullHeight: props.fullHeight ?? configFullHeight,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { DataTableColumnGridTemplates } from './layout-types.js';\nimport {\n  getColumnTemplateEntry,\n  getTargetTemplate,\n  processBuiltinColumn,\n} from './layout-utils.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n  DATA_TABLE_SPACER_COLUMN_ID,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_MIN_WIDTH,\n} from '../../constants.js';\nimport type {\n  Column,\n  ColumnDef,\n  Header,\n  InitialTableState,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport {\n  assignRowMethods,\n  getMemoOptions,\n} from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\nexport const SPACER_COLUMN: ColumnDef<unknown> = {\n  id: DATA_TABLE_SPACER_COLUMN_ID,\n  header: () => undefined,\n  cell: () => undefined,\n  enableSorting: false,\n  enablePinning: false,\n  enableGrouping: false,\n  enableUserActions: false,\n  enableResizing: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    builtinPlacement: 'suffix',\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    spacer: true,\n    cellDeps: () => {\n      // empty dependency to avoid unnecessary re-renders\n      return [];\n    },\n  },\n};\n\nexport const Layout: TableFeature = {\n  getInitialState(state?: InitialTableState) {\n    return {\n      columnMeasureInfo: {},\n      observedHeaderHeight: 0,\n      ...state,\n    };\n  },\n\n  createHeader<TData extends DataTableRowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>,\n  ): void {\n    /**\n     * Allows to get the gridPosition of a specific header cell in order\n     * to place it into the correct place in the template and span it across the correct\n     * elements.\n     */\n    header.getGridPosition = memo(\n      (headers) => [headers],\n      (headers) => {\n        // Get the start of the column index the header should be rendered into,\n        // this should be equal to the index of the header cell in the loop passed\n        // to this function.\n        let gridColumnStart = 0;\n        for (const headerInGroup of headers ?? []) {\n          if (headerInGroup === header) {\n            break;\n          }\n          gridColumnStart = gridColumnStart + headerInGroup.colSpan;\n        }\n\n        // The header already exposes a colSpan value, which can be used to span\n        // the header cell element from the start position to the end of the\n        // header group.\n        const colSpan = header.colSpan;\n\n        // Get the start of the index as this is actually the defined\n        // column nesting level. If the column is not nested, it will get a\n        // depth of 0, and nesting levels increase going deeper.\n        const gridRowStart = header.column.depth;\n\n        // Get the end from the headers depth, as this is where it would be rendered\n        // within the tanstack table. As nested columns would be rendered in the\n        // lower headerrow. The strato approach here is different, as the header\n        // cell should span both header rows\n        const gridRowEnd = header.depth;\n\n        // return the gridColumn positioning. As the grid column positioning in\n        // css is One-based, it needs an offset of 1 in every entry.\n        return {\n          gridColumnStart: gridColumnStart + 1,\n          gridColumnEnd: `span ${colSpan}`,\n          gridRowStart: gridRowStart + 1,\n          gridRowEnd: `span ${gridRowEnd - gridRowStart}`,\n        };\n      },\n      getMemoOptions(table.options, 'debugHeaders', 'header.getGridPosition'),\n    );\n  },\n\n  createColumn<TData extends DataTableRowData>(\n    column: Column<TData, unknown>,\n    table: Table<TData>,\n  ): void {\n    column.getGridColumnPosition = (columnIndex?: number) => ({\n      // Offset the index by one as the CSS grid column is a one based position.\n      gridColumnStart: (columnIndex ?? 0) + 1,\n      gridColumnEnd: 'span 1',\n    });\n  },\n\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    assignRowMethods(table, {\n      getGridRowPosition(rowIndex: number = -1) {\n        return {\n          // Offset the index by one as the CSS grid column is a one based position.\n          gridColumnStart: 1,\n          // The row should span all columns.\n          gridColumnEnd: 'row-end',\n\n          // The CSS grid column is a one based position, so we need to offset the index by one.\n          // To account for the virtualized rows at the start of the grid, a spacer row is inserted.\n          // Therefore we need to offset the index by two in total\n          gridRowStart: rowIndex + 2,\n          // The row should span only one line from the start edge.\n          gridRowEnd: 'span 1',\n        };\n      },\n    });\n\n    table.getHasFractionalTemplate = () => {\n      const template = table.getGridTemplateColumns();\n      return template.includes('fr');\n    };\n\n    table.getVisibleHeaderGroupsCount = () => {\n      if (table.getVisualVariantOptions().headers === 'hidden') {\n        return 0;\n      }\n\n      return table.getHeaderGroups().length;\n    };\n\n    table.setObservedHeaderHeight = (height: number) => {\n      if (height !== table.getState().observedHeaderHeight) {\n        table.setState((state) => ({\n          ...state,\n          observedHeaderHeight: height,\n        }));\n      }\n    };\n\n    table.getHeaderSize = (\n      headerId: string,\n    ): {\n      width: number;\n      height: number;\n    } => {\n      const escapedId = CSS.escape(headerId);\n      const headerSize = table\n        .getRowVirtualizationContainer()\n        ?.querySelector(\n          `[role=\"columnheader\"][data-headerid=${escapedId}], [role=\"columnheader\"][data-columnid=${escapedId}], [role=\"presentation\"][data-columnid=${escapedId}]`,\n        )\n        ?.getBoundingClientRect();\n\n      if (headerSize === undefined) {\n        // Use some standard value if no resize observer is there\n        return {\n          width: DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n          height: table.estimateRowHeight({ isHeaderRow: true }),\n        };\n      }\n\n      return {\n        width: headerSize.width,\n        height: headerSize.height,\n      };\n    };\n\n    table.getColumnOrHeaderWidth = (columnOrHeaderId: string): number => {\n      const hasHiddenHeaders =\n        table.getVisualVariantOptions().headers === 'hidden';\n\n      // saved width that was stored upon measuring\n      const storedWidth = table.getMeasuredColumnWidth(columnOrHeaderId);\n\n      // early exit if all headers are visible and the column is a leaf column\n      if (!hasHiddenHeaders && storedWidth !== undefined) {\n        return storedWidth;\n      }\n\n      const escapedId = CSS.escape(columnOrHeaderId);\n      // If all headers are hidden, take the cell in the first rendered row to retrieve the width since all other cells\n      // in the same column should have the same width.\n      // If the header is not in the virtualizer (because it is a parent column for instance), try to retrieve the height from the rendered element directly.\n      const selectorString = hasHiddenHeaders\n        ? `[role=\"cell\"][data-columnid=\"${escapedId}\"]`\n        : `[role=\"columnheader\"][data-headerid=\"${escapedId}\"], [role=\"columnheader\"][data-columnid=\"${escapedId}\"], [role=\"presentation\"][data-columnid=\"${escapedId}\"]`;\n\n      const columnWidth = table\n        .getRowVirtualizationContainer()\n        ?.querySelector(selectorString)\n        ?.getBoundingClientRect().width;\n\n      return columnWidth ?? DATA_TABLE_DEFAULT_COLUMN_WIDTH;\n    };\n\n    table.getTotalHeaderHeight = memo(\n      () => [\n        table.getVisualVariantOptions(),\n        table.getVisibleLeafColumnsWithoutBuiltin(),\n        table.getHeaderGroups(),\n        table.getState().observedHeaderHeight,\n      ],\n      (\n        visualVariantOptions,\n        visibleLeafColumns,\n        tableHeaderGroups,\n        observedHeaderHeight,\n      ) => {\n        // If the headers are hidden, we can opt out earlier.\n        if (\n          visualVariantOptions.headers === 'hidden' ||\n          visibleLeafColumns.length === 0 ||\n          (tableHeaderGroups.length === 1 &&\n            tableHeaderGroups.at(0)?.headers.length === 0)\n        ) {\n          return 0;\n        }\n\n        if (observedHeaderHeight > 0) {\n          return observedHeaderHeight;\n        }\n\n        // if the measured header height is still undefined or 0, estimate it based on row density and amount of header groups,\n        // so that the rowVirtualizer can return the most accurate height possible for the first render\n        // this prevents an unnecessary vertical scrollbar which would cause wrong column measurements on initial render\n        // the header's bottom border is actually 2px, estimateRowHeight only considers 1px so we need to add 1px more\n        const bottomBorderOffset = DATA_TABLE_ROW_BORDER;\n        const fallbackHeight =\n          table.estimateRowHeight({ isHeaderRow: true }) *\n            table.getVisibleHeaderGroupsCount() +\n          bottomBorderOffset;\n\n        return fallbackHeight;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table._getTotalHeaderHeight',\n      ),\n    );\n\n    table.estimateRowHeight = memo(\n      (props) => [\n        props?.index,\n        props?.isHeaderRow,\n        table.getVisualVariantOptions(),\n      ],\n      (index, isHeaderRow, { rowDensity, rowSeparation }) => {\n        const rowHeight = DATA_TABLE_ROW_HEIGHT_MAP[rowDensity];\n        const paginationFlatRows = table.getPaginationRowModel().flatRows;\n        const isLastRowOnPage = index === paginationFlatRows.length - 1;\n        // only consider the border if the index is defined or the estimate is for a header row\n        // when estimating rows for an empty table, the index will be undefined and there are no vertical dividers\n        const addBorder = index !== undefined || isHeaderRow === true;\n\n        if (\n          addBorder === false ||\n          rowSeparation === 'none' ||\n          isLastRowOnPage\n        ) {\n          return rowHeight;\n        }\n\n        // add 1px border if rowSeparation is enabled or if this is a header row\n        return rowHeight + DATA_TABLE_ROW_BORDER;\n      },\n      getMemoOptions(table.options, 'debugTable', 'table._estimateRowHeight'),\n    );\n\n    table.getHeaderGridTemplateRows = () => {\n      switch (table.getVisibleHeaderGroupsCount()) {\n        case 0:\n          return '[body-start]';\n        case 1:\n          return '[header-start] max-content [header-end body-start]';\n        default:\n          return '[header-start] max-content max-content [header-end body-start]';\n      }\n    };\n\n    table.getGridTemplateRows = memo(\n      () => {\n        const { measurementsCache, range } = table.getRowVirtualizer() ?? {};\n\n        return [\n          measurementsCache,\n          range?.startIndex,\n          range?.endIndex,\n          table.getVisibleHeaderGroupsCount(),\n          table.options.data.length,\n        ];\n      },\n      (measurementsCache): string => {\n        const virtualItems = table.getRowVirtualizer()?.getVirtualItems();\n        const headerRows = table.getHeaderGridTemplateRows();\n\n        if (!measurementsCache || !virtualItems?.length) {\n          return headerRows;\n        }\n\n        // Determine the template rows for the body, based on the currently rendered rows\n        const bodyRows = virtualItems\n          .map(({ index }) => {\n            const size =\n              measurementsCache.at(index)?.size ??\n              table.estimateRowHeight({ index });\n            return `minmax(min-content, ${size}px)`;\n          })\n          .join(' ');\n\n        // Add spacer row to account for virtualized rows above the first rendered row\n        const firstVirtualItem = virtualItems[0];\n        let spacerRowHeight = 0;\n\n        if (firstVirtualItem.index > 0) {\n          const scrollPaddingStart = table.getTotalHeaderHeight();\n          // Calculate the height by subtracting the scroll padding (header height) from the starting offset of the first visible item.\n          spacerRowHeight = firstVirtualItem.start - scrollPaddingStart;\n        }\n\n        // combine header, spacer and body rows into a grid row template\n        return `${headerRows} ${spacerRowHeight}px ${bodyRows} [body-end]`;\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.getGridTemplateRows'),\n    );\n\n    table.getGridTemplateColumns = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnSizing,\n          state.columnSizingInfo,\n          state.columnPinning,\n          state.columnOrder,\n          state.columnVisibility,\n          table.getSubRowIndicatorColumnId(),\n          JSON.stringify([...table.getMeasuredColumnWidths()]),\n        ];\n      },\n      (columnSizing, columnSizingInfo) => {\n        const leftVisibleColumns = table.getLeftVisibleLeafColumns();\n        const centerVisibleColumns = table.getCenterVisibleLeafColumns();\n        const rightVisibleColumns = table.getRightVisibleLeafColumns();\n\n        if (\n          leftVisibleColumns === undefined ||\n          centerVisibleColumns === undefined ||\n          rightVisibleColumns === undefined ||\n          columnSizing === undefined ||\n          columnSizingInfo === undefined\n        ) {\n          return '';\n        }\n\n        /**\n         * Gets the measured column width if possible.\n         * Min/max constraints are already considered during measurement. (see columnVirtualizer measureElement)\n         *\n         * @param columnId - ID of the column\n         * @param isFractionWidth - whether the width is a fraction width\n         * @returns measured width in pixels or undefined if not measured yet\n         */\n        function getMeasuredWidth(\n          columnId: string,\n          isFractionWidth: boolean = false,\n        ): number | undefined {\n          // If there are no rows (e.g. loading state), measure the header cell instead\n          if (table.getRowModel().rows.length === 0) {\n            const headerCell = table\n              .getColumnVirtualizer()\n              ?.scrollElement?.querySelector(\n                `[role=\"columnheader\"][data-columnid=\"${CSS.escape(\n                  columnId,\n                )}\"]`,\n              );\n            const headerWidth = headerCell?.getBoundingClientRect().width;\n\n            if (headerWidth === undefined) {\n              return DATA_TABLE_MIN_WIDTH;\n            }\n\n            // Round up slightly for non-fraction widths to avoid rendering an ellipsis due to subpixel rendering issues\n            // don't round for fraction widths to avoid rendering an unnecessary scrollbar for fullWidth tables\n            return isFractionWidth\n              ? headerWidth\n              : Math.ceil(headerWidth * 10) / 10;\n          }\n\n          return table.getMeasuredColumnWidth(columnId);\n        }\n\n        // Grid templates for left, center and right pinned columns\n        const columnGridTemplates: DataTableColumnGridTemplates = {\n          left: [],\n          center: [],\n          right: [],\n        };\n\n        const orderedVisibleColumns = [\n          ...leftVisibleColumns,\n          ...centerVisibleColumns,\n          ...rightVisibleColumns,\n        ];\n\n        // To generate the grid template columns, we need to iterate through all visible columns in order\n        for (const column of orderedVisibleColumns) {\n          // Handle built-in columns (prefix, suffix, spacer)\n          const isBuiltinColumn = processBuiltinColumn(\n            column,\n            table.getVisualVariantOptions().rowDensity,\n            table.options.rowThresholds,\n            columnGridTemplates,\n          );\n\n          if (isBuiltinColumn) {\n            continue;\n          }\n\n          // Handle width configuration for standard column\n          const entry = getColumnTemplateEntry(\n            column,\n            columnSizing,\n            columnSizingInfo,\n            getMeasuredWidth,\n          );\n\n          if (entry !== undefined) {\n            const targetTemplate = getTargetTemplate(\n              column.getIsPinned(),\n              columnGridTemplates,\n            );\n\n            targetTemplate.push(entry);\n          }\n        }\n\n        const combinedGridTemplates = [\n          ...columnGridTemplates.left,\n          ...columnGridTemplates.center,\n          ...columnGridTemplates.right,\n        ];\n\n        return `${combinedGridTemplates.join(' ')} [row-end]`;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getGridTemplateColumns',\n      ),\n    );\n  },\n};\n\nexport function useLayout<TData>(\n  props: { fullWidth?: boolean; fullHeight?: boolean },\n  options: TableOptions<TData>,\n): void {\n  const configFullWidth = useDataTableConfigElement('fullWidth');\n  const configFullHeight = useDataTableConfigElement('fullHeight');\n\n  options.layout = {\n    ...options.layout,\n    fullWidth: props.fullWidth ?? configFullWidth,\n    fullHeight: props.fullHeight ?? configFullHeight,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-._14flfjk1-3-0-1 {
+._14flfjk1-3-1-1 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: var(--_14flfjk0-3-0-1);
+  top: var(--_14flfjk0-3-1-1);
 }

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

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

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-0-1)';\nexport var loadingState = '_14flfjk1-3-0-1';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-1-1)';\nexport var loadingState = '_14flfjk1-3-1-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }