@cloudscape-design/chart-components 1.0.67 → 1.0.69

package/cartesian-chart/chart-series-cartesian.js

@@ -3,6 +3,7 @@
 import { colorChartsErrorBarMarker } from "@cloudscape-design/design-tokens";
 import { createThresholdMetadata, getOptionsId } from "../core/utils";
 import * as Styles from "../internal/chart-styles";
+import { getMasterSeries, isThreshold } from "./utils";
 // The utility transforms cartesian chart component's series to Highcharts series. This includes transforming
 // custom x- and y-threshold series types, that are represented as a combination of invisible line series, and plot lines.
 // The plot lines, unlike series, are rendered across the entire chart plot width or height.
@@ -23,6 +24,16 @@ export const transformCartesianSeries = (originalSeries, visibleSeries) => {
             yPlotLines.push({ id: seriesId, value: s.value, ...style, dashStyle: (_c = s.dashStyle) !== null && _c !== void 0 ? _c : style.dashStyle });
         }
     }
+    // Assign linked series color to its respective master series color or color index.
+    const autoColorSeries = originalSeries.filter((s) => !isThreshold(s) && !s.linkedTo && !s.color);
+    const getColorProps = (s) => {
+        var _a;
+        const masterSeries = getMasterSeries(originalSeries, s);
+        if (!masterSeries) {
+            return {};
+        }
+        return { color: (_a = s.color) !== null && _a !== void 0 ? _a : masterSeries.color, colorIndex: autoColorSeries.indexOf(masterSeries) };
+    };
     // The threshold series require data points to enable keyboard navigation and hover effects.
     const thresholdX = getThresholdX(originalSeries, visibleSeries);
     const thresholdY = getThresholdY(originalSeries, visibleSeries);
