@dynatrace/strato-components 3.8.0 → 3.9.0

package/esm/charts/xy-chart-adoption/timeseries/utils/chart-configuration.js

@@ -0,0 +1,288 @@
+import { isEmpty, isUndefined, merge } from "lodash-es";
+import { isValidPointsDisplay } from "../../../core/components/canvas/utils/is-valid-points-display.js";
+import {
+  DEFAULT_INFINITE_ZOOM,
+  DEFAULT_TRUNCATION_MODE
+} from "../../../core/constants.js";
+import { isValidColorRule } from "../../../core/slots/ColorRule.js";
+import {
+  isCustomColorPalette
+} from "../../../core/types/color-palette.js";
+import { isValidCSSColor } from "../../../core/utils/getValidColor.js";
+import { getInteractions } from "../../../core/utils/interactions.js";
+import { isValidColorPalette } from "../../../core/utils/is-valid-color-palette.js";
+import { isValidLegendPosition } from "../../../core/utils/is-valid-legend-position.js";
+import { isValidSeriesDisplayMode } from "../../../core/utils/is-valid-series-display-mode.js";
+import { isValidTooltipVariant } from "../../../core/utils/is-valid-tooltip-variant.js";
+import { isValidValueRepresentation } from "../../../core/utils/is-valid-value-representation.js";
+import {
+  DEFAULT_SCALE_FALLBACK_COLOR,
+  defaultColorPalette,
+  defaultGapPolicy,
+  defaultLegend,
+  defaultPointsDisplay,
+  defaultSeriesCurve,
+  defaultTimeseriesChartConfig,
+  defaultToolbar,
+  defaultTooltipVariant,
+  defaultValueRepresentation,
+  defaultYAxis
+} from "../constants.js";
+const sanitizeYAxisConfig = (yAxes) => {
+  const reversedYAxes = yAxes.reverse();
+  const leftAxis = reversedYAxes.find(
+    (axis) => axis?.position === "left" || axis?.position === void 0
+  );
+  const rightAxis = reversedYAxes.find((axis) => axis?.position === "right");
+  const sanitizedYAxes = {};
+  if (leftAxis) {
+    sanitizedYAxes.left = leftAxis;
+  }
+  if (rightAxis) {
+    sanitizedYAxes.right = rightAxis;
+  }
+  return sanitizedYAxes;
+};
+function getYAxisConfiguration(slotsYAxis, contextYAxis) {
+  const contextConfig = contextYAxis === void 0 ? {} : sanitizeYAxisConfig(contextYAxis);
+  const slotsConfig = slotsYAxis === void 0 ? {} : sanitizeYAxisConfig(slotsYAxis);
+  const { left, right } = merge({}, contextConfig, slotsConfig);
+  if (left === void 0 && right === void 0) {
+    return defaultYAxis;
+  }
+  const result = {};
+  if (left) {
+    result.left = merge({}, defaultYAxis.left, left);
+  }
+  if (right) {
+    const defaultRight = { ...defaultYAxis.left, position: "right" };
+    result.right = merge({}, defaultRight, right);
+  }
+  return result;
+}
+function getLegendConfiguration(contextLegend, slotsLegend) {
+  const legendConfig = merge(
+    {},
+    defaultLegend,
+    contextLegend,
+    slotsLegend
+  );
+  legendConfig.position = isValidLegendPosition(legendConfig.position) ? legendConfig.position : defaultLegend.position;
+  return legendConfig;
+}
+function getTooltipConfiguration(contextTooltip, slotsTooltip) {
+  const tooltip = merge(
+    {},
+    { variant: defaultTooltipVariant },
+    contextTooltip,
+    slotsTooltip
+  );
+  tooltip.variant = isValidTooltipVariant(tooltip.variant) ? tooltip.variant : defaultTooltipVariant;
+  if (tooltip.seriesDisplayMode) {
+    tooltip.seriesDisplayMode = isValidSeriesDisplayMode(
+      tooltip.seriesDisplayMode
+    ) ? tooltip.seriesDisplayMode : "multi-line";
+  } else {
+    tooltip.seriesDisplayMode = tooltip.variant === "shared" ? "single-line" : "multi-line";
+  }
+  return tooltip;
+}
+function getXAxisConfiguration(contextXAxis, slotsXAxis) {
+  return merge({}, contextXAxis, slotsXAxis);
+}
+function getThresholdsConfiguration(contextThresholds = [], slotsThresholds = []) {
+  const allThresholds = contextThresholds.concat(slotsThresholds).map((threshold) => ({
+    ...threshold,
+    id: crypto.randomUUID(),
+    position: !threshold.position ? "left" : threshold.position,
+    color: isValidCSSColor(threshold.color) ? threshold.color : DEFAULT_SCALE_FALLBACK_COLOR
+  }));
+  if (!allThresholds.length) {
+    return void 0;
+  }
+  const thresholdConfig = {};
+  thresholdConfig.left = allThresholds.filter(
+    (threshold) => threshold.position === "left"
+  );
+  thresholdConfig.right = allThresholds.filter(
+    (threshold) => threshold.position === "right"
+  );
+  return thresholdConfig;
+}
+const isUndefinedOrIsEmpty = (value) => {
+  return isUndefined(value) && isEmpty(value);
+};
+const processToolbarConfig = (config) => {
+  if (!config) {
+    return config;
+  }
+  const { hidden, ...rest } = config;
+  if (hidden === true) {
+    return { ...rest, enabled: false };
+  }
+  return config;
+};
+function getToolbar(contextToolbar, slotsChartToolbar, slotDownloadCSV, contextDownloadCSV) {
+  const hasNoDownloadData = isUndefinedOrIsEmpty(slotDownloadCSV) && isUndefinedOrIsEmpty(contextDownloadCSV);
+  if (!contextToolbar && isEmpty(slotsChartToolbar) && hasNoDownloadData) {
+    return { ...defaultToolbar };
+  }
+  const processedContextToolbar = processToolbarConfig(contextToolbar);
+  const processedSlotsToolbar = processToolbarConfig(slotsChartToolbar);
+  return merge(
+    {},
+    defaultToolbar,
+    processedContextToolbar,
+    processedSlotsToolbar,
+    {
+      downloadData: slotDownloadCSV ?? contextDownloadCSV
+    }
+  );
+}
+function getGapPolicyConfiguration(contextGapPolicy, propsGapPolicy) {
+  return propsGapPolicy ?? contextGapPolicy ?? defaultGapPolicy;
+}
+function getPointsDisplayConfiguration(contextPointsDisplay, propsPointsDisplay) {
+  const pointsDisplay = propsPointsDisplay ?? contextPointsDisplay ?? defaultPointsDisplay;
+  return isValidPointsDisplay(pointsDisplay) ? pointsDisplay : defaultPointsDisplay;
+}
+function getValueRepresentationConfiguration(contextValueRepresentation, propsValueRepresentation) {
+  const valueRepresentation = propsValueRepresentation ?? contextValueRepresentation ?? defaultValueRepresentation;
+  return isValidValueRepresentation(valueRepresentation) ? valueRepresentation : defaultValueRepresentation;
+}
+function getColorPaletteConfiguration(contextColorPalette, propsColorPalette) {
+  const colorPalette = propsColorPalette ?? contextColorPalette ?? defaultColorPalette;
+  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette) ? colorPalette : defaultTimeseriesChartConfig.colorPalette ?? defaultColorPalette;
+}
+function getSeriesCurveConfiguration(contextConfig, propsConfig) {
+  return propsConfig ?? contextConfig ?? defaultSeriesCurve;
+}
+function getInfiniteZoomConfiguration(contextConfig, propsConfig) {
+  return propsConfig ?? contextConfig ?? DEFAULT_INFINITE_ZOOM;
+}
+function getInitialZoomConfiguration(contextConfig, propsConfig) {
+  return propsConfig ?? contextConfig;
+}
+function getCurrentZoomConfiguration(contextConfig, propsConfig) {
+  return propsConfig ?? contextConfig;
+}
+function createTimeseriesConfiguration(slots, contextConfig, timeseriesChartConfigProps) {
+  const yAxis = getYAxisConfiguration(slots.yAxis, contextConfig.yAxis);
+  const truncationMode = timeseriesChartConfigProps?.truncationMode ?? contextConfig.truncationMode ?? DEFAULT_TRUNCATION_MODE;
+  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);
+  const tooltip = getTooltipConfiguration(contextConfig.tooltip, slots.tooltip);
+  const xAxis = getXAxisConfiguration(contextConfig.xAxis, slots.xAxis);
+  const configThresholds = contextConfig.thresholdIndicators || [];
+  const thresholds = getThresholdsConfiguration(
+    configThresholds,
+    slots.thresholds
+  );
+  const toolbar = getToolbar(contextConfig.toolbar, slots.toolbar);
+  const propsInteractions = {
+    onZoomChange: timeseriesChartConfigProps.onZoomChange
+  };
+  const hasContextInteractions = contextConfig && (contextConfig.pan || contextConfig.zoom);
+  const chartConfigInteractions = hasContextInteractions ? {
+    pan: { enabled: contextConfig.pan?.disabled !== true },
+    zoom: { enabled: contextConfig.zoom?.disabled !== true },
+    zoomX: { enabled: contextConfig.zoom?.disabled !== true }
+  } : {};
+  const interactions = getInteractions(
+    contextConfig.interactions,
+    slots.interactions,
+    propsInteractions,
+    chartConfigInteractions
+  );
+  const gapPolicy = getGapPolicyConfiguration(
+    contextConfig.gapPolicy,
+    timeseriesChartConfigProps?.gapPolicy
+  );
+  const pointsDisplay = getPointsDisplayConfiguration(
+    contextConfig.pointsDisplay,
+    timeseriesChartConfigProps?.pointsDisplay
+  );
+  const valueRepresentation = getValueRepresentationConfiguration(
+    contextConfig.valueRepresentation,
+    timeseriesChartConfigProps?.valueRepresentation
+  );
+  const colorPalette = getColorPaletteConfiguration(
+    contextConfig.colorPalette,
+    timeseriesChartConfigProps?.colorPalette
+  );
+  const curve = getSeriesCurveConfiguration(
+    contextConfig.curve,
+    timeseriesChartConfigProps?.curve
+  );
+  const infiniteZoom = getInfiniteZoomConfiguration(
+    contextConfig.infiniteZoom,
+    timeseriesChartConfigProps.infiniteZoom
+  );
+  const initialZoom = getInitialZoomConfiguration(
+    contextConfig.initialZoom,
+    timeseriesChartConfigProps.initialZoom
+  );
+  const currentZoom = getCurrentZoomConfiguration(
+    contextConfig.currentZoom,
+    timeseriesChartConfigProps.currentZoom
+  );
+  const select = timeseriesChartConfigProps.select ?? slots.select;
+  const colorRules = (contextConfig.colorRules ?? []).filter(isValidColorRule).concat(slots.colorRules ?? []);
+  return {
+    gapPolicy,
+    pointsDisplay,
+    valueRepresentation,
+    colorPalette,
+    legend,
+    tooltip,
+    toolbar,
+    xAxis,
+    yAxis,
+    annotations: slots.annotations,
+    truncationMode,
+    thresholds,
+    interactions,
+    initialZoom,
+    currentZoom,
+    infiniteZoom,
+    curve,
+    select,
+    colorRules
+  };
+}
+const dateFormat = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/;
+function reviver(key, value) {
+  if (typeof value === "string" && dateFormat.test(value)) {
+    return new Date(value);
+  }
+  return value;
+}
+function deserializeConfig(serializedConfig) {
+  try {
+    return merge(
+      {},
+      defaultTimeseriesChartConfig,
+      JSON.parse(serializedConfig, reviver)
+    );
+  } catch {
+    return defaultTimeseriesChartConfig;
+  }
+}
+export {
+  createTimeseriesConfiguration,
+  deserializeConfig,
+  getColorPaletteConfiguration,
+  getCurrentZoomConfiguration,
+  getGapPolicyConfiguration,
+  getInfiniteZoomConfiguration,
+  getInitialZoomConfiguration,
+  getLegendConfiguration,
+  getPointsDisplayConfiguration,
+  getSeriesCurveConfiguration,
+  getThresholdsConfiguration,
+  getToolbar,
+  getTooltipConfiguration,
+  getValueRepresentationConfiguration,
+  getXAxisConfiguration,
+  getYAxisConfiguration
+};
+//# sourceMappingURL=chart-configuration.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/chart-configuration.ts"],
+  "sourcesContent": ["import { isEmpty, isUndefined, merge } from 'lodash-es';\n\nimport type { PointsDisplay } from '../../../core/components/canvas/types/canvas-shape.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport {\n  DEFAULT_INFINITE_ZOOM,\n  DEFAULT_TRUNCATION_MODE,\n} from '../../../core/constants.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\nimport { ValueRepresentation } from '../../../core/types/scales.js';\nimport { SeriesCurve } from '../../../core/types/timeseries.js';\nimport { BaseToolbarProps } from '../../../core/types/toolbar.js';\nimport { isValidCSSColor } from '../../../core/utils/getValidColor.js';\nimport { getInteractions } from '../../../core/utils/interactions.js';\nimport { isValidColorPalette } from '../../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../../core/utils/is-valid-legend-position.js';\nimport { isValidSeriesDisplayMode } from '../../../core/utils/is-valid-series-display-mode.js';\nimport { isValidTooltipVariant } from '../../../core/utils/is-valid-tooltip-variant.js';\nimport { isValidValueRepresentation } from '../../../core/utils/is-valid-value-representation.js';\nimport { TimeseriesChartLegendProps } from '../../../timeseries/slots/Legend.js';\nimport { TimeseriesChartTooltipProps } from '../../../timeseries/slots/Tooltip.js';\nimport { TimeseriesChartXAxisProps } from '../../../timeseries/slots/XAxis.js';\nimport { TimeseriesChartYAxisProps } from '../../../timeseries/slots/YAxis.js';\nimport {\n  DEFAULT_SCALE_FALLBACK_COLOR,\n  defaultColorPalette,\n  defaultGapPolicy,\n  defaultLegend,\n  defaultPointsDisplay,\n  defaultSeriesCurve,\n  defaultTimeseriesChartConfig,\n  defaultToolbar,\n  defaultTooltipVariant,\n  defaultValueRepresentation,\n  defaultYAxis,\n} from '../constants.js';\nimport {\n  TimeseriesChartConfigProperties,\n  TimeseriesChartConfigProps,\n  TimeseriesChartConfiguration,\n  TimeseriesChartLegendConfig,\n  TimeseriesChartSlots,\n  TimeseriesChartThresholdConfig,\n  TimeseriesChartThresholdsConfig,\n  TimeseriesChartTooltipConfig,\n  TimeseriesChartXAxisConfig,\n  TimeseriesChartYAxisConfig,\n  TimeseriesZoomDomain,\n} from '../types/timeseries-config.js';\nimport type { TimeseriesChartThresholdIndicatorProps } from '../types/timeseries.js';\nimport {\n  TimeseriesChartToolbarConfig,\n  TimeseriesChartToolbarSlotProps,\n  TimeseriesToolbarInternalProps,\n} from '../types/toolbar.js';\n\n/**\n * Adoption-local port of the legacy `createTimeseriesConfiguration` engine\n * used by `useTimeseriesChartConfig`, kept independent from\n * `../../../timeseries`. Only the config-resolution logic (merging context +\n * slots + defaults) is duplicated here; the export-side flattening lives in\n * `./serialize-timeseries-config.js`.\n */\n\nconst sanitizeYAxisConfig = (\n  yAxes: TimeseriesChartYAxisProps[],\n): TimeseriesChartYAxisConfig => {\n  const reversedYAxes = yAxes.reverse();\n  const leftAxis = reversedYAxes.find(\n    (axis) => axis?.position === 'left' || axis?.position === undefined,\n  );\n  const rightAxis = reversedYAxes.find((axis) => axis?.position === 'right');\n  const sanitizedYAxes: TimeseriesChartYAxisConfig = {};\n\n  if (leftAxis) {\n    sanitizedYAxes.left = leftAxis;\n  }\n  if (rightAxis) {\n    sanitizedYAxes.right = rightAxis;\n  }\n\n  return sanitizedYAxes;\n};\n\nexport function getYAxisConfiguration(\n  slotsYAxis: TimeseriesChartYAxisProps[],\n  contextYAxis: TimeseriesChartYAxisProps[] | undefined,\n): TimeseriesChartYAxisConfig {\n  const contextConfig =\n    contextYAxis === undefined ? {} : sanitizeYAxisConfig(contextYAxis);\n  const slotsConfig =\n    slotsYAxis === undefined ? {} : sanitizeYAxisConfig(slotsYAxis);\n\n  const { left, right } = merge({}, contextConfig, slotsConfig);\n\n  if (left === undefined && right === undefined) {\n    return defaultYAxis;\n  }\n\n  const result: TimeseriesChartYAxisConfig = {};\n\n  if (left) {\n    result.left = merge({}, defaultYAxis.left, left);\n  }\n\n  if (right) {\n    const defaultRight = { ...defaultYAxis.left, position: 'right' };\n    result.right = merge({}, defaultRight, right);\n  }\n\n  return result;\n}\n\nexport function getLegendConfiguration(\n  contextLegend: TimeseriesChartLegendProps | undefined,\n  slotsLegend: TimeseriesChartLegendProps,\n): TimeseriesChartLegendConfig {\n  const legendConfig = merge(\n    {},\n    defaultLegend,\n    contextLegend,\n    slotsLegend,\n  ) as TimeseriesChartLegendConfig;\n\n  legendConfig.position = isValidLegendPosition(legendConfig.position)\n    ? legendConfig.position\n    : defaultLegend.position;\n\n  return legendConfig;\n}\n\nexport function getTooltipConfiguration(\n  contextTooltip: TimeseriesChartTooltipProps | undefined,\n  slotsTooltip: TimeseriesChartTooltipProps,\n): TimeseriesChartTooltipConfig {\n  const tooltip = merge(\n    {},\n    { variant: defaultTooltipVariant },\n    contextTooltip,\n    slotsTooltip,\n  ) as TimeseriesChartTooltipConfig;\n\n  tooltip.variant = isValidTooltipVariant(tooltip.variant)\n    ? tooltip.variant\n    : defaultTooltipVariant;\n\n  if (tooltip.seriesDisplayMode) {\n    tooltip.seriesDisplayMode = isValidSeriesDisplayMode(\n      tooltip.seriesDisplayMode,\n    )\n      ? tooltip.seriesDisplayMode\n      : 'multi-line';\n  } else {\n    tooltip.seriesDisplayMode =\n      tooltip.variant === 'shared' ? 'single-line' : 'multi-line';\n  }\n\n  return tooltip;\n}\n\nexport function getXAxisConfiguration(\n  contextXAxis: TimeseriesChartXAxisProps | undefined,\n  slotsXAxis: TimeseriesChartXAxisProps | undefined,\n): TimeseriesChartXAxisConfig {\n  return merge({}, contextXAxis, slotsXAxis);\n}\n\nexport function getThresholdsConfiguration(\n  contextThresholds: TimeseriesChartThresholdConfig[] = [],\n  slotsThresholds: TimeseriesChartThresholdIndicatorProps[] = [],\n): TimeseriesChartThresholdsConfig | undefined {\n  const allThresholds = contextThresholds\n    .concat(slotsThresholds)\n    .map((threshold) => ({\n      ...threshold,\n      id: crypto.randomUUID(),\n      position: !threshold.position ? 'left' : threshold.position,\n      color: isValidCSSColor(threshold.color)\n        ? threshold.color\n        : DEFAULT_SCALE_FALLBACK_COLOR,\n    }));\n\n  if (!allThresholds.length) {\n    return undefined;\n  }\n\n  const thresholdConfig: TimeseriesChartThresholdsConfig = {};\n\n  thresholdConfig.left = allThresholds.filter(\n    (threshold) => threshold.position === 'left',\n  );\n\n  thresholdConfig.right = allThresholds.filter(\n    (threshold) => threshold.position === 'right',\n  );\n\n  return thresholdConfig;\n}\n\nconst isUndefinedOrIsEmpty = (value?: { enabled?: boolean }) => {\n  return isUndefined(value) && isEmpty(value);\n};\n\n/**\n * Processes toolbar config to handle the hidden property.\n * If hidden is true, it overrides enabled and sets it to false.\n */\nconst processToolbarConfig = (\n  config: TimeseriesChartToolbarConfig | BaseToolbarProps | undefined,\n): TimeseriesChartToolbarConfig | undefined => {\n  if (!config) {\n    return config;\n  }\n\n  // Need to cast to access hidden property\n  const { hidden, ...rest } = config as TimeseriesChartToolbarConfig & {\n    hidden?: boolean;\n  };\n\n  if (hidden === true) {\n    return { ...rest, enabled: false };\n  }\n  return config;\n};\n\nexport function getToolbar(\n  contextToolbar: TimeseriesChartToolbarConfig | undefined,\n  slotsChartToolbar: TimeseriesChartToolbarSlotProps | undefined,\n  slotDownloadCSV?: { enabled?: boolean },\n  contextDownloadCSV?: { enabled?: boolean },\n): TimeseriesToolbarInternalProps {\n  const hasNoDownloadData =\n    isUndefinedOrIsEmpty(slotDownloadCSV) &&\n    isUndefinedOrIsEmpty(contextDownloadCSV);\n\n  if (!contextToolbar && isEmpty(slotsChartToolbar) && hasNoDownloadData) {\n    return { ...defaultToolbar };\n  }\n\n  const processedContextToolbar = processToolbarConfig(contextToolbar);\n  const processedSlotsToolbar = processToolbarConfig(slotsChartToolbar);\n\n  return merge(\n    {},\n    defaultToolbar,\n    processedContextToolbar,\n    processedSlotsToolbar,\n    {\n      downloadData: slotDownloadCSV ?? contextDownloadCSV,\n    },\n  );\n}\n\nexport function getGapPolicyConfiguration(\n  contextGapPolicy?: TimeGapPolicy,\n  propsGapPolicy?: TimeGapPolicy,\n) {\n  return propsGapPolicy ?? contextGapPolicy ?? defaultGapPolicy;\n}\n\nexport function getPointsDisplayConfiguration(\n  contextPointsDisplay?: PointsDisplay,\n  propsPointsDisplay?: PointsDisplay,\n) {\n  const pointsDisplay =\n    propsPointsDisplay ?? contextPointsDisplay ?? defaultPointsDisplay;\n\n  return isValidPointsDisplay(pointsDisplay)\n    ? pointsDisplay\n    : defaultPointsDisplay;\n}\n\nexport function getValueRepresentationConfiguration(\n  contextValueRepresentation?: ValueRepresentation,\n  propsValueRepresentation?: ValueRepresentation,\n) {\n  const valueRepresentation =\n    propsValueRepresentation ??\n    contextValueRepresentation ??\n    defaultValueRepresentation;\n\n  return isValidValueRepresentation(valueRepresentation)\n    ? valueRepresentation\n    : defaultValueRepresentation;\n}\n\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n) {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultColorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultTimeseriesChartConfig.colorPalette ?? defaultColorPalette;\n}\n\nexport function getSeriesCurveConfiguration(\n  contextConfig?: SeriesCurve,\n  propsConfig?: SeriesCurve,\n) {\n  return propsConfig ?? contextConfig ?? defaultSeriesCurve;\n}\n\nexport function getInfiniteZoomConfiguration(\n  contextConfig?: boolean,\n  propsConfig?: boolean,\n) {\n  return propsConfig ?? contextConfig ?? DEFAULT_INFINITE_ZOOM;\n}\n\nexport function getInitialZoomConfiguration(\n  contextConfig?: TimeseriesZoomDomain,\n  propsConfig?: TimeseriesZoomDomain,\n) {\n  return propsConfig ?? contextConfig;\n}\n\nexport function getCurrentZoomConfiguration(\n  contextConfig?: TimeseriesZoomDomain,\n  propsConfig?: TimeseriesZoomDomain,\n) {\n  return propsConfig ?? contextConfig;\n}\n\n/**\n * Creates a timeseries Configuration merging the configuration provided in\n * the context config, slots, and defaults.\n */\nexport function createTimeseriesConfiguration(\n  slots: TimeseriesChartSlots,\n  contextConfig: TimeseriesChartConfigProperties,\n  timeseriesChartConfigProps: TimeseriesChartConfigProps,\n): TimeseriesChartConfiguration {\n  const yAxis = getYAxisConfiguration(slots.yAxis, contextConfig.yAxis);\n  const truncationMode =\n    timeseriesChartConfigProps?.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n  const tooltip = getTooltipConfiguration(contextConfig.tooltip, slots.tooltip);\n  const xAxis = getXAxisConfiguration(contextConfig.xAxis, slots.xAxis);\n  const configThresholds = contextConfig.thresholdIndicators || [];\n  const thresholds = getThresholdsConfiguration(\n    configThresholds,\n    slots.thresholds,\n  );\n\n  const toolbar = getToolbar(contextConfig.toolbar, slots.toolbar);\n\n  const propsInteractions = {\n    onZoomChange: timeseriesChartConfigProps.onZoomChange,\n  };\n\n  const hasContextInteractions =\n    contextConfig && (contextConfig.pan || contextConfig.zoom);\n\n  const chartConfigInteractions = hasContextInteractions\n    ? {\n        pan: { enabled: contextConfig.pan?.disabled !== true },\n        zoom: { enabled: contextConfig.zoom?.disabled !== true },\n        zoomX: { enabled: contextConfig.zoom?.disabled !== true },\n      }\n    : {};\n\n  const interactions = getInteractions(\n    contextConfig.interactions,\n    slots.interactions,\n    propsInteractions,\n    chartConfigInteractions,\n  );\n\n  const gapPolicy = getGapPolicyConfiguration(\n    contextConfig.gapPolicy,\n    timeseriesChartConfigProps?.gapPolicy,\n  );\n  const pointsDisplay = getPointsDisplayConfiguration(\n    contextConfig.pointsDisplay,\n    timeseriesChartConfigProps?.pointsDisplay,\n  );\n  const valueRepresentation = getValueRepresentationConfiguration(\n    contextConfig.valueRepresentation,\n    timeseriesChartConfigProps?.valueRepresentation,\n  );\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    timeseriesChartConfigProps?.colorPalette,\n  );\n\n  const curve = getSeriesCurveConfiguration(\n    contextConfig.curve,\n    timeseriesChartConfigProps?.curve,\n  );\n\n  const infiniteZoom = getInfiniteZoomConfiguration(\n    contextConfig.infiniteZoom,\n    timeseriesChartConfigProps.infiniteZoom,\n  );\n\n  const initialZoom = getInitialZoomConfiguration(\n    contextConfig.initialZoom,\n    timeseriesChartConfigProps.initialZoom,\n  );\n\n  const currentZoom = getCurrentZoomConfiguration(\n    contextConfig.currentZoom,\n    timeseriesChartConfigProps.currentZoom,\n  );\n\n  const select = timeseriesChartConfigProps.select ?? slots.select;\n\n  const colorRules = (contextConfig.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules ?? []);\n\n  return {\n    gapPolicy,\n    pointsDisplay,\n    valueRepresentation,\n    colorPalette,\n    legend,\n    tooltip,\n    toolbar,\n    xAxis,\n    yAxis,\n    annotations: slots.annotations,\n    truncationMode,\n    thresholds,\n    interactions,\n    initialZoom,\n    currentZoom,\n    infiniteZoom,\n    curve,\n    select,\n    colorRules,\n  };\n}\n\n// Regex for validating dates like '2022-07-28T00:00:00Z'\nconst dateFormat = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$/;\n\nfunction reviver(key: string, value: string) {\n  if (typeof value === 'string' && dateFormat.test(value)) {\n    return new Date(value);\n  }\n\n  return value;\n}\n\n/**\n * Deserializes a Timeseries string config\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): TimeseriesChartConfigProperties {\n  try {\n    return merge(\n      {},\n      defaultTimeseriesChartConfig,\n      JSON.parse(serializedConfig, reviver),\n    );\n  } catch {\n    return defaultTimeseriesChartConfig;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/derive-xychart-props-from-config.js

@@ -0,0 +1,12 @@
+const deriveXYChartPropsFromConfig = (config, rootOnZoomChange) => ({
+  disableZoom: config.interactions?.zoom?.enabled === false,
+  disablePan: config.interactions?.pan?.enabled === false,
+  toolbarEnabled: config.toolbar?.enabled !== false,
+  toolbarPlacement: config.toolbar?.placement,
+  toolbarIntents: config.toolbar?.intents,
+  onZoomChange: rootOnZoomChange ?? config.interactions?.onZoomChange
+});
+export {
+  deriveXYChartPropsFromConfig
+};
+//# sourceMappingURL=derive-xychart-props-from-config.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/derive-xychart-props-from-config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/derive-xychart-props-from-config.ts"],
+  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport type { ResolvedTimeseriesChartConfig } from '../types/timeseries.js';\n\nexport type DerivedXYChartProps = {\n  /** Whether the XYChart x-axis should disable zoom. */\n  disableZoom: boolean;\n  /** Whether the XYChart x-axis should disable pan. */\n  disablePan: boolean;\n  /** Whether the XYChart toolbar should be visible. */\n  toolbarEnabled: boolean;\n  /** Toolbar placement (or undefined if defaults should apply). */\n  toolbarPlacement: ToolbarPlacement | undefined;\n  /** Resolved toolbar intents. */\n  toolbarIntents: IntentProps[] | undefined;\n  /**\n   * Effective onZoomChange handler. Timeseries exposes it both at root-prop\n   * level and (after merging) inside `interactions`. Root prop wins.\n   */\n  onZoomChange: ZoomChangeHandler | undefined;\n};\n\n/**\n * Derives the props the `TimeseriesToXY` adapter needs to forward to the\n * underlying `XYChart` (and its slots) from a resolved\n * `TimeseriesChartConfiguration`.\n */\nexport const deriveXYChartPropsFromConfig = (\n  config: ResolvedTimeseriesChartConfig,\n  rootOnZoomChange: ZoomChangeHandler | undefined,\n): DerivedXYChartProps => ({\n  disableZoom: config.interactions?.zoom?.enabled === false,\n  disablePan: config.interactions?.pan?.enabled === false,\n  toolbarEnabled: config.toolbar?.enabled !== false,\n  toolbarPlacement: config.toolbar?.placement,\n  toolbarIntents: config.toolbar?.intents,\n  onZoomChange: rootOnZoomChange ?? config.interactions?.onZoomChange,\n});\n"],
+  "mappings": "AA4BO,MAAM,+BAA+B,CAC1C,QACA,sBACyB;AAAA,EACzB,aAAa,OAAO,cAAc,MAAM,YAAY;AAAA,EACpD,YAAY,OAAO,cAAc,KAAK,YAAY;AAAA,EAClD,gBAAgB,OAAO,SAAS,YAAY;AAAA,EAC5C,kBAAkB,OAAO,SAAS;AAAA,EAClC,gBAAgB,OAAO,SAAS;AAAA,EAChC,cAAc,oBAAoB,OAAO,cAAc;AACzD;",
+  "names": []
+}

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

