@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/charts/xy-chart-adoption/histogram/transformer-data-to-xy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/transformer-data-to-xy.ts"],
-  "sourcesContent": ["import type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { HistogramSeries } from '../../histogram/types/histogram.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport interface SeriesColor {\n  name: string;\n  color: string;\n}\ninterface TransformHistogramDataResult {\n  barSeriesProps: BarSeriesProps[];\n  units: Set<ChartUnit>;\n  seriesColors: SeriesColor[];\n}\n\ntype BarSeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n  seriesCount: number;\n};\n\nexport function transformHistogramDataToXYChart(\n  data: HistogramSeries[],\n): TransformHistogramDataResult {\n  const seriesColors: SeriesColor[] = [];\n  const units: Set<ChartUnit> = new Set();\n  const unitToData = new Map<ChartUnit, XYChartData[]>();\n  const unitToSeriesCount = new Map<ChartUnit, number>();\n\n  data.forEach((series, index) => {\n    const { bins, name, color, unit, ...extraSeriesProps } =\n      series as HistogramSeries & Record<string, unknown>;\n\n    if (color) {\n      seriesColors.push({ name, color });\n    }\n\n    const binData = bins.map((bin) => ({\n      ...extraSeriesProps,\n      x0: bin.from,\n      x1: bin.to,\n      y1: bin.value,\n      name,\n      seriesId: index.toString(),\n    }));\n\n    unitToData.set(unit, [...(unitToData.get(unit) ?? []), ...binData]);\n    unitToSeriesCount.set(unit, (unitToSeriesCount.get(unit) ?? 0) + 1);\n    units.add(unit);\n  });\n\n  return {\n    barSeriesProps: Array.from(unitToData, ([unit, data]) => ({\n      unit,\n      data,\n      seriesCount: unitToSeriesCount.get(unit) ?? 1,\n    })),\n    units,\n    seriesColors,\n  };\n}\n"],
-  "mappings": "AAoBO,SAAS,gCACd,MAC8B;AAC9B,QAAM,eAA8B,CAAC;AACrC,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,aAAa,oBAAI,IAA8B;AACrD,QAAM,oBAAoB,oBAAI,IAAuB;AAErD,OAAK,QAAQ,CAAC,QAAQ,UAAU;AAC9B,UAAM,EAAE,MAAM,MAAM,OAAO,MAAM,GAAG,iBAAiB,IACnD;AAEF,QAAI,OAAO;AACT,mBAAa,KAAK,EAAE,MAAM,MAAM,CAAC;AAAA,IACnC;AAEA,UAAM,UAAU,KAAK,IAAI,CAAC,SAAS;AAAA,MACjC,GAAG;AAAA,MACH,IAAI,IAAI;AAAA,MACR,IAAI,IAAI;AAAA,MACR,IAAI,IAAI;AAAA,MACR;AAAA,MACA,UAAU,MAAM,SAAS;AAAA,IAC3B,EAAE;AAEF,eAAW,IAAI,MAAM,CAAC,GAAI,WAAW,IAAI,IAAI,KAAK,CAAC,GAAI,GAAG,OAAO,CAAC;AAClE,sBAAkB,IAAI,OAAO,kBAAkB,IAAI,IAAI,KAAK,KAAK,CAAC;AAClE,UAAM,IAAI,IAAI;AAAA,EAChB,CAAC;AAED,SAAO;AAAA,IACL,gBAAgB,MAAM,KAAK,YAAY,CAAC,CAAC,MAAMA,KAAI,OAAO;AAAA,MACxD;AAAA,MACA,MAAAA;AAAA,MACA,aAAa,kBAAkB,IAAI,IAAI,KAAK;AAAA,IAC9C,EAAE;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { HistogramSeries } from '../../histogram/types/histogram.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport interface SeriesColor {\n  name: string;\n  color: string;\n}\ninterface TransformHistogramDataResult {\n  barSeriesProps: BarSeriesProps[];\n  units: Set<ChartUnit>;\n  seriesColors: SeriesColor[];\n}\n\ntype BarSeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n  seriesCount: number;\n};\n\nexport function transformHistogramDataToXYChart(\n  data: HistogramSeries[],\n): TransformHistogramDataResult {\n  const seriesColors: SeriesColor[] = [];\n  const units: Set<ChartUnit> = new Set();\n  const unitToData = new Map<ChartUnit, XYChartData[]>();\n  const unitToSeriesCount = new Map<ChartUnit, number>();\n\n  data.forEach((series, index) => {\n    const { bins, name, color, unit } = series;\n\n    if (color) {\n      seriesColors.push({ name, color });\n    }\n\n    let bucket = unitToData.get(unit);\n    if (bucket === undefined) {\n      bucket = [];\n      unitToData.set(unit, bucket);\n    }\n\n    const seriesId = index.toString();\n    for (let i = 0; i < bins.length; i++) {\n      const bin = bins[i];\n      bucket.push({\n        x0: bin.from,\n        x1: bin.to,\n        y1: bin.value,\n        name,\n        seriesId,\n      });\n    }\n\n    unitToSeriesCount.set(unit, (unitToSeriesCount.get(unit) ?? 0) + 1);\n    units.add(unit);\n  });\n\n  return {\n    barSeriesProps: Array.from(unitToData, ([unit, data]) => ({\n      unit,\n      data,\n      seriesCount: unitToSeriesCount.get(unit) ?? 1,\n    })),\n    units,\n    seriesColors,\n  };\n}\n"],
+  "mappings": "AAoBO,SAAS,gCACd,MAC8B;AAC9B,QAAM,eAA8B,CAAC;AACrC,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,aAAa,oBAAI,IAA8B;AACrD,QAAM,oBAAoB,oBAAI,IAAuB;AAErD,OAAK,QAAQ,CAAC,QAAQ,UAAU;AAC9B,UAAM,EAAE,MAAM,MAAM,OAAO,KAAK,IAAI;AAEpC,QAAI,OAAO;AACT,mBAAa,KAAK,EAAE,MAAM,MAAM,CAAC;AAAA,IACnC;AAEA,QAAI,SAAS,WAAW,IAAI,IAAI;AAChC,QAAI,WAAW,QAAW;AACxB,eAAS,CAAC;AACV,iBAAW,IAAI,MAAM,MAAM;AAAA,IAC7B;AAEA,UAAM,WAAW,MAAM,SAAS;AAChC,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,YAAM,MAAM,KAAK,CAAC;AAClB,aAAO,KAAK;AAAA,QACV,IAAI,IAAI;AAAA,QACR,IAAI,IAAI;AAAA,QACR,IAAI,IAAI;AAAA,QACR;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAEA,sBAAkB,IAAI,OAAO,kBAAkB,IAAI,IAAI,KAAK,KAAK,CAAC;AAClE,UAAM,IAAI,IAAI;AAAA,EAChB,CAAC;AAED,SAAO;AAAA,IACL,gBAAgB,MAAM,KAAK,YAAY,CAAC,CAAC,MAAMA,KAAI,OAAO;AAAA,MACxD;AAAA,MACA,MAAAA;AAAA,MACA,aAAa,kBAAkB,IAAI,IAAI,KAAK;AAAA,IAC9C,EAAE;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["data"]
 }

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js

