@dynatrace/strato-components 3.7.1 → 3.8.0

package/esm/charts/xy-chart-adoption/shared/utils/render-xy-annotations.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XYChart, XYChartAnnotations } from "../../../xy-chart/XYChartRoot.js";
+const ANNOTATIONS_KEYS = {
+  trackId: "__annotationsTrackId",
+  trackLabel: "__annotationsTrackLabel",
+  trackColor: "__annotationsTrackColor",
+  trackHidden: "__annotationsTrackHidden",
+  trackSymbol: "__annotationsTrackSymbol",
+  trackIndicators: "__annotationsTrackIndicators",
+  markerStart: "__annotationsMarkerStart",
+  markerEnd: "__annotationsMarkerEnd",
+  markerTitle: "__annotationsMarkerTitle",
+  markerDescription: "__annotationsMarkerDescription",
+  markerColor: "__annotationsMarkerColor",
+  markerHidden: "__annotationsMarkerHidden",
+  markerSymbol: "__annotationsMarkerSymbol",
+  markerIndicators: "__annotationsMarkerIndicators",
+  markerPriority: "__annotationsMarkerPriority"
+};
+const getAnnotationField = (d, key) => d[key];
+const renderXYAnnotations = (data, xAxisId, config) => /* @__PURE__ */ jsxs(
+  XYChart.Annotations,
+  {
+    data,
+    xAxisId,
+    showLabels: config.showLabels,
+    fixedTracks: config.visibleTracksLimit,
+    annotationsActions: config.annotationsActions,
+    children: [
+      /* @__PURE__ */ jsx(
+        XYChartAnnotations.Track,
+        {
+          trackIdAccessor: ANNOTATIONS_KEYS.trackId,
+          labelAccessor: ANNOTATIONS_KEYS.trackLabel,
+          colorAccessor: ANNOTATIONS_KEYS.trackColor,
+          hidden: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.trackHidden),
+          symbol: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.trackSymbol),
+          indicatorsDisplay: (d) => getAnnotationField(
+            d,
+            ANNOTATIONS_KEYS.trackIndicators
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        XYChartAnnotations.Marker,
+        {
+          startAccessor: ANNOTATIONS_KEYS.markerStart,
+          endAccessor: ANNOTATIONS_KEYS.markerEnd,
+          trackByAccessor: ANNOTATIONS_KEYS.trackId,
+          titleAccessor: ANNOTATIONS_KEYS.markerTitle,
+          descriptionAccessor: ANNOTATIONS_KEYS.markerDescription,
+          colorAccessor: ANNOTATIONS_KEYS.markerColor,
+          hidden: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.markerHidden),
+          symbol: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.markerSymbol),
+          indicatorsDisplay: (d) => getAnnotationField(
+            d,
+            ANNOTATIONS_KEYS.markerIndicators
+          ),
+          priority: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.markerPriority)
+        }
+      ),
+      config.tooltip?.template && /* @__PURE__ */ jsx(XYChartAnnotations.Tooltip, { hidden: config.tooltip.hidden, children: config.tooltip.template })
+    ]
+  }
+);
+export {
+  ANNOTATIONS_KEYS,
+  renderXYAnnotations
+};
+//# sourceMappingURL=render-xy-annotations.js.map

