@dynatrace/strato-components 3.6.0 → 3.7.1

package/charts/xy-chart-adoption/timeseries/map-select-actions.d.ts

@@ -0,0 +1,5 @@
+import type { TimeseriesBand } from './types/timeseries.js';
+import type { Timeseries } from '../../core/types/timeseries.js';
+import type { XYChartSelectedDomains, XYChartSelectedSeries } from '../../xy-chart/types/xy-chart.js';
+export declare function mapSelectedSeriesToTimeseries(selectedSeries: XYChartSelectedSeries, originalSeries: (Timeseries | TimeseriesBand)[]): Timeseries[];
+export declare function mapSelectionDomainToTimeseries(selectionDomain: XYChartSelectedDomains): [Date, Date];

package/charts/xy-chart-adoption/timeseries/map-select-actions.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var map_select_actions_exports = {};
+__export(map_select_actions_exports, {
+  mapSelectedSeriesToTimeseries: () => mapSelectedSeriesToTimeseries,
+  mapSelectionDomainToTimeseries: () => mapSelectionDomainToTimeseries
+});
+module.exports = __toCommonJS(map_select_actions_exports);
+var import_single_line_name = require("../../core/utils/single-line-name.js");
+const extractDatapoint = (item) => {
+  const rawObj = "datapoint" in item ? item.datapoint : item;
+  const raw = rawObj;
+  const datapoint = {
+    start: raw.start,
+    value: raw.value
+  };
+  if (raw.end !== void 0) {
+    datapoint.end = raw.end;
+  }
+  if (raw.center !== void 0) {
+    datapoint.center = raw.center;
+  }
+  return datapoint;
+};
+function mapSelectedSeriesToTimeseries(selectedSeries, originalSeries) {
+  return selectedSeries.flatMap(
+    (record) => Object.entries(record).filter(([, items]) => items.length > 0).map(([seriesName, items]) => {
+      const original = originalSeries.find(
+        (s) => (0, import_single_line_name.singleLineName)(s.name) === seriesName
+      );
+      return {
+        ...original ?? { name: seriesName },
+        datapoints: items.map(extractDatapoint)
+      };
+    })
+  );
+}
+function mapSelectionDomainToTimeseries(selectionDomain) {
+  const [[, domain]] = Object.entries(selectionDomain[0]);
+  return [domain[0], domain[1]];
+}

package/charts/xy-chart-adoption/timeseries/map-series-actions.d.ts

@@ -0,0 +1,9 @@
+import type { TimeseriesBand, TimeseriesSeriesActions } from './types/timeseries.js';
+import type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';
+import type { Timeseries } from '../../core/types/timeseries.js';
+import type { XYChartAreaSeries, XYChartAreaSeriesActionItem, XYChartBarSeries, XYChartBarSeriesActionItem, XYChartLineSeries, XYChartLineSeriesActionItem } from '../../xy-chart/types/xy-chart.js';
+export type XYLineSeriesActions = (datapoint: XYChartLineSeriesActionItem, series?: XYChartLineSeries) => SeriesActionsTemplate;
+export type XYBarSeriesActions = (datapoint: XYChartBarSeriesActionItem, series?: XYChartBarSeries) => SeriesActionsTemplate;
+export type XYAreaSeriesActions = (datapoint: XYChartAreaSeriesActionItem, series?: XYChartAreaSeries) => SeriesActionsTemplate;
+export declare function mapSeriesActionsToXY(seriesActions: TimeseriesSeriesActions, originalSeries: Timeseries[]): XYLineSeriesActions & XYBarSeriesActions & XYAreaSeriesActions;
+export declare function mapBandSeriesActionsToXY(seriesActions: TimeseriesSeriesActions, originalBands: TimeseriesBand[]): XYAreaSeriesActions;