@@ -1,10 +1,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { iterateSeriesSlots } from "./iterate-slots.js";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { iterateSlots } from "./iterate-slots.js";
+import {
+  mapSelectedSeriesToTimeseries,
+  mapSelectionDomainToTimeseries
+} from "./map-select-actions.js";
+import {
+  mapBandSeriesActionsToXY,
+  mapSeriesActionsToXY
+} from "./map-series-actions.js";
 import { transformTimeseriesDataToXYChart } from "./transformer-data-to-xy.js";
 import {
   DEFAULT_VARIANT
 } from "./types/timeseries.js";
+import { buildTimeseriesImperativeHandle } from "./utils/build-timeseries-imperative-handle.js";
+import { formatCSV } from "./utils/download/format-csv.js";
+import { resolveTimeseriesColorRules } from "./utils/map-timeseries-to-xy-color-rules.js";
 import {
   defineAxisId,
   renderAreaSeries,
@@ -13,56 +24,163 @@ import {
   renderLineSeries,
   xAxisId
 } from "./utils/render-series.js";
+import { downloadCSV } from "../../../core/utils/download.js";
+import { getChartStatesTemplates } from "../../core/components/chart-states/utils/get-chart-states-template.js";
+import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
 import { XYChart } from "../../xy-chart/XYChartRoot.js";
-const TimeseriesToXY = forwardRef((props, _ref) => {
-  const { data = [], variant = DEFAULT_VARIANT, children } = props;
-  const { line, bar, area, band, shapePriority } = iterateSeriesSlots(children);
+const slotData = (slots) => slots.map((s) => s.data);
+const TimeseriesToXY = forwardRef((props, forwardedRef) => {
+  const {
+    data = [],
+    variant = DEFAULT_VARIANT,
+    children,
+    loading,
+    className,
+    style,
+    width,
+    height,
+    colorPalette,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow,
+    truncationMode,
+    initialZoom,
+    currentZoom,
+    onZoomChange,
+    infiniteZoom,
+    seriesActions
+  } = props;
+  const {
+    line,
+    bar,
+    area,
+    band,
+    shapePriority,
+    disableZoom,
+    disablePan,
+    selectActions,
+    legend,
+    intents,
+    colorRules
+  } = iterateSlots(children);
+  const { emptyState, errorState } = getChartStatesTemplates(children);
   const buckets = {
-    line: variant === "line" ? [...data, ...line] : line,
-    area: variant === "area" ? [...data, ...area] : area,
-    bar: variant === "bar" ? [...data, ...bar] : bar,
-    band
+    line: variant === "line" ? [...data, ...slotData(line)] : slotData(line),
+    area: variant === "area" ? [...data, ...slotData(area)] : slotData(area),
+    bar: variant === "bar" ? [...data, ...slotData(bar)] : slotData(bar),
+    band: slotData(band)
   };
   const order = [...shapePriority];
   if (data.length > 0 && !order.includes(variant)) {
     order.push(variant);
   }
   const result = transformTimeseriesDataToXYChart(buckets, order);
+  const lineAreaBarSeries = [...buckets.line, ...buckets.area, ...buckets.bar];
+  const allSeries = [...lineAreaBarSeries, ...buckets.band];
+  const allColorRules = resolveTimeseriesColorRules(allSeries, colorRules);
+  const mappedSeriesActions = seriesActions ? mapSeriesActionsToXY(seriesActions, lineAreaBarSeries) : void 0;
+  const mappedBandActions = seriesActions ? mapBandSeriesActionsToXY(seriesActions, buckets.band) : void 0;
   const seriesForShape = (shape) => {
     switch (shape) {
       case "line":
-        return result.line.map(renderLineSeries);
+        return result.line.map(
+          (s) => renderLineSeries(s, { actions: mappedSeriesActions })
+        );
       case "area":
-        return result.area.map(renderAreaSeries);
+        return result.area.map(
+          (s) => renderAreaSeries(s, { actions: mappedSeriesActions })
+        );
       case "bar":
-        return result.bar.map(renderBarSeries);
+        return result.bar.map(
+          (s) => renderBarSeries(s, { actions: mappedSeriesActions })
+        );
       case "band":
-        return result.band.map(renderBandSeries);
+        return result.band.map(
+          (s) => renderBandSeries(s, { actions: mappedBandActions })
+        );
     }
   };
-  return /* @__PURE__ */ jsxs(XYChart, { data: [], children: [
-    order.flatMap(seriesForShape),
-    /* @__PURE__ */ jsx(
-      XYChart.XAxis,
-      {
-        id: xAxisId,
-        type: "time",
-        position: "bottom",
-        min: "data-min",
-        max: "data-max"
-      }
-    ),
-    [...result.units].map((unit, index) => /* @__PURE__ */ jsx(
-      XYChart.YAxis,
-      {
-        id: defineAxisId(unit),
-        type: "numerical",
-        unit,
-        position: index % 2 === 0 ? "left" : "right"
-      },
-      defineAxisId(unit)
-    ))
-  ] });
+  const xyRef = useRef(null);
+  useImperativeHandle(
+    forwardedRef,
+    () => buildTimeseriesImperativeHandle(xyRef),
+    []
+  );
+  const downloadDataCallback = () => {
+    const csvString = formatCSV(buckets);
+    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);
+  };
+  return /* @__PURE__ */ jsxs(
+    XYChart,
+    {
+      data: [],
+      ref: xyRef,
+      loading,
+      className,
+      style,
+      width,
+      height,
+      colorPalette,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      truncationMode,
+      __downloadDataCallback: downloadDataCallback,
+      children: [
+        errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState }),
+        emptyState && /* @__PURE__ */ jsx(XYChart.EmptyState, { children: emptyState }),
+        order.flatMap(seriesForShape),
+        selectActions ? /* @__PURE__ */ jsx(
+          XYChart.Select,
+          {
+            actions: (selectedSeries, selectionDomain) => {
+              const hasNoDataInSelection = selectionDomain.length === 0;
+              if (hasNoDataInSelection) {
+                return;
+              }
+              return selectActions(
+                mapSelectedSeriesToTimeseries(selectedSeries, allSeries),
+                mapSelectionDomainToTimeseries(selectionDomain)
+              );
+            }
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          XYChart.XAxis,
+          {
+            id: xAxisId,
+            type: "time",
+            position: "bottom",
+            min: "data-min",
+            max: "data-max",
+            disableZoom,
+            disablePan,
+            initialZoom,
+            currentZoom,
+            onZoomChange,
+            infiniteZoom
+          }
+        ),
+        [...result.units].map((unit, index) => /* @__PURE__ */ jsx(
+          XYChart.YAxis,
+          {
+            id: defineAxisId(unit),
+            type: "numerical",
+            unit,
+            position: index % 2 === 0 ? "left" : "right"
+          },
+          defineAxisId(unit)
+        )),
+        /* @__PURE__ */ jsx(XYChart.Legend, { ...legend }),
+        allColorRules.map((rule) => /* @__PURE__ */ jsx(
+          XYChart.ColorRule,
+          {
+            ...rule
+          },
+          `${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`
+        )),
+        intents.map((intentProps, index) => /* @__PURE__ */ jsx(XYChart.Intent, { ...intentProps }, index))
+      ]
+    }
+  );
 });
 export {
   TimeseriesToXY

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/TimeseriesToXY.tsx"],
-  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport { iterateSeriesSlots } from './iterate-slots.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  DEFAULT_VARIANT,\n  type ChartVariantInternal,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, _ref) => {\n  const { data = [], variant = DEFAULT_VARIANT, children } = props;\n\n  const { line, bar, area, band, shapePriority } = iterateSeriesSlots(children);\n\n  const buckets = {\n    line: variant === 'line' ? [...data, ...line] : line,\n    area: variant === 'area' ? [...data, ...area] : area,\n    bar: variant === 'bar' ? [...data, ...bar] : bar,\n    band,\n  };\n\n  const order: ChartVariantInternal[] = [...shapePriority];\n  if (data.length > 0 && !order.includes(variant)) {\n    order.push(variant);\n  }\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map(renderLineSeries);\n      case 'area':\n        return result.area.map(renderAreaSeries);\n      case 'bar':\n        return result.bar.map(renderBarSeries);\n      case 'band':\n        return result.band.map(renderBandSeries);\n    }\n  };\n\n  return (\n    <XYChart data={[]}>\n      {order.flatMap(seriesForShape)}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        // TimeseriesChart always spans the full data range on the time axis \u2014 there is no API to override it.\n        min=\"data-min\"\n        max=\"data-max\"\n      />\n      {[...result.units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          id={defineAxisId(unit)}\n          type=\"numerical\"\n          unit={unit}\n          position={index % 2 === 0 ? 'left' : 'right'}\n        />\n      ))}\n    </XYChart>\n  );\n});\n"],
-  "mappings": "AAwDI,SAEE,KAFF;AAxDJ,SAAS,kBAAkB;AAE3B,SAAS,0BAA0B;AACnC,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,OAIK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAEjB,MAAM,iBAAiB,WAG5B,CAAC,OAAO,SAAS;AACjB,QAAM,EAAE,OAAO,CAAC,GAAG,UAAU,iBAAiB,SAAS,IAAI;AAE3D,QAAM,EAAE,MAAM,KAAK,MAAM,MAAM,cAAc,IAAI,mBAAmB,QAAQ;AAE5E,QAAM,UAAU;AAAA,IACd,MAAM,YAAY,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,IAAI;AAAA,IAChD,MAAM,YAAY,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,IAAI;AAAA,IAChD,KAAK,YAAY,QAAQ,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,QAAgC,CAAC,GAAG,aAAa;AACvD,MAAI,KAAK,SAAS,KAAK,CAAC,MAAM,SAAS,OAAO,GAAG;AAC/C,UAAM,KAAK,OAAO;AAAA,EACpB;AAEA,QAAM,SAAS,iCAAiC,SAAS,KAAK;AAE9D,QAAM,iBAAiB,CAAC,UAAgC;AACtD,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,gBAAgB;AAAA,MACzC,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,gBAAgB;AAAA,MACzC,KAAK;AACH,eAAO,OAAO,IAAI,IAAI,eAAe;AAAA,MACvC,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,gBAAgB;AAAA,IAC3C;AAAA,EACF;AAEA,SACE,qBAAC,WAAQ,MAAM,CAAC,GACb;AAAA,UAAM,QAAQ,cAAc;AAAA,IAC7B;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,IAAI;AAAA,QACJ,MAAK;AAAA,QACL,UAAS;AAAA,QAET,KAAI;AAAA,QACJ,KAAI;AAAA;AAAA,IACN;AAAA,IACC,CAAC,GAAG,OAAO,KAAK,EAAE,IAAI,CAAC,MAAM,UAC5B;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QAEC,IAAI,aAAa,IAAI;AAAA,QACrB,MAAK;AAAA,QACL;AAAA,QACA,UAAU,QAAQ,MAAM,IAAI,SAAS;AAAA;AAAA,MAJhC,aAAa,IAAI;AAAA,IAKxB,CACD;AAAA,KACH;AAEJ,CAAC;",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nconst slotData = <T,>(slots: { data: T }[]) => slots.map((s) => s.data);\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n  } = props;\n\n  const {\n    line,\n    bar,\n    area,\n    band,\n    shapePriority,\n    disableZoom,\n    disablePan,\n    selectActions,\n    legend,\n    intents,\n    colorRules,\n  } = iterateSlots(children);\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const buckets = {\n    line: variant === 'line' ? [...data, ...slotData(line)] : slotData(line),\n    area: variant === 'area' ? [...data, ...slotData(area)] : slotData(area),\n    bar: variant === 'bar' ? [...data, ...slotData(bar)] : slotData(bar),\n    band: slotData(band),\n  };\n\n  const order: ChartVariantInternal[] = [...shapePriority];\n  if (data.length > 0 && !order.includes(variant)) {\n    order.push(variant);\n  }\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n\n  const lineAreaBarSeries = [...buckets.line, ...buckets.area, ...buckets.bar];\n  const allSeries = [...lineAreaBarSeries, ...buckets.band];\n  const allColorRules = resolveTimeseriesColorRules(allSeries, colorRules);\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarSeries)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, buckets.band)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, { actions: mappedBandActions }),\n        );\n    }\n  };\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef),\n    [],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV(buckets);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n    >\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeries),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        // TimeseriesChart always spans the full data range on the time axis \u2014 there is no API to override it.\n        min=\"data-min\"\n        max=\"data-max\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={initialZoom as [Date, Date] | [number, number] | undefined}\n        currentZoom={currentZoom as [Date, Date] | [number, number] | undefined}\n        onZoomChange={onZoomChange}\n        infiniteZoom={infiniteZoom}\n      />\n      {[...result.units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          id={defineAxisId(unit)}\n          type=\"numerical\"\n          unit={unit}\n          position={index % 2 === 0 ? 'left' : 'right'}\n        />\n      ))}\n      <XYChart.Legend {...legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {intents.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/iterate-slots.js

