@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -25,7 +25,7 @@ __export(ColumnOrder_css_exports, {
 module.exports = __toCommonJS(ColumnOrder_css_exports);
 var import_ColumnOrder_css_ts_vanilla = require("./ColumnOrder.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var columnDndOverlay = "_1ku1w3z0-3-7-1";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-7-1", enabled: "_1ku1w3z6-3-7-1", inactive: "_1ku1w3z7-3-7-1" };
-var insertPositionIndicator = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ku1w3z1-3-7-1", variantClassNames: { left: { true: "_1ku1w3z2-3-7-1", false: "_1ku1w3z3-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-7-1";
+var columnDndOverlay = "_1ku1w3z0-3-9-0";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-9-0", enabled: "_1ku1w3z6-3-9-0", inactive: "_1ku1w3z7-3-9-0" };
+var insertPositionIndicator = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ku1w3z1-3-9-0", variantClassNames: { left: { true: "_1ku1w3z2-3-9-0", false: "_1ku1w3z3-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-9-0";

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

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

package/tables/DataTable/features/ColumnSizing/ColumnSizing.css

@@ -1,9 +1,9 @@
-._17437gx0-3-7-1 {
+._17437gx0-3-9-0 {
   cursor: col-resize;
 }
-._17437gx0-3-7-1 > * {
+._17437gx0-3-9-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-7-1 ._14sp6az0-3-7-1 * {
+._17437gx0-3-9-0 ._14sp6az0-3-9-0 * {
   pointer-events: none;
 }

package/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js

@@ -22,4 +22,4 @@ __export(ColumnSizing_css_exports, {
 module.exports = __toCommonJS(ColumnSizing_css_exports);
 var import_DataTable_css_ts_vanilla = require("../../DataTable.css");
 var import_ColumnSizing_css_ts_vanilla = require("./ColumnSizing.css");
-var tableColumnResizing = "_17437gx0-3-7-1";
+var tableColumnResizing = "_17437gx0-3-9-0";

package/tables/DataTable/features/ColumnTypes/ColumnTypes.css

@@ -1,4 +1,4 @@
-._19nyr521-3-7-1 {
+._19nyr521-3-9-0 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

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

@@ -22,4 +22,4 @@ __export(ColumnTypes_css_exports, {
 module.exports = __toCommonJS(ColumnTypes_css_exports);
 var import_ColumnTypes_css_ts_vanilla = require("./ColumnTypes.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var logContentWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19nyr520-3-7-1", variantClassNames: { linewrap: { false: "_19nyr521-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19nyr520-3-9-0", variantClassNames: { linewrap: { false: "_19nyr521-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });

package/tables/DataTable/features/ColumnTypes/column-types-types.d.ts

@@ -141,8 +141,9 @@ export type DataTableMeterbarColumnConfig = {
         color: string;
         /**
          * Name of the threshold.
+         * @deprecated This property has no effect and will be removed.
          */
-        name: string;
+        name?: string;
         /**
          * When set to true, the threshold indicator is shown.
          * @defaultValue false

package/tables/DataTable/features/ColumnVisibility/column-visibility-types.d.ts

@@ -45,6 +45,23 @@ export interface DataTableColumnVisibilityUncontrolledProps extends DataTableCol
  * @public
  */
 export type DataTableColumnVisibilityProps = DataTableColumnVisibilityControlledProps | DataTableColumnVisibilityUncontrolledProps;
+/**
+ * Optional upper limits for the number of visible columns in the column settings modal.
+ * @public
+ */
+export interface DataTableVisibleColumnLimits {
+    /**
+     * The number of visible columns above which a non-blocking warning is shown.
+     * Evaluated live as the user toggles columns. No warning is shown when unset.
+     */
+    maxWarning?: number;
+    /**
+     * The number of visible columns above which a blocking error is shown and the
+     * Apply button is disabled. Evaluated live as the user toggles columns. No error
+     * is shown when unset.
+     */
+    maxError?: number;
+}
 /**
  * Extension interface to extend the types of the columnDefinition from the tanstack table.
  * @public

package/tables/DataTable/features/Config.js

@@ -53,16 +53,20 @@ function useDataTableConfigRef(forwardedRef, columnSettingsModalRef, table, prop
         variant: table.store.state.visualVariantConfig
       };
     },
-    downloadData(subset, excludeColumns) {
+    downloadData(subset, excludeColumns, formatDownloadHeader, fileName) {
       switch (subset) {
         case "all":
-          table.downloadAllData(excludeColumns);
+          table.downloadAllData(excludeColumns, formatDownloadHeader, fileName);
           break;
         case "page":
-          table.downloadPageData(excludeColumns);
+          table.downloadPageData(excludeColumns, formatDownloadHeader, fileName);
           break;
         case "selected":
-          table.downloadSelectedData(excludeColumns);
+          table.downloadSelectedData(
+            excludeColumns,
+            formatDownloadHeader,
+            fileName
+          );
           break;
       }
     },

package/tables/DataTable/features/Download/Download.d.ts

@@ -1,5 +1,5 @@
 import { type RowData, type Table_Internal, type TableFeatures, type TableFeature, type Cell, type CellData, type Header } from '@tanstack/react-table';
-import type { DataTableDownloadSlotProps, DownloadDataFeatureConstructors } from './download-types.js';
+import type { DataTableDownloadHeaderContext, DataTableDownloadSlotProps, DownloadDataFeatureConstructors } from './download-types.js';
 /**
  * DataTable slot definition for the Download action.
  * Columns may be optionally excluded from downloading by their IDs.
@@ -7,9 +7,11 @@ import type { DataTableDownloadSlotProps, DownloadDataFeatureConstructors } from
  */
 export declare function DataTableDownload(props: DataTableDownloadSlotProps): null;
 /**
- * Helper function to extract the header string representation for CSV download, including handling of nested headers.
+ * Helper function to extract the header nesting segments for a leaf column, from outermost group to leaf.
+ * Falls back to the header id when the column header is a custom renderer or undefined.
  * @internal
  */
+export declare function header_getDownloadHeaderPath<TFeatures extends TableFeatures, TData extends RowData>(header: Header<TFeatures, TData>): string[];
 export declare function header_getDownloadString<TFeatures extends TableFeatures, TData extends RowData>(header: Header<TFeatures, TData>): string;
 /**
  * Helper function to extract the cell value as a string for CSV download, with special handling for dates, meter bars, and objects.
@@ -20,17 +22,17 @@ export declare function cell_getDownloadString<TFeatures extends TableFeatures,
  * Helper function to trigger the download of all table data as CSV, excluding built-in and sparkline columns.
  * @internal
  */
-export declare function table_downloadAllData<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, excludeColumns?: string[], onDownloadEnd?: () => void): void;
+export declare function table_downloadAllData<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, excludeColumns?: string[], formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined, fileName?: string | ((subset: 'all' | 'page' | 'selected') => string), onDownloadEnd?: () => void): void;
 /**
  * Helper function to trigger the download of the current page's data as CSV, excluding built-in and sparkline columns.
  * @internal
  */
-export declare function table_downloadPageData<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, excludeColumns?: string[], onDownloadEnd?: () => void): void;
+export declare function table_downloadPageData<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, excludeColumns?: string[], formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined, fileName?: string | ((subset: 'all' | 'page' | 'selected') => string), onDownloadEnd?: () => void): void;
 /**
  * Helper function to trigger the download of the currently selected rows' data as CSV, excluding built-in and sparkline columns.
  * @internal
  */
-export declare function table_downloadSelectedData<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, excludeColumns?: string[], onDownloadEnd?: () => void): void;
+export declare function table_downloadSelectedData<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, excludeColumns?: string[], formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined, fileName?: string | ((subset: 'all' | 'page' | 'selected') => string), onDownloadEnd?: () => void): void;
 /**
  * Constructs the column visibility feature for the table,
  * including API implementations and prototype assignments.

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

@@ -21,6 +21,7 @@ __export(Download_exports, {
   DataTableDownloadDataFeature: () => DataTableDownloadDataFeature,
   cell_getDownloadString: () => cell_getDownloadString,
   constructDownloadDataFeature: () => constructDownloadDataFeature,
+  header_getDownloadHeaderPath: () => header_getDownloadHeaderPath,
   header_getDownloadString: () => header_getDownloadString,
   table_downloadAllData: () => table_downloadAllData,
   table_downloadPageData: () => table_downloadPageData,
@@ -35,7 +36,8 @@ var import_constants = require("../../constants.js");
 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;
@@ -60,7 +62,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 (0, import_download.escapeForCSV)(overriddenHeader ?? defaultHeader);
+  });
   if (includeIndexColumnHeader) {
     columnHeaders.unshift(import_constants.DATA_TABLE_INDEX_COLUMN_HEADER);
   }
@@ -78,13 +89,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);
@@ -108,31 +124,48 @@ async function getCsv(table, rowModel, excludeColumns) {
   await processBatch();
   return csvData;
 }
-function downloadData(table, rowModel, subset, excludeColumns, onDownloadEnd) {
-  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 ? import_constants.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 = (0, import_download_utils.convertArrayToCsv)(rows);
-    (0, import_download.downloadCSV)(csvString, import_constants.DATA_TABLE_DOWNLOAD_CSV_FILE_NAME);
+    (0, import_download.downloadCSV)(csvString, resolveDownloadFileName(resolvedName));
     table.options.onDownloadData?.(
       subset,
       ...excludeColumns ? [excludeColumns] : []
     );
+  }).catch((error) => {
+    (0, import_logging.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();
@@ -187,25 +220,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,
@@ -213,6 +250,8 @@ function table_downloadSelectedData(table, excludeColumns, onDownloadEnd) {
     table.getSelectedRowModel(),
     "selected",
     excludeColumns,
+    formatDownloadHeader,
+    fileName,
     onDownloadEnd
   );
 }
@@ -235,13 +274,31 @@ function constructDownloadDataFeature() {
     constructTableAPIs: (table) => {
       (0, import_react_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
+          )
         }
       });
     }

package/tables/DataTable/features/Download/download-types.d.ts

@@ -12,6 +12,28 @@ export interface DataTableDownloadProps {
      */
     onDownloadData?: (subset: 'all' | 'page' | 'selected', excludedColumns?: string[]) => void;
 }
+/**
+ * Context passed to the `formatDownloadHeader` callback for a single leaf column
+ * that is included in the download.
+ * @public
+ */
+export interface DataTableDownloadHeaderContext {
+    /**
+     * The leaf column's ID. Stable identity that also works for custom-rendered headers.
+     */
+    columnId: string;
+    /**
+     * The leaf column's header string, e.g. `"First Name"`. Falls back to the column ID
+     * when the column's `header` is a function or undefined.
+     */
+    leafHeader: string;
+    /**
+     * The parent group column's header string, e.g. `"Person"`,
+     * or `undefined` if the column has no parent group. Falls back to the parent column ID
+     * when the column's `header` is a function or undefined
+     */
+    groupHeader?: string;
+}
 /**
  * DataTable slot definition for the Download action.
  * @public
@@ -27,6 +49,26 @@ export interface DataTableDownloadSlotProps {
      * @param excludedColumns - array of column IDs that were excluded from the download.
      */
     onDownloadData?: (subset: 'all' | 'page' | 'selected', excludedColumns?: string[]) => void;
+    /**
+     * Called once per included leaf column to determine its header name in the downloaded file.
+     * Return the string to use as the header name, or `undefined` to keep the default name.
+     * Only invoked for columns that appear in the download (visible, not excluded, not builtin/sparkline).
+     */
+    formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined;
+    /**
+     * Name of the downloaded CSV file. Pass a static string or a callback that
+     * receives the downloaded subset (`'all'`, `'page'`, or `'selected'`) and
+     * returns the file name. The callback is invoked lazily, once per download.
+     * Falls back to `table-data.csv` when omitted, empty, or when nothing usable
+     * remains after sanitization. A missing `.csv` extension is appended
+     * automatically.
+     *
+     * @remarks
+     * Under a strict Content-Security-Policy, Firefox may ignore the custom name
+     * and use `table-data.csv` instead; the download still succeeds. Other
+     * evergreen browsers honor the custom name.
+     */
+    fileName?: string | ((subset: 'all' | 'page' | 'selected') => string);
 }
 /**
  * Extension interface for the TanStack table instance.
@@ -37,23 +79,29 @@ export interface DataTableDownloadDataInstance {
      * Allows to download the entire table as a csv file.
      * Will only include the visible columns, and columns that are not excluded via `excludeColumns`.
      * @param excludeColumns - defines which visible columns should be excluded from the download.
+     * @param formatDownloadHeader - optional per-column header override; takes precedence over `table.options.formatDownloadHeader`.
+     * @param fileName - name of the downloaded CSV file.
      * @param onDownloadEnd - internal callback fired when the download finishes, independent of success or failure.
      */
-    downloadAllData: (excludeColumns?: string[], onDownloadEnd?: () => void) => void;
+    downloadAllData: (excludeColumns?: string[], formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined, fileName?: string | ((subset: 'all' | 'page' | 'selected') => string), onDownloadEnd?: () => void) => void;
     /**
      * Allows to download the current page as a csv file.
      * Will only include the visible columns, and columns that are not excluded via `excludeColumns`.
      * @param excludeColumns - defines which visible columns should be excluded from the download.
+     * @param formatDownloadHeader - optional per-column header override; takes precedence over `table.options.formatDownloadHeader`.
+     * @param fileName - name of the downloaded CSV file.
      * @param onDownloadEnd - internal callback fired when the download finishes, independent of success or failure.
      */
-    downloadPageData: (excludeColumns?: string[], onDownloadEnd?: () => void) => void;
+    downloadPageData: (excludeColumns?: string[], formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined, fileName?: string | ((subset: 'all' | 'page' | 'selected') => string), onDownloadEnd?: () => void) => void;
     /**
      * Allows to download the current selected rows as a csv file.
      * Will only include the visible columns, and columns that are not excluded via `excludeColumns`.
      * @param excludeColumns - defines which visible columns should be excluded from the download.
+     * @param formatDownloadHeader - optional per-column header override; takes precedence over `table.options.formatDownloadHeader`.
+     * @param fileName - name of the downloaded CSV file.
      * @param onDownloadEnd - internal callback fired when the download finishes, independent of success or failure.
      */
-    downloadSelectedData: (excludeColumns?: string[], onDownloadEnd?: () => void) => void;
+    downloadSelectedData: (excludeColumns?: string[], formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined, fileName?: string | ((subset: 'all' | 'page' | 'selected') => string), onDownloadEnd?: () => void) => void;
 }
 /**
  * Extension interface for the TanStack table instance.
@@ -71,6 +119,7 @@ export interface DataTableDownloadDataCell {
 }
 export interface DataTableDownloadDataOptions {
     onDownloadData?: (subset: 'all' | 'page' | 'selected', excludedColumns?: string[]) => void;
+    formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined;
 }
 /**
  * Interface defining the constructors for the download data feature,

package/tables/DataTable/features/Download/useDownload.d.ts

@@ -1,4 +1,5 @@
 import { type RowData, type TableOptions } from '@tanstack/react-table';
+import type { DataTableDownloadHeaderContext } from './download-types.js';
 import type { TDataTableFeatures } from '../types/features.types.js';
 /**
  * Configuration hook for download of the DataTable.
@@ -6,4 +7,5 @@ import type { TDataTableFeatures } from '../types/features.types.js';
  */
 export declare function useDownloadData<TFeatures extends TDataTableFeatures, TData extends RowData>(props: {
     onDownloadData?: (subset: 'all' | 'page' | 'selected', excludedColumns?: string[]) => void;
+    formatDownloadHeader?: (context: DataTableDownloadHeaderContext) => string | undefined;
 }, options: TableOptions<TFeatures, TData>): void;

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

@@ -22,4 +22,5 @@ __export(useDownload_exports, {
 module.exports = __toCommonJS(useDownload_exports);
 function useDownloadData(props, options) {
   options.onDownloadData = props.onDownloadData;
+  options.formatDownloadHeader = props.formatDownloadHeader;
 }

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

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

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

@@ -21,4 +21,4 @@ __export(DataTableGanttAnnotationsIndicators_css_exports, {
 });
 module.exports = __toCommonJS(DataTableGanttAnnotationsIndicators_css_exports);
 var import_DataTableGanttAnnotationsIndicators_css_ts_vanilla = require("./DataTableGanttAnnotationsIndicators.css");
-var annotationIndicators = "_1x1hmrh0-3-7-1";
+var annotationIndicators = "_1x1hmrh0-3-9-0";

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

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

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

@@ -38,5 +38,5 @@ var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTa
 var import_DataTableDefaultCell_css_ts_vanilla = require("../../components/DataTableDefaultCell.css");
 var import_SubRows_css_ts_vanilla = require("../SubRows/SubRows.css");
 var import_DataTableGanttChartCell_css_ts_vanilla = require("./DataTableGanttChartCell.css");
-var ganttChartCell = "_5jn5tp0-3-7-1";
-var ganttChartDefaultCell = "_5jn5tp1-3-7-1";
+var ganttChartCell = "_5jn5tp0-3-9-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-9-0";

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

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

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

@@ -31,14 +31,14 @@ __export(DataTableGanttChartGrid_exports, {
 });
 module.exports = __toCommonJS(DataTableGanttChartGrid_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_scale = require("@visx/scale");
 var import_react = require("react");
 var import_borders = __toESM(require("@dynatrace/strato-design-tokens/borders"));
 var import_colors = __toESM(require("@dynatrace/strato-design-tokens/colors"));
 var styles = __toESM(require("./DataTableGanttChartGrid.sty.js"));
 var import_useScaleAndFormatter = require("./hooks/useScaleAndFormatter.js");
-var import_get_tick_value_as_number = require("../../../../charts/core/utils/get-tick-value-as-number.js");
 var import_ticks = require("../../../../charts/core/utils/ticks.js");
+var import_get_tick_value_as_number = require("../../../../core/utils/get-tick-value-as-number.js");
+var import_get_ticks = require("../../../../core/utils/get-ticks.js");
 const DataTableGanttChartGrid = ({
   width,
   height,
@@ -51,7 +51,7 @@ const DataTableGanttChartGrid = ({
   const { scale } = (0, import_useScaleAndFormatter.useScaleAndFormatter)(width, config, min, max);
   const numTicks = xAxisType === "time" ? (0, import_ticks.getGanttHorizontalTimeAxisNumTicks)(width) : (0, import_ticks.getHorizontalNumTicks)(width);
   const lines = (0, import_react.useMemo)(() => {
-    const ticks = (0, import_scale.getTicks)(scale, numTicks);
+    const ticks = (0, import_get_ticks.getTicks)(scale, numTicks);
     if (!isSubrowIndicatorColumn && (0, import_get_tick_value_as_number.getTickValueAsNumber)(ticks.at(0)?.valueOf()) === min) {
       ticks.shift();
     }

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

@@ -21,4 +21,4 @@ __export(DataTableGanttChartGrid_css_exports, {
 });
 module.exports = __toCommonJS(DataTableGanttChartGrid_css_exports);
 var import_DataTableGanttChartGrid_css_ts_vanilla = require("./DataTableGanttChartGrid.css");
-var ganttChartGrid = "_evozey0-3-7-1";
+var ganttChartGrid = "_evozey0-3-9-0";

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

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

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

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

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

@@ -27,4 +27,4 @@ var import_ColumnOrder_css_ts_vanilla = require("../ColumnOrder/ColumnOrder.css"
 var import_Thresholds_css_ts_vanilla = require("../Thresholds/Thresholds.css");
 var import_DataTableHeaderCell_css_ts_vanilla = require("../../components/DataTableHeaderCell.css");
 var import_DataTableGanttChartHeader_css_ts_vanilla = require("./DataTableGanttChartHeader.css");
-var ganttChartHeader = "_10y95u40-3-7-1";
+var ganttChartHeader = "_10y95u40-3-9-0";

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

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

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

@@ -23,6 +23,6 @@ __export(LoadingState_css_exports, {
 });
 module.exports = __toCommonJS(LoadingState_css_exports);
 var import_LoadingState_css_ts_vanilla = require("./LoadingState.css");
-var dataTableHeaderHeight = "var(--_14flfjk0-3-7-1)";
-var dataTableScrollOffset = "var(--_14flfjk1-3-7-1)";
-var loadingState = "_14flfjk2-3-7-1";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-9-0)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-9-0)";
+var loadingState = "_14flfjk2-3-9-0";