package/esm/charts/xy-chart-adoption/shared/utils/render-xy-annotations.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/shared/utils/render-xy-annotations.tsx"],
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type { IndicatorsDisplay } from '../../../core/components/annotations/components/indicators/types.js';\nimport type { AnnotationsTooltipConfig } from '../../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsActionsHandler } from '../../../core/components/annotations/types/annotations.js';\nimport type { XYChartData } from '../../../xy-chart/types/xy-chart.js';\nimport { XYChart, XYChartAnnotations } from '../../../xy-chart/XYChartRoot.js';\n\nexport const ANNOTATIONS_KEYS = {\n  trackId: '__annotationsTrackId',\n  trackLabel: '__annotationsTrackLabel',\n  trackColor: '__annotationsTrackColor',\n  trackHidden: '__annotationsTrackHidden',\n  trackSymbol: '__annotationsTrackSymbol',\n  trackIndicators: '__annotationsTrackIndicators',\n  markerStart: '__annotationsMarkerStart',\n  markerEnd: '__annotationsMarkerEnd',\n  markerTitle: '__annotationsMarkerTitle',\n  markerDescription: '__annotationsMarkerDescription',\n  markerColor: '__annotationsMarkerColor',\n  markerHidden: '__annotationsMarkerHidden',\n  markerSymbol: '__annotationsMarkerSymbol',\n  markerIndicators: '__annotationsMarkerIndicators',\n  markerPriority: '__annotationsMarkerPriority',\n} as const;\n\ntype AnnotationsKey = (typeof ANNOTATIONS_KEYS)[keyof typeof ANNOTATIONS_KEYS];\n\nconst getAnnotationField = <T,>(d: unknown, key: AnnotationsKey): T =>\n  (d as Record<string, unknown>)[key] as T;\n\nexport type XYAnnotationsConfig = {\n  showLabels?: boolean;\n  visibleTracksLimit?: number;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltip?: AnnotationsTooltipConfig;\n};\n\nexport const renderXYAnnotations = (\n  data: XYChartData[],\n  xAxisId: string,\n  config: XYAnnotationsConfig,\n) => (\n  <XYChart.Annotations\n    data={data}\n    xAxisId={xAxisId}\n    showLabels={config.showLabels}\n    fixedTracks={config.visibleTracksLimit}\n    annotationsActions={config.annotationsActions}\n  >\n    <XYChartAnnotations.Track\n      trackIdAccessor={ANNOTATIONS_KEYS.trackId}\n      labelAccessor={ANNOTATIONS_KEYS.trackLabel}\n      colorAccessor={ANNOTATIONS_KEYS.trackColor}\n      hidden={(d) =>\n        getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.trackHidden)\n      }\n      symbol={(d) =>\n        getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.trackSymbol)\n      }\n      indicatorsDisplay={(d) =>\n        getAnnotationField<IndicatorsDisplay>(\n          d,\n          ANNOTATIONS_KEYS.trackIndicators,\n        )\n      }\n    />\n    <XYChartAnnotations.Marker\n      startAccessor={ANNOTATIONS_KEYS.markerStart}\n      endAccessor={ANNOTATIONS_KEYS.markerEnd}\n      trackByAccessor={ANNOTATIONS_KEYS.trackId}\n      titleAccessor={ANNOTATIONS_KEYS.markerTitle}\n      descriptionAccessor={ANNOTATIONS_KEYS.markerDescription}\n      colorAccessor={ANNOTATIONS_KEYS.markerColor}\n      hidden={(d) =>\n        getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.markerHidden)\n      }\n      symbol={(d) =>\n        getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.markerSymbol)\n      }\n      indicatorsDisplay={(d) =>\n        getAnnotationField<IndicatorsDisplay>(\n          d,\n          ANNOTATIONS_KEYS.markerIndicators,\n        )\n      }\n      priority={(d) =>\n        getAnnotationField<number>(d, ANNOTATIONS_KEYS.markerPriority)\n      }\n    />\n    {config.tooltip?.template && (\n      <XYChartAnnotations.Tooltip hidden={config.tooltip.hidden}>\n        {config.tooltip.template}\n      </XYChartAnnotations.Tooltip>\n    )}\n  </XYChart.Annotations>\n);\n"],
+  "mappings": "AA2CE,SAOE,KAPF;AArCF,SAAS,SAAS,0BAA0B;AAErC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;AAIA,MAAM,qBAAqB,CAAK,GAAY,QACzC,EAA8B,GAAG;AAS7B,MAAM,sBAAsB,CACjC,MACA,SACA,WAEA;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACC;AAAA,IACA;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,aAAa,OAAO;AAAA,IACpB,oBAAoB,OAAO;AAAA,IAE3B;AAAA;AAAA,QAAC,mBAAmB;AAAA,QAAnB;AAAA,UACC,iBAAiB,iBAAiB;AAAA,UAClC,eAAe,iBAAiB;AAAA,UAChC,eAAe,iBAAiB;AAAA,UAChC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,WAAW;AAAA,UAE7D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,WAAW;AAAA,UAE/D,mBAAmB,CAAC,MAClB;AAAA,YACE;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC,mBAAmB;AAAA,QAAnB;AAAA,UACC,eAAe,iBAAiB;AAAA,UAChC,aAAa,iBAAiB;AAAA,UAC9B,iBAAiB,iBAAiB;AAAA,UAClC,eAAe,iBAAiB;AAAA,UAChC,qBAAqB,iBAAiB;AAAA,UACtC,eAAe,iBAAiB;AAAA,UAChC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,YAAY;AAAA,UAE9D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,YAAY;AAAA,UAEhE,mBAAmB,CAAC,MAClB;AAAA,YACE;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA,UAEF,UAAU,CAAC,MACT,mBAA2B,GAAG,iBAAiB,cAAc;AAAA;AAAA,MAEjE;AAAA,MACC,OAAO,SAAS,YACf,oBAAC,mBAAmB,SAAnB,EAA2B,QAAQ,OAAO,QAAQ,QAChD,iBAAO,QAAQ,UAClB;AAAA;AAAA;AAEJ;",
+  "names": []
+}

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

@@ -9,12 +9,20 @@ import {
   mapBandSeriesActionsToXY,
   mapSeriesActionsToXY
 } from "./map-series-actions.js";
+import { resolveValueRepresentation } from "./resolve-value-representation.js";
+import { transformTimeseriesAnnotationsToXY } from "./transformer-annotations-to-xy.js";
 import { transformTimeseriesDataToXYChart } from "./transformer-data-to-xy.js";
 import {
   DEFAULT_VARIANT
 } from "./types/timeseries.js";
+import { buildBuckets } from "./utils/build-buckets.js";
 import { buildTimeseriesImperativeHandle } from "./utils/build-timeseries-imperative-handle.js";
 import { formatCSV } from "./utils/download/format-csv.js";
