npm - @dynatrace/strato-components - Versions diffs - 3.8.0 → 3.9.1 - Mend

@dynatrace/strato-components 3.8.0 → 3.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2399) hide show

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

@@ -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 { 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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",
+  "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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -12,7 +12,11 @@ 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";
@@ -34,6 +38,8 @@ function iterateSlots(children) {
   let annotations;
   let toolbar = {};
   let deprecatedToolbar = {};
+  const thresholds = [];
+  let tooltip;
   Children.forEach(children, (child) => {
     if (isSlot(child, Line)) {
       line.push(child.props);
@@ -86,6 +92,10 @@ function iterateSlots(children) {
       }
     } 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 {
@@ -105,7 +115,9 @@ function iterateSlots(children) {
     rightYAxis,
     annotations,
     toolbar,
-    deprecatedToolbar
+    deprecatedToolbar,
+    thresholds,
+    tooltip
   };
 }
 export {

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

@@ -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 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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",
+  "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": "AAAA,SAAS,gBAAgC;AAgBzC,SAAS,+BAA+B;AACxC,SAAS,cAAgC;AACzC,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAG7B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,aAAa;AAEtB,SAAS,aAAa;AACtB,SAAS,YAAY;AA4Bd,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;AACtC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,UAA2C,CAAC;AAEhD,MAAI,oBAAkD,CAAC;AACvD,QAAM,aAAuD,CAAC;AAC9D,MAAI;AAEJ,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,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,gBAAU,MAAM;AAAA,IAElB,WAAW,OAAO,OAAO,YAAY,GAAG;AAEtC,0BAAoB;AAAA,QAClB,SAAS;AAAA,QACT,GAAG,MAAM;AAAA,MACX;AAAA,IACF,WAAW,OAAO,OAAO,KAAK,GAAG;AAC/B,cAAQ,MAAM;AAAA,IAChB,WAAW,OAAO,OAAO,KAAK,GAAG;AAC/B,UAAI,MAAM,MAAM,aAAa,SAAS;AACpC,qBAAa,MAAM;AAAA,MACrB,OAAO;AACL,oBAAY,MAAM;AAAA,MACpB;AAAA,IACF,WAAW,OAAO,OAAO,WAAW,GAAG;AACrC,oBAAc,wBAAwB,MAAM,KAAK;AAAA,IACnD,WAAW,OAAO,OAAO,kBAAkB,GAAG;AAC5C,iBAAW,KAAK,MAAM,KAAK;AAAA,IAC7B,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,gBAAU,MAAM;AAAA,IAClB;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -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 CHANGED Viewed

@@ -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": []
 }

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

@@ -19,6 +19,7 @@ const transformTimeseriesAnnotationsToXY = (tracks) => {
         [ANNOTATIONS_KEYS.markerTitle]: timeseriesMarker.title,
         [ANNOTATIONS_KEYS.markerDescription]: timeseriesMarker.description,
         [ANNOTATIONS_KEYS.markerColor]: timeseriesMarker.color,
+        [ANNOTATIONS_KEYS.markerSymbolColor]: timeseriesMarker.symbolColor,
         [ANNOTATIONS_KEYS.markerHidden]: timeseriesMarker.hidden,
         [ANNOTATIONS_KEYS.markerSymbol]: timeseriesMarker.symbol,
         [ANNOTATIONS_KEYS.markerIndicators]: timeseriesMarker.indicatorsDisplay,

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

@@ -1,7 +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;",
+  "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.markerSymbolColor]: timeseriesMarker.symbolColor,\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,iBAAiB,GAAG,iBAAiB;AAAA,QACvD,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 CHANGED Viewed

@@ -1,14 +1,14 @@
-import { singleLineName } from "../../core/utils/single-line-name.js";
 const mapTimeseries = (slot, seriesId) => {
   const { datapoints, name, unit, ...extraSeriesProps } = slot.data;
-  const seriesName = singleLineName(name);
   const data = datapoints.map((datapoint) => ({
     ...extraSeriesProps,
     start: datapoint.start,
     end: datapoint.end,
     center: datapoint.center,
     value: datapoint.value,
-    seriesName,
+    resolvedCenter: datapoint.center ?? datapoint.start,
+    resolvedEnd: datapoint.center !== void 0 ? void 0 : datapoint.end,
+    seriesName: name,
     seriesId
   }));
   const pointsDisplay = "pointsDisplay" in slot ? slot.pointsDisplay : void 0;
@@ -16,14 +16,13 @@ const mapTimeseries = (slot, seriesId) => {
 };
 const mapBand = (slot, seriesId) => {
   const { datapoints, name, unit, ...extraSeriesProps } = slot.data;
-  const seriesName = singleLineName(name);
   const data = datapoints.map((datapoint) => ({
     ...extraSeriesProps,
     start: datapoint.start,
     end: datapoint.end,
     y0: datapoint.y0,
     y1: datapoint.y1,
-    seriesName,
+    seriesName: name,
     seriesId
   }));
   return { data, unit, seriesId, color: slot.color };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.ts"],
-  "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;",
+  "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 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\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    resolvedCenter: datapoint.center ?? datapoint.start,\n    resolvedEnd: datapoint.center !== undefined ? undefined : datapoint.end,\n    seriesName: name,\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\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: name,\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": "AAkCA,MAAM,gBAAgB,CACpB,MAIA,aACgB;AAChB,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI,KAAK;AAE7D,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,gBAAgB,UAAU,UAAU,UAAU;AAAA,IAC9C,aAAa,UAAU,WAAW,SAAY,SAAY,UAAU;AAAA,IACpE,YAAY;AAAA,IACZ;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;AAE7D,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,YAAY;AAAA,IACZ;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-config.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ //# sourceMappingURL=timeseries-config.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -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 { 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;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TimeseriesChartConfiguration } from './timeseries-config.js';\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 { DateThresholdConfig } from '../../../core/types/thresholds.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 TimeseriesChartThresholdIndicatorProps = DateThresholdConfig;\n\nexport type ResolvedTimeseriesChartConfig = TimeseriesChartConfiguration;\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": "AAkCO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/types/toolbar.js ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,8 +1,9 @@
-const buildTimeseriesImperativeHandle = (xyRef) => ({
+import { serializeTimeseriesConfig } from "./serialize-timeseries-config.js";
+const buildTimeseriesImperativeHandle = (xyRef, config) => ({
   get element() {
     return xyRef.current?.element ?? null;
   },
-  getConfig: () => xyRef.current?.getConfig() ?? "{}",
+  getConfig: () => serializeTimeseriesConfig(config),
   downloadData: () => xyRef.current?.downloadData(),
   exploreMode: () => xyRef.current?.exploreMode(),
   zoomMode: () => xyRef.current?.zoomMode(),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.ts"],
-  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport type { XYChartRef } from '../../../xy-chart/types/xy-chart.js';\nimport type { TimeseriesChartRef } from '../types/timeseries.js';\n\nexport const buildTimeseriesImperativeHandle = (\n  xyRef: RefObject<XYChartRef | null>,\n): TimeseriesChartRef => ({\n  get element() {\n    return xyRef.current?.element ?? null;\n  },\n  getConfig: () => xyRef.current?.getConfig() ?? '{}',\n  downloadData: () => xyRef.current?.downloadData(),\n  exploreMode: () => xyRef.current?.exploreMode(),\n  zoomMode: () => xyRef.current?.zoomMode(),\n  panMode: () => xyRef.current?.panMode(),\n  zoomIn: () => xyRef.current?.zoomIn(),\n  zoomOut: () => xyRef.current?.zoomOut(),\n  reset: () => xyRef.current?.reset(),\n});\n"],
-  "mappings": "AAKO,MAAM,kCAAkC,CAC7C,WACwB;AAAA,EACxB,IAAI,UAAU;AACZ,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC;AAAA,EACA,WAAW,MAAM,MAAM,SAAS,UAAU,KAAK;AAAA,EAC/C,cAAc,MAAM,MAAM,SAAS,aAAa;AAAA,EAChD,aAAa,MAAM,MAAM,SAAS,YAAY;AAAA,EAC9C,UAAU,MAAM,MAAM,SAAS,SAAS;AAAA,EACxC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,QAAQ,MAAM,MAAM,SAAS,OAAO;AAAA,EACpC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,OAAO,MAAM,MAAM,SAAS,MAAM;AACpC;",
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport { serializeTimeseriesConfig } from './serialize-timeseries-config.js';\nimport type { XYChartRef } from '../../../xy-chart/types/xy-chart.js';\nimport type {\n  ResolvedTimeseriesChartConfig,\n  TimeseriesChartRef,\n} from '../types/timeseries.js';\n\n/**\n * Builds the Timeseries-shaped imperative handle for `TimeseriesToXY`.\n *\n * - All programmatic interaction methods are delegated to the inner\n *   `XYChart` ref.\n * - `getConfig()` returns a Timeseries-shaped serialized payload built from\n *   the resolved `TimeseriesChartConfiguration` (see\n *   `serializeTimeseriesConfig`).\n */\nexport const buildTimeseriesImperativeHandle = (\n  xyRef: RefObject<XYChartRef | null>,\n  config: ResolvedTimeseriesChartConfig,\n): TimeseriesChartRef => ({\n  get element() {\n    return xyRef.current?.element ?? null;\n  },\n  getConfig: () => serializeTimeseriesConfig(config),\n  downloadData: () => xyRef.current?.downloadData(),\n  exploreMode: () => xyRef.current?.exploreMode(),\n  zoomMode: () => xyRef.current?.zoomMode(),\n  panMode: () => xyRef.current?.panMode(),\n  zoomIn: () => xyRef.current?.zoomIn(),\n  zoomOut: () => xyRef.current?.zoomOut(),\n  reset: () => xyRef.current?.reset(),\n});\n"],
+  "mappings": "AAEA,SAAS,iCAAiC;AAgBnC,MAAM,kCAAkC,CAC7C,OACA,YACwB;AAAA,EACxB,IAAI,UAAU;AACZ,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC;AAAA,EACA,WAAW,MAAM,0BAA0B,MAAM;AAAA,EACjD,cAAc,MAAM,MAAM,SAAS,aAAa;AAAA,EAChD,aAAa,MAAM,MAAM,SAAS,YAAY;AAAA,EAC9C,UAAU,MAAM,MAAM,SAAS,SAAS;AAAA,EACxC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,QAAQ,MAAM,MAAM,SAAS,OAAO;AAAA,EACpC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,OAAO,MAAM,MAAM,SAAS,MAAM;AACpC;",
   "names": []
 }