@@ -1,60 +1,79 @@
 import { Children } from "react";
-import { isElement } from "react-is";
-const SLOT_DISPLAY_NAMES = {
-  line: "TimeseriesChart.Line",
-  area: "TimeseriesChart.Area",
-  bar: "TimeseriesChart.Bar",
-  band: "TimeseriesChart.Band"
-};
-function iterateSeriesSlots(children) {
+import { Intent } from "../../../core/slots/Intent/Intent.js";
+import { isSlot } from "../../../core/utils/is-slot.js";
+import { ColorRule, isValidColorRule } from "../../core/slots/ColorRule.js";
+import { Legend } from "../../timeseries/slots/Legend.js";
+import { Pan } from "../../timeseries/slots/Pan.js";
+import { Select } from "../../timeseries/slots/Select.js";
+import { Area } from "../../timeseries/slots/shapes/Area.js";
+import { Band } from "../../timeseries/slots/shapes/Band.js";
+import { Bar } from "../../timeseries/slots/shapes/Bar.js";
+import { Line } from "../../timeseries/slots/shapes/Line.js";
+import { Zoom } from "../../timeseries/slots/Zoom.js";
+function iterateSlots(children) {
   const line = [];
   const area = [];
   const bar = [];
   const band = [];
   const shapePriority = [];
+  let disableZoom = false;
+  let disablePan = false;
+  let selectActions;
+  let legend;
+  const intents = [];
+  const colorRules = [];
   Children.forEach(children, (child) => {
-    if (!isElement(child)) {
-      return;
-    }
-    const displayName = child.type.displayName;
-    switch (displayName) {
-      case SLOT_DISPLAY_NAMES.line: {
-        const { data } = child.props;
-        line.push(data);
-        if (!shapePriority.includes("line")) {
-          shapePriority.push("line");
-        }
-        break;
+    if (isSlot(child, Line)) {
+      line.push(child.props);
+      if (!shapePriority.includes("line")) {
+        shapePriority.push("line");
+      }
+    } else if (isSlot(child, Area)) {
+      area.push(child.props);
+      if (!shapePriority.includes("area")) {
+        shapePriority.push("area");
       }
-      case SLOT_DISPLAY_NAMES.area: {
-        const { data } = child.props;
-        area.push(data);
-        if (!shapePriority.includes("area")) {
-          shapePriority.push("area");
-        }
-        break;
+    } else if (isSlot(child, Bar)) {
+      bar.push(child.props);
+      if (!shapePriority.includes("bar")) {
+        shapePriority.push("bar");
       }
-      case SLOT_DISPLAY_NAMES.bar: {
-        const { data } = child.props;
-        bar.push(data);
-        if (!shapePriority.includes("bar")) {
-          shapePriority.push("bar");
-        }
-        break;
+    } else if (isSlot(child, Band)) {
+      band.push(child.props);
+      if (!shapePriority.includes("band")) {
+        shapePriority.push("band");
       }
-      case SLOT_DISPLAY_NAMES.band: {
-        const { data } = child.props;
-        band.push(data);
-        if (!shapePriority.includes("band")) {
-          shapePriority.push("band");
-        }
-        break;
+    } else if (isSlot(child, Zoom)) {
+      disableZoom = child.props.disabled === true;
+    } else if (isSlot(child, Pan)) {
+      disablePan = child.props.disabled === true;
+    } else if (isSlot(child, Select)) {
+      selectActions = child.props.actions;
+    } else if (isSlot(child, Legend)) {
+      legend = child.props;
+    } else if (isSlot(child, Intent)) {
+      intents.push(child.props);
+    } else if (isSlot(child, ColorRule)) {
+      if (isValidColorRule(child.props)) {
+        colorRules.push(child.props);
       }
     }
   });
-  return { line, area, bar, band, shapePriority };
+  return {
+    line,
+    area,
+    bar,
+    band,
+    shapePriority,
+    disableZoom,
+    disablePan,
+    selectActions,
+    legend,
+    intents,
+    colorRules
+  };
 }
 export {
-  iterateSeriesSlots
+  iterateSlots
 };
 //# sourceMappingURL=iterate-slots.js.map

package/esm/charts/xy-chart-adoption/timeseries/iterate-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/iterate-slots.ts"],
-  "sourcesContent": ["import { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport type {\n  ChartVariantInternal,\n  TimeseriesBand,\n  TimeseriesChartAreaProps,\n  TimeseriesChartBandProps,\n  TimeseriesChartBarProps,\n  TimeseriesChartLineProps,\n} from './types/timeseries.js';\nimport type { Timeseries } from '../../core/types/timeseries.js';\n\nexport type SeriesSlots = {\n  line: Timeseries[];\n  area: Timeseries[];\n  bar: Timeseries[];\n  band: TimeseriesBand[];\n  shapePriority: ChartVariantInternal[];\n};\n\nconst SLOT_DISPLAY_NAMES = {\n  line: 'TimeseriesChart.Line',\n  area: 'TimeseriesChart.Area',\n  bar: 'TimeseriesChart.Bar',\n  band: 'TimeseriesChart.Band',\n} as const;\n\ntype WithDisplayName = { displayName?: string };\n\nexport function iterateSeriesSlots(children: ReactNode): SeriesSlots {\n  const line: Timeseries[] = [];\n  const area: Timeseries[] = [];\n  const bar: Timeseries[] = [];\n  const band: TimeseriesBand[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isElement(child)) {\n      return;\n    }\n\n    const displayName = (child.type as WithDisplayName).displayName;\n\n    switch (displayName) {\n      case SLOT_DISPLAY_NAMES.line: {\n        const { data } = child.props as TimeseriesChartLineProps;\n        line.push(data);\n        if (!shapePriority.includes('line')) {\n          shapePriority.push('line');\n        }\n        break;\n      }\n      case SLOT_DISPLAY_NAMES.area: {\n        const { data } = child.props as TimeseriesChartAreaProps;\n        area.push(data);\n        if (!shapePriority.includes('area')) {\n          shapePriority.push('area');\n        }\n        break;\n      }\n      case SLOT_DISPLAY_NAMES.bar: {\n        const { data } = child.props as TimeseriesChartBarProps;\n        bar.push(data);\n        if (!shapePriority.includes('bar')) {\n          shapePriority.push('bar');\n        }\n        break;\n      }\n      case SLOT_DISPLAY_NAMES.band: {\n        const { data } = child.props as TimeseriesChartBandProps;\n        band.push(data);\n        if (!shapePriority.includes('band')) {\n          shapePriority.push('band');\n        }\n        break;\n      }\n    }\n  });\n\n  return { line, area, bar, band, shapePriority };\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAgC;AACzC,SAAS,iBAAiB;AAoB1B,MAAM,qBAAqB;AAAA,EACzB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR;AAIO,SAAS,mBAAmB,UAAkC;AACnE,QAAM,OAAqB,CAAC;AAC5B,QAAM,OAAqB,CAAC;AAC5B,QAAM,MAAoB,CAAC;AAC3B,QAAM,OAAyB,CAAC;AAChC,QAAM,gBAAwC,CAAC;AAE/C,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,CAAC,UAAU,KAAK,GAAG;AACrB;AAAA,IACF;AAEA,UAAM,cAAe,MAAM,KAAyB;AAEpD,YAAQ,aAAa;AAAA,MACnB,KAAK,mBAAmB,MAAM;AAC5B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,aAAK,KAAK,IAAI;AACd,YAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AACA;AAAA,MACF;AAAA,MACA,KAAK,mBAAmB,MAAM;AAC5B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,aAAK,KAAK,IAAI;AACd,YAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AACA;AAAA,MACF;AAAA,MACA,KAAK,mBAAmB,KAAK;AAC3B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,YAAI,KAAK,IAAI;AACb,YAAI,CAAC,cAAc,SAAS,KAAK,GAAG;AAClC,wBAAc,KAAK,KAAK;AAAA,QAC1B;AACA;AAAA,MACF;AAAA,MACA,KAAK,mBAAmB,MAAM;AAC5B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,aAAK,KAAK,IAAI;AACd,YAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,EAAE,MAAM,MAAM,KAAK,MAAM,cAAc;AAChD;",
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport type {\n  ChartVariantInternal,\n  TimeseriesChartAreaProps,\n  TimeseriesChartBandProps,\n  TimeseriesChartBarProps,\n  TimeseriesChartLineProps,\n  TimeseriesSelectActions,\n} from './types/timeseries.js';\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport { Legend } from '../../timeseries/slots/Legend.js';\nimport { Pan } from '../../timeseries/slots/Pan.js';\nimport { Select } from '../../timeseries/slots/Select.js';\nimport { Area } from '../../timeseries/slots/shapes/Area.js';\nimport { Band } from '../../timeseries/slots/shapes/Band.js';\nimport { Bar } from '../../timeseries/slots/shapes/Bar.js';\nimport { Line } from '../../timeseries/slots/shapes/Line.js';\nimport { Zoom } from '../../timeseries/slots/Zoom.js';\n\nexport type SeriesSlots = {\n  line: TimeseriesChartLineProps[];\n  area: TimeseriesChartAreaProps[];\n  bar: TimeseriesChartBarProps[];\n  band: TimeseriesChartBandProps[];\n  shapePriority: ChartVariantInternal[];\n};\n\nexport type ConfigSlots = {\n  disableZoom: boolean;\n  disablePan: boolean;\n  selectActions: TimeseriesSelectActions | undefined;\n  legend: LegendProps | undefined;\n  intents: IntentProps[];\n  colorRules: ColorRuleProps[];\n};\n\nexport function iterateSlots(children: ReactNode): SeriesSlots & ConfigSlots {\n  const line: TimeseriesChartLineProps[] = [];\n  const area: TimeseriesChartAreaProps[] = [];\n  const bar: TimeseriesChartBarProps[] = [];\n  const band: TimeseriesChartBandProps[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n  let disableZoom = false;\n  let disablePan = false;\n  let selectActions: TimeseriesSelectActions | undefined;\n  let legend: LegendProps | undefined;\n  const intents: IntentProps[] = [];\n  const colorRules: ColorRuleProps[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Line)) {\n      line.push(child.props);\n      if (!shapePriority.includes('line')) {\n        shapePriority.push('line');\n      }\n    } else if (isSlot(child, Area)) {\n      area.push(child.props);\n      if (!shapePriority.includes('area')) {\n        shapePriority.push('area');\n      }\n    } else if (isSlot(child, Bar)) {\n      bar.push(child.props);\n      if (!shapePriority.includes('bar')) {\n        shapePriority.push('bar');\n      }\n    } else if (isSlot(child, Band)) {\n      band.push(child.props);\n      if (!shapePriority.includes('band')) {\n        shapePriority.push('band');\n      }\n    } else if (isSlot(child, Zoom)) {\n      disableZoom = child.props.disabled === true;\n    } else if (isSlot(child, Pan)) {\n      disablePan = child.props.disabled === true;\n    } else if (isSlot(child, Select)) {\n      selectActions = child.props.actions;\n    } else if (isSlot(child, Legend)) {\n      legend = child.props;\n    } else if (isSlot(child, Intent)) {\n      intents.push(child.props);\n    } else if (isSlot(child, ColorRule)) {\n      if (isValidColorRule(child.props)) {\n        colorRules.push(child.props);\n      }\n    }\n  });\n\n  return {\n    line,\n    area,\n    bar,\n    band,\n    shapePriority,\n    disableZoom,\n    disablePan,\n    selectActions,\n    legend,\n    intents,\n    colorRules,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AAUzC,SAAS,cAAgC;AACzC,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAG5C,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,YAAY;AAmBd,SAAS,aAAa,UAAgD;AAC3E,QAAM,OAAmC,CAAC;AAC1C,QAAM,OAAmC,CAAC;AAC1C,QAAM,MAAiC,CAAC;AACxC,QAAM,OAAmC,CAAC;AAC1C,QAAM,gBAAwC,CAAC;AAC/C,MAAI,cAAc;AAClB,MAAI,aAAa;AACjB,MAAI;AACJ,MAAI;AACJ,QAAM,UAAyB,CAAC;AAChC,QAAM,aAA+B,CAAC;AAEtC,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,IAAI,GAAG;AACvB,WAAK,KAAK,MAAM,KAAK;AACrB,UAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,sBAAc,KAAK,MAAM;AAAA,MAC3B;AAAA,IACF,WAAW,OAAO,OAAO,IAAI,GAAG;AAC9B,WAAK,KAAK,MAAM,KAAK;AACrB,UAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,sBAAc,KAAK,MAAM;AAAA,MAC3B;AAAA,IACF,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,UAAI,KAAK,MAAM,KAAK;AACpB,UAAI,CAAC,cAAc,SAAS,KAAK,GAAG;AAClC,sBAAc,KAAK,KAAK;AAAA,MAC1B;AAAA,IACF,WAAW,OAAO,OAAO,IAAI,GAAG;AAC9B,WAAK,KAAK,MAAM,KAAK;AACrB,UAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,sBAAc,KAAK,MAAM;AAAA,MAC3B;AAAA,IACF,WAAW,OAAO,OAAO,IAAI,GAAG;AAC9B,oBAAc,MAAM,MAAM,aAAa;AAAA,IACzC,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,mBAAa,MAAM,MAAM,aAAa;AAAA,IACxC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,sBAAgB,MAAM,MAAM;AAAA,IAC9B,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,eAAS,MAAM;AAAA,IACjB,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,cAAQ,KAAK,MAAM,KAAK;AAAA,IAC1B,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,UAAI,iBAAiB,MAAM,KAAK,GAAG;AACjC,mBAAW,KAAK,MAAM,KAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -0,0 +1,38 @@
+import { singleLineName } from "../../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) => 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]];
+}
+export {
+  mapSelectedSeriesToTimeseries,
+  mapSelectionDomainToTimeseries
+};
+//# sourceMappingURL=map-select-actions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/map-select-actions.ts"],
+  "sourcesContent": ["import type { RawTimeseriesPoint } from './types/internal-types.js';\nimport type { TimeseriesBand } from './types/timeseries.js';\nimport type {\n  Timeseries,\n  TimeseriesDatapoint,\n} from '../../core/types/timeseries.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type {\n  XYChartSelectedDomains,\n  XYChartSelectedSeries,\n} from '../../xy-chart/types/xy-chart.js';\n\ntype AnySelectedItem = XYChartSelectedSeries[number][string][number];\n\nconst extractDatapoint = (item: AnySelectedItem): TimeseriesDatapoint => {\n  const rawObj = 'datapoint' in item ? item.datapoint : item;\n  const raw = rawObj as unknown as RawTimeseriesPoint;\n  const datapoint: TimeseriesDatapoint = {\n    start: raw.start,\n    value: raw.value,\n  };\n  if (raw.end !== undefined) {\n    datapoint.end = raw.end;\n  }\n  if (raw.center !== undefined) {\n    datapoint.center = raw.center;\n  }\n  return datapoint;\n};\n\nexport function mapSelectedSeriesToTimeseries(\n  selectedSeries: XYChartSelectedSeries,\n  originalSeries: (Timeseries | TimeseriesBand)[],\n): Timeseries[] {\n  return selectedSeries.flatMap((record) =>\n    Object.entries(record)\n      .filter(([, items]) => items.length > 0)\n      .map(([seriesName, items]) => {\n        const original = originalSeries.find(\n          (s) => singleLineName(s.name) === seriesName,\n        );\n        return {\n          ...(original ?? { name: seriesName }),\n          datapoints: items.map(extractDatapoint),\n        } as Timeseries;\n      }),\n  );\n}\n\nexport function mapSelectionDomainToTimeseries(\n  selectionDomain: XYChartSelectedDomains,\n): [Date, Date] {\n  // TimeseriesChart uses a single X-axis, so all series share the same domain \u2014 the first entry is sufficient.\n  const [[, domain]] = Object.entries(selectionDomain[0]);\n  return [domain[0] as Date, domain[1] as Date];\n}\n"],
+  "mappings": "AAMA,SAAS,sBAAsB;AAQ/B,MAAM,mBAAmB,CAAC,SAA+C;AACvE,QAAM,SAAS,eAAe,OAAO,KAAK,YAAY;AACtD,QAAM,MAAM;AACZ,QAAM,YAAiC;AAAA,IACrC,OAAO,IAAI;AAAA,IACX,OAAO,IAAI;AAAA,EACb;AACA,MAAI,IAAI,QAAQ,QAAW;AACzB,cAAU,MAAM,IAAI;AAAA,EACtB;AACA,MAAI,IAAI,WAAW,QAAW;AAC5B,cAAU,SAAS,IAAI;AAAA,EACzB;AACA,SAAO;AACT;AAEO,SAAS,8BACd,gBACA,gBACc;AACd,SAAO,eAAe;AAAA,IAAQ,CAAC,WAC7B,OAAO,QAAQ,MAAM,EAClB,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,MAAM,SAAS,CAAC,EACtC,IAAI,CAAC,CAAC,YAAY,KAAK,MAAM;AAC5B,YAAM,WAAW,eAAe;AAAA,QAC9B,CAAC,MAAM,eAAe,EAAE,IAAI,MAAM;AAAA,MACpC;AACA,aAAO;AAAA,QACL,GAAI,YAAY,EAAE,MAAM,WAAW;AAAA,QACnC,YAAY,MAAM,IAAI,gBAAgB;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,EACL;AACF;AAEO,SAAS,+BACd,iBACc;AAEd,QAAM,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,OAAO,QAAQ,gBAAgB,CAAC,CAAC;AACtD,SAAO,CAAC,OAAO,CAAC,GAAW,OAAO,CAAC,CAAS;AAC9C;",
+  "names": []
+}

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

@@ -0,0 +1,53 @@
+import { singleLineName } from "../../core/utils/single-line-name.js";
+const findByName = (items, name) => items.find((item) => 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);
+  };
+}
+export {
+  mapBandSeriesActionsToXY,
+  mapSeriesActionsToXY
+};
+//# sourceMappingURL=map-series-actions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/map-series-actions.ts"],
+  "sourcesContent": ["import type {\n  RawBandPoint,\n  RawTimeseriesPoint,\n} from './types/internal-types.js';\nimport type {\n  TimeseriesBand,\n  TimeseriesBandDataPoint,\n  TimeseriesSeriesActions,\n} from './types/timeseries.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport type {\n  Timeseries,\n  TimeseriesDatapoint,\n} from '../../core/types/timeseries.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type {\n  XYChartAreaSeries,\n  XYChartAreaSeriesActionItem,\n  XYChartBarSeries,\n  XYChartBarSeriesActionItem,\n  XYChartLineSeries,\n  XYChartLineSeriesActionItem,\n} from '../../xy-chart/types/xy-chart.js';\n\ntype AnyXYSeriesActionItem =\n  | XYChartLineSeriesActionItem\n  | XYChartBarSeriesActionItem\n  | XYChartAreaSeriesActionItem;\n\nexport type XYLineSeriesActions = (\n  datapoint: XYChartLineSeriesActionItem,\n  series?: XYChartLineSeries,\n) => SeriesActionsTemplate;\n\nexport type XYBarSeriesActions = (\n  datapoint: XYChartBarSeriesActionItem,\n  series?: XYChartBarSeries,\n) => SeriesActionsTemplate;\n\nexport type XYAreaSeriesActions = (\n  datapoint: XYChartAreaSeriesActionItem,\n  series?: XYChartAreaSeries,\n) => SeriesActionsTemplate;\n\nconst findByName = <T extends { name: string | string[] }>(\n  items: T[],\n  name: string,\n): T | undefined => items.find((item) => singleLineName(item.name) === name);\n\nconst buildDatapoint = (raw: RawTimeseriesPoint): TimeseriesDatapoint => {\n  const datapoint: TimeseriesDatapoint = {\n    start: raw.start,\n    value: raw.value,\n  };\n  if (raw.end !== undefined) {\n    datapoint.end = raw.end;\n  }\n  if (raw.center !== undefined) {\n    datapoint.center = raw.center;\n  }\n  return datapoint;\n};\n\nconst buildBandDatapoint = (raw: RawBandPoint): TimeseriesBandDataPoint => {\n  const datapoint: TimeseriesBandDataPoint = {\n    start: raw.start,\n    y0: raw.y0,\n    y1: raw.y1,\n  };\n  if (raw.end !== undefined) {\n    datapoint.end = raw.end;\n  }\n  return datapoint;\n};\n\nexport function mapSeriesActionsToXY(\n  seriesActions: TimeseriesSeriesActions,\n  originalSeries: Timeseries[],\n): XYLineSeriesActions & XYBarSeriesActions & XYAreaSeriesActions {\n  return ((\n    item: AnyXYSeriesActionItem,\n    series?: XYChartLineSeries | XYChartAreaSeries | XYChartBarSeries,\n  ) => {\n    const hasNestedDatapoint = 'datapoint' in item;\n    const rawObj = hasNestedDatapoint ? item.datapoint : item;\n    const raw = rawObj as unknown as RawTimeseriesPoint;\n    const resolvedName = raw.seriesName ?? item.name ?? '';\n    const timeseries = findByName(originalSeries, resolvedName);\n    const isLegendTrigger = series !== undefined;\n    const datapoint = isLegendTrigger ? undefined : buildDatapoint(raw);\n    return seriesActions(timeseries, datapoint);\n  }) as XYLineSeriesActions & XYBarSeriesActions & XYAreaSeriesActions;\n}\n\nexport function mapBandSeriesActionsToXY(\n  seriesActions: TimeseriesSeriesActions,\n  originalBands: TimeseriesBand[],\n): XYAreaSeriesActions {\n  return ({ datapoint: xyDatapoint, name }, series?) => {\n    const raw = xyDatapoint as unknown as RawBandPoint;\n    const resolvedName = raw.seriesName ?? name ?? '';\n    const band = findByName(originalBands, resolvedName);\n    const isLegendTrigger = series !== undefined;\n    const datapoint = isLegendTrigger ? undefined : buildBandDatapoint(raw);\n    return seriesActions(band, datapoint);\n  };\n}\n"],
+  "mappings": "AAcA,SAAS,sBAAsB;AA8B/B,MAAM,aAAa,CACjB,OACA,SACkB,MAAM,KAAK,CAAC,SAAS,eAAe,KAAK,IAAI,MAAM,IAAI;AAE3E,MAAM,iBAAiB,CAAC,QAAiD;AACvE,QAAM,YAAiC;AAAA,IACrC,OAAO,IAAI;AAAA,IACX,OAAO,IAAI;AAAA,EACb;AACA,MAAI,IAAI,QAAQ,QAAW;AACzB,cAAU,MAAM,IAAI;AAAA,EACtB;AACA,MAAI,IAAI,WAAW,QAAW;AAC5B,cAAU,SAAS,IAAI;AAAA,EACzB;AACA,SAAO;AACT;AAEA,MAAM,qBAAqB,CAAC,QAA+C;AACzE,QAAM,YAAqC;AAAA,IACzC,OAAO,IAAI;AAAA,IACX,IAAI,IAAI;AAAA,IACR,IAAI,IAAI;AAAA,EACV;AACA,MAAI,IAAI,QAAQ,QAAW;AACzB,cAAU,MAAM,IAAI;AAAA,EACtB;AACA,SAAO;AACT;AAEO,SAAS,qBACd,eACA,gBACgE;AAChE,UAAQ,CACN,MACA,WACG;AACH,UAAM,qBAAqB,eAAe;AAC1C,UAAM,SAAS,qBAAqB,KAAK,YAAY;AACrD,UAAM,MAAM;AACZ,UAAM,eAAe,IAAI,cAAc,KAAK,QAAQ;AACpD,UAAM,aAAa,WAAW,gBAAgB,YAAY;AAC1D,UAAM,kBAAkB,WAAW;AACnC,UAAM,YAAY,kBAAkB,SAAY,eAAe,GAAG;AAClE,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AACF;AAEO,SAAS,yBACd,eACA,eACqB;AACrB,SAAO,CAAC,EAAE,WAAW,aAAa,KAAK,GAAG,WAAY;AACpD,UAAM,MAAM;AACZ,UAAM,eAAe,IAAI,cAAc,QAAQ;AAC/C,UAAM,OAAO,WAAW,eAAe,YAAY;AACnD,UAAM,kBAAkB,WAAW;AACnC,UAAM,YAAY,kBAAkB,SAAY,mBAAmB,GAAG;AACtE,WAAO,cAAc,MAAM,SAAS;AAAA,EACtC;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/types/internal-types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=internal-types.js.map

package/esm/charts/xy-chart-adoption/timeseries/types/timeseries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/types/timeseries.ts"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type { Timeseries } from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport const CHART_VARIANT_OPTIONS = ['line', 'area', 'bar'] as const;\nexport type ChartVariant = (typeof CHART_VARIANT_OPTIONS)[number];\nexport type ChartVariantInternal = ChartVariant | 'band';\nexport const DEFAULT_VARIANT: ChartVariant = 'line';\n\nexport interface TimeseriesBandDataPoint {\n  y0: number;\n  y1: number;\n  start: Date;\n  end?: Date;\n}\n\nexport interface TimeseriesBand extends Record<string, unknown> {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  unit?: ChartUnit;\n}\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n}\n\nexport type TimeseriesChartProps = {\n  data?: Timeseries[];\n  variant?: ChartVariant;\n  children?: ReactNode;\n} & Record<string, unknown>;\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
-  "mappings": "AAMO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type {\n  Timeseries,\n  TimeseriesDatapoint,\n} from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport type TimeseriesSelectActions = (\n  selectedSeries: Timeseries[],\n  selectionDomain: [Date, Date],\n) => ReactNode | Promise<ReactNode>;\n\nexport const CHART_VARIANT_OPTIONS = ['line', 'area', 'bar'] as const;\nexport type ChartVariant = (typeof CHART_VARIANT_OPTIONS)[number];\nexport type ChartVariantInternal = ChartVariant | 'band';\nexport const DEFAULT_VARIANT: ChartVariant = 'line';\n\nexport interface TimeseriesBandDataPoint {\n  y0: number;\n  y1: number;\n  start: Date;\n  end?: Date;\n}\n\nexport interface TimeseriesBand extends Record<string, unknown> {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  unit?: ChartUnit;\n}\n\nexport type TimeseriesSeriesActions = (\n  timeseries: unknown,\n  datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint,\n) => SeriesActionsTemplate;\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n}\n\nexport type TimeseriesChartProps = StylingProps &\n  MaskingProps & {\n    data?: Timeseries[];\n    variant?: ChartVariant;\n    children?: ReactNode;\n    loading?: boolean;\n    height?: number | string;\n    width?: number | string;\n    colorPalette?: ColorPalette | CustomColorPalette;\n    truncationMode?: TruncationMode;\n    initialZoom?: Date[] | number[];\n    currentZoom?: Date[] | number[];\n    onZoomChange?: ZoomChangeHandler;\n    infiniteZoom?: boolean;\n    seriesActions?: TimeseriesSeriesActions;\n  };\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
+  "mappings": "AAuBO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
   "names": []
 }

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

@@ -0,0 +1,17 @@
+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()
+});
+export {
+  buildTimeseriesImperativeHandle
+};
+//# sourceMappingURL=build-timeseries-imperative-handle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.ts"],
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport type { XYChartRef } from '../../../xy-chart/types/xy-chart.js';\nimport type { TimeseriesChartRef } from '../types/timeseries.js';\n\nexport const buildTimeseriesImperativeHandle = (\n  xyRef: RefObject<XYChartRef | null>,\n): TimeseriesChartRef => ({\n  get element() {\n    return xyRef.current?.element ?? null;\n  },\n  getConfig: () => xyRef.current?.getConfig() ?? '{}',\n  downloadData: () => xyRef.current?.downloadData(),\n  exploreMode: () => xyRef.current?.exploreMode(),\n  zoomMode: () => xyRef.current?.zoomMode(),\n  panMode: () => xyRef.current?.panMode(),\n  zoomIn: () => xyRef.current?.zoomIn(),\n  zoomOut: () => xyRef.current?.zoomOut(),\n  reset: () => xyRef.current?.reset(),\n});\n"],
+  "mappings": "AAKO,MAAM,kCAAkC,CAC7C,WACwB;AAAA,EACxB,IAAI,UAAU;AACZ,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC;AAAA,EACA,WAAW,MAAM,MAAM,SAAS,UAAU,KAAK;AAAA,EAC/C,cAAc,MAAM,MAAM,SAAS,aAAa;AAAA,EAChD,aAAa,MAAM,MAAM,SAAS,YAAY;AAAA,EAC9C,UAAU,MAAM,MAAM,SAAS,SAAS;AAAA,EACxC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,QAAQ,MAAM,MAAM,SAAS,OAAO;AAAA,EACpC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,OAAO,MAAM,MAAM,SAAS,MAAM;AACpC;",
+  "names": []
+}