+import {
+  mapXAxisSlot,
+  mapYAxisSlots,
+  mapYAxisSlotToProps
+} from "./utils/map-axis-slots.js";
 import { resolveTimeseriesColorRules } from "./utils/map-timeseries-to-xy-color-rules.js";
 import {
   defineAxisId,
@@ -24,15 +32,18 @@ import {
   renderLineSeries,
   xAxisId
 } from "./utils/render-series.js";
+import { resolveGapPolicy } from "./utils/resolve-gap-policy.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 { extractBehaviorTrackingProps } from "../../core/utils/extract-behavior-tracking-props.js";
 import { XYChart } from "../../xy-chart/XYChartRoot.js";
-const slotData = (slots) => slots.map((s) => s.data);
+import { renderXYAnnotations } from "../shared/utils/render-xy-annotations.js";
 const TimeseriesToXY = forwardRef((props, forwardedRef) => {
   const {
     data = [],
     variant = DEFAULT_VARIANT,
+    valueRepresentation: rootValueRepresentation,
     children,
     loading,
     className,
@@ -47,7 +58,9 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     currentZoom,
     onZoomChange,
     infiniteZoom,
-    seriesActions
+    seriesActions,
+    gapPolicy,
+    pointsDisplay
   } = props;
   const {
     line,
@@ -60,25 +73,45 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     selectActions,
     legend,
     intents,
-    colorRules
+    colorRules,
+    xAxis,
+    leftYAxis,
+    rightYAxis,
+    annotations,
+    toolbar,
+    deprecatedToolbar
   } = iterateSlots(children);
+  const resolvedValueRepresentation = resolveValueRepresentation(
+    rootValueRepresentation,
+    ...line.map((s) => s.valueRepresentation),
+    ...area.map((s) => s.valueRepresentation),
+    ...bar.map((s) => s.valueRepresentation)
+  );
   const { emptyState, errorState } = getChartStatesTemplates(children);
-  const buckets = {
-    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 {
+    buckets,
+    lineAreaBarData,
+    bandData,
+    allSeriesData,
+    gapPolicies,
+    order
+  } = buildBuckets(
+    data,
+    variant,
+    { line, area, bar, band, shapePriority },
+    pointsDisplay
+  );
   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 effectiveGapPolicy = resolveGapPolicy(gapPolicies, gapPolicy);
+  const allColorRules = resolveTimeseriesColorRules(allSeriesData, colorRules);
+  const xAxisConfig = mapXAxisSlot(xAxis);
+  const { configuredAxes, renderedUnits } = mapYAxisSlots(
+    leftYAxis,
+    rightYAxis,
+    [...result.units]
+  );
+  const mappedSeriesActions = seriesActions ? mapSeriesActionsToXY(seriesActions, lineAreaBarData) : void 0;
+  const mappedBandActions = seriesActions ? mapBandSeriesActionsToXY(seriesActions, bandData) : void 0;
   const seriesForShape = (shape) => {
     switch (shape) {
       case "line":
@@ -106,7 +139,12 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     []
   );
   const downloadDataCallback = () => {
-    const csvString = formatCSV(buckets);
+    const csvString = formatCSV({
+      line: buckets.line.map((s) => s.data),
+      area: buckets.area.map((s) => s.data),
+      bar: buckets.bar.map((s) => s.data),
+      band: bandData
+    });
     downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);
   };
   return /* @__PURE__ */ jsxs(
@@ -137,7 +175,7 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
                 return;
               }
               return selectActions(
-                mapSelectedSeriesToTimeseries(selectedSeries, allSeries),
+                mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),
                 mapSelectionDomainToTimeseries(selectionDomain)
               );
             }
@@ -149,23 +187,25 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
             id: xAxisId,
             type: "time",
             position: "bottom",
-            min: "data-min",
-            max: "data-max",
+            min: xAxisConfig.min,
+            max: xAxisConfig.max,
+            label: xAxisConfig.label,
             disableZoom,
             disablePan,
             initialZoom,
             currentZoom,
             onZoomChange,
-            infiniteZoom
+            infiniteZoom,
+            gapPolicy: effectiveGapPolicy
           }
         ),
-        [...result.units].map((unit, index) => /* @__PURE__ */ jsx(
+        renderedUnits.map((unit, index) => /* @__PURE__ */ jsx(
           XYChart.YAxis,
           {
             id: defineAxisId(unit),
-            type: "numerical",
             unit,
-            position: index % 2 === 0 ? "left" : "right"
+            ...mapYAxisSlotToProps(index, configuredAxes[index]),
+            valueRepresentation: resolvedValueRepresentation
           },
           defineAxisId(unit)
         )),
@@ -177,7 +217,21 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
           },
           `${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`
         )),
-        intents.map((intentProps, index) => /* @__PURE__ */ jsx(XYChart.Intent, { ...intentProps }, index))
+        /* @__PURE__ */ jsx(
+          XYChart.Toolbar,
+          {
+            hidden: toolbar.hidden,
+            placement: toolbar.placement,
+            ...extractBehaviorTrackingProps(toolbar)
+          }
+        ),
+        deprecatedToolbar.enabled && /* @__PURE__ */ jsx(XYChart.Toolbar, { placement: deprecatedToolbar.placement }),
+        intents.map((intentProps, index) => /* @__PURE__ */ jsx(XYChart.Intent, { ...intentProps }, index)),
+        annotations && renderXYAnnotations(
+          transformTimeseriesAnnotationsToXY(annotations.tracks),
+          xAxisId,
+          annotations
+        )
       ]
     }
   );

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, 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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",
+  "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 { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.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 { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.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 { resolveGapPolicy } from './utils/resolve-gap-policy.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 { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    valueRepresentation: rootValueRepresentation,\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    gapPolicy,\n    pointsDisplay,\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    xAxis,\n    leftYAxis,\n    rightYAxis,\n    annotations,\n    toolbar,\n    deprecatedToolbar,\n  } = iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    rootValueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(allSeriesData, colorRules);\n\n  const xAxisConfig = mapXAxisSlot(xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    leftYAxis,\n    rightYAxis,\n    [...result.units],\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\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({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\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, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\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        gapPolicy={effectiveGapPolicy}\n      />\n      {renderedUnits.map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          id={defineAxisId(unit)}\n          unit={unit}\n          {...mapYAxisSlotToProps(index, configuredAxes[index])}\n          valueRepresentation={resolvedValueRepresentation}\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      <XYChart.Toolbar\n        hidden={toolbar.hidden}\n        placement={toolbar.placement}\n        {...extractBehaviorTrackingProps(toolbar)}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {intents.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(annotations.tracks),\n          xAxisId,\n          annotations,\n        )}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,10 @@
 import { Children } from "react";
