@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTimeseriesChartConfig } from "./hooks/use-timeseries-chart-config.js";
 import { iterateSlots } from "./iterate-slots.js";
 import {
   mapSelectedSeriesToTimeseries,
@@ -9,12 +10,21 @@ 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 { deriveXYChartPropsFromConfig } from "./utils/derive-xychart-props-from-config.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,11 +34,14 @@ import {
   renderLineSeries,
   xAxisId
 } from "./utils/render-series.js";
+import { resolveGapPolicy } from "./utils/resolve-gap-policy.js";
+import { mapTimeseriesToXYThresholds } from "./utils/transformer-thresholds-to-xy.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 = [],
@@ -43,42 +56,71 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
     truncationMode,
+    valueRepresentation,
     initialZoom,
     currentZoom,
     onZoomChange,
     infiniteZoom,
-    seriesActions
+    seriesActions,
+    gapPolicy,
+    pointsDisplay
   } = props;
-  const {
-    line,
-    bar,
-    area,
-    band,
-    shapePriority,
-    disableZoom,
-    disablePan,
-    selectActions,
-    legend,
-    intents,
-    colorRules
-  } = iterateSlots(children);
+  const config = useTimeseriesChartConfig(children, {
+    colorPalette,
+    truncationMode,
+    valueRepresentation,
+    gapPolicy,
+    pointsDisplay,
+    initialZoom,
+    currentZoom,
+    onZoomChange,
+    infiniteZoom
+  });
+  const { line, bar, area, band, shapePriority, deprecatedToolbar } = iterateSlots(children);
+  const resolvedValueRepresentation = resolveValueRepresentation(
+    config.valueRepresentation,
+    ...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 },
+    config.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, config.gapPolicy);
+  const allColorRules = resolveTimeseriesColorRules(
+    allSeriesData,
+    config.colorRules
+  );
+  const xAxisConfig = mapXAxisSlot(config.xAxis);
+  const { configuredAxes, renderedUnits } = mapYAxisSlots(
+    config.yAxis.left,
+    config.yAxis.right,
+    [...result.units]
+  );
+  const yAxesConfig = renderedUnits.map((unit, index) => ({
+    unit,
+    axisId: defineAxisId(unit),
+    ...mapYAxisSlotToProps(index, configuredAxes[index])
+  }));
+  const flatThresholds = config.thresholds ? [...config.thresholds.left ?? [], ...config.thresholds.right ?? []] : [];
+  const mappedThresholds = mapTimeseriesToXYThresholds(
+    flatThresholds,
+    yAxesConfig
+  );
+  const mappedSeriesActions = seriesActions ? mapSeriesActionsToXY(seriesActions, lineAreaBarData) : void 0;
+  const mappedBandActions = seriesActions ? mapBandSeriesActionsToXY(seriesActions, bandData) : void 0;
   const seriesForShape = (shape) => {
     switch (shape) {
       case "line":
@@ -99,14 +141,29 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
         );
     }
   };
+  const {
+    disableZoom,
+    disablePan,
+    toolbarEnabled,
+    toolbarPlacement,
+    toolbarIntents,
+    onZoomChange: effectiveOnZoomChange
+  } = deriveXYChartPropsFromConfig(config, onZoomChange);
+  const selectActions = config.select?.actions;
+  const tooltipVariant = config.tooltip.variant === "single" ? "single" : "shared";
   const xyRef = useRef(null);
   useImperativeHandle(
     forwardedRef,
-    () => buildTimeseriesImperativeHandle(xyRef),
-    []
+    () => buildTimeseriesImperativeHandle(xyRef, config),
+    [config]
   );
   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(
@@ -119,12 +176,19 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
       style,
       width,
       height,
-      colorPalette,
+      colorPalette: config.colorPalette,
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
-      truncationMode,
+      truncationMode: config.truncationMode,
       __downloadDataCallback: downloadDataCallback,
       children: [
+        /* @__PURE__ */ jsx(
+          XYChart.Tooltip,
+          {
+            _variant: tooltipVariant,
+            _seriesDisplayMode: config.tooltip.seriesDisplayMode
+          }
+        ),
         errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState }),
         emptyState && /* @__PURE__ */ jsx(XYChart.EmptyState, { children: emptyState }),
         order.flatMap(seriesForShape),