package/charts/xy-chart-adoption/timeseries/map-series-actions.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var map_series_actions_exports = {};
+__export(map_series_actions_exports, {
+  mapBandSeriesActionsToXY: () => mapBandSeriesActionsToXY,
+  mapSeriesActionsToXY: () => mapSeriesActionsToXY
+});
+module.exports = __toCommonJS(map_series_actions_exports);
+var import_single_line_name = require("../../core/utils/single-line-name.js");
+const findByName = (items, name) => items.find((item) => (0, import_single_line_name.singleLineName)(item.name) === name);
+const buildDatapoint = (raw) => {
+  const datapoint = {
+    start: raw.start,
+    value: raw.value
+  };
+  if (raw.end !== void 0) {
+    datapoint.end = raw.end;
+  }
+  if (raw.center !== void 0) {
+    datapoint.center = raw.center;
+  }
+  return datapoint;
+};
+const buildBandDatapoint = (raw) => {
+  const datapoint = {
+    start: raw.start,
+    y0: raw.y0,
+    y1: raw.y1
+  };
+  if (raw.end !== void 0) {
+    datapoint.end = raw.end;
+  }
+  return datapoint;
+};
+function mapSeriesActionsToXY(seriesActions, originalSeries) {
+  return ((item, series) => {
+    const hasNestedDatapoint = "datapoint" in item;
+    const rawObj = hasNestedDatapoint ? item.datapoint : item;
+    const raw = rawObj;
+    const resolvedName = raw.seriesName ?? item.name ?? "";
+    const timeseries = findByName(originalSeries, resolvedName);
+    const isLegendTrigger = series !== void 0;
+    const datapoint = isLegendTrigger ? void 0 : buildDatapoint(raw);
+    return seriesActions(timeseries, datapoint);
+  });
+}
+function mapBandSeriesActionsToXY(seriesActions, originalBands) {
+  return ({ datapoint: xyDatapoint, name }, series) => {
+    const raw = xyDatapoint;
+    const resolvedName = raw.seriesName ?? name ?? "";
+    const band = findByName(originalBands, resolvedName);
+    const isLegendTrigger = series !== void 0;
+    const datapoint = isLegendTrigger ? void 0 : buildBandDatapoint(raw);
+    return seriesActions(band, datapoint);
+  };
+}

package/charts/xy-chart-adoption/timeseries/types/internal-types.d.ts

@@ -0,0 +1,14 @@
+export type RawTimeseriesPoint = {
+    start: Date;
+    end?: Date;
+    center?: Date;
+    value: number;
+    seriesName?: string;
+};
+export type RawBandPoint = {
+    start: Date;
+    end?: Date;
+    y0: number;
+    y1: number;
+    seriesName?: string;
+};

package/{tables/DataTable/tanstack-table-core-override/build/lib/columnHelper.d.js → charts/xy-chart-adoption/timeseries/types/internal-types.js}

@@ -11,5 +11,5 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var columnHelper_d_exports = {};
-module.exports = __toCommonJS(columnHelper_d_exports);
+var internal_types_exports = {};
+module.exports = __toCommonJS(internal_types_exports);

package/charts/xy-chart-adoption/timeseries/types/timeseries.d.ts

@@ -1,7 +1,14 @@
 import type { ReactNode } from 'react';
+import type { MaskingProps } from '../../../../core/types/masking-props.js';
+import type { StylingProps } from '../../../../core/types/styling-props.js';
+import type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';
 import type { ChartUnit } from '../../../core/types/chart-unit.js';
-import type { Timeseries } from '../../../core/types/timeseries.js';
+import type { ColorPalette, CustomColorPalette } from '../../../core/types/color-palette.js';
+import type { ZoomChangeHandler } from '../../../core/types/interactions.js';
+import type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';
+import type { Timeseries, TimeseriesDatapoint } from '../../../core/types/timeseries.js';
 import type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';
+export type TimeseriesSelectActions = (selectedSeries: Timeseries[], selectionDomain: [Date, Date]) => ReactNode | Promise<ReactNode>;
 export declare const CHART_VARIANT_OPTIONS: readonly ["line", "area", "bar"];
 export type ChartVariant = (typeof CHART_VARIANT_OPTIONS)[number];
 export type ChartVariantInternal = ChartVariant | 'band';
