@dynatrace/strato-components 3.8.0 → 3.9.0

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

@@ -12,7 +12,8 @@ import {
 function DataTableDownload(props) {
   return null;
 }
-function getCsvHeaders(table, includeIndexColumnHeader, excludeColumns) {
+function getCsvHeaders(table, includeIndexColumnHeader, excludeColumns, formatDownloadHeader) {
+  const effectiveFormatDownloadHeader = formatDownloadHeader ?? table.options.formatDownloadHeader;
   const columnHeaders = table.getLeafHeaders().filter((header) => {
     if (header.subHeaders.length > 0) {
       return false;
@@ -37,7 +38,16 @@ function getCsvHeaders(table, includeIndexColumnHeader, excludeColumns) {
       return false;
     }
     return true;
-  }).map((header) => header.getDownloadString());
+  }).map((header) => {
+    const headerPath = header_getDownloadHeaderPath(header);
+    const defaultHeader = headerPath.join(".");
+    const overriddenHeader = effectiveFormatDownloadHeader?.({
+      columnId: header.column.id,
+      leafHeader: headerPath.at(-1) ?? defaultHeader,
+      groupHeader: headerPath.at(-2)
+    });
+    return escapeForCSV(overriddenHeader ?? defaultHeader);
+  });
   if (includeIndexColumnHeader) {
     columnHeaders.unshift(DATA_TABLE_INDEX_COLUMN_HEADER);
   }
@@ -55,13 +65,18 @@ function getRowIndex(row) {
   }
   return `${indexPrefix}${row.index + 1}`;
 }
-async function getCsv(table, rowModel, excludeColumns) {
+async function getCsv(table, rowModel, excludeColumns, formatDownloadHeader) {
   const nrOfRows = rowModel.flatRows.length;
   const csvData = Array.from({ length: nrOfRows + 1 });
   const batchSize = 1e3;
   let currentIndex = 0;
   const includeIndexColumn = table.getHasSubRows();
-  csvData[0] = getCsvHeaders(table, includeIndexColumn, excludeColumns);
+  csvData[0] = getCsvHeaders(
+    table,
+    includeIndexColumn,
+    excludeColumns,
+    formatDownloadHeader
+  );
   function processBatch() {
     return new Promise((resolve) => {
       const currentBatchEnd = Math.min(currentIndex + batchSize, nrOfRows);
@@ -85,31 +100,48 @@ async function getCsv(table, rowModel, excludeColumns) {
   await processBatch();
   return csvData;
 }
-function downloadData(table, rowModel, subset, excludeColumns, onDownloadEnd) {
-  void getCsv(table, rowModel, excludeColumns).then((rows) => {
+function sanitizeFileName(name) {
+  if (name === void 0) {
+    return void 0;
+  }
+  const sanitized = name.replace(/\.csv$/i, "").replace(/[^a-zA-Z0-9_-]/g, "");
+  return sanitized === "" ? void 0 : sanitized;
+}
+function resolveDownloadFileName(fileName) {
+  const sanitized = sanitizeFileName(fileName);
+  return sanitized === void 0 ? DATA_TABLE_DOWNLOAD_CSV_FILE_NAME : `${sanitized}.csv`;
+}
+function downloadData(table, rowModel, subset, excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) {
+  const resolvedName = typeof fileName === "function" ? fileName(subset) : fileName;
+  void getCsv(table, rowModel, excludeColumns, formatDownloadHeader).then((rows) => {
     const csvString = convertArrayToCsv(rows);
-    downloadCSV(csvString, DATA_TABLE_DOWNLOAD_CSV_FILE_NAME);
+    downloadCSV(csvString, resolveDownloadFileName(resolvedName));
     table.options.onDownloadData?.(
       subset,
       ...excludeColumns ? [excludeColumns] : []
     );
+  }).catch((error) => {
+    devLog("[DataTable] CSV download failed", error);
   }).finally(() => {
     onDownloadEnd?.();
   });
 }
-function header_getDownloadString(header) {
+function header_getDownloadHeaderPath(header) {
   const nestedHeaderNames = [];
   let currentColumnNesting = header.column;
   while (currentColumnNesting !== void 0) {
     const columnDefHeader = currentColumnNesting.columnDef.header;
     if (typeof columnDefHeader === "function" || columnDefHeader === void 0) {
-      nestedHeaderNames.push(header.id);
+      nestedHeaderNames.push(currentColumnNesting.id);
     } else {
       nestedHeaderNames.push(columnDefHeader);
     }
     currentColumnNesting = currentColumnNesting.parent;
   }
-  return nestedHeaderNames.toReversed().join(".");
+  return nestedHeaderNames.toReversed();
+}
+function header_getDownloadString(header) {
+  return header_getDownloadHeaderPath(header).join(".");
 }
 function cell_getDownloadString(cell) {
   const cellValue = cell.getValue();
@@ -164,25 +196,29 @@ function cell_getDownloadString(cell) {
   }
   return `${cellValue}`;
 }
-function table_downloadAllData(table, excludeColumns, onDownloadEnd) {
+function table_downloadAllData(table, excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) {
   return downloadData(
     table,
     table.getCoreRowModel(),
     "all",
     excludeColumns,
+    formatDownloadHeader,
+    fileName,
     onDownloadEnd
   );
 }
-function table_downloadPageData(table, excludeColumns, onDownloadEnd) {
+function table_downloadPageData(table, excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) {
   return downloadData(
     table,
     table.getPaginatedRowModel(),
     "page",
     excludeColumns,
+    formatDownloadHeader,
+    fileName,
     onDownloadEnd
   );
 }
-function table_downloadSelectedData(table, excludeColumns, onDownloadEnd) {
+function table_downloadSelectedData(table, excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) {
   return downloadData(
     table,
     // Safe cast here because the `getSelectedRowModel` function is added to the table instance via the `constructDownloadDataFeature` function,
@@ -190,6 +226,8 @@ function table_downloadSelectedData(table, excludeColumns, onDownloadEnd) {
     table.getSelectedRowModel(),
     "selected",
     excludeColumns,
+    formatDownloadHeader,
+    fileName,
     onDownloadEnd
   );
 }
@@ -212,13 +250,31 @@ function constructDownloadDataFeature() {
     constructTableAPIs: (table) => {
       assignTableAPIs("DataTableDownloadDataFeature", table, {
         table_downloadAllData: {
-          fn: (excludeColumns, onDownloadEnd) => table_downloadAllData(table, excludeColumns, onDownloadEnd)
+          fn: (excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) => table_downloadAllData(
+            table,
+            excludeColumns,
+            formatDownloadHeader,
+            fileName,
+            onDownloadEnd
+          )
         },
         table_downloadPageData: {
-          fn: (excludeColumns, onDownloadEnd) => table_downloadPageData(table, excludeColumns, onDownloadEnd)
+          fn: (excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) => table_downloadPageData(
+            table,
+            excludeColumns,
+            formatDownloadHeader,
+            fileName,
+            onDownloadEnd
+          )
         },
         table_downloadSelectedData: {
-          fn: (excludeColumns, onDownloadEnd) => table_downloadSelectedData(table, excludeColumns, onDownloadEnd)
+          fn: (excludeColumns, formatDownloadHeader, fileName, onDownloadEnd) => table_downloadSelectedData(
+            table,
+            excludeColumns,
+            formatDownloadHeader,
+            fileName,
+            onDownloadEnd
+          )
         }
       });
     }
@@ -230,6 +286,7 @@ export {
   DataTableDownloadDataFeature,
   cell_getDownloadString,
   constructDownloadDataFeature,
+  header_getDownloadHeaderPath,
   header_getDownloadString,
   table_downloadAllData,
   table_downloadPageData,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Download/Download.tsx"],
-  "sourcesContent": ["import {\n  type RowData,\n  type Table_Internal,\n  type TableFeatures,\n  type Row,\n  type RowModel,\n  assignPrototypeAPIs,\n  type TableFeature,\n  assignTableAPIs,\n  type Cell,\n  type CellData,\n  type Header,\n  type Column,\n  columnVisibilityFeature,\n  rowSelectionFeature,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableDownloadSlotProps,\n  DownloadDataFeatureConstructors,\n} from './download-types.js';\nimport { downloadCSV, escapeForCSV } from '../../../../core/utils/download.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertArrayToCsv } from '../../../utils/download-utils.js';\nimport {\n  DATA_TABLE_INDEX_COLUMN_HEADER,\n  DATA_TABLE_DOWNLOAD_CSV_FILE_NAME,\n} from '../../constants.js';\n\n/**\n * DataTable slot definition for the Download action.\n * Columns may be optionally excluded from downloading by their IDs.\n * @public\n */\nexport function DataTableDownload(props: DataTableDownloadSlotProps) {\n  return null;\n}\n\n/**\n * Extracts the column string representation for the download CSV.\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param includeIndexColumnHeader - if true, prepends an `index` column,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n */\nfunction getCsvHeaders<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  includeIndexColumnHeader: boolean,\n  excludeColumns?: string[],\n): string[] {\n  const columnHeaders = table\n    .getLeafHeaders()\n    .filter((header) => {\n      // If there are subheaders, we can also skip here. We work through\n      // the remaining leaves later.\n      if (header.subHeaders.length > 0) {\n        return false;\n      }\n\n      // Don't include placeholder headers.\n      if (header.isPlaceholder) {\n        return false;\n      }\n      // Don't include built in columns in the download info.\n      if (header.column.columnDef.meta?.builtin === true) {\n        return false;\n      }\n      // Don't include columns explicitly excluded by the consumer in the download info.\n      if (excludeColumns?.includes(header.column.id)) {\n        return false;\n      }\n      // Don't include sparkline column in the download info.\n      if (header.column.columnDef.columnType === 'sparkline') {\n        return false;\n      }\n      if (\n        // Safe cast here because the `getIsVisible` function is added to the table instance via the `columnVisibilityFeature` function,\n        // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n        (\n          header.column as unknown as Column<\n            { columnVisibilityFeature: typeof columnVisibilityFeature },\n            TData\n          >\n        ).getIsVisible() === false\n      ) {\n        return false;\n      }\n      return true;\n    })\n    .map((header) => header.getDownloadString());\n\n  if (includeIndexColumnHeader) {\n    columnHeaders.unshift(DATA_TABLE_INDEX_COLUMN_HEADER);\n  }\n  return columnHeaders;\n}\n\n/**\n * @returns all visible cells of the given row as downloadable string, excluding built-in and sparkline columns.\n */\nfunction getCsvCells<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n  excludeColumns?: string[],\n): string[] {\n  // Safe cast here because the `getVisibleCells` function is added to the table instance via the `columnVisibilityFeature` function,\n  // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n  return (\n    row as unknown as Row<\n      { columnVisibilityFeature: typeof columnVisibilityFeature },\n      TData\n    >\n  )\n    .getVisibleCells()\n    .filter(\n      (cell) =>\n        cell.column.columnDef.meta?.builtin !== true &&\n        cell.column.columnDef.columnType !== 'sparkline' &&\n        !excludeColumns?.includes(cell.column.id),\n    )\n    .map((cell) => cell.getDownloadString());\n}\n\n/**\n * @returns the given row's 1-based index, indicating its indentation level.\n * - Root rows have indices 1, 2, 3, 4, ...\n * - 2nd level sub-rows rows have indices 1.1, 1.2, 1.3, 2.1, 2.2, ...\n * - 3rd level sub-rows rows have indices 1.1.1, 1.1.2, 1.2.1, 1.3.1, 2.1.1, 2.1.2, ...\n * - etc.\n */\nfunction getRowIndex<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n) {\n  let indexPrefix = '';\n  for (const parent of row.getParentRows()) {\n    indexPrefix = `${indexPrefix}${parent.index + 1}.`;\n  }\n  return `${indexPrefix}${row.index + 1}`;\n}\n\n/**\n * Extracts the headers and cell data string representation for the download CSV.\n * Utilizes async batching intended for large amounts of rows (e.g. 100k)\n * to unblock the main thread.\n *\n * If the table has sub-rows,  an `index` column is prepended,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param rowModel - the rows to process.\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n */\nasync function getCsv<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  excludeColumns?: string[],\n): Promise<string[][]> {\n  const nrOfRows = rowModel.flatRows.length;\n  const csvData: string[][] = Array.from({ length: nrOfRows + 1 }); // rows + header\n  const batchSize = 1_000;\n  let currentIndex = 0;\n  const includeIndexColumn = table.getHasSubRows();\n  csvData[0] = getCsvHeaders(table, includeIndexColumn, excludeColumns);\n\n  function processBatch(): Promise<void> {\n    return new Promise((resolve) => {\n      const currentBatchEnd = Math.min(currentIndex + batchSize, nrOfRows);\n      for (let i = currentIndex; i < currentBatchEnd; i++) {\n        const row = rowModel.flatRows[i];\n        const csvRow = getCsvCells(row, excludeColumns);\n        if (includeIndexColumn) {\n          const rowIndex = getRowIndex(row);\n          csvRow.unshift(rowIndex);\n        }\n        csvData[i + 1] = csvRow;\n      }\n      currentIndex = currentBatchEnd;\n\n      if (currentIndex < nrOfRows) {\n        // yield control to the browser before continuing with next batch\n        setTimeout(() => resolve(processBatch()), 0);\n      } else {\n        resolve();\n      }\n    });\n  }\n\n  await processBatch();\n  return csvData;\n}\n\nfunction downloadData<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  subset: 'all' | 'page' | 'selected',\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n): void {\n  void getCsv(table, rowModel, excludeColumns)\n    .then((rows) => {\n      const csvString = convertArrayToCsv(rows);\n      downloadCSV(csvString, DATA_TABLE_DOWNLOAD_CSV_FILE_NAME);\n      table.options.onDownloadData?.(\n        subset,\n        ...(excludeColumns ? [excludeColumns] : []),\n      );\n    })\n    .finally(() => {\n      onDownloadEnd?.();\n    });\n}\n\n/**\n * Helper function to extract the header string representation for CSV download, including handling of nested headers.\n * @internal\n */\nexport function header_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(header: Header<TFeatures, TData>): string {\n  const nestedHeaderNames: string[] = [];\n\n  let currentColumnNesting: Column<TFeatures, TData> | undefined =\n    header.column;\n\n  // Go up the parent chain and find the correct names for the download names.\n  while (currentColumnNesting !== undefined) {\n    const columnDefHeader = currentColumnNesting.columnDef.header;\n    // If the column definition defines either a custom element or nothing,\n    // we call back to the header.id defined in the column def.\n    if (\n      typeof columnDefHeader === 'function' ||\n      columnDefHeader === undefined\n    ) {\n      nestedHeaderNames.push(header.id);\n    } else {\n      nestedHeaderNames.push(columnDefHeader);\n    }\n    // Go up the nesting chain.\n    currentColumnNesting = currentColumnNesting.parent;\n  }\n\n  return nestedHeaderNames.toReversed().join('.');\n}\n\n/**\n * Helper function to extract the cell value as a string for CSV download, with special handling for dates, meter bars, and objects.\n * @internal\n */\nexport function cell_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(cell: Cell<TFeatures, TData, TValue>): string {\n  const cellValue = cell.getValue();\n\n  // If there is no cell value, return an empty string.\n  if (cellValue === undefined || cellValue === null) {\n    return '';\n  }\n\n  // If the cell value is a Date object, return the iso string.\n  if (cellValue instanceof Date) {\n    return cellValue.toISOString();\n  }\n\n  // If the cell is in a columnType 'datetime', we should try to move it to a `Date` and export the iso string.\n  if (\n    (cell.column.columnDef.columnType === 'datetime' ||\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      cell.column.columnDef.columnType === 'date') &&\n    (typeof cellValue === 'string' || typeof cellValue === 'number')\n  ) {\n    // First try to actually parse it directly into a Date.\n    // That should work for numbers and strings that have a correct date format.\n    const cellDate = new Date(cellValue);\n    if (!isNaN(cellDate.getTime())) {\n      return cellDate.toISOString();\n    }\n\n    // Check for stringified timestamp values next.\n    if (typeof cellValue === 'string' && !isNaN(parseInt(cellValue, 10))) {\n      const cellDate = new Date(parseInt(cellValue, 10));\n      if (!isNaN(cellDate.getTime())) {\n        return cellDate.toISOString();\n      }\n    }\n\n    // Unparsable string or number in the `columnType=date` column.\n    // Fall through to the remaining processing steps.\n  }\n\n  // If the cell renders a `MultiMeterBarChart`, we extract the values into JSON key-value pairs.\n  // Regular `MeterBarChart` values are a simple number, which can be added directly.\n  if (cell.column.columnDef.columnType === 'meterbar') {\n    // First, if it's a single `MeterBarChart` value, we return early.\n    if (!Array.isArray(cellValue)) {\n      return escapeForCSV(cellValue);\n    }\n    // Otherwise, when it's an array, it is a `MultiMeterBarChart`.\n    try {\n      const multiMeterBarValues = Object.fromEntries(\n        cellValue.map((item) => [item.name, item.value]),\n      );\n      return escapeForCSV(JSON.stringify(multiMeterBarValues));\n    } catch {\n      devLog(\n        `Failed to extract meterbar values for column \"${cell.column.id}\". Expected array items to have 'name' and 'value' properties.`,\n      );\n    }\n  }\n\n  // If the cell value is of type string or is an array, return an escaped version of the value.\n  if (typeof cellValue === 'string' || Array.isArray(cellValue)) {\n    return escapeForCSV(cellValue);\n  }\n\n  // If the cell value is an object\n  if (typeof cellValue === 'object' && cellValue !== null) {\n    // if the object has a `toString` function defined, respect it\n    if (\n      Object.hasOwn(cellValue, 'toString') &&\n      typeof cellValue.toString === 'function'\n    ) {\n      return escapeForCSV(cellValue.toString());\n    }\n\n    try {\n      return escapeForCSV(JSON.stringify(cellValue));\n    } catch {\n      devLog(\n        `Accessed cell value for column \"${cell.column.id}\" received an object, but was not stringifyable. Consider providing a toString() function on the object.`,\n      );\n    }\n  }\n\n  return `${cellValue}`;\n}\n\n/**\n * Helper function to trigger the download of all table data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadAllData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getCoreRowModel(),\n    'all',\n    excludeColumns,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the current page's data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadPageData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getPaginatedRowModel(),\n    'page',\n    excludeColumns,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the currently selected rows' data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadSelectedData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    // Safe cast here because the `getSelectedRowModel` function is added to the table instance via the `constructDownloadDataFeature` function,\n    // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n    (\n      table as unknown as Table_Internal<\n        { rowSelectionFeature: typeof rowSelectionFeature },\n        TData\n      >\n    ).getSelectedRowModel() as unknown as RowModel<TableFeatures, TData>,\n    'selected',\n    excludeColumns,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Constructs the column visibility feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructDownloadDataFeature(): TableFeature<DownloadDataFeatureConstructors> {\n  return {\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        header_getDownloadString: {\n          fn: (header) => header_getDownloadString(header),\n        },\n      });\n    },\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        cell_getDownloadString: {\n          fn: (cell) => cell_getDownloadString(cell),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableDownloadDataFeature', table, {\n        table_downloadAllData: {\n          fn: (excludeColumns?: string[], onDownloadEnd?: () => void) =>\n            table_downloadAllData(table, excludeColumns, onDownloadEnd),\n        },\n        table_downloadPageData: {\n          fn: (excludeColumns?: string[], onDownloadEnd?: () => void) =>\n            table_downloadPageData(table, excludeColumns, onDownloadEnd),\n        },\n        table_downloadSelectedData: {\n          fn: (excludeColumns?: string[], onDownloadEnd?: () => void) =>\n            table_downloadSelectedData(table, excludeColumns, onDownloadEnd),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for downloading data.\n * @internal\n */\nexport const DataTableDownloadDataFeature = constructDownloadDataFeature();\n"],
-  "mappings": "AAAA;AAAA,EAME;AAAA,EAEA;AAAA,OAOK;AAMP,SAAS,aAAa,oBAAoB;AAC1C,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAOA,SAAS,kBAAkB,OAAmC;AACnE,SAAO;AACT;AAUA,SAAS,cACP,OACA,0BACA,gBACU;AACV,QAAM,gBAAgB,MACnB,eAAe,EACf,OAAO,CAAC,WAAW;AAGlB,QAAI,OAAO,WAAW,SAAS,GAAG;AAChC,aAAO;AAAA,IACT;AAGA,QAAI,OAAO,eAAe;AACxB,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,OAAO,UAAU,MAAM,YAAY,MAAM;AAClD,aAAO;AAAA,IACT;AAEA,QAAI,gBAAgB,SAAS,OAAO,OAAO,EAAE,GAAG;AAC9C,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,OAAO,UAAU,eAAe,aAAa;AACtD,aAAO;AAAA,IACT;AACA;AAAA;AAAA;AAAA,MAII,OAAO,OAIP,aAAa,MAAM;AAAA,MACrB;AACA,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC,EACA,IAAI,CAAC,WAAW,OAAO,kBAAkB,CAAC;AAE7C,MAAI,0BAA0B;AAC5B,kBAAc,QAAQ,8BAA8B;AAAA,EACtD;AACA,SAAO;AACT;AAKA,SAAS,YACP,KACA,gBACU;AAGV,SACE,IAKC,gBAAgB,EAChB;AAAA,IACC,CAAC,SACC,KAAK,OAAO,UAAU,MAAM,YAAY,QACxC,KAAK,OAAO,UAAU,eAAe,eACrC,CAAC,gBAAgB,SAAS,KAAK,OAAO,EAAE;AAAA,EAC5C,EACC,IAAI,CAAC,SAAS,KAAK,kBAAkB,CAAC;AAC3C;AASA,SAAS,YACP,KACA;AACA,MAAI,cAAc;AAClB,aAAW,UAAU,IAAI,cAAc,GAAG;AACxC,kBAAc,GAAG,WAAW,GAAG,OAAO,QAAQ,CAAC;AAAA,EACjD;AACA,SAAO,GAAG,WAAW,GAAG,IAAI,QAAQ,CAAC;AACvC;AAcA,eAAe,OACb,OACA,UACA,gBACqB;AACrB,QAAM,WAAW,SAAS,SAAS;AACnC,QAAM,UAAsB,MAAM,KAAK,EAAE,QAAQ,WAAW,EAAE,CAAC;AAC/D,QAAM,YAAY;AAClB,MAAI,eAAe;AACnB,QAAM,qBAAqB,MAAM,cAAc;AAC/C,UAAQ,CAAC,IAAI,cAAc,OAAO,oBAAoB,cAAc;AAEpE,WAAS,eAA8B;AACrC,WAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,YAAM,kBAAkB,KAAK,IAAI,eAAe,WAAW,QAAQ;AACnE,eAAS,IAAI,cAAc,IAAI,iBAAiB,KAAK;AACnD,cAAM,MAAM,SAAS,SAAS,CAAC;AAC/B,cAAM,SAAS,YAAY,KAAK,cAAc;AAC9C,YAAI,oBAAoB;AACtB,gBAAM,WAAW,YAAY,GAAG;AAChC,iBAAO,QAAQ,QAAQ;AAAA,QACzB;AACA,gBAAQ,IAAI,CAAC,IAAI;AAAA,MACnB;AACA,qBAAe;AAEf,UAAI,eAAe,UAAU;AAE3B,mBAAW,MAAM,QAAQ,aAAa,CAAC,GAAG,CAAC;AAAA,MAC7C,OAAO;AACL,gBAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,aAAa;AACnB,SAAO;AACT;AAEA,SAAS,aACP,OACA,UACA,QACA,gBACA,eACM;AACN,OAAK,OAAO,OAAO,UAAU,cAAc,EACxC,KAAK,CAAC,SAAS;AACd,UAAM,YAAY,kBAAkB,IAAI;AACxC,gBAAY,WAAW,iCAAiC;AACxD,UAAM,QAAQ;AAAA,MACZ;AAAA,MACA,GAAI,iBAAiB,CAAC,cAAc,IAAI,CAAC;AAAA,IAC3C;AAAA,EACF,CAAC,EACA,QAAQ,MAAM;AACb,oBAAgB;AAAA,EAClB,CAAC;AACL;AAMO,SAAS,yBAGd,QAA0C;AAC1C,QAAM,oBAA8B,CAAC;AAErC,MAAI,uBACF,OAAO;AAGT,SAAO,yBAAyB,QAAW;AACzC,UAAM,kBAAkB,qBAAqB,UAAU;AAGvD,QACE,OAAO,oBAAoB,cAC3B,oBAAoB,QACpB;AACA,wBAAkB,KAAK,OAAO,EAAE;AAAA,IAClC,OAAO;AACL,wBAAkB,KAAK,eAAe;AAAA,IACxC;AAEA,2BAAuB,qBAAqB;AAAA,EAC9C;AAEA,SAAO,kBAAkB,WAAW,EAAE,KAAK,GAAG;AAChD;AAMO,SAAS,uBAId,MAA8C;AAC9C,QAAM,YAAY,KAAK,SAAS;AAGhC,MAAI,cAAc,UAAa,cAAc,MAAM;AACjD,WAAO;AAAA,EACT;AAGA,MAAI,qBAAqB,MAAM;AAC7B,WAAO,UAAU,YAAY;AAAA,EAC/B;AAGA,OACG,KAAK,OAAO,UAAU,eAAe;AAAA,EAEpC,KAAK,OAAO,UAAU,eAAe,YACtC,OAAO,cAAc,YAAY,OAAO,cAAc,WACvD;AAGA,UAAM,WAAW,IAAI,KAAK,SAAS;AACnC,QAAI,CAAC,MAAM,SAAS,QAAQ,CAAC,GAAG;AAC9B,aAAO,SAAS,YAAY;AAAA,IAC9B;AAGA,QAAI,OAAO,cAAc,YAAY,CAAC,MAAM,SAAS,WAAW,EAAE,CAAC,GAAG;AACpE,YAAMA,YAAW,IAAI,KAAK,SAAS,WAAW,EAAE,CAAC;AACjD,UAAI,CAAC,MAAMA,UAAS,QAAQ,CAAC,GAAG;AAC9B,eAAOA,UAAS,YAAY;AAAA,MAC9B;AAAA,IACF;AAAA,EAIF;AAIA,MAAI,KAAK,OAAO,UAAU,eAAe,YAAY;AAEnD,QAAI,CAAC,MAAM,QAAQ,SAAS,GAAG;AAC7B,aAAO,aAAa,SAAS;AAAA,IAC/B;AAEA,QAAI;AACF,YAAM,sBAAsB,OAAO;AAAA,QACjC,UAAU,IAAI,CAAC,SAAS,CAAC,KAAK,MAAM,KAAK,KAAK,CAAC;AAAA,MACjD;AACA,aAAO,aAAa,KAAK,UAAU,mBAAmB,CAAC;AAAA,IACzD,QAAQ;AACN;AAAA,QACE,iDAAiD,KAAK,OAAO,EAAE;AAAA,MACjE;AAAA,IACF;AAAA,EACF;AAGA,MAAI,OAAO,cAAc,YAAY,MAAM,QAAQ,SAAS,GAAG;AAC7D,WAAO,aAAa,SAAS;AAAA,EAC/B;AAGA,MAAI,OAAO,cAAc,YAAY,cAAc,MAAM;AAEvD,QACE,OAAO,OAAO,WAAW,UAAU,KACnC,OAAO,UAAU,aAAa,YAC9B;AACA,aAAO,aAAa,UAAU,SAAS,CAAC;AAAA,IAC1C;AAEA,QAAI;AACF,aAAO,aAAa,KAAK,UAAU,SAAS,CAAC;AAAA,IAC/C,QAAQ;AACN;AAAA,QACE,mCAAmC,KAAK,OAAO,EAAE;AAAA,MACnD;AAAA,IACF;AAAA,EACF;AAEA,SAAO,GAAG,SAAS;AACrB;AAMO,SAAS,sBAId,OACA,gBACA,eACA;AACA,SAAO;AAAA,IACL;AAAA,IACA,MAAM,gBAAgB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAMO,SAAS,uBAId,OACA,gBACA,eACA;AACA,SAAO;AAAA,IACL;AAAA,IACA,MAAM,qBAAqB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAMO,SAAS,2BAId,OACA,gBACA,eACA;AACA,SAAO;AAAA,IACL;AAAA;AAAA;AAAA,IAIE,MAIA,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,SAAS,+BAA8E;AAC5F,SAAO;AAAA,IACL,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,gCAAgC,WAAW,OAAO;AAAA,QACpE,0BAA0B;AAAA,UACxB,IAAI,CAAC,WAAW,yBAAyB,MAAM;AAAA,QACjD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,CAAC,WAAW,UAAU;AACzC,0BAAoB,gCAAgC,WAAW,OAAO;AAAA,QACpE,wBAAwB;AAAA,UACtB,IAAI,CAAC,SAAS,uBAAuB,IAAI;AAAA,QAC3C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,gCAAgC,OAAO;AAAA,QACrD,uBAAuB;AAAA,UACrB,IAAI,CAAC,gBAA2B,kBAC9B,sBAAsB,OAAO,gBAAgB,aAAa;AAAA,QAC9D;AAAA,QACA,wBAAwB;AAAA,UACtB,IAAI,CAAC,gBAA2B,kBAC9B,uBAAuB,OAAO,gBAAgB,aAAa;AAAA,QAC/D;AAAA,QACA,4BAA4B;AAAA,UAC1B,IAAI,CAAC,gBAA2B,kBAC9B,2BAA2B,OAAO,gBAAgB,aAAa;AAAA,QACnE;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAMO,MAAM,+BAA+B,6BAA6B;",
+  "sourcesContent": ["import {\n  type RowData,\n  type Table_Internal,\n  type TableFeatures,\n  type Row,\n  type RowModel,\n  assignPrototypeAPIs,\n  type TableFeature,\n  assignTableAPIs,\n  type Cell,\n  type CellData,\n  type Header,\n  type Column,\n  columnVisibilityFeature,\n  rowSelectionFeature,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableDownloadHeaderContext,\n  DataTableDownloadSlotProps,\n  DownloadDataFeatureConstructors,\n} from './download-types.js';\nimport { downloadCSV, escapeForCSV } from '../../../../core/utils/download.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertArrayToCsv } from '../../../utils/download-utils.js';\nimport {\n  DATA_TABLE_INDEX_COLUMN_HEADER,\n  DATA_TABLE_DOWNLOAD_CSV_FILE_NAME,\n} from '../../constants.js';\n\n/**\n * DataTable slot definition for the Download action.\n * Columns may be optionally excluded from downloading by their IDs.\n * @public\n */\nexport function DataTableDownload(props: DataTableDownloadSlotProps) {\n  return null;\n}\n\n/**\n * Extracts the column string representation for the download CSV.\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param includeIndexColumnHeader - if true, prepends an `index` column,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n * @param formatDownloadHeader - optional callback to override CSV header names per column.\n */\nfunction getCsvHeaders<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  includeIndexColumnHeader: boolean,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n): string[] {\n  const effectiveFormatDownloadHeader =\n    formatDownloadHeader ?? table.options.formatDownloadHeader;\n\n  const columnHeaders = table\n    .getLeafHeaders()\n    .filter((header) => {\n      // If there are subheaders, we can also skip here. We work through\n      // the remaining leaves later.\n      if (header.subHeaders.length > 0) {\n        return false;\n      }\n\n      // Don't include placeholder headers.\n      if (header.isPlaceholder) {\n        return false;\n      }\n      // Don't include built in columns in the download info.\n      if (header.column.columnDef.meta?.builtin === true) {\n        return false;\n      }\n      // Don't include columns explicitly excluded by the consumer in the download info.\n      if (excludeColumns?.includes(header.column.id)) {\n        return false;\n      }\n      // Don't include sparkline column in the download info.\n      if (header.column.columnDef.columnType === 'sparkline') {\n        return false;\n      }\n      if (\n        // Safe cast here because the `getIsVisible` function is added to the table instance via the `columnVisibilityFeature` function,\n        // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n        (\n          header.column as unknown as Column<\n            { columnVisibilityFeature: typeof columnVisibilityFeature },\n            TData\n          >\n        ).getIsVisible() === false\n      ) {\n        return false;\n      }\n      return true;\n    })\n    .map((header) => {\n      const headerPath = header_getDownloadHeaderPath(header);\n      const defaultHeader = headerPath.join('.');\n      const overriddenHeader = effectiveFormatDownloadHeader?.({\n        columnId: header.column.id,\n        leafHeader: headerPath.at(-1) ?? defaultHeader,\n        groupHeader: headerPath.at(-2),\n      });\n      return escapeForCSV(overriddenHeader ?? defaultHeader);\n    });\n\n  if (includeIndexColumnHeader) {\n    columnHeaders.unshift(DATA_TABLE_INDEX_COLUMN_HEADER);\n  }\n  return columnHeaders;\n}\n\n/**\n * @returns all visible cells of the given row as downloadable string, excluding built-in and sparkline columns.\n */\nfunction getCsvCells<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n  excludeColumns?: string[],\n): string[] {\n  // Safe cast here because the `getVisibleCells` function is added to the table instance via the `columnVisibilityFeature` function,\n  // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n  return (\n    row as unknown as Row<\n      { columnVisibilityFeature: typeof columnVisibilityFeature },\n      TData\n    >\n  )\n    .getVisibleCells()\n    .filter(\n      (cell) =>\n        cell.column.columnDef.meta?.builtin !== true &&\n        cell.column.columnDef.columnType !== 'sparkline' &&\n        !excludeColumns?.includes(cell.column.id),\n    )\n    .map((cell) => cell.getDownloadString());\n}\n\n/**\n * @returns the given row's 1-based index, indicating its indentation level.\n * - Root rows have indices 1, 2, 3, 4, ...\n * - 2nd level sub-rows rows have indices 1.1, 1.2, 1.3, 2.1, 2.2, ...\n * - 3rd level sub-rows rows have indices 1.1.1, 1.1.2, 1.2.1, 1.3.1, 2.1.1, 2.1.2, ...\n * - etc.\n */\nfunction getRowIndex<TFeatures extends TableFeatures, TData extends RowData>(\n  row: Row<TFeatures, TData>,\n) {\n  let indexPrefix = '';\n  for (const parent of row.getParentRows()) {\n    indexPrefix = `${indexPrefix}${parent.index + 1}.`;\n  }\n  return `${indexPrefix}${row.index + 1}`;\n}\n\n/**\n * Extracts the headers and cell data string representation for the download CSV.\n * Utilizes async batching intended for large amounts of rows (e.g. 100k)\n * to unblock the main thread.\n *\n * If the table has sub-rows,  an `index` column is prepended,\n * indicating the row's indentation, e.g. 1, 1.1, 1.2, 2, 2.1., ...\n *\n * @param table - the table instance whose leaf headers are extracted.\n * @param rowModel - the rows to process.\n * @param excludeColumns - array of column IDs that can optionally be excluded from the download.\n */\nasync function getCsv<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n): Promise<string[][]> {\n  const nrOfRows = rowModel.flatRows.length;\n  const csvData: string[][] = Array.from({ length: nrOfRows + 1 }); // rows + header\n  const batchSize = 1_000;\n  let currentIndex = 0;\n  const includeIndexColumn = table.getHasSubRows();\n  csvData[0] = getCsvHeaders(\n    table,\n    includeIndexColumn,\n    excludeColumns,\n    formatDownloadHeader,\n  );\n\n  function processBatch(): Promise<void> {\n    return new Promise((resolve) => {\n      const currentBatchEnd = Math.min(currentIndex + batchSize, nrOfRows);\n      for (let i = currentIndex; i < currentBatchEnd; i++) {\n        const row = rowModel.flatRows[i];\n        const csvRow = getCsvCells(row, excludeColumns);\n        if (includeIndexColumn) {\n          const rowIndex = getRowIndex(row);\n          csvRow.unshift(rowIndex);\n        }\n        csvData[i + 1] = csvRow;\n      }\n      currentIndex = currentBatchEnd;\n\n      if (currentIndex < nrOfRows) {\n        // yield control to the browser before continuing with next batch\n        setTimeout(() => resolve(processBatch()), 0);\n      } else {\n        resolve();\n      }\n    });\n  }\n\n  await processBatch();\n  return csvData;\n}\n\n/**\n * Sanitizes a consumer-provided file name so it cannot crash the download or\n * escape the downloads folder. The `.csv` extension is stripped, only letters,\n * digits, dashes, and underscores are kept (all other characters are removed),\n * and the extension is re-added by the caller.\n * @returns the sanitized base name, or `undefined` when nothing usable remains.\n */\nfunction sanitizeFileName(name: string | undefined): string | undefined {\n  if (name === undefined) {\n    return undefined;\n  }\n  const sanitized = name.replace(/\\.csv$/i, '').replace(/[^a-zA-Z0-9_-]/g, '');\n  return sanitized === '' ? undefined : sanitized;\n}\n\n/**\n * Resolves the effective CSV download file name: the given name is sanitized of\n * invalid characters and falls back to the default when nothing usable remains.\n * The `.csv` extension is always appended.\n */\nfunction resolveDownloadFileName(fileName?: string): string {\n  const sanitized = sanitizeFileName(fileName);\n  return sanitized === undefined\n    ? DATA_TABLE_DOWNLOAD_CSV_FILE_NAME\n    : `${sanitized}.csv`;\n}\n\nfunction downloadData<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  rowModel: RowModel<TFeatures, TData>,\n  subset: 'all' | 'page' | 'selected',\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n): void {\n  const resolvedName =\n    typeof fileName === 'function' ? fileName(subset) : fileName;\n  void getCsv(table, rowModel, excludeColumns, formatDownloadHeader)\n    .then((rows) => {\n      const csvString = convertArrayToCsv(rows);\n      downloadCSV(csvString, resolveDownloadFileName(resolvedName));\n      table.options.onDownloadData?.(\n        subset,\n        ...(excludeColumns ? [excludeColumns] : []),\n      );\n    })\n    .catch((error: unknown) => {\n      devLog('[DataTable] CSV download failed', error);\n    })\n    .finally(() => {\n      onDownloadEnd?.();\n    });\n}\n\n/**\n * Helper function to extract the header nesting segments for a leaf column, from outermost group to leaf.\n * Falls back to the header id when the column header is a custom renderer or undefined.\n * @internal\n */\nexport function header_getDownloadHeaderPath<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(header: Header<TFeatures, TData>): string[] {\n  const nestedHeaderNames: string[] = [];\n\n  let currentColumnNesting: Column<TFeatures, TData> | undefined =\n    header.column;\n\n  // Go up the parent chain and find the correct names for the download names.\n  while (currentColumnNesting !== undefined) {\n    const columnDefHeader = currentColumnNesting.columnDef.header;\n    // If the column definition defines either a custom element or nothing,\n    // we fall back to the current column's own id.\n    if (\n      typeof columnDefHeader === 'function' ||\n      columnDefHeader === undefined\n    ) {\n      nestedHeaderNames.push(currentColumnNesting.id);\n    } else {\n      nestedHeaderNames.push(columnDefHeader);\n    }\n    // Go up the nesting chain.\n    currentColumnNesting = currentColumnNesting.parent;\n  }\n\n  // Reverse so the path reads outermost group \u2192 leaf.\n  return nestedHeaderNames.toReversed();\n}\n\nexport function header_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(header: Header<TFeatures, TData>): string {\n  return header_getDownloadHeaderPath(header).join('.');\n}\n\n/**\n * Helper function to extract the cell value as a string for CSV download, with special handling for dates, meter bars, and objects.\n * @internal\n */\nexport function cell_getDownloadString<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(cell: Cell<TFeatures, TData, TValue>): string {\n  const cellValue = cell.getValue();\n\n  // If there is no cell value, return an empty string.\n  if (cellValue === undefined || cellValue === null) {\n    return '';\n  }\n\n  // If the cell value is a Date object, return the iso string.\n  if (cellValue instanceof Date) {\n    return cellValue.toISOString();\n  }\n\n  // If the cell is in a columnType 'datetime', we should try to move it to a `Date` and export the iso string.\n  if (\n    (cell.column.columnDef.columnType === 'datetime' ||\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      cell.column.columnDef.columnType === 'date') &&\n    (typeof cellValue === 'string' || typeof cellValue === 'number')\n  ) {\n    // First try to actually parse it directly into a Date.\n    // That should work for numbers and strings that have a correct date format.\n    const cellDate = new Date(cellValue);\n    if (!isNaN(cellDate.getTime())) {\n      return cellDate.toISOString();\n    }\n\n    // Check for stringified timestamp values next.\n    if (typeof cellValue === 'string' && !isNaN(parseInt(cellValue, 10))) {\n      const cellDate = new Date(parseInt(cellValue, 10));\n      if (!isNaN(cellDate.getTime())) {\n        return cellDate.toISOString();\n      }\n    }\n\n    // Unparsable string or number in the `columnType=date` column.\n    // Fall through to the remaining processing steps.\n  }\n\n  // If the cell renders a `MultiMeterBarChart`, we extract the values into JSON key-value pairs.\n  // Regular `MeterBarChart` values are a simple number, which can be added directly.\n  if (cell.column.columnDef.columnType === 'meterbar') {\n    // First, if it's a single `MeterBarChart` value, we return early.\n    if (!Array.isArray(cellValue)) {\n      return escapeForCSV(cellValue);\n    }\n    // Otherwise, when it's an array, it is a `MultiMeterBarChart`.\n    try {\n      const multiMeterBarValues = Object.fromEntries(\n        cellValue.map((item) => [item.name, item.value]),\n      );\n      return escapeForCSV(JSON.stringify(multiMeterBarValues));\n    } catch {\n      devLog(\n        `Failed to extract meterbar values for column \"${cell.column.id}\". Expected array items to have 'name' and 'value' properties.`,\n      );\n    }\n  }\n\n  // If the cell value is of type string or is an array, return an escaped version of the value.\n  if (typeof cellValue === 'string' || Array.isArray(cellValue)) {\n    return escapeForCSV(cellValue);\n  }\n\n  // If the cell value is an object\n  if (typeof cellValue === 'object' && cellValue !== null) {\n    // if the object has a `toString` function defined, respect it\n    if (\n      Object.hasOwn(cellValue, 'toString') &&\n      typeof cellValue.toString === 'function'\n    ) {\n      return escapeForCSV(cellValue.toString());\n    }\n\n    try {\n      return escapeForCSV(JSON.stringify(cellValue));\n    } catch {\n      devLog(\n        `Accessed cell value for column \"${cell.column.id}\" received an object, but was not stringifyable. Consider providing a toString() function on the object.`,\n      );\n    }\n  }\n\n  return `${cellValue}`;\n}\n\n/**\n * Helper function to trigger the download of all table data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadAllData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getCoreRowModel(),\n    'all',\n    excludeColumns,\n    formatDownloadHeader,\n    fileName,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the current page's data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadPageData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    table.getPaginatedRowModel(),\n    'page',\n    excludeColumns,\n    formatDownloadHeader,\n    fileName,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Helper function to trigger the download of the currently selected rows' data as CSV, excluding built-in and sparkline columns.\n * @internal\n */\nexport function table_downloadSelectedData<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  excludeColumns?: string[],\n  formatDownloadHeader?: (\n    context: DataTableDownloadHeaderContext,\n  ) => string | undefined,\n  fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n  onDownloadEnd?: () => void,\n) {\n  return downloadData(\n    table,\n    // Safe cast here because the `getSelectedRowModel` function is added to the table instance via the `constructDownloadDataFeature` function,\n    // so it will always be present at runtime \u2014 TypeScript just can't prove it through the UnionToIntersection generic constraint.\n    (\n      table as unknown as Table_Internal<\n        { rowSelectionFeature: typeof rowSelectionFeature },\n        TData\n      >\n    ).getSelectedRowModel() as unknown as RowModel<TableFeatures, TData>,\n    'selected',\n    excludeColumns,\n    formatDownloadHeader,\n    fileName,\n    onDownloadEnd,\n  );\n}\n\n/**\n * Constructs the column visibility feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructDownloadDataFeature(): TableFeature<DownloadDataFeatureConstructors> {\n  return {\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        header_getDownloadString: {\n          fn: (header) => header_getDownloadString(header),\n        },\n      });\n    },\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableDownloadDataFeature', prototype, table, {\n        cell_getDownloadString: {\n          fn: (cell) => cell_getDownloadString(cell),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableDownloadDataFeature', table, {\n        table_downloadAllData: {\n          fn: (\n            excludeColumns?: string[],\n            formatDownloadHeader?: (\n              context: DataTableDownloadHeaderContext,\n            ) => string | undefined,\n            fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n            onDownloadEnd?: () => void,\n          ) =>\n            table_downloadAllData(\n              table,\n              excludeColumns,\n              formatDownloadHeader,\n              fileName,\n              onDownloadEnd,\n            ),\n        },\n        table_downloadPageData: {\n          fn: (\n            excludeColumns?: string[],\n            formatDownloadHeader?: (\n              context: DataTableDownloadHeaderContext,\n            ) => string | undefined,\n            fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n            onDownloadEnd?: () => void,\n          ) =>\n            table_downloadPageData(\n              table,\n              excludeColumns,\n              formatDownloadHeader,\n              fileName,\n              onDownloadEnd,\n            ),\n        },\n        table_downloadSelectedData: {\n          fn: (\n            excludeColumns?: string[],\n            formatDownloadHeader?: (\n              context: DataTableDownloadHeaderContext,\n            ) => string | undefined,\n            fileName?: string | ((subset: 'all' | 'page' | 'selected') => string),\n            onDownloadEnd?: () => void,\n          ) =>\n            table_downloadSelectedData(\n              table,\n              excludeColumns,\n              formatDownloadHeader,\n              fileName,\n              onDownloadEnd,\n            ),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for downloading data.\n * @internal\n */\nexport const DataTableDownloadDataFeature = constructDownloadDataFeature();\n"],
+  "mappings": "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",
   "names": ["cellDate"]
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-._evozey0-3-8-0 {
+._evozey0-3-9-0 {
   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-8-0";
+var ganttChartGrid = "_evozey0-3-9-0";
 export {
   ganttChartGrid
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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