@@ -31,8 +42,9 @@ export const transformCartesianSeries = (originalSeries, visibleSeries) => {
         // Highcharts does not properly update data on re-render. When the fake empty series is replaced with the real series,
         // the properties are merged together, so the showInLegend=false is not overridden.
         // That is why we explicitly override this property for all real series.
-        const shared = { showInLegend: true };
-        if (s.type === "x-threshold" || s.type === "y-threshold") {
+        const isLinked = !isThreshold(s) && s.linkedTo !== undefined;
+        const shared = { showInLegend: !isLinked };
+        if (isThreshold(s)) {
             const data = s.type === "x-threshold"
                 ? thresholdY.map((y) => ({ x: s.value, y }))
                 : thresholdX.map((x) => ({ x, y: s.value }));
@@ -52,7 +64,7 @@ export const transformCartesianSeries = (originalSeries, visibleSeries) => {
             const colors = { stemColor: color, whiskerColor: color };
             return { ...s, data: s.data, ...colors };
         }
-        return { ...s, data: s.data, ...shared };
+        return { ...s, data: s.data, ...shared, ...getColorProps(s) };
     }
     const series = originalSeries.map(transformSeriesToHighcharts);
     // We inject a fake empty series so that the empty state still shows axes, if defined.
@@ -91,10 +103,7 @@ function getThresholdX(series, visibleSeries) {
 function getVisibleDataSeries(series, visibleSeries) {
     const dataSeries = [];
     for (const s of series) {
-        if (s.type !== "x-threshold" &&
-            s.type !== "y-threshold" &&
-            s.type !== "errorbar" &&
-            visibleSeries.includes(getOptionsId(s))) {
+        if (!isThreshold(s) && s.type !== "errorbar" && visibleSeries.includes(getOptionsId(s))) {
             dataSeries.push(s);
         }
     }

package/cartesian-chart/chart-series-cartesian.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-series-cartesian.js","sourceRoot":"","sources":["../../../src/cartesian-chart/chart-series-cartesian.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport { colorChartsErrorBarMarker } from \"@cloudscape-design/design-tokens\";\n\nimport { PointDataItemType, RangeDataItemOptions } from \"../core/interfaces\";\nimport { createThresholdMetadata, getOptionsId } from \"../core/utils\";\nimport * as Styles from \"../internal/chart-styles\";\nimport { Writeable } from \"../internal/utils/utils\";\nimport { CartesianChartProps } from \"./interfaces\";\n\n// The utility transforms cartesian chart component's series to Highcharts series. This includes transforming\n// custom x- and y-threshold series types, that are represented as a combination of invisible line series, and plot lines.\n// The plot lines, unlike series, are rendered across the entire chart plot width or height.\nexport const transformCartesianSeries = (\n  originalSeries: readonly CartesianChartProps.SeriesOptions[],\n  visibleSeries: readonly string[],\n) => {\n  // The injected plot lines have IDs matching the IDs of the threshold series. This is used by the core chart\n  // to manage visibility and highlight state for them, when the corresponding threshold series are toggled\n  // or highlighted in the legend or filter.\n  const xPlotLines: Highcharts.XAxisPlotLinesOptions[] = [];\n  const yPlotLines: Highcharts.YAxisPlotLinesOptions[] = [];\n  for (const s of originalSeries) {\n    const seriesId = getOptionsId(s);\n    const style = { ...Styles.thresholdPlotLine, color: s.color ?? Styles.thresholdPlotLine.color };\n    if (s.type === \"x-threshold\" && visibleSeries.includes(seriesId)) {\n      xPlotLines.push({ id: seriesId, value: s.value, ...style, dashStyle: s.dashStyle ?? style.dashStyle });\n    }\n    if (s.type === \"y-threshold\" && visibleSeries.includes(seriesId)) {\n      yPlotLines.push({ id: seriesId, value: s.value, ...style, dashStyle: s.dashStyle ?? style.dashStyle });\n    }\n  }\n  // The threshold series require data points to enable keyboard navigation and hover effects.\n  const thresholdX = getThresholdX(originalSeries, visibleSeries);\n  const thresholdY = getThresholdY(originalSeries, visibleSeries);\n  function transformSeriesToHighcharts(s: CartesianChartProps.SeriesOptions): Highcharts.SeriesOptionsType {\n    // Highcharts does not properly update data on re-render. When the fake empty series is replaced with the real series,\n    // the properties are merged together, so the showInLegend=false is not overridden.\n    // That is why we explicitly override this property for all real series.\n    const shared = { showInLegend: true };\n    if (s.type === \"x-threshold\" || s.type === \"y-threshold\") {\n      const data =\n        s.type === \"x-threshold\"\n          ? thresholdY.map((y) => ({ x: s.value, y }))\n          : thresholdX.map((x) => ({ x, y: s.value }));\n      const { custom } = createThresholdMetadata(s.type, s.value);\n      const enableMouseTracking = s.type === \"y-threshold\";\n      const style = {\n        ...Styles.thresholdSeries,\n        color: s.color ?? Styles.thresholdSeries.color,\n        dashStyle: s.dashStyle ?? Styles.thresholdSeries.dashStyle,\n      };\n      return { type: \"line\", id: s.id, name: s.name, data, custom, enableMouseTracking, ...style, ...shared };\n    }\n    if (s.type === \"errorbar\") {\n      const color = s.color ?? colorChartsErrorBarMarker;\n      // In Highcharts, the error-bar series graphic color is represented as stem-, and whisker colors.\n      // We simplify that, and only expose a single color prop that sets both of those.\n      const colors = { stemColor: color, whiskerColor: color };\n      return { ...s, data: s.data as Writeable<RangeDataItemOptions[]>, ...colors };\n    }\n    return { ...s, data: s.data as Writeable<PointDataItemType[]>, ...shared };\n  }\n  const series = originalSeries.map(transformSeriesToHighcharts);\n  // We inject a fake empty series so that the empty state still shows axes, if defined.\n  if (series.length === 0) {\n    series.push({ type: \"line\", data: [], showInLegend: false });\n  }\n  return { series, xPlotLines, yPlotLines };\n};\n\n// For x-threshold the point-based navigation is disabled as irrelevant. However, we still need at least\n// one data point for core chart to work correctly, so we find the first visible y value from other series.\nfunction getThresholdY(series: readonly CartesianChartProps.SeriesOptions[], visibleSeries: readonly string[]) {\n  for (const s of getVisibleDataSeries(series, visibleSeries)) {\n    for (const d of s.data) {\n      const y = d === null ? null : typeof d === \"number\" ? d : d.y;\n      if (y !== null) {\n        return [y];\n      }\n    }\n  }\n  return [];\n}\n\n// For y-threshold we find all defined x values from other series and use it those to create an array of\n// data points. As result, the y-threshold series becomes properly navigable.\nfunction getThresholdX(series: readonly CartesianChartProps.SeriesOptions[], visibleSeries: readonly string[]) {\n  const allX = new Set<number>();\n  for (const s of getVisibleDataSeries(series, visibleSeries)) {\n    for (let i = 0; i < s.data.length; i++) {\n      const d = s.data[i];\n      const x = (typeof d === \"object\" ? d?.x : i) ?? i;\n      allX.add(x);\n    }\n  }\n  return [...allX].sort((a, b) => a - b);\n}\n\nfunction getVisibleDataSeries(series: readonly CartesianChartProps.SeriesOptions[], visibleSeries: readonly string[]) {\n  const dataSeries: Exclude<\n    CartesianChartProps.SeriesOptions,\n    | CartesianChartProps.XThresholdSeriesOptions\n    | CartesianChartProps.YThresholdSeriesOptions\n    | CartesianChartProps.ErrorBarSeriesOptions\n  >[] = [];\n  for (const s of series) {\n    if (\n      s.type !== \"x-threshold\" &&\n      s.type !== \"y-threshold\" &&\n      s.type !== \"errorbar\" &&\n      visibleSeries.includes(getOptionsId(s))\n    ) {\n      dataSeries.push(s);\n    }\n  }\n  return dataSeries;\n}\n"]}
+{"version":3,"file":"chart-series-cartesian.js","sourceRoot":"","sources":["../../../src/cartesian-chart/chart-series-cartesian.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport { colorChartsErrorBarMarker } from \"@cloudscape-design/design-tokens\";\n\nimport { PointDataItemType, RangeDataItemOptions } from \"../core/interfaces\";\nimport { createThresholdMetadata, getOptionsId } from \"../core/utils\";\nimport * as Styles from \"../internal/chart-styles\";\nimport { Writeable } from \"../internal/utils/utils\";\nimport { CartesianChartProps } from \"./interfaces\";\nimport { getMasterSeries, isThreshold } from \"./utils\";\n\n// The utility transforms cartesian chart component's series to Highcharts series. This includes transforming\n// custom x- and y-threshold series types, that are represented as a combination of invisible line series, and plot lines.\n// The plot lines, unlike series, are rendered across the entire chart plot width or height.\nexport const transformCartesianSeries = (\n  originalSeries: readonly CartesianChartProps.SeriesOptions[],\n  visibleSeries: readonly string[],\n) => {\n  // The injected plot lines have IDs matching the IDs of the threshold series. This is used by the core chart\n  // to manage visibility and highlight state for them, when the corresponding threshold series are toggled\n  // or highlighted in the legend or filter.\n  const xPlotLines: Highcharts.XAxisPlotLinesOptions[] = [];\n  const yPlotLines: Highcharts.YAxisPlotLinesOptions[] = [];\n  for (const s of originalSeries) {\n    const seriesId = getOptionsId(s);\n    const style = { ...Styles.thresholdPlotLine, color: s.color ?? Styles.thresholdPlotLine.color };\n    if (s.type === \"x-threshold\" && visibleSeries.includes(seriesId)) {\n      xPlotLines.push({ id: seriesId, value: s.value, ...style, dashStyle: s.dashStyle ?? style.dashStyle });\n    }\n    if (s.type === \"y-threshold\" && visibleSeries.includes(seriesId)) {\n      yPlotLines.push({ id: seriesId, value: s.value, ...style, dashStyle: s.dashStyle ?? style.dashStyle });\n    }\n  }\n\n  // Assign linked series color to its respective master series color or color index.\n  const autoColorSeries = originalSeries.filter((s) => !isThreshold(s) && !s.linkedTo && !s.color);\n  const getColorProps = (s: CartesianChartProps.SeriesOptions) => {\n    const masterSeries = getMasterSeries(originalSeries, s);\n    if (!masterSeries) {\n      return {};\n    }\n    return { color: s.color ?? masterSeries.color, colorIndex: autoColorSeries.indexOf(masterSeries) };\n  };\n\n  // The threshold series require data points to enable keyboard navigation and hover effects.\n  const thresholdX = getThresholdX(originalSeries, visibleSeries);\n  const thresholdY = getThresholdY(originalSeries, visibleSeries);\n  function transformSeriesToHighcharts(s: CartesianChartProps.SeriesOptions): Highcharts.SeriesOptionsType {\n    // Highcharts does not properly update data on re-render. When the fake empty series is replaced with the real series,\n    // the properties are merged together, so the showInLegend=false is not overridden.\n    // That is why we explicitly override this property for all real series.\n    const isLinked = !isThreshold(s) && s.linkedTo !== undefined;\n    const shared = { showInLegend: !isLinked };\n    if (isThreshold(s)) {\n      const data =\n        s.type === \"x-threshold\"\n          ? thresholdY.map((y) => ({ x: s.value, y }))\n          : thresholdX.map((x) => ({ x, y: s.value }));\n      const { custom } = createThresholdMetadata(s.type, s.value);\n      const enableMouseTracking = s.type === \"y-threshold\";\n      const style = {\n        ...Styles.thresholdSeries,\n        color: s.color ?? Styles.thresholdSeries.color,\n        dashStyle: s.dashStyle ?? Styles.thresholdSeries.dashStyle,\n      };\n      return { type: \"line\", id: s.id, name: s.name, data, custom, enableMouseTracking, ...style, ...shared };\n    }\n    if (s.type === \"errorbar\") {\n      const color = s.color ?? colorChartsErrorBarMarker;\n      // In Highcharts, the error-bar series graphic color is represented as stem-, and whisker colors.\n      // We simplify that, and only expose a single color prop that sets both of those.\n      const colors = { stemColor: color, whiskerColor: color };\n      return { ...s, data: s.data as Writeable<RangeDataItemOptions[]>, ...colors };\n    }\n    return { ...s, data: s.data as Writeable<PointDataItemType[]>, ...shared, ...getColorProps(s) };\n  }\n  const series = originalSeries.map(transformSeriesToHighcharts);\n  // We inject a fake empty series so that the empty state still shows axes, if defined.\n  if (series.length === 0) {\n    series.push({ type: \"line\", data: [], showInLegend: false });\n  }\n  return { series, xPlotLines, yPlotLines };\n};\n\n// For x-threshold the point-based navigation is disabled as irrelevant. However, we still need at least\n// one data point for core chart to work correctly, so we find the first visible y value from other series.\nfunction getThresholdY(series: readonly CartesianChartProps.SeriesOptions[], visibleSeries: readonly string[]) {\n  for (const s of getVisibleDataSeries(series, visibleSeries)) {\n    for (const d of s.data) {\n      const y = d === null ? null : typeof d === \"number\" ? d : d.y;\n      if (y !== null) {\n        return [y];\n      }\n    }\n  }\n  return [];\n}\n\n// For y-threshold we find all defined x values from other series and use it those to create an array of\n// data points. As result, the y-threshold series becomes properly navigable.\nfunction getThresholdX(series: readonly CartesianChartProps.SeriesOptions[], visibleSeries: readonly string[]) {\n  const allX = new Set<number>();\n  for (const s of getVisibleDataSeries(series, visibleSeries)) {\n    for (let i = 0; i < s.data.length; i++) {\n      const d = s.data[i];\n      const x = (typeof d === \"object\" ? d?.x : i) ?? i;\n      allX.add(x);\n    }\n  }\n  return [...allX].sort((a, b) => a - b);\n}\n\nfunction getVisibleDataSeries(series: readonly CartesianChartProps.SeriesOptions[], visibleSeries: readonly string[]) {\n  const dataSeries: Exclude<\n    CartesianChartProps.SeriesOptions,\n    | CartesianChartProps.XThresholdSeriesOptions\n    | CartesianChartProps.YThresholdSeriesOptions\n    | CartesianChartProps.ErrorBarSeriesOptions\n  >[] = [];\n  for (const s of series) {\n    if (!isThreshold(s) && s.type !== \"errorbar\" && visibleSeries.includes(getOptionsId(s))) {\n      dataSeries.push(s);\n    }\n  }\n  return dataSeries;\n}\n"]}

package/cartesian-chart/index.js

@@ -7,6 +7,7 @@ import { getDataAttributes } from "../internal/base-component/get-data-attribute
 import useBaseComponent from "../internal/base-component/use-base-component";
 import { applyDisplayName } from "../internal/utils/apply-display-name";
 import { InternalCartesianChart } from "./chart-cartesian-internal";
+import { getMasterSeries, isErrorBar, isThreshold } from "./utils";
 const CartesianChart = forwardRef(({ fitHeight = false, inverted = false, stacking = undefined, emphasizeBaseline = true, verticalAxisTitlePlacement = "top", ...props }, ref) => {
     // We transform options before propagating them to the internal chart to ensure only those
     // defined in the component's contract can be propagated down to the underlying Highcharts.
@@ -32,11 +33,11 @@ function transformSeries(untransformedSeries, stacking) {
             case "areaspline":
             case "line":
             case "spline":
-                return transformLineLikeSeries(s);
+                return transformLineLikeSeries(s, untransformedSeries);
             case "column":
-                return transformColumnSeries(s);
+                return transformColumnSeries(s, untransformedSeries);
             case "scatter":
-                return transformScatterSeries(s);
+                return transformScatterSeries(s, untransformedSeries);
             case "errorbar":
                 return transformErrorBarSeries(s, untransformedSeries, stacking);
             case "x-threshold":
@@ -54,22 +55,59 @@ function transformSeries(untransformedSeries, stacking) {
     }
     return transformedSeries;
 }
-function transformLineLikeSeries(s) {
+function validateLinkedTo(series, allSeries) {
+    if (isThreshold(series) || series.linkedTo === undefined) {
+        return true;
+    }
+    // The incorrectly linked series will not appear in our custom legend and tooltip, so we remove them
+    // from the series array. We also do not support linking series to errorbar or threshold series.
+    const masterSeries = getMasterSeries(allSeries, series);
+    if (!masterSeries || isErrorBar(masterSeries) || isThreshold(masterSeries)) {
+        warnOnce("CartesianChart", "The `linkedTo` property points to a missing or unsupported series.");
+        return false;
+    }
+    return true;
+}
+function transformLineLikeSeries(s, allSeries) {
+    if (!validateLinkedTo(s, allSeries)) {
+        return null;
+    }
     const data = transformPointData(s.data);
-    return { type: s.type, id: s.id, name: s.name, color: s.color, dashStyle: s.dashStyle, data };
+    return {
+        type: s.type,
+        id: s.id,
+        name: s.name,
+        color: s.color,
+        dashStyle: s.dashStyle,
+        linkedTo: s.linkedTo,
+        data,
+    };
 }
-function transformColumnSeries(s) {
+function transformColumnSeries(s, allSeries) {
+    if (!validateLinkedTo(s, allSeries)) {
+        return null;
+    }
     const data = transformPointData(s.data);
-    return { type: s.type, id: s.id, name: s.name, color: s.color, data };
+    return { type: s.type, id: s.id, name: s.name, color: s.color, linkedTo: s.linkedTo, data };
 }
-function transformScatterSeries(s) {
+function transformScatterSeries(s, allSeries) {
     var _a;
+    if (!validateLinkedTo(s, allSeries)) {
+        return null;
+    }
     const data = transformPointData(s.data);
     const marker = (_a = s.marker) !== null && _a !== void 0 ? _a : {};
-    return { type: s.type, id: s.id, name: s.name, color: s.color, data, marker };
+    return { type: s.type, id: s.id, name: s.name, color: s.color, linkedTo: s.linkedTo, data, marker };
 }
 function transformThresholdSeries(s) {
-    return { type: s.type, id: s.id, name: s.name, color: s.color, value: s.value, dashStyle: s.dashStyle };
+    return {
+        type: s.type,
+        id: s.id,
+        name: s.name,
+        color: s.color,
+        value: s.value,
+        dashStyle: s.dashStyle,
+    };
 }
 function transformErrorBarSeries(series, allSeries, stacking) {
     // Highcharts only supports error bars for non-stacked series.
@@ -78,17 +116,8 @@ function transformErrorBarSeries(series, allSeries, stacking) {
         warnOnce("CartesianChart", "Error bars are not supported for stacked series.");
         return null;
     }
-    // We only support error bars that are linked to some other series. It is only possible to link it
-    // using series ID (but not name), or by using ":previous" pseudo-selector.
-    // See: https://api.highcharts.com/highcharts/series.errorbar.linkedTo.
-    const linkedSeries = series.linkedTo === ":previous"
-        ? allSeries[allSeries.indexOf(series) - 1]
-        : allSeries.find(({ id }) => id === series.linkedTo);
-    // The non-linked error bars are not supported: those will not appear in our custom legend and tooltip,
-    // so we remove them from the series array. We also do not support linking them to other error bars,
-    // or our custom threshold series.
-    if (!linkedSeries || ["errorbar", "x-threshold", "y-threshold"].includes(linkedSeries.type)) {
-        warnOnce("CartesianChart", 'The `linkedTo` property of "errorbar" series points to a missing, or unsupported series.');
+    // We only support error bars that are linked to some other series.
+    if (!validateLinkedTo(series, allSeries)) {
         return null;
     }
     const data = transformRangeData(series.data);

package/cartesian-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cartesian-chart/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAKpE,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,SAAS,EACpB,iBAAiB,GAAG,IAAI,EACxB,0BAA0B,GAAG,KAAK,EAClC,GAAG,KAAK,EACY,EACtB,GAAuC,EACvC,EAAE;IACF,0FAA0F;IAC1F,2FAA2F;IAC3F,0EAA0E;IAC1E,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7C,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,qBAAqB,EAAE;QACjE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,0BAA0B,EAAE;QACvF,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,sBAAsB,IACrB,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,0BAA0B,EAAE,0BAA0B,EACtD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,KACV,iBAAiB,CAAC,KAAK,CAAC,KACxB,kBAAkB,GACtB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AAEnD,eAAe,cAAc,CAAC;AAE9B,SAAS,eAAe,CACtB,mBAAiE,EACjE,QAAmB;IAEnB,MAAM,iBAAiB,GAAwC,EAAE,CAAC;IAClE,SAAS,qBAAqB,CAAC,CAAoC;QACjE,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,MAAM,CAAC;YACZ,KAAK,YAAY,CAAC;YAClB,KAAK,MAAM,CAAC;YACZ,KAAK,QAAQ;gBACX,OAAO,uBAAuB,CAAC,CAAC,CAAC,CAAC;YACpC,KAAK,QAAQ;gBACX,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAClC,KAAK,SAAS;gBACZ,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC;YACnC,KAAK,UAAU;gBACb,OAAO,uBAAuB,CAAC,CAAC,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC;YACnE,KAAK,aAAa,CAAC;YACnB,KAAK,aAAa;gBAChB,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACrC;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC;IACD,KAAK,MAAM,MAAM,IAAI,mBAAmB,EAAE,CAAC;QACzC,MAAM,WAAW,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAClD,IAAI,WAAW,EAAE,CAAC;YAChB,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IACD,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAED,SAAS,uBAAuB,CAM9B,CAAI;IACJ,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACxC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,EAAO,CAAC;AACrG,CAAC;AAED,SAAS,qBAAqB,CAAoD,CAAI;IACpF,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACxC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAO,CAAC;AAC7E,CAAC;AAED,SAAS,sBAAsB,CAAqD,CAAI;;IACtF,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,MAAA,CAAC,CAAC,MAAM,mCAAI,EAAE,CAAC;IAC9B,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAO,CAAC;AACrF,CAAC;AAED,SAAS,wBAAwB,CAE/B,CAAI;IACJ,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAO,CAAC;AAC/G,CAAC;AAED,SAAS,uBAAuB,CAC9B,MAAiD,EACjD,SAAuD,EACvD,QAAmB;IAEnB,8DAA8D;IAC9D,8DAA8D;IAC9D,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,gBAAgB,EAAE,kDAAkD,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC;IACd,CAAC;IACD,kGAAkG;IAClG,2EAA2E;IAC3E,uEAAuE;IACvE,MAAM,YAAY,GAChB,MAAM,CAAC,QAAQ,KAAK,WAAW;QAC7B,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzD,uGAAuG;IACvG,oGAAoG;IACpG,kCAAkC;IAClC,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5F,QAAQ,CACN,gBAAgB,EAChB,0FAA0F,CAC3F,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,IAAI,GAAG,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvH,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAkC;IAC5D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAqC;IAC/D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAuC;IACpE,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAuC;IACpE,OAAO,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,cAAc,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE,CAAC;AACjF,CAAC;AAED,SAAS,oBAAoB,CAC3B,IAAQ;IAER,OAAO;QACL,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;QAChB,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;QAClB,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG;QACd,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG;QACd,YAAY,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY;QAChC,UAAU,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU;QAC5B,cAAc,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;KAChC,CAAC;AACT,CAAC;AAED,SAAS,gBAAgB,CACvB,OAA4C;;IAE5C,OAAO;QACL,GAAG,OAAO;QACV,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,IAAI;QACjC,SAAS,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,QAAQ;QACzC,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,QAAQ;KAChC,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,MAA0C;;IAE1C,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,IAAI,EAAE,CAAC;AACzD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { forwardRef } from \"react\";\n\nimport { warnOnce } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport { PointDataItemType, RangeDataItemOptions } from \"../core/interfaces\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport useBaseComponent from \"../internal/base-component/use-base-component\";\nimport { applyDisplayName } from \"../internal/utils/apply-display-name\";\nimport { SomeRequired } from \"../internal/utils/utils\";\nimport { InternalCartesianChart } from \"./chart-cartesian-internal\";\nimport { CartesianChartProps } from \"./interfaces\";\n\nexport type { CartesianChartProps };\n\nconst CartesianChart = forwardRef(\n  (\n    {\n      fitHeight = false,\n      inverted = false,\n      stacking = undefined,\n      emphasizeBaseline = true,\n      verticalAxisTitlePlacement = \"top\",\n      ...props\n    }: CartesianChartProps,\n    ref: React.Ref<CartesianChartProps.Ref>,\n  ) => {\n    // We transform options before propagating them to the internal chart to ensure only those\n    // defined in the component's contract can be propagated down to the underlying Highcharts.\n    // Additionally, we assign all default options, including the nested ones.\n    const series = transformSeries(props.series, stacking);\n    const xAxis = transformXAxisOptions(props.xAxis);\n    const yAxis = transformYAxisOptions(props.yAxis);\n    const tooltip = transformTooltip(props.tooltip);\n    const legend = transformLegend(props.legend);\n\n    const baseComponentProps = useBaseComponent(\"CartesianHighcharts\", {\n      props: { fitHeight, inverted, stacking, emphasizeBaseline, verticalAxisTitlePlacement },\n      metadata: {},\n    });\n\n    return (\n      <InternalCartesianChart\n        ref={ref}\n        {...props}\n        fitHeight={fitHeight}\n        inverted={inverted}\n        stacking={stacking}\n        emphasizeBaseline={emphasizeBaseline}\n        verticalAxisTitlePlacement={verticalAxisTitlePlacement}\n        series={series}\n        xAxis={xAxis}\n        yAxis={yAxis}\n        tooltip={tooltip}\n        legend={legend}\n        {...getDataAttributes(props)}\n        {...baseComponentProps}\n      />\n    );\n  },\n);\n\napplyDisplayName(CartesianChart, \"CartesianChart\");\n\nexport default CartesianChart;\n\nfunction transformSeries(\n  untransformedSeries: readonly CartesianChartProps.SeriesOptions[],\n  stacking?: \"normal\",\n): CartesianChartProps.SeriesOptions[] {\n  const transformedSeries: CartesianChartProps.SeriesOptions[] = [];\n  function transformSingleSeries(s: CartesianChartProps.SeriesOptions): null | CartesianChartProps.SeriesOptions {\n    switch (s.type) {\n      case \"area\":\n      case \"areaspline\":\n      case \"line\":\n      case \"spline\":\n        return transformLineLikeSeries(s);\n      case \"column\":\n        return transformColumnSeries(s);\n      case \"scatter\":\n        return transformScatterSeries(s);\n      case \"errorbar\":\n        return transformErrorBarSeries(s, untransformedSeries, stacking);\n      case \"x-threshold\":\n      case \"y-threshold\":\n        return transformThresholdSeries(s);\n      default:\n        return null;\n    }\n  }\n  for (const series of untransformedSeries) {\n    const transformed = transformSingleSeries(series);\n    if (transformed) {\n      transformedSeries.push(transformed);\n    }\n  }\n  return transformedSeries;\n}\n\nfunction transformLineLikeSeries<\n  S extends\n    | CartesianChartProps.AreaSeriesOptions\n    | CartesianChartProps.AreaSplineSeriesOptions\n    | CartesianChartProps.LineSeriesOptions\n    | CartesianChartProps.SplineSeriesOptions,\n>(s: S): null | S {\n  const data = transformPointData(s.data);\n  return { type: s.type, id: s.id, name: s.name, color: s.color, dashStyle: s.dashStyle, data } as S;\n}\n\nfunction transformColumnSeries<S extends CartesianChartProps.ColumnSeriesOptions>(s: S): null | S {\n  const data = transformPointData(s.data);\n  return { type: s.type, id: s.id, name: s.name, color: s.color, data } as S;\n}\n\nfunction transformScatterSeries<S extends CartesianChartProps.ScatterSeriesOptions>(s: S): null | S {\n  const data = transformPointData(s.data);\n  const marker = s.marker ?? {};\n  return { type: s.type, id: s.id, name: s.name, color: s.color, data, marker } as S;\n}\n\nfunction transformThresholdSeries<\n  S extends CartesianChartProps.XThresholdSeriesOptions | CartesianChartProps.YThresholdSeriesOptions,\n>(s: S): null | S {\n  return { type: s.type, id: s.id, name: s.name, color: s.color, value: s.value, dashStyle: s.dashStyle } as S;\n}\n\nfunction transformErrorBarSeries(\n  series: CartesianChartProps.ErrorBarSeriesOptions,\n  allSeries: readonly CartesianChartProps.SeriesOptions[],\n  stacking?: \"normal\",\n): null | CartesianChartProps.ErrorBarSeriesOptions {\n  // Highcharts only supports error bars for non-stacked series.\n  // See: https://github.com/highcharts/highcharts/issues/23080.\n  if (stacking) {\n    warnOnce(\"CartesianChart\", \"Error bars are not supported for stacked series.\");\n    return null;\n  }\n  // We only support error bars that are linked to some other series. It is only possible to link it\n  // using series ID (but not name), or by using \":previous\" pseudo-selector.\n  // See: https://api.highcharts.com/highcharts/series.errorbar.linkedTo.\n  const linkedSeries =\n    series.linkedTo === \":previous\"\n      ? allSeries[allSeries.indexOf(series) - 1]\n      : allSeries.find(({ id }) => id === series.linkedTo);\n  // The non-linked error bars are not supported: those will not appear in our custom legend and tooltip,\n  // so we remove them from the series array. We also do not support linking them to other error bars,\n  // or our custom threshold series.\n  if (!linkedSeries || [\"errorbar\", \"x-threshold\", \"y-threshold\"].includes(linkedSeries.type)) {\n    warnOnce(\n      \"CartesianChart\",\n      'The `linkedTo` property of \"errorbar\" series points to a missing, or unsupported series.',\n    );\n    return null;\n  }\n  const data = transformRangeData(series.data);\n  return { type: series.type, id: series.id, name: series.name, color: series.color, linkedTo: series.linkedTo, data };\n}\n\nfunction transformPointData(data: readonly PointDataItemType[]): readonly PointDataItemType[] {\n  return data.map((d) => (d && typeof d === \"object\" ? { x: d.x, y: d.y } : d));\n}\n\nfunction transformRangeData(data: readonly RangeDataItemOptions[]): readonly RangeDataItemOptions[] {\n  return data.map((d) => ({ x: d.x, low: d.low, high: d.high }));\n}\n\nfunction transformXAxisOptions(axis?: CartesianChartProps.XAxisOptions): CartesianChartProps.XAxisOptions {\n  return transformAxisOptions(axis);\n}\n\nfunction transformYAxisOptions(axis?: CartesianChartProps.YAxisOptions): CartesianChartProps.YAxisOptions {\n  return { ...transformAxisOptions(axis), reversedStacks: axis?.reversedStacks };\n}\n\nfunction transformAxisOptions<O extends CartesianChartProps.XAxisOptions | CartesianChartProps.YAxisOptions>(\n  axis?: O,\n): O {\n  return {\n    type: axis?.type,\n    title: axis?.title,\n    min: axis?.min,\n    max: axis?.max,\n    tickInterval: axis?.tickInterval,\n    categories: axis?.categories,\n    valueFormatter: axis?.valueFormatter,\n  } as O;\n}\n\nfunction transformTooltip(\n  tooltip?: CartesianChartProps.TooltipOptions,\n): SomeRequired<CartesianChartProps.TooltipOptions, \"enabled\" | \"placement\" | \"size\"> {\n  return {\n    ...tooltip,\n    enabled: tooltip?.enabled ?? true,\n    placement: tooltip?.placement ?? \"middle\",\n    size: tooltip?.size ?? \"medium\",\n  };\n}\n\nfunction transformLegend(\n  legend?: CartesianChartProps.LegendOptions,\n): SomeRequired<CartesianChartProps.LegendOptions, \"enabled\"> {\n  return { ...legend, enabled: legend?.enabled ?? true };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cartesian-chart/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { forwardRef } from \"react\";\n\nimport { warnOnce } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport { PointDataItemType, RangeDataItemOptions } from \"../core/interfaces\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport useBaseComponent from \"../internal/base-component/use-base-component\";\nimport { applyDisplayName } from \"../internal/utils/apply-display-name\";\nimport { SomeRequired } from \"../internal/utils/utils\";\nimport { InternalCartesianChart } from \"./chart-cartesian-internal\";\nimport { CartesianChartProps } from \"./interfaces\";\nimport { getMasterSeries, isErrorBar, isThreshold } from \"./utils\";\n\nexport type { CartesianChartProps };\n\nconst CartesianChart = forwardRef(\n  (\n    {\n      fitHeight = false,\n      inverted = false,\n      stacking = undefined,\n      emphasizeBaseline = true,\n      verticalAxisTitlePlacement = \"top\",\n      ...props\n    }: CartesianChartProps,\n    ref: React.Ref<CartesianChartProps.Ref>,\n  ) => {\n    // We transform options before propagating them to the internal chart to ensure only those\n    // defined in the component's contract can be propagated down to the underlying Highcharts.\n    // Additionally, we assign all default options, including the nested ones.\n    const series = transformSeries(props.series, stacking);\n    const xAxis = transformXAxisOptions(props.xAxis);\n    const yAxis = transformYAxisOptions(props.yAxis);\n    const tooltip = transformTooltip(props.tooltip);\n    const legend = transformLegend(props.legend);\n\n    const baseComponentProps = useBaseComponent(\"CartesianHighcharts\", {\n      props: { fitHeight, inverted, stacking, emphasizeBaseline, verticalAxisTitlePlacement },\n      metadata: {},\n    });\n\n    return (\n      <InternalCartesianChart\n        ref={ref}\n        {...props}\n        fitHeight={fitHeight}\n        inverted={inverted}\n        stacking={stacking}\n        emphasizeBaseline={emphasizeBaseline}\n        verticalAxisTitlePlacement={verticalAxisTitlePlacement}\n        series={series}\n        xAxis={xAxis}\n        yAxis={yAxis}\n        tooltip={tooltip}\n        legend={legend}\n        {...getDataAttributes(props)}\n        {...baseComponentProps}\n      />\n    );\n  },\n);\n\napplyDisplayName(CartesianChart, \"CartesianChart\");\n\nexport default CartesianChart;\n\nfunction transformSeries(\n  untransformedSeries: readonly CartesianChartProps.SeriesOptions[],\n  stacking?: \"normal\",\n): CartesianChartProps.SeriesOptions[] {\n  const transformedSeries: CartesianChartProps.SeriesOptions[] = [];\n  function transformSingleSeries(s: CartesianChartProps.SeriesOptions): null | CartesianChartProps.SeriesOptions {\n    switch (s.type) {\n      case \"area\":\n      case \"areaspline\":\n      case \"line\":\n      case \"spline\":\n        return transformLineLikeSeries(s, untransformedSeries);\n      case \"column\":\n        return transformColumnSeries(s, untransformedSeries);\n      case \"scatter\":\n        return transformScatterSeries(s, untransformedSeries);\n      case \"errorbar\":\n        return transformErrorBarSeries(s, untransformedSeries, stacking);\n      case \"x-threshold\":\n      case \"y-threshold\":\n        return transformThresholdSeries(s);\n      default:\n        return null;\n    }\n  }\n  for (const series of untransformedSeries) {\n    const transformed = transformSingleSeries(series);\n    if (transformed) {\n      transformedSeries.push(transformed);\n    }\n  }\n  return transformedSeries;\n}\n\nfunction validateLinkedTo(\n  series: CartesianChartProps.SeriesOptions,\n  allSeries: readonly CartesianChartProps.SeriesOptions[],\n): boolean {\n  if (isThreshold(series) || series.linkedTo === undefined) {\n    return true;\n  }\n  // The incorrectly linked series will not appear in our custom legend and tooltip, so we remove them\n  // from the series array. We also do not support linking series to errorbar or threshold series.\n  const masterSeries = getMasterSeries(allSeries, series);\n  if (!masterSeries || isErrorBar(masterSeries) || isThreshold(masterSeries)) {\n    warnOnce(\"CartesianChart\", \"The `linkedTo` property points to a missing or unsupported series.\");\n    return false;\n  }\n  return true;\n}\n\nfunction transformLineLikeSeries<\n  S extends\n    | CartesianChartProps.AreaSeriesOptions\n    | CartesianChartProps.AreaSplineSeriesOptions\n    | CartesianChartProps.LineSeriesOptions\n    | CartesianChartProps.SplineSeriesOptions,\n>(s: S, allSeries: readonly CartesianChartProps.SeriesOptions[]): null | S {\n  if (!validateLinkedTo(s, allSeries)) {\n    return null;\n  }\n  const data = transformPointData(s.data);\n  return {\n    type: s.type,\n    id: s.id,\n    name: s.name,\n    color: s.color,\n    dashStyle: s.dashStyle,\n    linkedTo: s.linkedTo,\n    data,\n  } as S;\n}\n\nfunction transformColumnSeries<S extends CartesianChartProps.ColumnSeriesOptions>(\n  s: S,\n  allSeries: readonly CartesianChartProps.SeriesOptions[],\n): null | S {\n  if (!validateLinkedTo(s, allSeries)) {\n    return null;\n  }\n  const data = transformPointData(s.data);\n  return { type: s.type, id: s.id, name: s.name, color: s.color, linkedTo: s.linkedTo, data } as S;\n}\n\nfunction transformScatterSeries<S extends CartesianChartProps.ScatterSeriesOptions>(\n  s: S,\n  allSeries: readonly CartesianChartProps.SeriesOptions[],\n): null | S {\n  if (!validateLinkedTo(s, allSeries)) {\n    return null;\n  }\n  const data = transformPointData(s.data);\n  const marker = s.marker ?? {};\n  return { type: s.type, id: s.id, name: s.name, color: s.color, linkedTo: s.linkedTo, data, marker } as S;\n}\n\nfunction transformThresholdSeries<\n  S extends CartesianChartProps.XThresholdSeriesOptions | CartesianChartProps.YThresholdSeriesOptions,\n>(s: S): null | S {\n  return {\n    type: s.type,\n    id: s.id,\n    name: s.name,\n    color: s.color,\n    value: s.value,\n    dashStyle: s.dashStyle,\n  } as S;\n}\n\nfunction transformErrorBarSeries(\n  series: CartesianChartProps.ErrorBarSeriesOptions,\n  allSeries: readonly CartesianChartProps.SeriesOptions[],\n  stacking?: \"normal\",\n): null | CartesianChartProps.ErrorBarSeriesOptions {\n  // Highcharts only supports error bars for non-stacked series.\n  // See: https://github.com/highcharts/highcharts/issues/23080.\n  if (stacking) {\n    warnOnce(\"CartesianChart\", \"Error bars are not supported for stacked series.\");\n    return null;\n  }\n  // We only support error bars that are linked to some other series.\n  if (!validateLinkedTo(series, allSeries)) {\n    return null;\n  }\n  const data = transformRangeData(series.data);\n  return { type: series.type, id: series.id, name: series.name, color: series.color, linkedTo: series.linkedTo, data };\n}\n\nfunction transformPointData(data: readonly PointDataItemType[]): readonly PointDataItemType[] {\n  return data.map((d) => (d && typeof d === \"object\" ? { x: d.x, y: d.y } : d));\n}\n\nfunction transformRangeData(data: readonly RangeDataItemOptions[]): readonly RangeDataItemOptions[] {\n  return data.map((d) => ({ x: d.x, low: d.low, high: d.high }));\n}\n\nfunction transformXAxisOptions(axis?: CartesianChartProps.XAxisOptions): CartesianChartProps.XAxisOptions {\n  return transformAxisOptions(axis);\n}\n\nfunction transformYAxisOptions(axis?: CartesianChartProps.YAxisOptions): CartesianChartProps.YAxisOptions {\n  return { ...transformAxisOptions(axis), reversedStacks: axis?.reversedStacks };\n}\n\nfunction transformAxisOptions<O extends CartesianChartProps.XAxisOptions | CartesianChartProps.YAxisOptions>(\n  axis?: O,\n): O {\n  return {\n    type: axis?.type,\n    title: axis?.title,\n    min: axis?.min,\n    max: axis?.max,\n    tickInterval: axis?.tickInterval,\n    categories: axis?.categories,\n    valueFormatter: axis?.valueFormatter,\n  } as O;\n}\n\nfunction transformTooltip(\n  tooltip?: CartesianChartProps.TooltipOptions,\n): SomeRequired<CartesianChartProps.TooltipOptions, \"enabled\" | \"placement\" | \"size\"> {\n  return {\n    ...tooltip,\n    enabled: tooltip?.enabled ?? true,\n    placement: tooltip?.placement ?? \"middle\",\n    size: tooltip?.size ?? \"medium\",\n  };\n}\n\nfunction transformLegend(\n  legend?: CartesianChartProps.LegendOptions,\n): SomeRequired<CartesianChartProps.LegendOptions, \"enabled\"> {\n  return { ...legend, enabled: legend?.enabled ?? true };\n}\n"]}

package/cartesian-chart/utils.d.ts

@@ -0,0 +1,4 @@
+import { CartesianChartProps } from "./interfaces";
+export declare function isErrorBar(s: CartesianChartProps.SeriesOptions): s is CartesianChartProps.ErrorBarSeriesOptions;
+export declare function isThreshold(s: CartesianChartProps.SeriesOptions): s is CartesianChartProps.XThresholdSeriesOptions | CartesianChartProps.YThresholdSeriesOptions;
+export declare function getMasterSeries(series: readonly CartesianChartProps.SeriesOptions[], linked: CartesianChartProps.SeriesOptions): null | CartesianChartProps.SeriesOptions;

package/cartesian-chart/utils.js

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export function isErrorBar(s) {
+    return s.type === "errorbar";
+}
+export function isThreshold(s) {
+    return s.type === "x-threshold" || s.type === "y-threshold";
+}
+// Series can be linked using `linkedTo` set to another series ID or to the ":previous" pseudo-selector.
+// See: https://api.highcharts.com/highcharts/series.errorbar.linkedTo.
+export function getMasterSeries(series, linked) {
+    var _a;
+    if (isThreshold(linked) || !linked.linkedTo) {
+        return null;
+    }
+    const linkedSeriesIndex = series.indexOf(linked);
+    const prevSeries = series[linkedSeriesIndex - 1];
+    return linked.linkedTo === ":previous" ? prevSeries : ((_a = series.find((m) => m.id === linked.linkedTo)) !== null && _a !== void 0 ? _a : null);
+}
+//# sourceMappingURL=utils.js.map

package/cartesian-chart/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/cartesian-chart/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,MAAM,UAAU,UAAU,CAAC,CAAoC;IAC7D,OAAO,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,CAAoC;IAEpC,OAAO,CAAC,CAAC,IAAI,KAAK,aAAa,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC;AAC9D,CAAC;AAED,wGAAwG;AACxG,uEAAuE;AACvE,MAAM,UAAU,eAAe,CAC7B,MAAoD,EACpD,MAAyC;;IAEzC,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;IACjD,OAAO,MAAM,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC,CAAC;AAC/G,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { CartesianChartProps } from \"./interfaces\";\n\nexport function isErrorBar(s: CartesianChartProps.SeriesOptions): s is CartesianChartProps.ErrorBarSeriesOptions {\n  return s.type === \"errorbar\";\n}\n\nexport function isThreshold(\n  s: CartesianChartProps.SeriesOptions,\n): s is CartesianChartProps.XThresholdSeriesOptions | CartesianChartProps.YThresholdSeriesOptions {\n  return s.type === \"x-threshold\" || s.type === \"y-threshold\";\n}\n\n// Series can be linked using `linkedTo` set to another series ID or to the \":previous\" pseudo-selector.\n// See: https://api.highcharts.com/highcharts/series.errorbar.linkedTo.\nexport function getMasterSeries(\n  series: readonly CartesianChartProps.SeriesOptions[],\n  linked: CartesianChartProps.SeriesOptions,\n): null | CartesianChartProps.SeriesOptions {\n  if (isThreshold(linked) || !linked.linkedTo) {\n    return null;\n  }\n  const linkedSeriesIndex = series.indexOf(linked);\n  const prevSeries = series[linkedSeriesIndex - 1];\n  return linked.linkedTo === \":previous\" ? prevSeries : (series.find((m) => m.id === linked.linkedTo) ?? null);\n}\n"]}

package/core/chart-api/chart-extra-context.d.ts

@@ -30,8 +30,8 @@ export declare namespace ChartExtraContext {
     }
     interface DerivedState {
         allX: number[];
-        getAllXInSeries: (series: Highcharts.Series) => number[];
         getPointsByX: (x: number) => Highcharts.Point[];
+        getSeriesPoints: (series: Highcharts.Series) => Highcharts.Point[];
         groupRects: {
             group: Highcharts.Point[];
             rect: Rect;

package/core/chart-api/chart-extra-context.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import { getChartSeries } from "../../internal/utils/chart-series";
 import { getSeriesData } from "../../internal/utils/series-data";
-import { getGroupRect, isSeriesStacked } from "../utils";
+import { getGroupRect, isPointVisible, isSeriesStacked } from "../utils";
 // The context is created when the chart component is rendered for the first time.
 // On every subsequent render the settings and state are updated directly in the context object.
 export function createChartContext() {
@@ -24,7 +24,7 @@ export function createChartContext() {
             throw new Error("Invariant violation: using chart API before initialization.");
         },
         chartOrNull: null,
-        derived: { allX: [], getAllXInSeries: () => [], getPointsByX: () => [], groupRects: [] },
+        derived: { allX: [], getPointsByX: () => [], getSeriesPoints: () => [], groupRects: [] },
     };
 }
 // The update method is called on every chart render, before any other initialization code.
@@ -35,6 +35,7 @@ export function updateChartContext(context, chart) {
     context.derived = computeDerivedState(chart);
 }
 function computeDerivedState(chart) {
+    var _a;
     const allXSet = new Set();
     const allXInSeries = new WeakMap();
     const pointsByX = new Map();
@@ -60,16 +61,41 @@ function computeDerivedState(chart) {
                 }
             }
         }
-        allXInSeries.set(s, Array.from(seriesX).sort(compareX));
+        allXInSeries.set(s, Array.from(seriesX));
     }
     for (const [, points] of pointsByX) {
         sortPoints(points);
     }
     const allX = Array.from(allXSet).sort(compareX);
+    // For each series, compute the ordered list of points to navigate through. For a linked family
+    // (primary + its linked children), all members share the same flat list: points sorted by X,
+    // with family members interleaved in series order within the same X value.
+    const seriesPointsMap = new WeakMap();
+    for (const s of getChartSeries(chart.series)) {
+        if (seriesPointsMap.has(s)) {
+            continue; // Already computed as part of a family.
+        }
+        const master = (_a = s.linkedParent) !== null && _a !== void 0 ? _a : s;
+        const family = [master, ...master.linkedSeries];
+        const familyXSet = new Set(family.flatMap((m) => { var _a; return (_a = allXInSeries.get(m)) !== null && _a !== void 0 ? _a : []; }));
+        const familyPoints = [];
+        for (const x of Array.from(familyXSet).sort(compareX)) {
+            for (const member of family) {
+                const point = member.data.find((d) => d.x === x && isPointVisible(d) && d.y !== null);
+                if (point && familyXSet.has(x)) {
+                    familyPoints.push(point);
+                    familyXSet.delete(x); // We ignore points that share X coordinate.
+                }
+            }
+        }
+        for (const member of family) {
+            seriesPointsMap.set(member, familyPoints);
+        }
+    }
     return {
         allX,
-        getAllXInSeries: (s) => { var _a; return (_a = allXInSeries.get(s)) !== null && _a !== void 0 ? _a : []; },
         getPointsByX: (x) => { var _a; return (_a = pointsByX.get(x)) !== null && _a !== void 0 ? _a : []; },
+        getSeriesPoints: (s) => { var _a; return (_a = seriesPointsMap.get(s)) !== null && _a !== void 0 ? _a : []; },
         // Group rects are computed for every available x coordinate, each including at least one point with matching x value.
         // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.
         groupRects: allX.map((x) => ({

package/core/chart-api/chart-extra-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-extra-context.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-context.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport { NonCancelableEventHandler } from \"../../internal/events\";\nimport { getChartSeries } from \"../../internal/utils/chart-series\";\nimport { getSeriesData } from \"../../internal/utils/series-data\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isSeriesStacked } from \"../utils\";\n\n// Chart API context is used for dependency injection for chart utilities.\n// It is initialized on chart render, and includes the chart instance, consumer\n// settings and state, and derived state, which is computed from the chart instance\n// on each render, and reused across utilities to avoid duplicate work.\n\nexport interface ChartExtraContext {\n  settings: ChartExtraContext.Settings;\n  handlers: ChartExtraContext.Handlers;\n  state: ChartExtraContext.State;\n  derived: ChartExtraContext.DerivedState;\n  chartOrNull: null | Highcharts.Chart;\n  chart: () => Highcharts.Chart;\n}\n\nexport namespace ChartExtraContext {\n  export interface Settings {\n    chartId: string;\n    noDataEnabled: boolean;\n    legendEnabled: boolean;\n    tooltipEnabled: boolean;\n    keyboardNavigationEnabled: boolean;\n    labels: ChartLabels;\n    getItemOptions?: CoreChartProps.GetItemOptions;\n  }\n\n  export interface Handlers {\n    onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n    onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n    onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n  }\n\n  export interface State {\n    visibleItems?: readonly string[];\n  }\n\n  export interface DerivedState {\n    allX: number[];\n    getAllXInSeries: (series: Highcharts.Series) => number[];\n    getPointsByX: (x: number) => Highcharts.Point[];\n    groupRects: { group: Highcharts.Point[]; rect: Rect }[];\n  }\n}\n\n// The context is created when the chart component is rendered for the first time.\n// On every subsequent render the settings and state are updated directly in the context object.\nexport function createChartContext(): ChartExtraContext {\n  return {\n    settings: {\n      chartId: \"\",\n      noDataEnabled: false,\n      legendEnabled: false,\n      tooltipEnabled: false,\n      keyboardNavigationEnabled: false,\n      labels: {},\n    },\n    handlers: {},\n    state: {},\n    chart: () => {\n      // Before the first chart render there is no chart instance, which is required for most of the utilities.\n      // Instead of doing null checks in each utility, an attempt to access the chart instance before it is ready\n      // will cause an exception, indicating an logical error in the code.\n      throw new Error(\"Invariant violation: using chart API before initialization.\");\n    },\n    chartOrNull: null,\n    derived: { allX: [], getAllXInSeries: () => [], getPointsByX: () => [], groupRects: [] },\n  };\n}\n\n// The update method is called on every chart render, before any other initialization code.\n// This ensures the context state is up to date and can be used for subsequent computations.\nexport function updateChartContext(context: ChartExtraContext, chart: Highcharts.Chart) {\n  context.chart = () => chart;\n  context.chartOrNull = chart;\n  context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: Highcharts.Chart): ChartExtraContext.DerivedState {\n  const allXSet = new Set<number>();\n  const allXInSeries = new WeakMap<Highcharts.Series, number[]>();\n  const pointsByX = new Map<number, Highcharts.Point[]>();\n  const getXPoints = (x: number) => pointsByX.get(x) ?? [];\n  const addPoint = (point: Highcharts.Point) => {\n    const xPoints = getXPoints(point.x);\n    xPoints.push(point);\n    pointsByX.set(point.x, xPoints);\n  };\n  const compareX = (a: number, b: number) => a - b;\n\n  for (const s of getChartSeries(chart.series)) {\n    const seriesX = new Set<number>();\n    if (s.visible) {\n      for (const d of getSeriesData(s.data)) {\n        // Points with y=null represent the absence of value, there is no need to include them and those\n        // should have no impact on computed rects or navigation.\n\n        // Although \"d\" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints\n        // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)\n        if (d.visible && d.y !== null) {\n          seriesX.add(d.x);\n          allXSet.add(d.x);\n          addPoint(d);\n        }\n      }\n    }\n    allXInSeries.set(s, Array.from(seriesX).sort(compareX));\n  }\n  for (const [, points] of pointsByX) {\n    sortPoints(points);\n  }\n  const allX = Array.from(allXSet).sort(compareX);\n  return {\n    allX,\n    getAllXInSeries: (s) => allXInSeries.get(s) ?? [],\n    getPointsByX: (x) => pointsByX.get(x) ?? [],\n    // Group rects are computed for every available x coordinate, each including at least one point with matching x value.\n    // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.\n    groupRects: allX.map((x) => ({\n      group: getXPoints(x),\n      rect: getGroupRect(getXPoints(x)),\n    })),\n  };\n}\n\n// The points are sorted to ensure consistent navigation, including inverted chart orientation.\n// The order of series in grouped column charts is kept, while stacked series are sorted by their\n// respective positions in the plot.\nfunction sortPoints(group: Highcharts.Point[]) {\n  const reversed = !!group[0]?.series.yAxis?.reversed;\n  group.sort((a, b) => {\n    const ay = a.plotY === undefined || (a.series.type === \"column\" && !isSeriesStacked(a.series)) ? 0 : a.plotY;\n    const by = b.plotY === undefined || (b.series.type === \"column\" && !isSeriesStacked(b.series)) ? 0 : b.plotY;\n    return !reversed ? ay - by : by - ay;\n  });\n}\n"]}
+{"version":3,"file":"chart-extra-context.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-context.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport { NonCancelableEventHandler } from \"../../internal/events\";\nimport { getChartSeries } from \"../../internal/utils/chart-series\";\nimport { getSeriesData } from \"../../internal/utils/series-data\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isPointVisible, isSeriesStacked } from \"../utils\";\n\n// Chart API context is used for dependency injection for chart utilities.\n// It is initialized on chart render, and includes the chart instance, consumer\n// settings and state, and derived state, which is computed from the chart instance\n// on each render, and reused across utilities to avoid duplicate work.\n\nexport interface ChartExtraContext {\n  settings: ChartExtraContext.Settings;\n  handlers: ChartExtraContext.Handlers;\n  state: ChartExtraContext.State;\n  derived: ChartExtraContext.DerivedState;\n  chartOrNull: null | Highcharts.Chart;\n  chart: () => Highcharts.Chart;\n}\n\nexport namespace ChartExtraContext {\n  export interface Settings {\n    chartId: string;\n    noDataEnabled: boolean;\n    legendEnabled: boolean;\n    tooltipEnabled: boolean;\n    keyboardNavigationEnabled: boolean;\n    labels: ChartLabels;\n    getItemOptions?: CoreChartProps.GetItemOptions;\n  }\n\n  export interface Handlers {\n    onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n    onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n    onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n  }\n\n  export interface State {\n    visibleItems?: readonly string[];\n  }\n\n  export interface DerivedState {\n    allX: number[];\n    getPointsByX: (x: number) => Highcharts.Point[];\n    getSeriesPoints: (series: Highcharts.Series) => Highcharts.Point[];\n    groupRects: { group: Highcharts.Point[]; rect: Rect }[];\n  }\n}\n\n// The context is created when the chart component is rendered for the first time.\n// On every subsequent render the settings and state are updated directly in the context object.\nexport function createChartContext(): ChartExtraContext {\n  return {\n    settings: {\n      chartId: \"\",\n      noDataEnabled: false,\n      legendEnabled: false,\n      tooltipEnabled: false,\n      keyboardNavigationEnabled: false,\n      labels: {},\n    },\n    handlers: {},\n    state: {},\n    chart: () => {\n      // Before the first chart render there is no chart instance, which is required for most of the utilities.\n      // Instead of doing null checks in each utility, an attempt to access the chart instance before it is ready\n      // will cause an exception, indicating an logical error in the code.\n      throw new Error(\"Invariant violation: using chart API before initialization.\");\n    },\n    chartOrNull: null,\n    derived: { allX: [], getPointsByX: () => [], getSeriesPoints: () => [], groupRects: [] },\n  };\n}\n\n// The update method is called on every chart render, before any other initialization code.\n// This ensures the context state is up to date and can be used for subsequent computations.\nexport function updateChartContext(context: ChartExtraContext, chart: Highcharts.Chart) {\n  context.chart = () => chart;\n  context.chartOrNull = chart;\n  context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: Highcharts.Chart): ChartExtraContext.DerivedState {\n  const allXSet = new Set<number>();\n  const allXInSeries = new WeakMap<Highcharts.Series, number[]>();\n  const pointsByX = new Map<number, Highcharts.Point[]>();\n  const getXPoints = (x: number) => pointsByX.get(x) ?? [];\n  const addPoint = (point: Highcharts.Point) => {\n    const xPoints = getXPoints(point.x);\n    xPoints.push(point);\n    pointsByX.set(point.x, xPoints);\n  };\n  const compareX = (a: number, b: number) => a - b;\n\n  for (const s of getChartSeries(chart.series)) {\n    const seriesX = new Set<number>();\n    if (s.visible) {\n      for (const d of getSeriesData(s.data)) {\n        // Points with y=null represent the absence of value, there is no need to include them and those\n        // should have no impact on computed rects or navigation.\n\n        // Although \"d\" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints\n        // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)\n        if (d.visible && d.y !== null) {\n          seriesX.add(d.x);\n          allXSet.add(d.x);\n          addPoint(d);\n        }\n      }\n    }\n    allXInSeries.set(s, Array.from(seriesX));\n  }\n  for (const [, points] of pointsByX) {\n    sortPoints(points);\n  }\n  const allX = Array.from(allXSet).sort(compareX);\n\n  // For each series, compute the ordered list of points to navigate through. For a linked family\n  // (primary + its linked children), all members share the same flat list: points sorted by X,\n  // with family members interleaved in series order within the same X value.\n  const seriesPointsMap = new WeakMap<Highcharts.Series, Highcharts.Point[]>();\n  for (const s of getChartSeries(chart.series)) {\n    if (seriesPointsMap.has(s)) {\n      continue; // Already computed as part of a family.\n    }\n    const master = s.linkedParent ?? s;\n    const family = [master, ...master.linkedSeries];\n    const familyXSet = new Set(family.flatMap((m) => allXInSeries.get(m) ?? []));\n    const familyPoints: Highcharts.Point[] = [];\n    for (const x of Array.from(familyXSet).sort(compareX)) {\n      for (const member of family) {\n        const point = member.data.find((d) => d.x === x && isPointVisible(d) && d.y !== null);\n        if (point && familyXSet.has(x)) {\n          familyPoints.push(point);\n          familyXSet.delete(x); // We ignore points that share X coordinate.\n        }\n      }\n    }\n    for (const member of family) {\n      seriesPointsMap.set(member, familyPoints);\n    }\n  }\n  return {\n    allX,\n    getPointsByX: (x) => pointsByX.get(x) ?? [],\n    getSeriesPoints: (s) => seriesPointsMap.get(s) ?? [],\n    // Group rects are computed for every available x coordinate, each including at least one point with matching x value.\n    // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.\n    groupRects: allX.map((x) => ({\n      group: getXPoints(x),\n      rect: getGroupRect(getXPoints(x)),\n    })),\n  };\n}\n\n// The points are sorted to ensure consistent navigation, including inverted chart orientation.\n// The order of series in grouped column charts is kept, while stacked series are sorted by their\n// respective positions in the plot.\nfunction sortPoints(group: Highcharts.Point[]) {\n  const reversed = !!group[0]?.series.yAxis?.reversed;\n  group.sort((a, b) => {\n    const ay = a.plotY === undefined || (a.series.type === \"column\" && !isSeriesStacked(a.series)) ? 0 : a.plotY;\n    const by = b.plotY === undefined || (b.series.type === \"column\" && !isSeriesStacked(b.series)) ? 0 : b.plotY;\n    return !reversed ? ay - by : by - ay;\n  });\n}\n"]}

package/core/chart-api/chart-extra-highlight.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import * as Styles from "../../internal/chart-styles";
+import { getLinkedSeries, getMasterSeries } from "../../internal/utils/chart-series";
 import { getSeriesData } from "../../internal/utils/series-data";
 import { getPointId, getSeriesId } from "../utils";
 const SET_STATE_LOCK = Symbol("awsui-set-state-lock");
@@ -15,20 +16,23 @@ export class ChartExtraHighlight {
         this.pointState = new Map();
         // The method highlights specified series or points (by id). It is used when hovering over the legend items.
         this.highlightChartItems = (itemIds) => {
+            const itemIdsSet = new Set(itemIds);
             for (const s of this.context.chart().series) {
                 // In pie charts it is the points, not series, that are shown in the legend, and can be highlighted.
                 if (s.type === "pie") {
-                    for (const p of s.data) {
-                        if (itemIds.includes(getPointId(p))) {
+                    for (const p of getSeriesData(s.data)) {
+                        if (itemIdsSet.has(getPointId(p))) {
                             this.setPointState(p, "hover");
                         }
                     }
                 }
                 else {
-                    this.setSeriesState(s, itemIds.includes(getSeriesId(s)) ? "" : "inactive");
+                    const seriesActive = itemIdsSet.has(getSeriesId(s));
+                    const masterSeriesActive = s.linkedParent ? itemIdsSet.has(getSeriesId(s.linkedParent)) : false;
+                    this.setSeriesState(s, seriesActive || masterSeriesActive ? "" : "inactive");
                 }
             }
-            setPlotLinesState(this.context.chart(), (lineId) => itemIds.includes(lineId));
+            setPlotLinesState(this.context.chart(), (lineId) => itemIdsSet.has(lineId));
         };
         // This method is similar to the above, but it takes a group of points. The cartesian chart points
         // do not have IDs, so we match points and series by their references instead. This is used to control
@@ -39,15 +43,17 @@ export class ChartExtraHighlight {
             const includedSeriesIds = new Set();
             points.forEach((point) => {
                 includedPoints.add(point);
-                includedSeries.add(point.series);
-                includedSeriesIds.add(getSeriesId(point.series));
+                getLinkedSeries(point).forEach((s) => {
+                    includedSeries.add(s);
+                    includedSeriesIds.add(getSeriesId(s));
+                });
             });
             for (const s of this.context.chart().series) {
                 this.setSeriesState(s, includedSeries.has(s) ? "" : "inactive");
                 // For column series we ensure only one group/stack that matches selected X is highlighted.
                 // See: https://github.com/highcharts/highcharts/issues/23076.
                 if (s.type === "column") {
-                    for (const d of s.data) {
+                    for (const d of getSeriesData(s.data)) {
                         this.setPointState(d, includedPoints.has(d) ? "" : "inactive");
                     }
                 }
@@ -57,37 +63,34 @@ export class ChartExtraHighlight {
         // This method is similar to the above, but it takes a single point. This is used for point highlighting
         // in cartesian charts, and for pie chart segments.
         this.highlightChartPoint = (point) => {
+            const masterSeries = getMasterSeries(point);
+            const linkedSeries = new Set(getLinkedSeries(point));
             for (const s of this.context.chart().series) {
-                this.setSeriesState(s, point.series === s ? "hover" : "inactive");
                 // For pie charts it is important that the hover actions comes last, as otherwise the segment's highlight "halo"
                 // is removed whenever any segment is made inactive.
+                this.setSeriesState(s, linkedSeries.has(s) ? "hover" : "inactive");
                 if (s.type === "pie") {
-                    for (const d of s.data) {
+                    for (const d of getSeriesData(s.data)) {
                         this.setPointState(d, "inactive");
                     }
                     this.setPointState(point, "hover");
                 }
                 // For column series we ensure only one group/stack that matches selected X is highlighted.
                 else if (s.type === "column") {
-                    for (const d of s.data) {
+                    for (const d of getSeriesData(s.data)) {
                         this.setPointState(d, d === point ? "hover" : "inactive");
                     }
                 }
             }
-            // Highlight linked series when target series is highlighted.
-            this.context
-                .chart()
-                .series.filter((series) => series === point.series)
-                .forEach((series) => series.linkedSeries.forEach((linked) => this.setSeriesState(linked, "hover")));
             // Highlight threshold series plot lines.
-            setPlotLinesState(this.context.chart(), (lineId) => lineId === getSeriesId(point.series));
+            setPlotLinesState(this.context.chart(), (lineId) => lineId === getSeriesId(masterSeries));
         };
         // Removes dimmed state from all series and points.
         this.clearChartItemsHighlight = () => {
             var _a;
             for (const s of (_a = this.context.chart().series) !== null && _a !== void 0 ? _a : []) {
                 this.setSeriesState(s, "");
-                for (const p of s.data) {
+                for (const p of getSeriesData(s.data)) {
                     this.setPointState(p, "");
                 }
             }