@@ -17,6 +24,7 @@ export interface TimeseriesBand extends Record<string, unknown> {
     name: string | string[];
     unit?: ChartUnit;
 }
+export type TimeseriesSeriesActions = (timeseries: unknown, datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint) => SeriesActionsTemplate;
 export interface TimeseriesChartLineProps {
     data: Timeseries;
 }
@@ -29,11 +37,21 @@ export interface TimeseriesChartBarProps {
 export interface TimeseriesChartBandProps {
     data: TimeseriesBand;
 }
-export type TimeseriesChartProps = {
+export type TimeseriesChartProps = StylingProps & MaskingProps & {
     data?: Timeseries[];
     variant?: ChartVariant;
     children?: ReactNode;
-} & Record<string, unknown>;
+    loading?: boolean;
+    height?: number | string;
+    width?: number | string;
+    colorPalette?: ColorPalette | CustomColorPalette;
+    truncationMode?: TruncationMode;
+    initialZoom?: Date[] | number[];
+    currentZoom?: Date[] | number[];
+    onZoomChange?: ZoomChangeHandler;
+    infiniteZoom?: boolean;
+    seriesActions?: TimeseriesSeriesActions;
+};
 export interface TimeseriesChartRef extends ProgrammaticZoomHandlers {
     element: HTMLDivElement | null;
     getConfig: () => string;

package/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from 'react';
+import type { XYChartRef } from '../../../xy-chart/types/xy-chart.js';
+import type { TimeseriesChartRef } from '../types/timeseries.js';
+export declare const buildTimeseriesImperativeHandle: (xyRef: RefObject<XYChartRef | null>) => TimeseriesChartRef;

package/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var build_timeseries_imperative_handle_exports = {};
+__export(build_timeseries_imperative_handle_exports, {
+  buildTimeseriesImperativeHandle: () => buildTimeseriesImperativeHandle
+});
+module.exports = __toCommonJS(build_timeseries_imperative_handle_exports);
+const buildTimeseriesImperativeHandle = (xyRef) => ({
+  get element() {
+    return xyRef.current?.element ?? null;
+  },
+  getConfig: () => xyRef.current?.getConfig() ?? "{}",
+  downloadData: () => xyRef.current?.downloadData(),
+  exploreMode: () => xyRef.current?.exploreMode(),
+  zoomMode: () => xyRef.current?.zoomMode(),
+  panMode: () => xyRef.current?.panMode(),
+  zoomIn: () => xyRef.current?.zoomIn(),
+  zoomOut: () => xyRef.current?.zoomOut(),
+  reset: () => xyRef.current?.reset()
+});

package/charts/xy-chart-adoption/timeseries/utils/download/download-csv.fixtures.d.ts

@@ -0,0 +1,9 @@
+import type { RawDataForDownload } from './generate-columns.js';
+export declare const rawDataWithTimeseriesAndBand: RawDataForDownload;
+export declare const CSV_WITH_TIMESERIES_AND_BAND_DATA = "dimension-1,dimension-2,dimension-3,series,unit,start,end,value,y0,y1\npl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51,,\npl1l-vh93.example.com,HYPERVISOR-610F030E04740015,,pl1l-vh93.example.com\u2022HYPERVISOR-610F030E04740015,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,23.2,,\npl1i-vh41.example.com,,,pl1i-vh41.example.com,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,36.84,,\nTemperature Range,,,Temperature Range,\u00B0C,2023-01-01T01:00:00.000Z,,,16,25\n";
+export declare const rawDataWithTimeseries: RawDataForDownload;
+export declare const rawDataWithTimeseriesAndSDKUnits: RawDataForDownload;
+export declare const CSV_WITH_TIMESERIES_DATA_SKD_UNIT = "dimension-1,dimension-2,dimension-3,series,unit,start,end,value\npl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,%,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51\n";
+export declare const CSV_WITH_TIMESERIES_DATA = "dimension-1,dimension-2,dimension-3,series,unit,start,end,value\npl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51\n";
+export declare const rawDataWithBand: RawDataForDownload;
+export declare const CSV_WITH_BAND_DATA = "dimension-1,series,unit,start,end,y0,y1\nTemperature Range,Temperature Range,\u00B0C,2023-01-01T01:00:00.000Z,,16,25\n";

package/charts/xy-chart-adoption/timeseries/utils/download/download-csv.fixtures.js

@@ -0,0 +1,163 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var download_csv_fixtures_exports = {};
+__export(download_csv_fixtures_exports, {
+  CSV_WITH_BAND_DATA: () => CSV_WITH_BAND_DATA,
+  CSV_WITH_TIMESERIES_AND_BAND_DATA: () => CSV_WITH_TIMESERIES_AND_BAND_DATA,
+  CSV_WITH_TIMESERIES_DATA: () => CSV_WITH_TIMESERIES_DATA,
+  CSV_WITH_TIMESERIES_DATA_SKD_UNIT: () => CSV_WITH_TIMESERIES_DATA_SKD_UNIT,
+  rawDataWithBand: () => rawDataWithBand,
+  rawDataWithTimeseries: () => rawDataWithTimeseries,
+  rawDataWithTimeseriesAndBand: () => rawDataWithTimeseriesAndBand,
+  rawDataWithTimeseriesAndSDKUnits: () => rawDataWithTimeseriesAndSDKUnits
+});
+module.exports = __toCommonJS(download_csv_fixtures_exports);
+var import_units = require("@dynatrace-sdk/units");
+const rawDataWithTimeseriesAndBand = {
+  line: [
+    {
+      name: [
+        "pl1l-vh48.example.com",
+        "HYPERVISOR-CC7CFC844F787622",
+        "eu-zone-2"
+      ],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 51
+        }
+      ]
+    },
+    {
+      name: ["pl1l-vh93.example.com", "HYPERVISOR-610F030E04740015"],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 23.2
+        }
+      ]
+    },
+    {
+      name: ["pl1i-vh41.example.com"],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 36.84
+        }
+      ]
+    }
+  ],
+  area: [],
+  bar: [],
+  band: [
+    {
+      name: "Temperature Range",
+      unit: "\xB0C",
+      datapoints: [
+        {
+          y0: 16,
+          y1: 25,
+          start: /* @__PURE__ */ new Date("2023-01-01T01:00:00.000Z")
+        }
+      ]
+    }
+  ]
+};
+const CSV_WITH_TIMESERIES_AND_BAND_DATA = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value,y0,y1
+pl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51,,
+pl1l-vh93.example.com,HYPERVISOR-610F030E04740015,,pl1l-vh93.example.com\u2022HYPERVISOR-610F030E04740015,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,23.2,,
+pl1i-vh41.example.com,,,pl1i-vh41.example.com,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,36.84,,
+Temperature Range,,,Temperature Range,\xB0C,2023-01-01T01:00:00.000Z,,,16,25
+`;
+const rawDataWithTimeseries = {
+  line: [
+    {
+      name: [
+        "pl1l-vh48.example.com",
+        "HYPERVISOR-CC7CFC844F787622",
+        "eu-zone-2"
+      ],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 51
+        }
+      ]
+    }
+  ],
+  area: [],
+  bar: [],
+  band: []
+};
+const rawDataWithTimeseriesAndSDKUnits = {
+  line: [
+    {
+      name: [
+        "pl1l-vh48.example.com",
+        "HYPERVISOR-CC7CFC844F787622",
+        "eu-zone-2"
+      ],
+      unit: import_units.units.percentage.percent,
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 51
+        }
+      ]
+    }
+  ],
+  area: [],
+  bar: [],
+  band: []
+};
+const CSV_WITH_TIMESERIES_DATA_SKD_UNIT = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value
+pl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,%,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51
+`;
+const CSV_WITH_TIMESERIES_DATA = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value
+pl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51
+`;
+const rawDataWithBand = {
+  line: [],
+  area: [],
+  bar: [],
+  band: [
+    {
+      name: "Temperature Range",
+      unit: "\xB0C",
+      datapoints: [
+        {
+          y0: 16,
+          y1: 25,
+          start: /* @__PURE__ */ new Date("2023-01-01T01:00:00.000Z")
+        }
+      ]
+    }
+  ]
+};
+const CSV_WITH_BAND_DATA = `dimension-1,series,unit,start,end,y0,y1
+Temperature Range,Temperature Range,\xB0C,2023-01-01T01:00:00.000Z,,16,25
+`;

package/charts/xy-chart-adoption/timeseries/utils/download/format-csv.d.ts

@@ -0,0 +1,20 @@
+import { type RawDataForDownload } from './generate-columns.js';
+import type { Timeseries } from '../../../../core/types/timeseries.js';
+import type { TimeseriesBand } from '../../types/timeseries.js';
+/**
+ * Populates array of names for each name of the series
+ *
+ * @param maxNameCount - maximum number of name columns
+ * @param series - series or band to extract names from
+ *
+ * @returns array of escaped name values
+ */
+export declare function fillRowNames(maxNameCount: number, series: Timeseries | TimeseriesBand): string[];
+/**
+ * Formats raw timeseries data as a CSV string
+ *
+ * @param rawData - series grouped by chart variant
+ *
+ * @returns CSV string
+ */
+export declare function formatCSV(rawData: RawDataForDownload): string;

package/charts/xy-chart-adoption/timeseries/utils/download/format-csv.js

@@ -0,0 +1,93 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var format_csv_exports = {};
+__export(format_csv_exports, {
+  fillRowNames: () => fillRowNames,
+  formatCSV: () => formatCSV
+});
+module.exports = __toCommonJS(format_csv_exports);
+var import_lodash_es = require("lodash");
+var import_generate_columns = require("./generate-columns.js");
+var import_download = require("../../../../../core/utils/download.js");
+var import_get_unit_as_string = require("../../../../core/utils/get-unit-as-string.js");
+var import_single_line_name = require("../../../../core/utils/single-line-name.js");
+function fillRowNames(maxNameCount, series) {
+  const names = new Array(maxNameCount).fill("");
+  if (Array.isArray(series.name)) {
+    series.name.forEach((name, index) => {
+      names[index] = (0, import_download.escapeForCSV)(name);
+    });
+  } else {
+    names[0] = (0, import_download.escapeForCSV)(series.name);
+  }
+  return names;
+}
+const getDataPointValue = (dataPoint, column) => {
+  if (column === "start") {
+    return dataPoint.start;
+  }
+  if (column === "end") {
+    return dataPoint.end;
+  }
+  if (column === "value" && "value" in dataPoint) {
+    return dataPoint.value;
+  }
+  if (column === "y0" && "y0" in dataPoint) {
+    return dataPoint.y0;
+  }
+  if (column === "y1" && "y1" in dataPoint) {
+    return dataPoint.y1;
+  }
+  return void 0;
+};
+const parseValueForCsv = (value) => {
+  if (value instanceof Date) {
+    return value.toISOString();
+  } else if ((0, import_lodash_es.isNumber)(value)) {
+    return value.toString();
+  }
+  return "";
+};
+function formatCSV(rawData) {
+  const maxNameCount = (0, import_generate_columns.getNameCount)(rawData);
+  const columns = (0, import_generate_columns.generateColumns)(rawData, maxNameCount);
+  const dataPointColumns = columns.slice(columns.indexOf("start"));
+  let csv = `${columns.join(",")}
+`;
+  for (const variant of Object.keys(rawData)) {
+    for (const series of rawData[variant]) {
+      const names = fillRowNames(maxNameCount, series);
+      const joinedNames = (0, import_single_line_name.singleLineName)(names);
+      const seriesRow = names.concat([
+        joinedNames,
+        (0, import_get_unit_as_string.getUnitAsString)(series.unit)
+      ]);
+      for (const dataPoint of series.datapoints) {
+        const dataPointRow = [];
+        for (const column of dataPointColumns) {
+          const value = getDataPointValue(dataPoint, column);
+          const parsedValue = parseValueForCsv(value);
+          dataPointRow.push(parsedValue);
+        }
+        csv += `${seriesRow.concat(dataPointRow).join(",")}
+`;
+      }
+    }
+  }
+  return csv;
+}

package/charts/xy-chart-adoption/timeseries/utils/download/generate-columns.d.ts

@@ -0,0 +1,46 @@
+import type { Timeseries } from '../../../../core/types/timeseries.js';
+import type { ChartVariant, TimeseriesBand } from '../../types/timeseries.js';
+export type RawDataForDownload = Record<ChartVariant, Timeseries[]> & {
+    band: TimeseriesBand[];
+};
+/**
+ * Checks whether dataset contains Band geometry data
+ *
+ * @param rawData - dataset
+ *
+ * @returns boolean
+ */
+export declare function containsBandData(rawData: RawDataForDownload): boolean;
+/**
+ * Checks whether dataset contains Line, Area or Bar geometry data
+ *
+ * @param rawData - dataset
+ *
+ * @returns boolean
+ */
+export declare function containsSeriesData(rawData: RawDataForDownload): boolean;
+/**
+ * Gets maximum number of names that a series have
+ *
+ * @param rawData - series
+ *
+ * @returns number
+ */
+export declare function getNameCount(rawData: RawDataForDownload): number;
+/**
+ * Generates a name column for each name, and the series column
+ *
+ * @param nameCount - number of name columns
+ *
+ * @returns name columns
+ */
+export declare function generateNameColumns(nameCount: number): string[];
+/**
+ * Generate all CSV columns for a given set of series
+ *
+ * @param rawData - series
+ * @param nameCount - number of name columns
+ *
+ * @returns all columns
+ */
+export declare function generateColumns(rawData: RawDataForDownload, nameCount: number): string[];

package/charts/xy-chart-adoption/timeseries/utils/download/generate-columns.js

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var generate_columns_exports = {};
+__export(generate_columns_exports, {
+  containsBandData: () => containsBandData,
+  containsSeriesData: () => containsSeriesData,
+  generateColumns: () => generateColumns,
+  generateNameColumns: () => generateNameColumns,
+  getNameCount: () => getNameCount
+});
+module.exports = __toCommonJS(generate_columns_exports);
+function containsBandData(rawData) {
+  return rawData["band"]?.length > 0;
+}
+function containsSeriesData(rawData) {
+  return rawData["line"]?.length > 0 || rawData["area"]?.length > 0 || rawData["bar"]?.length > 0;
+}
+function getNameCount(rawData) {
+  return Object.keys(rawData).reduce(
+    (nameCount, variant) => {
+      const variantNameCount = rawData[variant].reduce(
+        (count, singleSeries) => Math.max(
+          count,
+          Array.isArray(singleSeries.name) ? singleSeries.name.length : 1
+        ),
+        0
+      );
+      return Math.max(nameCount, variantNameCount);
+    },
+    0
+  );
+}
+function generateNameColumns(nameCount) {
+  const names = [];
+  for (let i = 1; i <= nameCount; i++) {
+    names.push(`dimension-${i}`);
+  }
+  names.push("series");
+  return names;
+}
+function generateColumns(rawData, nameCount) {
+  const columns = ["unit", "start", "end"];
+  if (containsSeriesData(rawData)) {
+    columns.push("value");
+  }
+  if (containsBandData(rawData)) {
+    columns.push("y0");
+    columns.push("y1");
+  }
+  const names = generateNameColumns(nameCount);
+  return names.concat(columns);
+}

package/charts/xy-chart-adoption/timeseries/utils/map-timeseries-to-xy-color-rules.d.ts

@@ -0,0 +1,7 @@
+import type { ColorRuleProps } from '../../../core/types/color-rule.js';
+export declare const TIMESERIES_DEFAULT_VALUE_ACCESSOR = "seriesName";
+type SeriesWithName = {
+    name: string | string[];
+};
+export declare function resolveTimeseriesColorRules(allSeries: SeriesWithName[], colorRules: ColorRuleProps[]): ColorRuleProps[];
+export {};