+import { collectAnnotationsSlots } from "./utils/collect-annotations-slots.js";
 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 { ChartToolbar } from "../../core/slots/toolbar/ChartToolbar.js";
+import { Annotations } from "../../timeseries/slots/annotations/Annotations.js";
 import { Legend } from "../../timeseries/slots/Legend.js";
 import { Pan } from "../../timeseries/slots/Pan.js";
 import { Select } from "../../timeseries/slots/Select.js";
@@ -9,6 +12,9 @@ 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 { Toolbar } from "../../timeseries/slots/Toolbar.js";
+import { XAxis } from "../../timeseries/slots/XAxis.js";
+import { YAxis } from "../../timeseries/slots/YAxis.js";
 import { Zoom } from "../../timeseries/slots/Zoom.js";
 function iterateSlots(children) {
   const line = [];
@@ -22,6 +28,12 @@ function iterateSlots(children) {
   let legend;
   const intents = [];
   const colorRules = [];
+  let xAxis;
+  let leftYAxis;
+  let rightYAxis;
+  let annotations;
+  let toolbar = {};
+  let deprecatedToolbar = {};
   Children.forEach(children, (child) => {
     if (isSlot(child, Line)) {
       line.push(child.props);
@@ -57,6 +69,23 @@ function iterateSlots(children) {
       if (isValidColorRule(child.props)) {
         colorRules.push(child.props);
       }
+    } else if (isSlot(child, Toolbar)) {
+      toolbar = child.props;
+    } else if (isSlot(child, ChartToolbar)) {
+      deprecatedToolbar = {
+        enabled: true,
+        ...child.props
+      };
+    } else if (isSlot(child, XAxis)) {
+      xAxis = child.props;
+    } else if (isSlot(child, YAxis)) {
+      if (child.props.position === "right") {
+        rightYAxis = child.props;
+      } else {
+        leftYAxis = child.props;
+      }
+    } else if (isSlot(child, Annotations)) {
+      annotations = collectAnnotationsSlots(child.props);
     }
   });
   return {
@@ -70,7 +99,13 @@ function iterateSlots(children) {
     selectActions,
     legend,
     intents,
-    colorRules
+    colorRules,
+    xAxis,
+    leftYAxis,
+    rightYAxis,
+    annotations,
+    toolbar,
+    deprecatedToolbar
   };
 }
 export {

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';\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;",
+  "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 type { AnnotationsSlotsConfig } from './utils/collect-annotations-slots.js';\nimport { collectAnnotationsSlots } from './utils/collect-annotations-slots.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 { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport { Annotations } from '../../timeseries/slots/annotations/Annotations.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 { Toolbar } from '../../timeseries/slots/Toolbar.js';\nimport type { TimeseriesChartXAxisProps } from '../../timeseries/slots/XAxis.js';\nimport { XAxis } from '../../timeseries/slots/XAxis.js';\nimport type { TimeseriesChartYAxisProps } from '../../timeseries/slots/YAxis.js';\nimport { YAxis } from '../../timeseries/slots/YAxis.js';\nimport { Zoom } from '../../timeseries/slots/Zoom.js';\nimport type {\n  TimeseriesChartToolbarConfig,\n  TimeseriesChartToolbarSlotProps,\n} from '../../timeseries/types/toolbar.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  xAxis: TimeseriesChartXAxisProps | undefined;\n  leftYAxis: TimeseriesChartYAxisProps | undefined;\n  rightYAxis: TimeseriesChartYAxisProps | undefined;\n  annotations: AnnotationsSlotsConfig | undefined;\n  toolbar: TimeseriesChartToolbarSlotProps;\n  // Config for the old API Toolbar to be removed with APPDEV-15614\n  deprecatedToolbar: TimeseriesChartToolbarConfig;\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  let xAxis: TimeseriesChartXAxisProps | undefined;\n  let leftYAxis: TimeseriesChartYAxisProps | undefined;\n  let rightYAxis: TimeseriesChartYAxisProps | undefined;\n  let annotations: AnnotationsSlotsConfig | undefined;\n  let toolbar: TimeseriesChartToolbarSlotProps = {};\n  // Config for the old API Toolbar to be removed with APPDEV-15614\n  let deprecatedToolbar: TimeseriesChartToolbarConfig = {};\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    } else if (isSlot(child, Toolbar)) {\n      toolbar = child.props;\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO: Remove deprecated component support (APPDEV-15613)\n      deprecatedToolbar = {\n        enabled: true,\n        ...child.props,\n      };\n    } else if (isSlot(child, XAxis)) {\n      xAxis = child.props;\n    } else if (isSlot(child, YAxis)) {\n      if (child.props.position === 'right') {\n        rightYAxis = child.props;\n      } else {\n        leftYAxis = child.props;\n      }\n    } else if (isSlot(child, Annotations)) {\n      annotations = collectAnnotationsSlots(child.props);\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    xAxis,\n    leftYAxis,\n    rightYAxis,\n    annotations,\n    toolbar,\n    deprecatedToolbar,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/resolve-value-representation.js

@@ -0,0 +1,7 @@
+function resolveValueRepresentation(...values) {
+  return values.includes("relative") ? "relative" : "absolute";
+}
+export {
+  resolveValueRepresentation
+};
+//# sourceMappingURL=resolve-value-representation.js.map

package/esm/charts/xy-chart-adoption/timeseries/resolve-value-representation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/resolve-value-representation.ts"],
+  "sourcesContent": ["import type { ValueRepresentation } from '../../core/types/scales.js';\n\n/**\n * Resolves the effective valueRepresentation using \"any-relative-wins\":\n * returns 'relative' if any value is 'relative', otherwise 'absolute'.\n */\nexport function resolveValueRepresentation(\n  ...values: (ValueRepresentation | undefined)[]\n): ValueRepresentation {\n  return values.includes('relative') ? 'relative' : 'absolute';\n}\n"],
+  "mappings": "AAMO,SAAS,8BACX,QACkB;AACrB,SAAO,OAAO,SAAS,UAAU,IAAI,aAAa;AACpD;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/transformer-annotations-to-xy.js

@@ -0,0 +1,35 @@
+import { ANNOTATIONS_KEYS } from "../shared/utils/render-xy-annotations.js";
+import { ANNOTATIONS_KEYS as ANNOTATIONS_KEYS2 } from "../shared/utils/render-xy-annotations.js";
+const transformTimeseriesAnnotationsToXY = (tracks) => {
+  const data = [];
+  tracks.forEach((track, trackIndex) => {
+    const timeseriesTrack = track;
+    const trackId = `track-${trackIndex}`;
+    track.markers.forEach((marker) => {
+      const timeseriesMarker = marker;
+      data.push({
+        [ANNOTATIONS_KEYS.trackId]: trackId,
+        [ANNOTATIONS_KEYS.trackLabel]: timeseriesTrack.label,
+        [ANNOTATIONS_KEYS.trackColor]: timeseriesTrack.color,
+        [ANNOTATIONS_KEYS.trackHidden]: timeseriesTrack.hidden,
+        [ANNOTATIONS_KEYS.trackSymbol]: timeseriesTrack.symbol,
+        [ANNOTATIONS_KEYS.trackIndicators]: timeseriesTrack.indicatorsDisplay,
+        [ANNOTATIONS_KEYS.markerStart]: timeseriesMarker.start,
+        [ANNOTATIONS_KEYS.markerEnd]: timeseriesMarker.end,
+        [ANNOTATIONS_KEYS.markerTitle]: timeseriesMarker.title,
+        [ANNOTATIONS_KEYS.markerDescription]: timeseriesMarker.description,
+        [ANNOTATIONS_KEYS.markerColor]: timeseriesMarker.color,
+        [ANNOTATIONS_KEYS.markerHidden]: timeseriesMarker.hidden,
+        [ANNOTATIONS_KEYS.markerSymbol]: timeseriesMarker.symbol,
+        [ANNOTATIONS_KEYS.markerIndicators]: timeseriesMarker.indicatorsDisplay,
+        [ANNOTATIONS_KEYS.markerPriority]: timeseriesMarker.priority
+      });
+    });
+  });
+  return data;
+};
+export {
+  ANNOTATIONS_KEYS2 as ANNOTATIONS_KEYS,
+  transformTimeseriesAnnotationsToXY
+};
+//# sourceMappingURL=transformer-annotations-to-xy.js.map

package/esm/charts/xy-chart-adoption/timeseries/transformer-annotations-to-xy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/transformer-annotations-to-xy.ts"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { IndicatorsDisplay } from '../../core/components/annotations/components/indicators/types.js';\nimport type {\n  AnnotationsMarkerConfig,\n  BaseMarkerProps,\n  TimeMarkerProps,\n} from '../../core/components/annotations/types/annotations-marker-props.js';\nimport type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\nimport { ANNOTATIONS_KEYS } from '../shared/utils/render-xy-annotations.js';\n\nexport { ANNOTATIONS_KEYS } from '../shared/utils/render-xy-annotations.js';\n\n/** @internal */\ntype TimeAnnotationsMarkerConfig = AnnotationsMarkerConfig &\n  TimeMarkerProps & { indicatorsDisplay?: IndicatorsDisplay };\n\n/** @internal */\ntype TimeAnnotationsTrackConfig = AnnotationsTrackConfig & {\n  markers: TimeAnnotationsMarkerConfig[];\n  annotationsActions?: (\n    annotation: BaseMarkerProps &\n      TimeMarkerProps & { indicatorsDisplay?: IndicatorsDisplay },\n  ) => ReactNode;\n  indicatorsDisplay?: IndicatorsDisplay;\n};\n\nexport const transformTimeseriesAnnotationsToXY = (\n  tracks: AnnotationsTrackConfig[],\n): XYChartData[] => {\n  const data: XYChartData[] = [];\n\n  tracks.forEach((track, trackIndex) => {\n    const timeseriesTrack = track as TimeAnnotationsTrackConfig;\n    const trackId = `track-${trackIndex}`;\n\n    track.markers.forEach((marker) => {\n      const timeseriesMarker = marker as TimeAnnotationsMarkerConfig;\n\n      data.push({\n        [ANNOTATIONS_KEYS.trackId]: trackId,\n        [ANNOTATIONS_KEYS.trackLabel]: timeseriesTrack.label,\n        [ANNOTATIONS_KEYS.trackColor]: timeseriesTrack.color,\n        [ANNOTATIONS_KEYS.trackHidden]: timeseriesTrack.hidden,\n        [ANNOTATIONS_KEYS.trackSymbol]: timeseriesTrack.symbol,\n        [ANNOTATIONS_KEYS.trackIndicators]: timeseriesTrack.indicatorsDisplay,\n        [ANNOTATIONS_KEYS.markerStart]: timeseriesMarker.start,\n        [ANNOTATIONS_KEYS.markerEnd]: timeseriesMarker.end,\n        [ANNOTATIONS_KEYS.markerTitle]: timeseriesMarker.title,\n        [ANNOTATIONS_KEYS.markerDescription]: timeseriesMarker.description,\n        [ANNOTATIONS_KEYS.markerColor]: timeseriesMarker.color,\n        [ANNOTATIONS_KEYS.markerHidden]: timeseriesMarker.hidden,\n        [ANNOTATIONS_KEYS.markerSymbol]: timeseriesMarker.symbol,\n        [ANNOTATIONS_KEYS.markerIndicators]: timeseriesMarker.indicatorsDisplay,\n        [ANNOTATIONS_KEYS.markerPriority]: timeseriesMarker.priority,\n      });\n    });\n  });\n\n  return data;\n};\n"],
+  "mappings": "AAUA,SAAS,wBAAwB;AAEjC,SAAS,oBAAAA,yBAAwB;AAgB1B,MAAM,qCAAqC,CAChD,WACkB;AAClB,QAAM,OAAsB,CAAC;AAE7B,SAAO,QAAQ,CAAC,OAAO,eAAe;AACpC,UAAM,kBAAkB;AACxB,UAAM,UAAU,SAAS,UAAU;AAEnC,UAAM,QAAQ,QAAQ,CAAC,WAAW;AAChC,YAAM,mBAAmB;AAEzB,WAAK,KAAK;AAAA,QACR,CAAC,iBAAiB,OAAO,GAAG;AAAA,QAC5B,CAAC,iBAAiB,UAAU,GAAG,gBAAgB;AAAA,QAC/C,CAAC,iBAAiB,UAAU,GAAG,gBAAgB;AAAA,QAC/C,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,eAAe,GAAG,gBAAgB;AAAA,QACpD,CAAC,iBAAiB,WAAW,GAAG,iBAAiB;AAAA,QACjD,CAAC,iBAAiB,SAAS,GAAG,iBAAiB;AAAA,QAC/C,CAAC,iBAAiB,WAAW,GAAG,iBAAiB;AAAA,QACjD,CAAC,iBAAiB,iBAAiB,GAAG,iBAAiB;AAAA,QACvD,CAAC,iBAAiB,WAAW,GAAG,iBAAiB;AAAA,QACjD,CAAC,iBAAiB,YAAY,GAAG,iBAAiB;AAAA,QAClD,CAAC,iBAAiB,YAAY,GAAG,iBAAiB;AAAA,QAClD,CAAC,iBAAiB,gBAAgB,GAAG,iBAAiB;AAAA,QACtD,CAAC,iBAAiB,cAAc,GAAG,iBAAiB;AAAA,MACtD,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;",
+  "names": ["ANNOTATIONS_KEYS"]
+}

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

@@ -1,6 +1,6 @@
 import { singleLineName } from "../../core/utils/single-line-name.js";
-const mapTimeseries = (series, seriesId) => {
-  const { datapoints, name, unit, ...extraSeriesProps } = series;
+const mapTimeseries = (slot, seriesId) => {
+  const { datapoints, name, unit, ...extraSeriesProps } = slot.data;
   const seriesName = singleLineName(name);
   const data = datapoints.map((datapoint) => ({
     ...extraSeriesProps,
@@ -11,10 +11,11 @@ const mapTimeseries = (series, seriesId) => {
     seriesName,
     seriesId
   }));
-  return { data, unit, seriesId };
+  const pointsDisplay = "pointsDisplay" in slot ? slot.pointsDisplay : void 0;
+  return { data, unit, seriesId, color: slot.color, pointsDisplay };
 };
-const mapBand = (band, seriesId) => {
-  const { datapoints, name, unit, ...extraSeriesProps } = band;
+const mapBand = (slot, seriesId) => {
+  const { datapoints, name, unit, ...extraSeriesProps } = slot.data;
   const seriesName = singleLineName(name);
   const data = datapoints.map((datapoint) => ({
     ...extraSeriesProps,
@@ -25,7 +26,7 @@ const mapBand = (band, seriesId) => {
     seriesName,
     seriesId
   }));
-  return { data, unit, seriesId };
+  return { data, unit, seriesId, color: slot.color };
 };
 function transformTimeseriesDataToXYChart(input, shapeRenderOrder) {
   const units = /* @__PURE__ */ new Set();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.ts"],
-  "sourcesContent": ["import type {\n  ChartVariantInternal,\n  TimeseriesBand,\n} from './types/timeseries.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { Timeseries } from '../../core/types/timeseries.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport interface TimeseriesPerShapeInput {\n  line: Timeseries[];\n  area: Timeseries[];\n  bar: Timeseries[];\n  band: TimeseriesBand[];\n}\n\nexport type SeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n  seriesId: string;\n};\n\nexport interface TransformTimeseriesDataResult {\n  line: SeriesProps[];\n  area: SeriesProps[];\n  bar: SeriesProps[];\n  band: SeriesProps[];\n  units: Set<ChartUnit>;\n}\n\nconst mapTimeseries = (series: Timeseries, seriesId: string): SeriesProps => {\n  const { datapoints, name, unit, ...extraSeriesProps } = series;\n  const seriesName = singleLineName(name);\n\n  const data: XYChartData[] = datapoints.map((datapoint) => ({\n    ...extraSeriesProps,\n    start: datapoint.start,\n    end: datapoint.end,\n    center: datapoint.center,\n    value: datapoint.value,\n    seriesName,\n    seriesId,\n  }));\n\n  return { data, unit, seriesId };\n};\n\nconst mapBand = (band: TimeseriesBand, seriesId: string): SeriesProps => {\n  const { datapoints, name, unit, ...extraSeriesProps } = band;\n  const seriesName = singleLineName(name);\n\n  const data: XYChartData[] = datapoints.map((datapoint) => ({\n    ...extraSeriesProps,\n    start: datapoint.start,\n    end: datapoint.end,\n    y0: datapoint.y0,\n    y1: datapoint.y1,\n    seriesName,\n    seriesId,\n  }));\n\n  return { data, unit, seriesId };\n};\n\nexport function transformTimeseriesDataToXYChart(\n  input: TimeseriesPerShapeInput,\n  shapeRenderOrder: ChartVariantInternal[],\n): TransformTimeseriesDataResult {\n  const units: Set<ChartUnit> = new Set();\n  const result: TransformTimeseriesDataResult = {\n    line: [],\n    area: [],\n    bar: [],\n    band: [],\n    units,\n  };\n\n  let globalIndex = 0;\n\n  shapeRenderOrder.forEach((shape) => {\n    if (shape === 'band') {\n      input.band.forEach((band) => {\n        const mapped = mapBand(band, `${shape}-${globalIndex}`);\n        result.band.push(mapped);\n        units.add(mapped.unit);\n        globalIndex++;\n      });\n    } else {\n      input[shape].forEach((series) => {\n        const mapped = mapTimeseries(series, `${shape}-${globalIndex}`);\n        result[shape].push(mapped);\n        units.add(mapped.unit);\n        globalIndex++;\n      });\n    }\n  });\n\n  return result;\n}\n"],
-  "mappings": "AAMA,SAAS,sBAAsB;AAwB/B,MAAM,gBAAgB,CAAC,QAAoB,aAAkC;AAC3E,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI;AACxD,QAAM,aAAa,eAAe,IAAI;AAEtC,QAAM,OAAsB,WAAW,IAAI,CAAC,eAAe;AAAA,IACzD,GAAG;AAAA,IACH,OAAO,UAAU;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,MAAM,MAAM,SAAS;AAChC;AAEA,MAAM,UAAU,CAAC,MAAsB,aAAkC;AACvE,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI;AACxD,QAAM,aAAa,eAAe,IAAI;AAEtC,QAAM,OAAsB,WAAW,IAAI,CAAC,eAAe;AAAA,IACzD,GAAG;AAAA,IACH,OAAO,UAAU;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,MAAM,MAAM,SAAS;AAChC;AAEO,SAAS,iCACd,OACA,kBAC+B;AAC/B,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,SAAwC;AAAA,IAC5C,MAAM,CAAC;AAAA,IACP,MAAM,CAAC;AAAA,IACP,KAAK,CAAC;AAAA,IACN,MAAM,CAAC;AAAA,IACP;AAAA,EACF;AAEA,MAAI,cAAc;AAElB,mBAAiB,QAAQ,CAAC,UAAU;AAClC,QAAI,UAAU,QAAQ;AACpB,YAAM,KAAK,QAAQ,CAAC,SAAS;AAC3B,cAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,IAAI,WAAW,EAAE;AACtD,eAAO,KAAK,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,IAAI;AACrB;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,YAAM,KAAK,EAAE,QAAQ,CAAC,WAAW;AAC/B,cAAM,SAAS,cAAc,QAAQ,GAAG,KAAK,IAAI,WAAW,EAAE;AAC9D,eAAO,KAAK,EAAE,KAAK,MAAM;AACzB,cAAM,IAAI,OAAO,IAAI;AACrB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import type {\n  ChartVariantInternal,\n  TimeseriesChartAreaProps,\n  TimeseriesChartBandProps,\n  TimeseriesChartBarProps,\n  TimeseriesChartLineProps,\n} from './types/timeseries.js';\nimport type { PointsDisplay } from '../../core/components/canvas/types/canvas-shape.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport interface TimeseriesPerShapeInput {\n  line: TimeseriesChartLineProps[];\n  area: TimeseriesChartAreaProps[];\n  bar: TimeseriesChartBarProps[];\n  band: TimeseriesChartBandProps[];\n}\n\nexport type SeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n  seriesId: string;\n  color?: string;\n  pointsDisplay?: PointsDisplay;\n};\n\nexport interface TransformTimeseriesDataResult {\n  line: SeriesProps[];\n  area: SeriesProps[];\n  bar: SeriesProps[];\n  band: SeriesProps[];\n  units: Set<ChartUnit>;\n}\n\nconst mapTimeseries = (\n  slot:\n    | TimeseriesChartLineProps\n    | TimeseriesChartAreaProps\n    | TimeseriesChartBarProps,\n  seriesId: string,\n): SeriesProps => {\n  const { datapoints, name, unit, ...extraSeriesProps } = slot.data;\n  const seriesName = singleLineName(name);\n\n  const data: XYChartData[] = datapoints.map((datapoint) => ({\n    ...extraSeriesProps,\n    start: datapoint.start,\n    end: datapoint.end,\n    center: datapoint.center,\n    value: datapoint.value,\n    seriesName,\n    seriesId,\n  }));\n\n  const pointsDisplay =\n    'pointsDisplay' in slot ? slot.pointsDisplay : undefined;\n\n  return { data, unit, seriesId, color: slot.color, pointsDisplay };\n};\n\nconst mapBand = (\n  slot: TimeseriesChartBandProps,\n  seriesId: string,\n): SeriesProps => {\n  const { datapoints, name, unit, ...extraSeriesProps } = slot.data;\n  const seriesName = singleLineName(name);\n\n  const data: XYChartData[] = datapoints.map((datapoint) => ({\n    ...extraSeriesProps,\n    start: datapoint.start,\n    end: datapoint.end,\n    y0: datapoint.y0,\n    y1: datapoint.y1,\n    seriesName,\n    seriesId,\n  }));\n\n  return { data, unit, seriesId, color: slot.color };\n};\n\nexport function transformTimeseriesDataToXYChart(\n  input: TimeseriesPerShapeInput,\n  shapeRenderOrder: ChartVariantInternal[],\n): TransformTimeseriesDataResult {\n  const units: Set<ChartUnit> = new Set();\n  const result: TransformTimeseriesDataResult = {\n    line: [],\n    area: [],\n    bar: [],\n    band: [],\n    units,\n  };\n\n  let globalIndex = 0;\n\n  shapeRenderOrder.forEach((shape) => {\n    if (shape === 'band') {\n      input.band.forEach((band) => {\n        const mapped = mapBand(band, `${shape}-${globalIndex}`);\n        result.band.push(mapped);\n        units.add(mapped.unit);\n        globalIndex++;\n      });\n    } else {\n      input[shape].forEach((series) => {\n        const mapped = mapTimeseries(series, `${shape}-${globalIndex}`);\n        result[shape].push(mapped);\n        units.add(mapped.unit);\n        globalIndex++;\n      });\n    }\n  });\n\n  return result;\n}\n"],
+  "mappings": "AASA,SAAS,sBAAsB;AA0B/B,MAAM,gBAAgB,CACpB,MAIA,aACgB;AAChB,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI,KAAK;AAC7D,QAAM,aAAa,eAAe,IAAI;AAEtC,QAAM,OAAsB,WAAW,IAAI,CAAC,eAAe;AAAA,IACzD,GAAG;AAAA,IACH,OAAO,UAAU;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,EACF,EAAE;AAEF,QAAM,gBACJ,mBAAmB,OAAO,KAAK,gBAAgB;AAEjD,SAAO,EAAE,MAAM,MAAM,UAAU,OAAO,KAAK,OAAO,cAAc;AAClE;AAEA,MAAM,UAAU,CACd,MACA,aACgB;AAChB,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI,KAAK;AAC7D,QAAM,aAAa,eAAe,IAAI;AAEtC,QAAM,OAAsB,WAAW,IAAI,CAAC,eAAe;AAAA,IACzD,GAAG;AAAA,IACH,OAAO,UAAU;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,MAAM,MAAM,UAAU,OAAO,KAAK,MAAM;AACnD;AAEO,SAAS,iCACd,OACA,kBAC+B;AAC/B,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,SAAwC;AAAA,IAC5C,MAAM,CAAC;AAAA,IACP,MAAM,CAAC;AAAA,IACP,KAAK,CAAC;AAAA,IACN,MAAM,CAAC;AAAA,IACP;AAAA,EACF;AAEA,MAAI,cAAc;AAElB,mBAAiB,QAAQ,CAAC,UAAU;AAClC,QAAI,UAAU,QAAQ;AACpB,YAAM,KAAK,QAAQ,CAAC,SAAS;AAC3B,cAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,IAAI,WAAW,EAAE;AACtD,eAAO,KAAK,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,IAAI;AACrB;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,YAAM,KAAK,EAAE,QAAQ,CAAC,WAAW;AAC/B,cAAM,SAAS,cAAc,QAAQ,GAAG,KAAK,IAAI,WAAW,EAAE;AAC9D,eAAO,KAAK,EAAE,KAAK,MAAM;AACzB,cAAM,IAAI,OAAO,IAAI;AACrB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

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 { 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;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\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 { PointsDisplay } from '../../../core/components/canvas/types/canvas-shape.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type {\n  Timeseries,\n  TimeseriesDatapoint,\n  TimeseriesUnit,\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 type TimeseriesBand = {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: TimeseriesUnit | string | Unit;\n};\n\nexport type TimeseriesSeriesActions = (\n  timeseries: unknown,\n  datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint,\n) => SeriesActionsTemplate;\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n}\n\nexport type TimeseriesChartProps = StylingProps &\n  MaskingProps & {\n    data?: Timeseries[];\n    variant?: ChartVariant;\n    valueRepresentation?: ValueRepresentation;\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    /** The gap policy to be applied to all series of the chart */\n    gapPolicy?: TimeGapPolicy;\n    /**\n     * Show the datapoints always, never or based on a threshold amount.\n     * @defaultValue 'auto'\n     */\n    pointsDisplay?: PointsDisplay;\n  };\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
+  "mappings": "AA4BO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
   "names": []
 }