@@ -137,7 +201,7 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
                 return;
               }
               return selectActions(
-                mapSelectedSeriesToTimeseries(selectedSeries, allSeries),
+                mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),
                 mapSelectionDomainToTimeseries(selectionDomain)
               );
             }
@@ -149,27 +213,29 @@ 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
+            initialZoom: config.initialZoom,
+            currentZoom: config.currentZoom,
+            onZoomChange: effectiveOnZoomChange,
+            infiniteZoom: config.infiniteZoom,
+            gapPolicy: effectiveGapPolicy
           }
         ),
-        [...result.units].map((unit, index) => /* @__PURE__ */ jsx(
+        yAxesConfig.map(({ unit, axisId, ...axisProps }) => /* @__PURE__ */ jsx(
           XYChart.YAxis,
           {
-            id: defineAxisId(unit),
-            type: "numerical",
+            id: axisId,
             unit,
-            position: index % 2 === 0 ? "left" : "right"
+            ...axisProps,
+            valueRepresentation: resolvedValueRepresentation
           },
-          defineAxisId(unit)
+          axisId
         )),
-        /* @__PURE__ */ jsx(XYChart.Legend, { ...legend }),
+        /* @__PURE__ */ jsx(XYChart.Legend, { ...config.legend }),
         allColorRules.map((rule) => /* @__PURE__ */ jsx(
           XYChart.ColorRule,
           {
@@ -177,7 +243,22 @@ 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: !toolbarEnabled,
+            placement: toolbarPlacement,
+            ...extractBehaviorTrackingProps(config.toolbar ?? {})
+          }
+        ),
+        deprecatedToolbar.enabled && /* @__PURE__ */ jsx(XYChart.Toolbar, { placement: deprecatedToolbar.placement }),
+        toolbarIntents?.map((intentProps, index) => /* @__PURE__ */ jsx(XYChart.Intent, { ...intentProps }, index)),
+        config.annotations && renderXYAnnotations(
+          transformTimeseriesAnnotationsToXY(config.annotations.tracks),
+          xAxisId,
+          config.annotations
+        ),
+        mappedThresholds.map((threshold, index) => /* @__PURE__ */ jsx(XYChart.ThresholdIndicator, { ...threshold }, index))
       ]
     }
   );

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 { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\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 { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.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 { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.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    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    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n  } = props;\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\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    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\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 {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\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={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\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={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.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={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,60 @@
+import { defaultRatio, SCALE_FALLBACK_COLOR } from "../../core/constants.js";
+import {
+  GAP_POLICY_GAP
+} from "../../core/types/gap-policy.js";
+const defaultTooltipVariant = "single";
+const defaultSeriesDisplayMode = "multi-line";
+const defaultYAxis = {};
+const defaultGapPolicy = GAP_POLICY_GAP;
+const defaultSeriesCurve = "linear";
+const defaultPointsDisplay = "auto";
+const defaultValueRepresentation = "absolute";
+const DEFAULT_SCALE_FALLBACK_COLOR = SCALE_FALLBACK_COLOR;
+const defaultLegend = {
+  hidden: false,
+  position: "auto",
+  ratio: defaultRatio
+};
+const defaultToolbar = {
+  placement: "top-right",
+  enabled: true
+};
+const defaultInteractions = {
+  onZoomChange: void 0,
+  pan: {
+    enabled: true
+  },
+  zoom: {
+    enabled: true
+  }
+};
+const defaultColorPalette = "categorical";
+const defaultTimeseriesChartConfig = {
+  legend: defaultLegend,
+  colorPalette: defaultColorPalette,
+  gapPolicy: defaultGapPolicy,
+  pointsDisplay: defaultPointsDisplay,
+  valueRepresentation: defaultValueRepresentation,
+  tooltip: {
+    variant: defaultTooltipVariant,
+    seriesDisplayMode: defaultSeriesDisplayMode
+  },
+  toolbar: defaultToolbar,
+  interactions: defaultInteractions
+};
+export {
+  DEFAULT_SCALE_FALLBACK_COLOR,
+  defaultColorPalette,
+  defaultGapPolicy,
+  defaultInteractions,
+  defaultLegend,
+  defaultPointsDisplay,
+  defaultSeriesCurve,
+  defaultSeriesDisplayMode,
+  defaultTimeseriesChartConfig,
+  defaultToolbar,
+  defaultTooltipVariant,
+  defaultValueRepresentation,
+  defaultYAxis
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/constants.ts"],
+  "sourcesContent": ["import {\n  TimeseriesChartConfigProperties,\n  TimeseriesChartLegendConfig,\n  TimeseriesChartYAxisConfig,\n} from './types/timeseries-config.js';\nimport { TimeseriesToolbarInternalProps } from './types/toolbar.js';\nimport type { PointsDisplay } from '../../core/components/canvas/types/canvas-shape.js';\nimport { defaultRatio, SCALE_FALLBACK_COLOR } from '../../core/constants.js';\nimport {\n  GAP_POLICY_GAP,\n  type TimeGapPolicy,\n} from '../../core/types/gap-policy.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { ValueRepresentation } from '../../core/types/scales.js';\nimport { SeriesCurve } from '../../core/types/timeseries.js';\nimport { ToolbarPlacement } from '../../core/types/toolbar.js';\nimport { TooltipVariant } from '../../core/types/tooltip.js';\n\nexport const defaultTooltipVariant: TooltipVariant = 'single';\nexport const defaultSeriesDisplayMode = 'multi-line';\n\nexport const defaultYAxis: TimeseriesChartYAxisConfig = {};\n\nexport const defaultGapPolicy: TimeGapPolicy = GAP_POLICY_GAP;\nexport const defaultSeriesCurve: SeriesCurve = 'linear';\nexport const defaultPointsDisplay: PointsDisplay = 'auto';\nexport const defaultValueRepresentation: ValueRepresentation = 'absolute';\n\nexport const DEFAULT_SCALE_FALLBACK_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const defaultLegend: TimeseriesChartLegendConfig = {\n  hidden: false,\n  position: 'auto',\n  ratio: defaultRatio,\n};\n\nexport const defaultToolbar: TimeseriesToolbarInternalProps = {\n  placement: 'top-right' as ToolbarPlacement,\n  enabled: true,\n};\n\nexport const defaultInteractions: ChartInteractionsConfig = {\n  onZoomChange: undefined,\n  pan: {\n    enabled: true,\n  },\n  zoom: {\n    enabled: true,\n  },\n};\n\nexport const defaultColorPalette = 'categorical';\n\nexport const defaultTimeseriesChartConfig: TimeseriesChartConfigProperties = {\n  legend: defaultLegend,\n  colorPalette: defaultColorPalette,\n  gapPolicy: defaultGapPolicy,\n  pointsDisplay: defaultPointsDisplay,\n  valueRepresentation: defaultValueRepresentation,\n  tooltip: {\n    variant: defaultTooltipVariant,\n    seriesDisplayMode: defaultSeriesDisplayMode,\n  },\n  toolbar: defaultToolbar,\n  interactions: defaultInteractions,\n};\n"],
+  "mappings": "AAOA,SAAS,cAAc,4BAA4B;AACnD;AAAA,EACE;AAAA,OAEK;AAOA,MAAM,wBAAwC;AAC9C,MAAM,2BAA2B;AAEjC,MAAM,eAA2C,CAAC;AAElD,MAAM,mBAAkC;AACxC,MAAM,qBAAkC;AACxC,MAAM,uBAAsC;AAC5C,MAAM,6BAAkD;AAExD,MAAM,+BAA+B;AAErC,MAAM,gBAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAAiD;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,sBAA+C;AAAA,EAC1D,cAAc;AAAA,EACd,KAAK;AAAA,IACH,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,sBAAsB;AAE5B,MAAM,+BAAgE;AAAA,EAC3E,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,mBAAmB;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,EACT,cAAc;AAChB;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/hooks/use-timeseries-chart-config.js

@@ -0,0 +1,22 @@
+import { useContext } from "react";
+import { TimeseriesChartConfigContext } from "../../../timeseries/context/TimeseriesChartConfig.context.js";
+import {
+  createTimeseriesConfiguration,
+  deserializeConfig
+} from "../utils/chart-configuration.js";
+import { iterateConfigSlots } from "../utils/iterate-config-slots.js";
+const useTimeseriesChartConfig = (children, overrides) => {
+  let contextConfig = useContext(TimeseriesChartConfigContext);
+  if (isSerializedConfig(contextConfig)) {
+    contextConfig = deserializeConfig(contextConfig);
+  }
+  const slots = iterateConfigSlots(children);
+  return createTimeseriesConfiguration(slots, contextConfig, overrides || {});
+};
+function isSerializedConfig(contextConfig) {
+  return typeof contextConfig === "string";
+}
+export {
+  useTimeseriesChartConfig
+};
+//# sourceMappingURL=use-timeseries-chart-config.js.map

package/esm/charts/xy-chart-adoption/timeseries/hooks/use-timeseries-chart-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/hooks/use-timeseries-chart-config.ts"],
+  "sourcesContent": ["import { type ReactNode, useContext } from 'react';\n\nimport { TimeseriesChartConfigContext } from '../../../timeseries/context/TimeseriesChartConfig.context.js';\nimport {\n  TimeseriesChartConfigProperties,\n  type TimeseriesChartConfigProps,\n  TimeseriesChartConfiguration,\n  TimeseriesChartSlots,\n} from '../types/timeseries-config.js';\nimport {\n  createTimeseriesConfiguration,\n  deserializeConfig,\n} from '../utils/chart-configuration.js';\nimport { iterateConfigSlots } from '../utils/iterate-config-slots.js';\n\n/**\n * Adoption-local port of the legacy `useTimeseriesChartConfig`, kept\n * independent from `../../../timeseries`. Reads the same (shared, public)\n * `TimeseriesChartConfigContext` so `<TimeseriesChartConfig>` keeps working\n * regardless of which implementation renders underneath.\n */\nexport const useTimeseriesChartConfig = (\n  children?: ReactNode,\n  overrides?: TimeseriesChartConfigProps,\n): TimeseriesChartConfiguration => {\n  let contextConfig = useContext(TimeseriesChartConfigContext);\n\n  if (isSerializedConfig(contextConfig)) {\n    contextConfig = deserializeConfig(contextConfig);\n  }\n\n  const slots: TimeseriesChartSlots = iterateConfigSlots(children);\n\n  return createTimeseriesConfiguration(slots, contextConfig, overrides || {});\n};\n\nfunction isSerializedConfig(\n  contextConfig: TimeseriesChartConfigProperties | string,\n): contextConfig is string {\n  return typeof contextConfig === 'string';\n}\n"],
+  "mappings": "AAAA,SAAyB,kBAAkB;AAE3C,SAAS,oCAAoC;AAO7C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAQ5B,MAAM,2BAA2B,CACtC,UACA,cACiC;AACjC,MAAI,gBAAgB,WAAW,4BAA4B;AAE3D,MAAI,mBAAmB,aAAa,GAAG;AACrC,oBAAgB,kBAAkB,aAAa;AAAA,EACjD;AAEA,QAAM,QAA8B,mBAAmB,QAAQ;AAE/D,SAAO,8BAA8B,OAAO,eAAe,aAAa,CAAC,CAAC;AAC5E;AAEA,SAAS,mBACP,eACyB;AACzB,SAAO,OAAO,kBAAkB;AAClC;",
+  "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,13 @@ 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 { ThresholdIndicator } from "../../timeseries/slots/ThresholdIndicator.js";
+import { Toolbar } from "../../timeseries/slots/Toolbar.js";
+import {
+  Tooltip
+} from "../../timeseries/slots/Tooltip.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 +32,14 @@ function iterateSlots(children) {
   let legend;
   const intents = [];
   const colorRules = [];
+  let xAxis;
+  let leftYAxis;
+  let rightYAxis;
+  let annotations;
+  let toolbar = {};
+  let deprecatedToolbar = {};
+  const thresholds = [];
+  let tooltip;
   Children.forEach(children, (child) => {
     if (isSlot(child, Line)) {
       line.push(child.props);
@@ -57,6 +75,27 @@ 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);
+    } else if (isSlot(child, ThresholdIndicator)) {
+      thresholds.push(child.props);
+    } else if (isSlot(child, Tooltip)) {
+      tooltip = child.props;
     }
   });
   return {
@@ -70,7 +109,15 @@ function iterateSlots(children) {
     selectActions,
     legend,
     intents,
-    colorRules
+    colorRules,
+    xAxis,
+    leftYAxis,
+    rightYAxis,
+    annotations,
+    toolbar,
+    deprecatedToolbar,
+    thresholds,
+    tooltip
   };
 }
 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  TimeseriesChartThresholdIndicatorProps,\n  TimeseriesSelectActions,\n} from './types/timeseries.js';\nimport type {\n  TimeseriesChartToolbarConfig,\n  TimeseriesChartToolbarSlotProps,\n} from './types/toolbar.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 { ThresholdIndicator } from '../../timeseries/slots/ThresholdIndicator.js';\nimport { Toolbar } from '../../timeseries/slots/Toolbar.js';\nimport {\n  Tooltip,\n  type TimeseriesChartTooltipProps,\n} from '../../timeseries/slots/Tooltip.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';\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  thresholds: TimeseriesChartThresholdIndicatorProps[];\n  tooltip: TimeseriesChartTooltipProps | undefined;\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  const thresholds: TimeseriesChartThresholdIndicatorProps[] = [];\n  let tooltip: TimeseriesChartTooltipProps | undefined;\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    } else if (isSlot(child, ThresholdIndicator)) {\n      thresholds.push(child.props);\n    } else if (isSlot(child, Tooltip)) {\n      tooltip = 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    thresholds,\n    tooltip,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -29,7 +29,7 @@ function mapSeriesActionsToXY(seriesActions, originalSeries) {
     const hasNestedDatapoint = "datapoint" in item;
     const rawObj = hasNestedDatapoint ? item.datapoint : item;
     const raw = rawObj;
-    const resolvedName = raw.seriesName ?? item.name ?? "";
+    const resolvedName = singleLineName(raw.seriesName ?? item.name ?? "");
     const timeseries = findByName(originalSeries, resolvedName);
     const isLegendTrigger = series !== void 0;
     const datapoint = isLegendTrigger ? void 0 : buildDatapoint(raw);
@@ -39,7 +39,7 @@ function mapSeriesActionsToXY(seriesActions, originalSeries) {
 function mapBandSeriesActionsToXY(seriesActions, originalBands) {
   return ({ datapoint: xyDatapoint, name }, series) => {
     const raw = xyDatapoint;
-    const resolvedName = raw.seriesName ?? name ?? "";
+    const resolvedName = singleLineName(raw.seriesName ?? name ?? "");
     const band = findByName(originalBands, resolvedName);
     const isLegendTrigger = series !== void 0;
     const datapoint = isLegendTrigger ? void 0 : buildBandDatapoint(raw);

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

@@ -1,7 +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;",
+  "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 = singleLineName(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 = singleLineName(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,eAAe,IAAI,cAAc,KAAK,QAAQ,EAAE;AACrE,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,eAAe,IAAI,cAAc,QAAQ,EAAE;AAChE,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": []
 }