@@ -0,0 +1,173 @@
+import { isEmpty, merge } from "lodash-es";
+import { Children } from "react";
+import { isElement } from "react-is";
+import { collectAnnotationsSlots } from "./collect-annotations-slots.js";
+import {
+  Intent
+} from "../../../../core/slots/Intent/Intent.js";
+import { isSlot } from "../../../../core/utils/is-slot.js";
+import { ChartInteractions } from "../../../core/slots/chart-interactions/ChartInteractions.js";
+import { ColorRule, isValidColorRule } from "../../../core/slots/ColorRule.js";
+import { ChartToolbar } from "../../../core/slots/toolbar/ChartToolbar.js";
+import { sanitizeProps } from "../../../core/slots/toolbar/CompactToolbar.js";
+import { DownloadData } from "../../../core/slots/toolbar/DownloadData.js";
+import { extractBehaviorTrackingProps } from "../../../core/utils/extract-behavior-tracking-props.js";
+import { getConfigPlusDefaultOrEmpty } from "../../../core/utils/interactions.js";
+import { iterateChartInteractionsSlots } from "../../../core/utils/iterate-chart-interactions-slots.js";
+import { Annotations } from "../../../timeseries/slots/annotations/Annotations.js";
+import { TimeseriesChartDownloadCSVSlot } from "../../../timeseries/slots/DownloadCSV.js";
+import { Legend } from "../../../timeseries/slots/Legend.js";
+import { Pan } from "../../../timeseries/slots/Pan.js";
+import { Select } from "../../../timeseries/slots/Select.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";
+const slotInteractionsDefaultValues = {
+  zoom: { enabled: true },
+  zoomX: { enabled: true },
+  pan: { enabled: true }
+};
+const chartInteractionsDefaultValues = {
+  zoom: { enabled: false },
+  zoomX: { enabled: false },
+  pan: { enabled: false }
+};
+const getInteractionsConfig = (chartConfig, slotsConfig) => {
+  const chartApiValues = getConfigPlusDefaultOrEmpty(
+    chartInteractionsDefaultValues,
+    chartConfig
+  );
+  const slotsApiValues = getConfigPlusDefaultOrEmpty(
+    slotInteractionsDefaultValues,
+    slotsConfig
+  );
+  return merge({}, chartApiValues, slotsApiValues);
+};
+const disabledOnlyWhenSpecified = ({ disabled }) => disabled;
+const iterateConfigSlots = (children) => {
+  let slots = {
+    toolbar: {},
+    legend: {},
+    xAxis: {},
+    tooltip: {},
+    yAxis: [],
+    thresholds: [],
+    interactions: {},
+    colorRules: []
+  };
+  let intents;
+  let slotToolbar = {};
+  let chartToolbar = {};
+  let slotInteractions = {};
+  let chartInteractions = {};
+  Children.forEach(children, (child) => {
+    if (isSlot(child, ChartInteractions)) {
+      const { children: children2, ...previousInteractions } = child.props;
+      const interactions = iterateChartInteractionsSlots(children2);
+      chartInteractions = {
+        ...previousInteractions,
+        ...interactions
+      };
+    } else if (isSlot(child, ChartToolbar)) {
+      const { children: children2, ...toolbar } = child.props;
+      const childrenToolbar = iterateChartToolbarSlots(children2);
+      chartToolbar = {
+        enabled: true,
+        ...toolbar,
+        ...childrenToolbar
+      };
+    } else if (isSlot(child, Toolbar)) {
+      slotToolbar = {
+        enabled: child.props.hidden !== true,
+        ...slotToolbar,
+        ...sanitizeProps(child.props),
+        ...extractBehaviorTrackingProps(child.props)
+      };
+    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {
+      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };
+    } else if (isSlot(child, Zoom)) {
+      const enabled = !disabledOnlyWhenSpecified(child.props);
+      slotInteractions = {
+        ...slotInteractions,
+        zoom: { enabled },
+        zoomX: { enabled }
+      };
+    } else if (isSlot(child, Pan)) {
+      const enabled = !disabledOnlyWhenSpecified(child.props);
+      slotInteractions = { ...slotInteractions, pan: { enabled } };
+    } else if (isSlot(child, Legend)) {
+      const legend = child.props;
+      slots = {
+        ...slots,
+        legend
+      };
+    } else if (isSlot(child, Intent)) {
+      intents = intents ? [...intents, child.props] : [child.props];
+    } else if (isSlot(child, XAxis)) {
+      const xAxis = child.props;
+      slots = {
+        ...slots,
+        xAxis
+      };
+    } else if (isSlot(child, YAxis)) {
+      const yAxis = child.props;
+      slots.yAxis.push(yAxis);
+    } else if (isSlot(child, Tooltip)) {
+      const tooltip = child.props;
+      slots = {
+        ...slots,
+        tooltip
+      };
+    } else if (isSlot(child, Annotations)) {
+      slots = {
+        ...slots,
+        annotations: collectAnnotationsSlots(child.props)
+      };
+    } else if (isSlot(child, ThresholdIndicator)) {
+      const thresholdProps = child.props;
+      slots.thresholds.push(thresholdProps);
+    } else if (isSlot(child, Select)) {
+      const select = child.props;
+      slots = {
+        ...slots,
+        select
+      };
+    } else if (isSlot(child, ColorRule)) {
+      const colorRule = child.props;
+      if (isValidColorRule(colorRule)) {
+        slots.colorRules.push(colorRule);
+      }
+    }
+  });
+  const hasInteractionConfig = Object.keys(chartInteractions).length > 0 || Object.keys(slotInteractions).length > 0;
+  slots.interactions = hasInteractionConfig ? getInteractionsConfig(chartInteractions, slotInteractions) : {};
+  const hasToolbarConfig = !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;
+  if (hasToolbarConfig) {
+    slots.toolbar = {
+      ...chartToolbar,
+      ...slotToolbar,
+      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,
+      intents
+    };
+  }
+  return slots;
+};
+const iterateChartToolbarSlots = (children) => {
+  let toolbar = {};
+  Children.forEach(children, (childToolbar) => {
+    if (isElement(childToolbar) && childToolbar.type === DownloadData) {
+      toolbar = {
+        ...toolbar,
+        downloadData: { enabled: true }
+      };
+    }
+  });
+  return toolbar;
+};
+export {
+  iterateConfigSlots
+};
+//# sourceMappingURL=iterate-config-slots.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/iterate-config-slots.ts"],
+  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { collectAnnotationsSlots } from './collect-annotations-slots.js';\nimport {\n  Intent,\n  type IntentProps,\n} from '../../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { ChartInteractions } from '../../../core/slots/chart-interactions/ChartInteractions.js';\nimport { ColorRule, isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../../core/slots/toolbar/DownloadData.js';\nimport { ChartInteractionsConfig } from '../../../core/types/interactions.js';\nimport { extractBehaviorTrackingProps } from '../../../core/utils/extract-behavior-tracking-props.js';\nimport { getConfigPlusDefaultOrEmpty } from '../../../core/utils/interactions.js';\nimport { iterateChartInteractionsSlots } from '../../../core/utils/iterate-chart-interactions-slots.js';\nimport { Annotations } from '../../../timeseries/slots/annotations/Annotations.js';\nimport { TimeseriesChartDownloadCSVSlot } from '../../../timeseries/slots/DownloadCSV.js';\nimport { Legend } from '../../../timeseries/slots/Legend.js';\nimport { Pan } from '../../../timeseries/slots/Pan.js';\nimport { Select } from '../../../timeseries/slots/Select.js';\nimport { ThresholdIndicator } from '../../../timeseries/slots/ThresholdIndicator.js';\nimport { Toolbar } from '../../../timeseries/slots/Toolbar.js';\nimport { Tooltip } from '../../../timeseries/slots/Tooltip.js';\nimport { XAxis } from '../../../timeseries/slots/XAxis.js';\nimport { YAxis } from '../../../timeseries/slots/YAxis.js';\nimport { Zoom } from '../../../timeseries/slots/Zoom.js';\nimport { TimeseriesChartSlots } from '../types/timeseries-config.js';\nimport { TimeseriesChartToolbarConfig } from '../types/toolbar.js';\n\n/**\n * Adoption-local port of the legacy `iterateConfigSlots` used by\n * `useTimeseriesChartConfig`, kept independent from `../../../timeseries`.\n * Only the slot iteration needed for chart-level config is duplicated here;\n * series-shape slots (Line/Area/Bar/Band) are handled separately by\n * `../iterate-slots.js`.\n */\n\nconst slotInteractionsDefaultValues = {\n  zoom: { enabled: true },\n  zoomX: { enabled: true },\n  pan: { enabled: true },\n};\n\nconst chartInteractionsDefaultValues = {\n  zoom: { enabled: false },\n  zoomX: { enabled: false },\n  pan: { enabled: false },\n};\n\nconst getInteractionsConfig = (\n  chartConfig: ChartInteractionsConfig,\n  slotsConfig: ChartInteractionsConfig,\n) => {\n  const chartApiValues = getConfigPlusDefaultOrEmpty(\n    chartInteractionsDefaultValues,\n    chartConfig,\n  );\n  const slotsApiValues = getConfigPlusDefaultOrEmpty(\n    slotInteractionsDefaultValues,\n    slotsConfig,\n  );\n  return merge({}, chartApiValues, slotsApiValues);\n};\n\nconst disabledOnlyWhenSpecified = ({ disabled }: { disabled?: boolean }) =>\n  disabled;\n\nexport const iterateConfigSlots = (\n  children: ReactNode,\n): TimeseriesChartSlots => {\n  let slots: TimeseriesChartSlots = {\n    toolbar: {},\n    legend: {},\n    xAxis: {},\n    tooltip: {},\n    yAxis: [],\n    thresholds: [],\n    interactions: {},\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  let slotToolbar: TimeseriesChartToolbarConfig = {};\n  let chartToolbar: TimeseriesChartToolbarConfig = {};\n  let slotInteractions = {};\n  let chartInteractions = {};\n\n  Children.forEach(children, (child) => {\n    /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n    if (isSlot(child, ChartInteractions)) {\n      const { children, ...previousInteractions } = child.props;\n      const interactions = iterateChartInteractionsSlots(children);\n\n      chartInteractions = {\n        ...previousInteractions,\n        ...interactions,\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO APPDEV-15615: Remove deprecated ChartToolbar handling\n      const { children, ...toolbar } = child.props;\n      const childrenToolbar = iterateChartToolbarSlots(children);\n\n      chartToolbar = {\n        enabled: true,\n        ...toolbar,\n        ...childrenToolbar,\n      };\n    } else if (isSlot(child, Toolbar)) {\n      // TODO: APPDEV-15615: Remove enabled key after deprecation\n      slotToolbar = {\n        enabled: child.props.hidden !== true,\n        ...slotToolbar,\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, TimeseriesChartDownloadCSVSlot)) {\n      slotToolbar = { ...slotToolbar, downloadData: { enabled: true } };\n    } else if (isSlot(child, Zoom)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n\n      slotInteractions = {\n        ...slotInteractions,\n        zoom: { enabled },\n        zoomX: { enabled },\n      };\n    } else if (isSlot(child, Pan)) {\n      const enabled = !disabledOnlyWhenSpecified(child.props);\n      slotInteractions = { ...slotInteractions, pan: { enabled } };\n    } else if (isSlot(child, Legend)) {\n      const legend = child.props;\n\n      slots = {\n        ...slots,\n        legend,\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, XAxis)) {\n      const xAxis = child.props;\n      slots = {\n        ...slots,\n        xAxis,\n      };\n    } else if (isSlot(child, YAxis)) {\n      const yAxis = child.props;\n      slots.yAxis.push(yAxis);\n    } else if (isSlot(child, Tooltip)) {\n      const tooltip = child.props;\n      slots = {\n        ...slots,\n        tooltip,\n      };\n    } else if (isSlot(child, Annotations)) {\n      slots = {\n        ...slots,\n        annotations: collectAnnotationsSlots(child.props),\n      };\n    } else if (isSlot(child, ThresholdIndicator)) {\n      const thresholdProps = child.props;\n      slots.thresholds.push(thresholdProps);\n    } else if (isSlot(child, Select)) {\n      const select = child.props;\n\n      slots = {\n        ...slots,\n        select,\n      };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (isValidColorRule(colorRule)) {\n        slots.colorRules.push(colorRule);\n      }\n    }\n  });\n\n  const hasInteractionConfig =\n    Object.keys(chartInteractions).length > 0 ||\n    Object.keys(slotInteractions).length > 0;\n\n  slots.interactions = hasInteractionConfig\n    ? getInteractionsConfig(chartInteractions, slotInteractions)\n    : {};\n\n  const hasToolbarConfig =\n    !isEmpty(slotToolbar) || !isEmpty(chartToolbar) || intents;\n\n  if (hasToolbarConfig) {\n    slots.toolbar = {\n      ...chartToolbar,\n      ...slotToolbar,\n      enabled: slotToolbar.enabled ?? chartToolbar.enabled ?? true,\n      intents,\n    };\n  }\n\n  return slots;\n};\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TimeseriesChartToolbarConfig => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isElement(childToolbar) && childToolbar.type === DownloadData) {\n      toolbar = {\n        ...toolbar,\n        downloadData: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n"],
+  "mappings": "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",
+  "names": ["children"]
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js

@@ -7,8 +7,6 @@ const baseSeriesProps = ({ data, unit, seriesId }) => ({
   data,
   xAxisId,
   yAxisId: defineAxisId(unit),
-  x0Accessor: "start",
-  x1Accessor: "end",
   seriesIdAccessor: "seriesId",
   nameAccessor: "seriesName",
   key: seriesId
@@ -17,6 +15,8 @@ const renderLineSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.LineSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "resolvedCenter",
+    x1Accessor: "resolvedEnd",
     y0Accessor: "value",
     color: series.color,
     pointsDisplay: series.pointsDisplay,
@@ -27,6 +27,8 @@ const renderAreaSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.AreaSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "resolvedCenter",
+    x1Accessor: "resolvedEnd",
     y1Accessor: "value",
     color: series.color,
     pointsDisplay: series.pointsDisplay,
@@ -37,6 +39,8 @@ const renderBarSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.BarSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "start",
+    x1Accessor: "end",
     variant: "stack",
     y1Accessor: "value",
     color: series.color,
@@ -47,6 +51,8 @@ const renderBandSeries = (series, options = {}) => /* @__PURE__ */ jsx(
   XYChart.AreaSeries,
   {
     ...baseSeriesProps(series),
+    x0Accessor: "start",
+    x1Accessor: "end",
     y0Accessor: "y0",
     y1Accessor: "y1",
     color: series.color,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/render-series.tsx"],
-  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type {\n  XYAreaSeriesActions,\n  XYBarSeriesActions,\n  XYLineSeriesActions,\n} from '../map-series-actions.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  x0Accessor: 'start',\n  x1Accessor: 'end',\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\ntype LineSeriesOptions = { actions?: XYLineSeriesActions };\ntype AreaSeriesOptions = { actions?: XYAreaSeriesActions };\ntype BarSeriesOptions = { actions?: XYBarSeriesActions };\ntype BandSeriesOptions = { actions?: XYAreaSeriesActions };\n\nexport const renderLineSeries = (\n  series: SeriesProps,\n  options: LineSeriesOptions = {},\n) => (\n  <XYChart.LineSeries\n    {...baseSeriesProps(series)}\n    y0Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y1Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n"],
-  "mappings": "AAmCE;AAlCF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAOO,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;",
+  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type {\n  XYAreaSeriesActions,\n  XYBarSeriesActions,\n  XYLineSeriesActions,\n} from '../map-series-actions.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\ntype LineSeriesOptions = { actions?: XYLineSeriesActions };\ntype AreaSeriesOptions = { actions?: XYAreaSeriesActions };\ntype BarSeriesOptions = { actions?: XYBarSeriesActions };\ntype BandSeriesOptions = { actions?: XYAreaSeriesActions };\n\nexport const renderLineSeries = (\n  series: SeriesProps,\n  options: LineSeriesOptions = {},\n) => (\n  <XYChart.LineSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y0Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y1Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n"],
+  "mappings": "AAiCE;AAhCF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAOO,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/utils/serialize-timeseries-config.js

@@ -0,0 +1,19 @@
+import { ChartType } from "../../../core/types/chart-types.js";
+const serializeTimeseriesConfig = (config) => {
+  const { thresholds, ...rest } = config;
+  const yAxisEntries = [config.yAxis.left, config.yAxis.right];
+  const yAxis = yAxisEntries.filter(
+    (axis) => axis !== void 0
+  );
+  const thresholdIndicators = thresholds ? [...thresholds.left ?? [], ...thresholds.right ?? []] : void 0;
+  return JSON.stringify({
+    type: ChartType.TimeSeries,
+    ...rest,
+    yAxis,
+    thresholdIndicators
+  });
+};
+export {
+  serializeTimeseriesConfig
+};
+//# sourceMappingURL=serialize-timeseries-config.js.map