@cloudscape-design/chart-components 1.0.22 → 1.0.23

package/core/utils.d.ts

@@ -1,13 +1,15 @@
+/// <reference types="react" />
 import type Highcharts from "highcharts";
 import { ChartSeriesMarkerType } from "../internal/components/series-marker";
 import { ChartLabels } from "./i18n-utils";
-import { Rect } from "./interfaces";
+import { CoreChartProps, Rect } from "./interfaces";
 export interface LegendItemSpec {
     id: string;
     name: string;
     markerType: ChartSeriesMarkerType;
     color: string;
     visible: boolean;
+    isSecondary: boolean;
 }
 export declare function getSeriesId(series: Highcharts.Series): string;
 export declare function getPointId(point: Highcharts.Point): string;
@@ -36,7 +38,27 @@ export declare function getSeriesMarkerType(series?: Highcharts.Series): ChartSe
 export declare function getSeriesColor(series?: Highcharts.Series): string;
 export declare function getPointColor(point?: Highcharts.Point): string;
 export declare function getChartLegendItems(chart: Highcharts.Chart): readonly LegendItemSpec[];
-export declare function hasVisibleLegendItems(options: Highcharts.Options): boolean;
+export type LegendItemOptions = Highcharts.SeriesOptionsType | Highcharts.PointOptionsType;
+export declare function getVisibleLegendItems(options: Highcharts.Options): {
+    primaryItems: LegendItemOptions[];
+    secondaryItems: LegendItemOptions[];
+};
+export declare function getLegendsProps(options: CoreChartProps.ChartOptions, legendOptions: CoreChartProps.LegendOptions | undefined): {
+    primary: {
+        readonly isSecondary: false;
+        readonly title: string | undefined;
+        readonly actions: import("react").ReactNode;
+        readonly alignment: "horizontal" | "vertical";
+        readonly horizontalAlignment: CoreChartProps.LegendOptionsHorizontalAlignment | undefined;
+    } | undefined;
+    secondary: {
+        readonly isSecondary: true;
+        readonly title: string | undefined;
+        readonly actions: import("react").ReactNode;
+        readonly alignment: "horizontal" | "vertical";
+        readonly horizontalAlignment: "end";
+    } | undefined;
+};
 export declare function getPointRect(point: Highcharts.Point): Rect;
 export declare function getGroupRect(points: readonly Highcharts.Point[]): Rect;
 export declare function safeRect(rect: Rect): Rect;

package/core/utils.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { getChartSeries } from "../internal/utils/chart-series";
+import { castArray } from "../internal/utils/utils";
 import { getFormatter } from "./formatters";
 // The below functions extract unique identifier from series, point, or options. The identifier can be item's ID or name.
 // We expect that items requiring referencing (e.g. in order to control their visibility) have the unique identifier defined.
@@ -93,8 +94,10 @@ export function getPointColor(point) {
 // There exists a Highcharts APIs to access legend items, but it is unfortunately not available, when
 // Highcharts legend is disabled. Instead, we use this custom method to collect legend items from the chart.
 export function getChartLegendItems(chart) {
+    var _a, _b, _c;
     const legendItems = [];
-    const addSeriesItem = (series) => {
+    const isInverted = (_a = chart.inverted) !== null && _a !== void 0 ? _a : false;
+    const addSeriesItem = (series, isSecondary) => {
         // The pie series is not shown in the legend. Instead, we show pie segments.
         if (series.type === "pie") {
             return;
@@ -113,10 +116,11 @@ export function getChartLegendItems(chart) {
                 markerType: getSeriesMarkerType(series),
                 color: getSeriesColor(series),
                 visible: series.visible,
+                isSecondary,
             });
         }
     };
-    const addPointItem = (point) => {
+    const addPointItem = (point, isSecondary) => {
         if (point.series.type === "pie") {
             legendItems.push({
                 id: getPointId(point),
@@ -124,29 +128,88 @@ export function getChartLegendItems(chart) {
                 markerType: getSeriesMarkerType(point.series),
                 color: getPointColor(point),
                 visible: point.visible,
+                isSecondary,
             });
         }
     };
     for (const s of getChartSeries(chart.series)) {
-        addSeriesItem(s);
-        s.data.forEach(addPointItem);
+        const valueAxis = isInverted ? s.xAxis : s.yAxis;
+        const isSecondary = (_c = (_b = valueAxis === null || valueAxis === void 0 ? void 0 : valueAxis.options) === null || _b === void 0 ? void 0 : _b.opposite) !== null && _c !== void 0 ? _c : false;
+        addSeriesItem(s, isSecondary);
+        s.data.forEach((p) => addPointItem(p, isSecondary));
     }
     return legendItems;
 }
-export function hasVisibleLegendItems(options) {
-    var _a;
-    return !!((_a = options.series) === null || _a === void 0 ? void 0 : _a.some((series) => {
-        // The pie series is not shown in the legend, but their segments are always shown.
+export function getVisibleLegendItems(options) {
+    var _a, _b, _c, _d, _e;
+    const isInverted = (_b = (_a = options.chart) === null || _a === void 0 ? void 0 : _a.inverted) !== null && _b !== void 0 ? _b : false;
+    const valueAxes = (_c = (isInverted ? castArray(options.xAxis) : castArray(options.yAxis))) !== null && _c !== void 0 ? _c : [];
+    const defaultOpposite = valueAxes.length > 0 ? ((_d = valueAxes[0].opposite) !== null && _d !== void 0 ? _d : false) : false;
+    const primaryItems = [];
+    const secondaryItems = [];
+    const addLegendItem = (item) => {
+        if (isSecondaryLegendItem(item, isInverted, defaultOpposite, valueAxes)) {
+            secondaryItems.push(item);
+        }
+        else {
+            primaryItems.push(item);
+        }
+    };
+    (_e = options.series) === null || _e === void 0 ? void 0 : _e.forEach((series) => {
+        // The pie series is not shown in the legend. Instead, we show pie segments (points).
         if (series.type === "pie") {
-            return Array.isArray(series.data) && series.data.length > 0;
+            if (Array.isArray(series.data)) {
+                series.data.forEach((point) => addLegendItem(point));
+            }
+            return;
         }
         // We only support errorbar series that are linked to other series. Those are not represented separately
         // in the legend, but can be controlled from the outside, using controllable items visibility API.
         if (series.type === "errorbar") {
-            return false;
+            return;
+        }
+        if (series.showInLegend !== false) {
+            addLegendItem(series);
         }
-        return series.showInLegend !== false;
-    }));
+    });
+    return { primaryItems, secondaryItems };
+}
+function isSecondaryLegendItem(item, isInverted, defaultOpposite, valueAxes) {
+    var _a, _b, _c;
+    // Only items that have an associated axis can be considered secondary
+    if (item && typeof item === "object" && ("xAxis" in item || "yAxis" in item)) {
+        const axisRef = isInverted ? ((_a = item.xAxis) !== null && _a !== void 0 ? _a : 0) : ((_b = item.yAxis) !== null && _b !== void 0 ? _b : 0);
+        // An axis reference can be an index into the axes array or an explicitly passed id
+        const valueAxis = typeof axisRef === "number" ? valueAxes[axisRef] : valueAxes.find((a) => a.id === axisRef);
+        return (_c = valueAxis === null || valueAxis === void 0 ? void 0 : valueAxis.opposite) !== null && _c !== void 0 ? _c : false;
+    }
+    return defaultOpposite;
+}
+export function getLegendsProps(options, legendOptions) {
+    // While Highcharts supports more than two axes, this
+    // implementation supports at most two, in which case one
+    // of them must be set as opposite (secondary).
+    const { primaryItems, secondaryItems } = getVisibleLegendItems(options);
+    return {
+        primary: primaryItems.length === 0
+            ? undefined
+            : {
+                isSecondary: false,
+                title: legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.title,
+                actions: legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.actions,
+                alignment: (legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.position) === "side" ? "vertical" : "horizontal",
+                horizontalAlignment: secondaryItems.length === 0 ? legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.horizontalAlignment : "start",
+            },
+        secondary: secondaryItems.length === 0
+            ? undefined
+            : {
+                isSecondary: true,
+                title: legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.secondaryLegendTitle,
+                actions: legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.secondaryLegendActions,
+                alignment: (legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.position) === "side" ? "vertical" : "horizontal",
+                horizontalAlignment: "end",
+            },
+    };
 }
 // This function returns coordinates of a rectangle, including the target point.
 // There are differences in how the rectangle is computed, but in all cases it is supposed to

package/core/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/core/utils.ts"],"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 { ChartSeriesMarkerType } from \"../internal/components/series-marker\";\nimport { getChartSeries } from \"../internal/utils/chart-series\";\nimport { getFormatter } from \"./formatters\";\nimport { ChartLabels } from \"./i18n-utils\";\nimport { Rect } from \"./interfaces\";\n\nexport interface LegendItemSpec {\n  id: string;\n  name: string;\n  markerType: ChartSeriesMarkerType;\n  color: string;\n  visible: boolean;\n}\n\n// The below functions extract unique identifier from series, point, or options. The identifier can be item's ID or name.\n// We expect that items requiring referencing (e.g. in order to control their visibility) have the unique identifier defined.\n// Otherwise, we return a randomized id that is to ensure no accidental matches.\nexport function getSeriesId(series: Highcharts.Series): string {\n  return getOptionsId(series.options);\n}\nexport function getPointId(point: Highcharts.Point): string {\n  return getOptionsId(point.options);\n}\nexport function getOptionsId(options: { id?: string; name?: string }): string {\n  return options.id ?? options.name ?? noIdPlaceholder();\n}\nfunction noIdPlaceholder(): string {\n  const rand = (Math.random() * 1_000_000).toFixed(0).padStart(6, \"0\");\n  return \"awsui-no-id-placeholder-\" + rand;\n}\n\n// There are more possible values that series.stacking can take, but we only explicitly support \"normal\".\nexport function isSeriesStacked(series: Highcharts.Series) {\n  return (series.options as any).stacking === \"normal\";\n}\n\n// The threshold series are custom series, implemented as a combination of line series, and plot lines.\n// As Highcharts does not support custom series declaration, we annotate threshold series by using the\n// series.custom property. This is then used in our utilities to recognize threshold series, and retrieve\n// the associated threshold value.\ninterface ThresholdOptions<T extends \"x-threshold\" | \"y-threshold\"> {\n  custom: {\n    awsui: {\n      type: T;\n      threshold: number;\n    };\n  };\n}\nexport function createThresholdMetadata<T extends \"x-threshold\" | \"y-threshold\">(\n  type: T,\n  value: number,\n): ThresholdOptions<T> {\n  return { custom: { awsui: { type, threshold: value } } };\n}\nexport function isXThreshold(\n  s: Highcharts.Series,\n): s is Highcharts.Series & { options: ThresholdOptions<\"x-threshold\"> } {\n  return typeof s.options.custom === \"object\" && s.options.custom.awsui?.type === \"x-threshold\";\n}\nexport function isYThreshold(\n  s: Highcharts.Series,\n): s is Highcharts.Series & { options: ThresholdOptions<\"y-threshold\"> } {\n  return typeof s.options.custom === \"object\" && s.options.custom.awsui?.type === \"y-threshold\";\n}\n\n// We check point.series explicitly because Highcharts can destroy point objects, replacing the\n// contents with { destroyed: true }, violating the point's TS contract.\n// See: https://github.com/highcharts/highcharts/issues/23175.\nexport function isPointVisible(point: Highcharts.Point) {\n  return point.visible && point.series && point.series.visible;\n}\n\nexport function getSeriesMarkerType(series?: Highcharts.Series): ChartSeriesMarkerType {\n  if (!series) {\n    return \"large-square\";\n  }\n  const seriesSymbol = \"symbol\" in series && typeof series.symbol === \"string\" ? series.symbol : \"circle\";\n  // In Highcharts, dashStyle supports different types of dashes: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/\n  // Return a dashed legend symbol for all of these dashes, excluding the default \"Solid\" option\n  if (\"dashStyle\" in series.options && series.options.dashStyle && series.options.dashStyle !== \"Solid\") {\n    return \"dashed\";\n  }\n  switch (series.type) {\n    case \"area\":\n    case \"areaspline\":\n      return \"hollow-square\";\n    case \"line\":\n    case \"spline\":\n      return \"line\";\n    case \"scatter\":\n      switch (seriesSymbol) {\n        case \"square\":\n          return \"square\";\n        case \"diamond\":\n          return \"diamond\";\n        case \"triangle\":\n          return \"triangle\";\n        case \"triangle-down\":\n          return \"triangle-down\";\n        case \"circle\":\n        default:\n          return \"circle\";\n      }\n    case \"column\":\n    case \"pie\":\n      return \"large-square\";\n    case \"errorbar\":\n    default:\n      return \"large-square\";\n  }\n}\n\n// Highcharts supports color objects to represent gradients and more, but we only support string\n// colors in our markers. In case a non-string color is defined, we use black color as as fallback.\nexport function getSeriesColor(series?: Highcharts.Series): string {\n  return typeof series?.color === \"string\" ? series.color : \"black\";\n}\nexport function getPointColor(point?: Highcharts.Point): string {\n  return typeof point?.color === \"string\" ? point.color : \"black\";\n}\n\n// The custom legend implementation does not rely on the Highcharts legend. When Highcharts legend is disabled,\n// the chart object does not include information on legend items. Instead, we collect series and pie segments\n// using this custom function, respecting Highcharts' showInLegend flag (defined for series only).\n\n// There exists a Highcharts APIs to access legend items, but it is unfortunately not available, when\n// Highcharts legend is disabled. Instead, we use this custom method to collect legend items from the chart.\nexport function getChartLegendItems(chart: Highcharts.Chart): readonly LegendItemSpec[] {\n  const legendItems: LegendItemSpec[] = [];\n  const addSeriesItem = (series: Highcharts.Series) => {\n    // The pie series is not shown in the legend. Instead, we show pie segments.\n    if (series.type === \"pie\") {\n      return;\n    }\n    // We only support errorbar series that are linked to other series. Those are not represented separately\n    // in the legend, but can be controlled from the outside, using controllable items visibility API.\n    if (series.type === \"errorbar\") {\n      return;\n    }\n    // We respect Highcharts showInLegend option to allow hiding certain series from the legend.\n    // The same is not supported for pie chart segments.\n    if (series.options.showInLegend !== false) {\n      legendItems.push({\n        id: getSeriesId(series),\n        name: series.name,\n        markerType: getSeriesMarkerType(series),\n        color: getSeriesColor(series),\n        visible: series.visible,\n      });\n    }\n  };\n  const addPointItem = (point: Highcharts.Point) => {\n    if (point.series.type === \"pie\") {\n      legendItems.push({\n        id: getPointId(point),\n        name: point.name,\n        markerType: getSeriesMarkerType(point.series),\n        color: getPointColor(point),\n        visible: point.visible,\n      });\n    }\n  };\n  for (const s of getChartSeries(chart.series)) {\n    addSeriesItem(s);\n    s.data.forEach(addPointItem);\n  }\n  return legendItems;\n}\n\nexport function hasVisibleLegendItems(options: Highcharts.Options) {\n  return !!options.series?.some((series) => {\n    // The pie series is not shown in the legend, but their segments are always shown.\n    if (series.type === \"pie\") {\n      return Array.isArray(series.data) && series.data.length > 0;\n    }\n    // We only support errorbar series that are linked to other series. Those are not represented separately\n    // in the legend, but can be controlled from the outside, using controllable items visibility API.\n    if (series.type === \"errorbar\") {\n      return false;\n    }\n    return series.showInLegend !== false;\n  });\n}\n\n// This function returns coordinates of a rectangle, including the target point.\n// There are differences in how the rectangle is computed, but in all cases it is supposed to\n// enclose the point's visual representation in the chart, with no extra offsets.\nexport function getPointRect(point: Highcharts.Point): Rect {\n  switch (point.series.type) {\n    case \"column\":\n      return getColumnPointRect(point);\n    case \"errorbar\":\n      return getErrorBarPointRect(point);\n    default:\n      return getDefaultPointRect(point);\n  }\n}\n\n// The group rect is only used for cartesian charts. It returns coordinates of a rectangle,\n// which includes all given points, but also stretched vertically or horizontally (in inverted charts)\n// to the entire chart's height or width.\nexport function getGroupRect(points: readonly Highcharts.Point[]): Rect {\n  if (points.length === 0) {\n    return { x: 0, y: 0, width: 0, height: 0 };\n  }\n  const chart = points[0].series.chart;\n  const rects = points.map(getPointRect);\n  const [first, ...rest] = rects;\n  let minX = first.x,\n    minY = first.y,\n    maxX = first.x + first.width,\n    maxY = first.y + first.height;\n  for (const r of rest) {\n    minX = Math.min(minX, r.x);\n    minY = Math.min(minY, r.y);\n    maxX = Math.max(maxX, r.x + r.width);\n    maxY = Math.max(maxY, r.y + r.height);\n  }\n  return safeRect(\n    chart.inverted\n      ? { x: chart.plotLeft, y: minY, width: chart.plotWidth, height: maxY - minY }\n      : { x: minX, y: chart.plotTop, width: maxX - minX, height: chart.plotHeight },\n  );\n}\n\n// We ensure rect width and height are non-zero to ensure its position is calculated correctly in Firefox.\nexport function safeRect(rect: Rect): Rect {\n  return { ...rect, width: Math.max(0.1, rect.width), height: Math.max(0.1, rect.height) };\n}\n\nexport function getChartAccessibleDescription(chart: Highcharts.Chart) {\n  return chart.options.lang?.accessibility?.chartContainerLabel ?? \"\";\n}\n\nexport function getPointAccessibleDescription(point: Highcharts.Point, labels: ChartLabels) {\n  if (point.series.xAxis && point.series.yAxis) {\n    const formattedX = getFormatter(point.series.xAxis)(point.x);\n    const formattedY = getFormatter(point.series.yAxis)(point.y);\n    return `${formattedX} ${formattedY}, ${point.series.name}`;\n  } else if (point.series.type === \"pie\") {\n    const segmentLabel = labels.chartSegmentLabel ? `${labels.chartSegmentLabel} ` : \"\";\n    return `${segmentLabel}${point.name}, ${point.y}. ${point.series.name}`;\n  } else {\n    return \"\";\n  }\n}\n\nexport function getGroupAccessibleDescription(group: readonly Highcharts.Point[]) {\n  const firstPoint = group[0];\n  return getFormatter(firstPoint.series.xAxis)(firstPoint.x);\n}\n\n// The area-, line-, or scatter series markers are rendered as single graphic elements,\n// and we can use their respective b-boxes to compute rects.\nfunction getDefaultPointRect(point: Highcharts.Point): Rect {\n  const chart = point.series.chart;\n  if (point.graphic) {\n    const box = point.graphic.getBBox();\n    return getChartRect(box, chart, false);\n  }\n  return getPointRectFromCoordinates(point);\n}\n\n// The column series graphic elements are rectangles, and they are inverted if the chart is inverted,\n// so that rect's width becomes height and vice-versa.\nfunction getColumnPointRect(point: Highcharts.Point): Rect {\n  const chart = point.series.chart;\n  if (point.graphic) {\n    return getChartRect(point.graphic.getBBox(), chart, true);\n  }\n  return getPointRectFromCoordinates(point);\n}\n\n// The errorbar series point rect cannot be computed from the respective graphic element (it gives wrong position).\n// Instead, we have to rely on the internal \"whiskers\" element b-box, which can be inverted, too.\nfunction getErrorBarPointRect(point: Highcharts.Point): Rect {\n  const chart = point.series.chart;\n  if (\"whiskers\" in point) {\n    return getChartRect((point.whiskers as Highcharts.SVGElement).getBBox(), chart, true);\n  }\n  return getPointRectFromCoordinates(point);\n}\n\n// The point graphic is not present in large charts to optimize performance.\n// In that case we compute point rects from their coordinates. We also assume the point\n// size is small, and thereby give it 0 width and height, which is alright as there is a\n// small offset that we use for focus outline anyways.\n// See: https://www.highcharts.com/blog/news/175-highcharts-performance-boost/\nfunction getPointRectFromCoordinates(point: Highcharts.Point) {\n  const chart = point.series.chart;\n  const plotX = point.plotX ?? 0;\n  const plotY = point.plotY ?? 0;\n  return getChartRect({ x: plotX, y: plotY, width: 0, height: 0 }, chart, true);\n}\n\nfunction getChartRect(rect: Rect, chart: Highcharts.Chart, canBeInverted: boolean): Rect {\n  return canBeInverted && chart.inverted\n    ? {\n        x: chart.plotWidth + chart.plotLeft - (rect.y + rect.height),\n        y: chart.plotHeight + chart.plotTop - (rect.x + rect.width),\n        width: rect.height,\n        height: rect.width,\n      }\n    : {\n        x: chart.plotLeft + rect.x,\n        y: chart.plotTop + rect.y,\n        width: rect.width,\n        height: rect.height,\n      };\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/core/utils.ts"],"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 { ChartSeriesMarkerType } from \"../internal/components/series-marker\";\nimport { getChartSeries } from \"../internal/utils/chart-series\";\nimport { castArray } from \"../internal/utils/utils\";\nimport { getFormatter } from \"./formatters\";\nimport { ChartLabels } from \"./i18n-utils\";\nimport { CoreChartProps, Rect } from \"./interfaces\";\n\nexport interface LegendItemSpec {\n  id: string;\n  name: string;\n  markerType: ChartSeriesMarkerType;\n  color: string;\n  visible: boolean;\n  isSecondary: boolean;\n}\n\n// The below functions extract unique identifier from series, point, or options. The identifier can be item's ID or name.\n// We expect that items requiring referencing (e.g. in order to control their visibility) have the unique identifier defined.\n// Otherwise, we return a randomized id that is to ensure no accidental matches.\nexport function getSeriesId(series: Highcharts.Series): string {\n  return getOptionsId(series.options);\n}\nexport function getPointId(point: Highcharts.Point): string {\n  return getOptionsId(point.options);\n}\nexport function getOptionsId(options: { id?: string; name?: string }): string {\n  return options.id ?? options.name ?? noIdPlaceholder();\n}\nfunction noIdPlaceholder(): string {\n  const rand = (Math.random() * 1_000_000).toFixed(0).padStart(6, \"0\");\n  return \"awsui-no-id-placeholder-\" + rand;\n}\n\n// There are more possible values that series.stacking can take, but we only explicitly support \"normal\".\nexport function isSeriesStacked(series: Highcharts.Series) {\n  return (series.options as any).stacking === \"normal\";\n}\n\n// The threshold series are custom series, implemented as a combination of line series, and plot lines.\n// As Highcharts does not support custom series declaration, we annotate threshold series by using the\n// series.custom property. This is then used in our utilities to recognize threshold series, and retrieve\n// the associated threshold value.\ninterface ThresholdOptions<T extends \"x-threshold\" | \"y-threshold\"> {\n  custom: {\n    awsui: {\n      type: T;\n      threshold: number;\n    };\n  };\n}\nexport function createThresholdMetadata<T extends \"x-threshold\" | \"y-threshold\">(\n  type: T,\n  value: number,\n): ThresholdOptions<T> {\n  return { custom: { awsui: { type, threshold: value } } };\n}\nexport function isXThreshold(\n  s: Highcharts.Series,\n): s is Highcharts.Series & { options: ThresholdOptions<\"x-threshold\"> } {\n  return typeof s.options.custom === \"object\" && s.options.custom.awsui?.type === \"x-threshold\";\n}\nexport function isYThreshold(\n  s: Highcharts.Series,\n): s is Highcharts.Series & { options: ThresholdOptions<\"y-threshold\"> } {\n  return typeof s.options.custom === \"object\" && s.options.custom.awsui?.type === \"y-threshold\";\n}\n\n// We check point.series explicitly because Highcharts can destroy point objects, replacing the\n// contents with { destroyed: true }, violating the point's TS contract.\n// See: https://github.com/highcharts/highcharts/issues/23175.\nexport function isPointVisible(point: Highcharts.Point) {\n  return point.visible && point.series && point.series.visible;\n}\n\nexport function getSeriesMarkerType(series?: Highcharts.Series): ChartSeriesMarkerType {\n  if (!series) {\n    return \"large-square\";\n  }\n  const seriesSymbol = \"symbol\" in series && typeof series.symbol === \"string\" ? series.symbol : \"circle\";\n  // In Highcharts, dashStyle supports different types of dashes: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/\n  // Return a dashed legend symbol for all of these dashes, excluding the default \"Solid\" option\n  if (\"dashStyle\" in series.options && series.options.dashStyle && series.options.dashStyle !== \"Solid\") {\n    return \"dashed\";\n  }\n  switch (series.type) {\n    case \"area\":\n    case \"areaspline\":\n      return \"hollow-square\";\n    case \"line\":\n    case \"spline\":\n      return \"line\";\n    case \"scatter\":\n      switch (seriesSymbol) {\n        case \"square\":\n          return \"square\";\n        case \"diamond\":\n          return \"diamond\";\n        case \"triangle\":\n          return \"triangle\";\n        case \"triangle-down\":\n          return \"triangle-down\";\n        case \"circle\":\n        default:\n          return \"circle\";\n      }\n    case \"column\":\n    case \"pie\":\n      return \"large-square\";\n    case \"errorbar\":\n    default:\n      return \"large-square\";\n  }\n}\n\n// Highcharts supports color objects to represent gradients and more, but we only support string\n// colors in our markers. In case a non-string color is defined, we use black color as as fallback.\nexport function getSeriesColor(series?: Highcharts.Series): string {\n  return typeof series?.color === \"string\" ? series.color : \"black\";\n}\nexport function getPointColor(point?: Highcharts.Point): string {\n  return typeof point?.color === \"string\" ? point.color : \"black\";\n}\n\n// The custom legend implementation does not rely on the Highcharts legend. When Highcharts legend is disabled,\n// the chart object does not include information on legend items. Instead, we collect series and pie segments\n// using this custom function, respecting Highcharts' showInLegend flag (defined for series only).\n\n// There exists a Highcharts APIs to access legend items, but it is unfortunately not available, when\n// Highcharts legend is disabled. Instead, we use this custom method to collect legend items from the chart.\nexport function getChartLegendItems(chart: Highcharts.Chart): readonly LegendItemSpec[] {\n  const legendItems: LegendItemSpec[] = [];\n  const isInverted = chart.inverted ?? false;\n  const addSeriesItem = (series: Highcharts.Series, isSecondary: boolean) => {\n    // The pie series is not shown in the legend. Instead, we show pie segments.\n    if (series.type === \"pie\") {\n      return;\n    }\n    // We only support errorbar series that are linked to other series. Those are not represented separately\n    // in the legend, but can be controlled from the outside, using controllable items visibility API.\n    if (series.type === \"errorbar\") {\n      return;\n    }\n    // We respect Highcharts showInLegend option to allow hiding certain series from the legend.\n    // The same is not supported for pie chart segments.\n    if (series.options.showInLegend !== false) {\n      legendItems.push({\n        id: getSeriesId(series),\n        name: series.name,\n        markerType: getSeriesMarkerType(series),\n        color: getSeriesColor(series),\n        visible: series.visible,\n        isSecondary,\n      });\n    }\n  };\n  const addPointItem = (point: Highcharts.Point, isSecondary: boolean) => {\n    if (point.series.type === \"pie\") {\n      legendItems.push({\n        id: getPointId(point),\n        name: point.name,\n        markerType: getSeriesMarkerType(point.series),\n        color: getPointColor(point),\n        visible: point.visible,\n        isSecondary,\n      });\n    }\n  };\n  for (const s of getChartSeries(chart.series)) {\n    const valueAxis = isInverted ? s.xAxis : s.yAxis;\n    const isSecondary = valueAxis?.options?.opposite ?? false;\n    addSeriesItem(s, isSecondary);\n    s.data.forEach((p) => addPointItem(p, isSecondary));\n  }\n  return legendItems;\n}\n\nexport type LegendItemOptions = Highcharts.SeriesOptionsType | Highcharts.PointOptionsType;\n\nexport function getVisibleLegendItems(options: Highcharts.Options) {\n  const isInverted = options.chart?.inverted ?? false;\n  const valueAxes = (isInverted ? castArray(options.xAxis) : castArray(options.yAxis)) ?? [];\n  const defaultOpposite = valueAxes.length > 0 ? (valueAxes[0].opposite ?? false) : false;\n\n  const primaryItems: LegendItemOptions[] = [];\n  const secondaryItems: LegendItemOptions[] = [];\n  const addLegendItem = (item: LegendItemOptions) => {\n    if (isSecondaryLegendItem(item, isInverted, defaultOpposite, valueAxes)) {\n      secondaryItems.push(item);\n    } else {\n      primaryItems.push(item);\n    }\n  };\n\n  options.series?.forEach((series) => {\n    // The pie series is not shown in the legend. Instead, we show pie segments (points).\n    if (series.type === \"pie\") {\n      if (Array.isArray(series.data)) {\n        series.data.forEach((point) => addLegendItem(point));\n      }\n      return;\n    }\n    // We only support errorbar series that are linked to other series. Those are not represented separately\n    // in the legend, but can be controlled from the outside, using controllable items visibility API.\n    if (series.type === \"errorbar\") {\n      return;\n    }\n    if (series.showInLegend !== false) {\n      addLegendItem(series);\n    }\n  });\n\n  return { primaryItems, secondaryItems };\n}\n\nfunction isSecondaryLegendItem(\n  item: LegendItemOptions,\n  isInverted: boolean,\n  defaultOpposite: boolean,\n  valueAxes: Array<{ id?: string; opposite?: boolean }>,\n): boolean {\n  // Only items that have an associated axis can be considered secondary\n  if (item && typeof item === \"object\" && (\"xAxis\" in item || \"yAxis\" in item)) {\n    const axisRef = isInverted ? (item.xAxis ?? 0) : (item.yAxis ?? 0);\n    // An axis reference can be an index into the axes array or an explicitly passed id\n    const valueAxis = typeof axisRef === \"number\" ? valueAxes[axisRef] : valueAxes.find((a) => a.id === axisRef);\n    return valueAxis?.opposite ?? false;\n  }\n  return defaultOpposite;\n}\n\nexport function getLegendsProps(\n  options: CoreChartProps.ChartOptions,\n  legendOptions: CoreChartProps.LegendOptions | undefined,\n) {\n  // While Highcharts supports more than two axes, this\n  // implementation supports at most two, in which case one\n  // of them must be set as opposite (secondary).\n  const { primaryItems, secondaryItems } = getVisibleLegendItems(options);\n  return {\n    primary:\n      primaryItems.length === 0\n        ? undefined\n        : ({\n            isSecondary: false,\n            title: legendOptions?.title,\n            actions: legendOptions?.actions,\n            alignment: legendOptions?.position === \"side\" ? \"vertical\" : \"horizontal\",\n            horizontalAlignment: secondaryItems.length === 0 ? legendOptions?.horizontalAlignment : \"start\",\n          } as const),\n    secondary:\n      secondaryItems.length === 0\n        ? undefined\n        : ({\n            isSecondary: true,\n            title: legendOptions?.secondaryLegendTitle,\n            actions: legendOptions?.secondaryLegendActions,\n            alignment: legendOptions?.position === \"side\" ? \"vertical\" : \"horizontal\",\n            horizontalAlignment: \"end\",\n          } as const),\n  };\n}\n\n// This function returns coordinates of a rectangle, including the target point.\n// There are differences in how the rectangle is computed, but in all cases it is supposed to\n// enclose the point's visual representation in the chart, with no extra offsets.\nexport function getPointRect(point: Highcharts.Point): Rect {\n  switch (point.series.type) {\n    case \"column\":\n      return getColumnPointRect(point);\n    case \"errorbar\":\n      return getErrorBarPointRect(point);\n    default:\n      return getDefaultPointRect(point);\n  }\n}\n\n// The group rect is only used for cartesian charts. It returns coordinates of a rectangle,\n// which includes all given points, but also stretched vertically or horizontally (in inverted charts)\n// to the entire chart's height or width.\nexport function getGroupRect(points: readonly Highcharts.Point[]): Rect {\n  if (points.length === 0) {\n    return { x: 0, y: 0, width: 0, height: 0 };\n  }\n  const chart = points[0].series.chart;\n  const rects = points.map(getPointRect);\n  const [first, ...rest] = rects;\n  let minX = first.x,\n    minY = first.y,\n    maxX = first.x + first.width,\n    maxY = first.y + first.height;\n  for (const r of rest) {\n    minX = Math.min(minX, r.x);\n    minY = Math.min(minY, r.y);\n    maxX = Math.max(maxX, r.x + r.width);\n    maxY = Math.max(maxY, r.y + r.height);\n  }\n  return safeRect(\n    chart.inverted\n      ? { x: chart.plotLeft, y: minY, width: chart.plotWidth, height: maxY - minY }\n      : { x: minX, y: chart.plotTop, width: maxX - minX, height: chart.plotHeight },\n  );\n}\n\n// We ensure rect width and height are non-zero to ensure its position is calculated correctly in Firefox.\nexport function safeRect(rect: Rect): Rect {\n  return { ...rect, width: Math.max(0.1, rect.width), height: Math.max(0.1, rect.height) };\n}\n\nexport function getChartAccessibleDescription(chart: Highcharts.Chart) {\n  return chart.options.lang?.accessibility?.chartContainerLabel ?? \"\";\n}\n\nexport function getPointAccessibleDescription(point: Highcharts.Point, labels: ChartLabels) {\n  if (point.series.xAxis && point.series.yAxis) {\n    const formattedX = getFormatter(point.series.xAxis)(point.x);\n    const formattedY = getFormatter(point.series.yAxis)(point.y);\n    return `${formattedX} ${formattedY}, ${point.series.name}`;\n  } else if (point.series.type === \"pie\") {\n    const segmentLabel = labels.chartSegmentLabel ? `${labels.chartSegmentLabel} ` : \"\";\n    return `${segmentLabel}${point.name}, ${point.y}. ${point.series.name}`;\n  } else {\n    return \"\";\n  }\n}\n\nexport function getGroupAccessibleDescription(group: readonly Highcharts.Point[]) {\n  const firstPoint = group[0];\n  return getFormatter(firstPoint.series.xAxis)(firstPoint.x);\n}\n\n// The area-, line-, or scatter series markers are rendered as single graphic elements,\n// and we can use their respective b-boxes to compute rects.\nfunction getDefaultPointRect(point: Highcharts.Point): Rect {\n  const chart = point.series.chart;\n  if (point.graphic) {\n    const box = point.graphic.getBBox();\n    return getChartRect(box, chart, false);\n  }\n  return getPointRectFromCoordinates(point);\n}\n\n// The column series graphic elements are rectangles, and they are inverted if the chart is inverted,\n// so that rect's width becomes height and vice-versa.\nfunction getColumnPointRect(point: Highcharts.Point): Rect {\n  const chart = point.series.chart;\n  if (point.graphic) {\n    return getChartRect(point.graphic.getBBox(), chart, true);\n  }\n  return getPointRectFromCoordinates(point);\n}\n\n// The errorbar series point rect cannot be computed from the respective graphic element (it gives wrong position).\n// Instead, we have to rely on the internal \"whiskers\" element b-box, which can be inverted, too.\nfunction getErrorBarPointRect(point: Highcharts.Point): Rect {\n  const chart = point.series.chart;\n  if (\"whiskers\" in point) {\n    return getChartRect((point.whiskers as Highcharts.SVGElement).getBBox(), chart, true);\n  }\n  return getPointRectFromCoordinates(point);\n}\n\n// The point graphic is not present in large charts to optimize performance.\n// In that case we compute point rects from their coordinates. We also assume the point\n// size is small, and thereby give it 0 width and height, which is alright as there is a\n// small offset that we use for focus outline anyways.\n// See: https://www.highcharts.com/blog/news/175-highcharts-performance-boost/\nfunction getPointRectFromCoordinates(point: Highcharts.Point) {\n  const chart = point.series.chart;\n  const plotX = point.plotX ?? 0;\n  const plotY = point.plotY ?? 0;\n  return getChartRect({ x: plotX, y: plotY, width: 0, height: 0 }, chart, true);\n}\n\nfunction getChartRect(rect: Rect, chart: Highcharts.Chart, canBeInverted: boolean): Rect {\n  return canBeInverted && chart.inverted\n    ? {\n        x: chart.plotWidth + chart.plotLeft - (rect.y + rect.height),\n        y: chart.plotHeight + chart.plotTop - (rect.x + rect.width),\n        width: rect.height,\n        height: rect.width,\n      }\n    : {\n        x: chart.plotLeft + rect.x,\n        y: chart.plotTop + rect.y,\n        width: rect.width,\n        height: rect.height,\n      };\n}\n"]}

package/internal/components/chart-legend/index.d.ts

@@ -1,16 +1,20 @@
 /// <reference types="react" />
-import { CoreChartProps } from "../../../core/interfaces";
 import { GetLegendTooltipContentProps, LegendItem, LegendTooltipContent } from "../interfaces";
+export type LegendAlignment = "horizontal" | "vertical";
+export type LegendHorizontalAlignment = "start" | "center" | "end";
 export interface ChartLegendProps {
     items: readonly LegendItem[];
     legendTitle?: string;
     ariaLabel?: string;
+    className?: string;
     actions?: React.ReactNode;
-    position: "bottom" | "side";
-    horizontalAlignment: CoreChartProps.LegendOptionsHorizontalAlignment;
+    someHighlighted: boolean;
+    alignment: LegendAlignment;
+    horizontalAlignment: LegendHorizontalAlignment;
+    onToggleItem: (itemId: string) => void;
+    onSelectItem: (itemId: string) => void;
     onItemHighlightEnter: (item: LegendItem) => void;
     onItemHighlightExit: () => void;
-    onItemVisibilityChange: (hiddenItems: string[]) => void;
     getTooltipContent: (props: GetLegendTooltipContentProps) => null | LegendTooltipContent;
 }
-export declare const ChartLegend: ({ items, legendTitle, ariaLabel, actions, position, onItemVisibilityChange, onItemHighlightEnter, onItemHighlightExit, getTooltipContent, horizontalAlignment, }: ChartLegendProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChartLegend: ({ items, legendTitle, ariaLabel, actions, alignment, className, someHighlighted, onToggleItem, onSelectItem, onItemHighlightEnter, onItemHighlightExit, getTooltipContent, horizontalAlignment, }: ChartLegendProps) => import("react/jsx-runtime").JSX.Element;

package/internal/components/chart-legend/index.js

@@ -12,7 +12,7 @@ import testClasses from "./test-classes/styles.css.js";
 const TOOLTIP_BLUR_DELAY = 50;
 const HIGHLIGHT_LOST_DELAY = 50;
 const SCROLL_DELAY = 100;
-export const ChartLegend = ({ items, legendTitle, ariaLabel, actions, position, onItemVisibilityChange, onItemHighlightEnter, onItemHighlightExit, getTooltipContent, horizontalAlignment, }) => {
+export const ChartLegend = ({ items, legendTitle, ariaLabel, actions, alignment, className, someHighlighted, onToggleItem, onSelectItem, onItemHighlightEnter, onItemHighlightExit, getTooltipContent, horizontalAlignment, }) => {
     var _a;
     const containerRef = useRef(null);
     const elementsByIndexRef = useRef([]);
@@ -149,92 +149,67 @@ export const ChartLegend = ({ items, legendTitle, ariaLabel, actions, position,
     useEffect(() => {
         navigationAPI.current.updateFocusTarget();
     });
-    const toggleItem = (itemId) => {
-        const visibleItems = items.filter((i) => i.visible).map((i) => i.id);
-        if (visibleItems.includes(itemId)) {
-            onItemVisibilityChange(visibleItems.filter((visibleItemId) => visibleItemId !== itemId));
-        }
-        else {
-            onItemVisibilityChange([...visibleItems, itemId]);
-        }
-        // Needed for touch devices.
-        onItemHighlightExit();
-    };
-    const selectItem = (itemId) => {
-        const visibleItems = items.filter((i) => i.visible).map((i) => i.id);
-        if (visibleItems.length === 1 && visibleItems[0] === itemId) {
-            onItemVisibilityChange(items.map((i) => i.id));
-        }
-        else {
-            onItemVisibilityChange([itemId]);
-        }
-        // Needed for touch devices.
-        onItemHighlightExit();
-    };
+    const isVertical = alignment === "vertical";
     const tooltipTrack = useRef(null);
     const tooltipTarget = (_a = items.find((item) => item.id === tooltipItemId)) !== null && _a !== void 0 ? _a : null;
     tooltipTrack.current = tooltipItemId ? elementsByIdRef.current[tooltipItemId] : null;
     const tooltipContent = tooltipTarget && getTooltipContent({ legendItem: tooltipTarget });
-    const tooltipPosition = position === "bottom" ? "bottom" : "left";
-    return (_jsx(SingleTabStopNavigationProvider, { ref: navigationAPI, navigationActive: true, getNextFocusTarget: () => getNextFocusTarget(), onUnregisterActive: (element) => onUnregisterActive(element, navigationAPI), children: _jsxs("div", { ref: containerRef, role: "toolbar", "aria-label": legendTitle || ariaLabel, className: clsx(testClasses.root, styles.root, {
-                [styles["root-side"]]: position === "side",
-            }), onMouseEnter: () => (isMouseInContainer.current = true), onMouseLeave: () => (isMouseInContainer.current = false), children: [legendTitle && (_jsx(Box, { fontWeight: "bold", className: clsx(testClasses.title, {
-                        [styles[`legend-title-${horizontalAlignment}`]]: position === "bottom",
-                    }), children: legendTitle })), _jsxs("div", { 
+    const tooltipPosition = isVertical ? "left" : "bottom";
+    return (_jsx(SingleTabStopNavigationProvider, { ref: navigationAPI, navigationActive: true, getNextFocusTarget: () => getNextFocusTarget(), onUnregisterActive: (element) => onUnregisterActive(element, navigationAPI), children: _jsxs("div", { role: "toolbar", "aria-label": legendTitle || ariaLabel, className: clsx(testClasses.root, styles.root, className), onMouseEnter: () => (isMouseInContainer.current = true), onMouseLeave: () => (isMouseInContainer.current = false), children: [legendTitle && (_jsx(Box, { fontWeight: "bold", className: testClasses.title, textAlign: getBoxTextAlignment(horizontalAlignment), children: legendTitle })), _jsxs("div", { 
                     // The list element is not focusable. However, the focus lands on it regardless, when testing in Firefox.
                     // Setting the tab index to -1 does fix the problem.
-                    tabIndex: -1, className: clsx(styles.list, {
-                        [styles[`list-bottom-${horizontalAlignment}`]]: position === "bottom",
-                        [styles["list-bottom"]]: position === "bottom",
-                        [styles["list-side"]]: position === "side",
-                    }), children: [actions && (_jsx(_Fragment, { children: _jsxs("div", { className: clsx(testClasses.actions, styles.actions, {
-                                    [styles["actions-bottom"]]: position === "bottom",
-                                    [styles["actions-side"]]: position === "side",
-                                }), children: [actions, _jsx("div", { className: clsx(styles["actions-divider"], {
-                                            [styles["actions-divider-bottom"]]: position === "bottom",
-                                            [styles["actions-divider-side"]]: position === "side",
-                                        }) })] }) })), _jsx("div", { className: clsx({
-                                [styles[`legend-bottom-${horizontalAlignment}`]]: position === "bottom",
-                                [styles["legend-bottom"]]: position === "bottom",
-                                [styles["legend-side"]]: position === "side",
-                            }), children: items.map((item, index) => {
-                                const handlers = {
-                                    onMouseEnter: () => {
-                                        showHighlight(item.id);
-                                        showTooltip(item.id);
-                                    },
-                                    onMouseLeave: () => {
-                                        clearHighlight();
-                                        hideTooltip();
-                                    },
-                                    onFocus: () => {
-                                        onFocus(index, item.id);
-                                    },
-                                    onBlur: (event) => {
-                                        onBlur(event);
-                                    },
-                                    onKeyDown,
-                                };
-                                const thisTriggerRef = (elem) => {
-                                    if (elem) {
-                                        elementsByIndexRef.current[index] = elem;
-                                        elementsByIdRef.current[item.id] = elem;
+                    tabIndex: -1, ref: containerRef, className: clsx(styles.list, {
+                        [styles[`list-bottom-${horizontalAlignment}`]]: !isVertical,
+                        [styles["list-bottom"]]: !isVertical,
+                        [styles["list-side"]]: isVertical,
+                    }), children: [actions && (_jsxs(_Fragment, { children: [_jsxs("div", { className: clsx(testClasses.actions, styles.actions, styles["actions-bottom"]), children: [actions, !isVertical && _jsx("div", { className: styles["actions-divider-bottom"] })] }), isVertical && _jsx("div", { className: styles["actions-divider-side"] })] })), items.map((item, index) => {
+                            const handlers = {
+                                onMouseEnter: () => {
+                                    showHighlight(item.id);
+                                    showTooltip(item.id);
+                                },
+                                onMouseLeave: () => {
+                                    clearHighlight();
+                                    hideTooltip();
+                                },
+                                onFocus: () => {
+                                    onFocus(index, item.id);
+                                },
+                                onBlur: (event) => {
+                                    onBlur(event);
+                                },
+                                onKeyDown,
+                            };
+                            const thisTriggerRef = (elem) => {
+                                if (elem) {
+                                    elementsByIndexRef.current[index] = elem;
+                                    elementsByIdRef.current[item.id] = elem;
+                                }
+                                else {
+                                    delete elementsByIndexRef.current[index];
+                                    delete elementsByIdRef.current[item.id];
+                                }
+                            };
+                            return (_jsx(LegendItemTrigger, { ...handlers, ref: thisTriggerRef, onClick: (event) => {
+                                    if (event.metaKey || event.ctrlKey) {
+                                        onToggleItem(item.id);
                                     }
                                     else {
-                                        delete elementsByIndexRef.current[index];
-                                        delete elementsByIdRef.current[index];
+                                        onSelectItem(item.id);
                                     }
-                                };
-                                return (_jsx(LegendItemTrigger, { ...handlers, ref: thisTriggerRef, onClick: (event) => {
-                                        if (event.metaKey || event.ctrlKey) {
-                                            toggleItem(item.id);
-                                        }
-                                        else {
-                                            selectItem(item.id);
-                                        }
-                                    }, isHighlighted: item.highlighted, someHighlighted: items.some((item) => item.highlighted), itemId: item.id, label: item.name, visible: item.visible, marker: item.marker }, index));
-                            }) })] }), tooltipContent && (_jsx(InternalChartTooltip, { trackRef: tooltipTrack, trackKey: tooltipTarget.id, container: null, dismissButton: false, onDismiss: () => { }, position: tooltipPosition, title: tooltipContent.header, onMouseEnter: () => showTooltip(tooltipTarget.id), onMouseLeave: () => hideTooltip(), onBlur: () => hideTooltip(), footer: tooltipContent.footer && (_jsxs(_Fragment, { children: [_jsx("hr", { "aria-hidden": true }), tooltipContent.footer] })), children: tooltipContent.body }))] }) }));
+                                }, isHighlighted: item.highlighted, someHighlighted: someHighlighted, itemId: item.id, label: item.name, visible: item.visible, marker: item.marker }, index));
+                        })] }), tooltipContent && (_jsx(InternalChartTooltip, { trackRef: tooltipTrack, trackKey: tooltipTarget.id, container: null, dismissButton: false, onDismiss: () => { }, position: tooltipPosition, title: tooltipContent.header, onMouseEnter: () => showTooltip(tooltipTarget.id), onMouseLeave: () => hideTooltip(), onBlur: () => hideTooltip(), footer: tooltipContent.footer && (_jsxs(_Fragment, { children: [_jsx("hr", { "aria-hidden": true }), tooltipContent.footer] })), children: tooltipContent.body }))] }) }));
 };
+function getBoxTextAlignment(horizontalAlignment) {
+    switch (horizontalAlignment) {
+        case "start":
+            return "left";
+        case "center":
+            return "center";
+        case "end":
+            return "right";
+    }
+}
 const LegendItemTrigger = forwardRef(({ isHighlighted, someHighlighted, itemId, label, marker, visible, onClick, triggerRef, onMouseEnter, onMouseLeave, onFocus, onBlur, onKeyDown, }, ref) => {
     const refObject = useRef(null);
     const mergedRef = useMergeRefs(ref, triggerRef, refObject);

package/internal/components/chart-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/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, Ref, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport {\n  circleIndex,\n  handleKey,\n  KeyCode,\n  SingleTabStopNavigationAPI,\n  SingleTabStopNavigationProvider,\n  useMergeRefs,\n  useSingleTabStopNavigation,\n} from \"@cloudscape-design/component-toolkit/internal\";\nimport Box from \"@cloudscape-design/components/box\";\nimport { InternalChartTooltip } from \"@cloudscape-design/components/internal/do-not-use/chart-tooltip\";\n\nimport { CoreChartProps } from \"../../../core/interfaces\";\nimport { DebouncedCall } from \"../../utils/utils\";\nimport { GetLegendTooltipContentProps, LegendItem, LegendTooltipContent } from \"../interfaces\";\n\nimport styles from \"./styles.css.js\";\nimport testClasses from \"./test-classes/styles.css.js\";\n\nconst TOOLTIP_BLUR_DELAY = 50;\nconst HIGHLIGHT_LOST_DELAY = 50;\nconst SCROLL_DELAY = 100;\n\nexport interface ChartLegendProps {\n  items: readonly LegendItem[];\n  legendTitle?: string;\n  ariaLabel?: string;\n  actions?: React.ReactNode;\n  position: \"bottom\" | \"side\";\n  horizontalAlignment: CoreChartProps.LegendOptionsHorizontalAlignment;\n  onItemHighlightEnter: (item: LegendItem) => void;\n  onItemHighlightExit: () => void;\n  onItemVisibilityChange: (hiddenItems: string[]) => void;\n  getTooltipContent: (props: GetLegendTooltipContentProps) => null | LegendTooltipContent;\n}\n\nexport const ChartLegend = ({\n  items,\n  legendTitle,\n  ariaLabel,\n  actions,\n  position,\n  onItemVisibilityChange,\n  onItemHighlightEnter,\n  onItemHighlightExit,\n  getTooltipContent,\n  horizontalAlignment,\n}: ChartLegendProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const elementsByIndexRef = useRef<Record<number, HTMLElement>>([]);\n  const elementsByIdRef = useRef<Record<string, HTMLElement>>({});\n  const tooltipRef = useRef<HTMLElement>(null);\n  const highlightControl = useMemo(() => new DebouncedCall(), []);\n  const scrollIntoViewControl = useMemo(() => new DebouncedCall(), []);\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n  const [tooltipItemId, setTooltipItemId] = useState<string | null>(null);\n  const { showTooltip, hideTooltip } = useMemo(() => {\n    const control = new DebouncedCall();\n    return {\n      showTooltip(itemId: string) {\n        control.call(() => setTooltipItemId(itemId));\n      },\n      hideTooltip(lock = false) {\n        control.call(() => setTooltipItemId(null), TOOLTIP_BLUR_DELAY);\n        if (lock) {\n          control.lock(TOOLTIP_BLUR_DELAY);\n        }\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!tooltipItemId) {\n      return;\n    }\n    const onDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.keyCode === KeyCode.escape) {\n        hideTooltip(true);\n        elementsByIdRef.current[tooltipItemId]?.focus();\n      }\n    };\n    document.addEventListener(\"keydown\", onDocumentKeyDown, true);\n    return () => {\n      document.removeEventListener(\"keydown\", onDocumentKeyDown, true);\n    };\n  }, [items, tooltipItemId, hideTooltip]);\n  const isMouseInContainer = useRef<boolean>(false);\n\n  // Scrolling to the highlighted legend item.\n  useEffect(() => {\n    const highlightedIndex = items.findIndex((item) => item.highlighted);\n    if (highlightedIndex === -1) {\n      return;\n    }\n    scrollIntoViewControl.call(() => {\n      if (isMouseInContainer.current) {\n        return;\n      }\n      const container = containerRef.current;\n      const element = elementsByIndexRef.current?.[highlightedIndex];\n      if (!container || !element) {\n        return;\n      }\n      const elementRect = element.getBoundingClientRect();\n      const containerRect = container.getBoundingClientRect();\n      const isVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;\n      if (!isVisible) {\n        const elementCenter = elementRect.top + elementRect.height / 2;\n        const containerCenter = containerRect.top + containerRect.height / 2;\n        const top = container.scrollTop + (elementCenter - containerCenter);\n        container.scrollTo({ top, behavior: \"smooth\" });\n      }\n    }, SCROLL_DELAY);\n  }, [items, scrollIntoViewControl]);\n\n  const showHighlight = (itemId: string) => {\n    const item = items.find((item) => item.id === itemId);\n    if (item?.visible) {\n      highlightControl.cancelPrevious();\n      onItemHighlightEnter(item);\n    }\n  };\n  const clearHighlight = () => {\n    highlightControl.call(onItemHighlightExit, HIGHLIGHT_LOST_DELAY);\n  };\n\n  const navigationAPI = useRef<SingleTabStopNavigationAPI>(null);\n\n  function onFocus(index: number, itemId: string) {\n    setSelectedIndex(index);\n    navigationAPI.current!.updateFocusTarget();\n    showHighlight(itemId);\n    showTooltip(itemId);\n  }\n\n  function onBlur(event: React.FocusEvent) {\n    navigationAPI.current!.updateFocusTarget();\n\n    // Hide tooltip and clear highlight unless focus moves inside tooltip;\n    if (tooltipRef.current && event.relatedTarget && !tooltipRef.current.contains(event.relatedTarget)) {\n      clearHighlight();\n      hideTooltip();\n    }\n  }\n\n  function focusElement(index: number) {\n    elementsByIndexRef.current[index]?.focus();\n  }\n\n  function onKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (\n      event.keyCode === KeyCode.right ||\n      event.keyCode === KeyCode.left ||\n      event.keyCode === KeyCode.up ||\n      event.keyCode === KeyCode.down ||\n      event.keyCode === KeyCode.home ||\n      event.keyCode === KeyCode.end ||\n      event.keyCode === KeyCode.escape\n    ) {\n      // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n      event.preventDefault();\n\n      const range = [0, items.length - 1] as [number, number];\n\n      handleKey(event, {\n        onInlineStart: () => focusElement(circleIndex(selectedIndex - 1, range)),\n        onInlineEnd: () => focusElement(circleIndex(selectedIndex + 1, range)),\n        onBlockStart: () => focusElement(circleIndex(selectedIndex - 1, range)),\n        onBlockEnd: () => focusElement(circleIndex(selectedIndex + 1, range)),\n        onHome: () => focusElement(0),\n        onEnd: () => focusElement(items.length - 1),\n        onEscape: () => onItemHighlightExit(),\n      });\n    }\n  }\n\n  function getNextFocusTarget(): null | HTMLElement {\n    if (containerRef.current) {\n      const buttons: HTMLButtonElement[] = Array.from(containerRef.current.querySelectorAll(`.${styles.item}`));\n      return buttons[selectedIndex] ?? null;\n    }\n    return null;\n  }\n\n  function onUnregisterActive(\n    focusableElement: HTMLElement,\n    navigationAPI: React.RefObject<{ getFocusTarget: () => HTMLElement | null }>,\n  ) {\n    const target = navigationAPI.current?.getFocusTarget();\n\n    if (target && target.dataset.itemid !== focusableElement.dataset.itemid) {\n      target.focus();\n    }\n  }\n\n  useEffect(() => {\n    navigationAPI.current!.updateFocusTarget();\n  });\n\n  const toggleItem = (itemId: string) => {\n    const visibleItems = items.filter((i) => i.visible).map((i) => i.id);\n    if (visibleItems.includes(itemId)) {\n      onItemVisibilityChange(visibleItems.filter((visibleItemId) => visibleItemId !== itemId));\n    } else {\n      onItemVisibilityChange([...visibleItems, itemId]);\n    }\n    // Needed for touch devices.\n    onItemHighlightExit();\n  };\n\n  const selectItem = (itemId: string) => {\n    const visibleItems = items.filter((i) => i.visible).map((i) => i.id);\n    if (visibleItems.length === 1 && visibleItems[0] === itemId) {\n      onItemVisibilityChange(items.map((i) => i.id));\n    } else {\n      onItemVisibilityChange([itemId]);\n    }\n    // Needed for touch devices.\n    onItemHighlightExit();\n  };\n\n  const tooltipTrack = useRef<null | HTMLElement>(null);\n  const tooltipTarget = items.find((item) => item.id === tooltipItemId) ?? null;\n  tooltipTrack.current = tooltipItemId ? elementsByIdRef.current[tooltipItemId] : null;\n  const tooltipContent = tooltipTarget && getTooltipContent({ legendItem: tooltipTarget });\n  const tooltipPosition = position === \"bottom\" ? \"bottom\" : \"left\";\n\n  return (\n    <SingleTabStopNavigationProvider\n      ref={navigationAPI}\n      navigationActive={true}\n      getNextFocusTarget={() => getNextFocusTarget()}\n      onUnregisterActive={(element: HTMLElement) => onUnregisterActive(element, navigationAPI)}\n    >\n      <div\n        ref={containerRef}\n        role=\"toolbar\"\n        aria-label={legendTitle || ariaLabel}\n        className={clsx(testClasses.root, styles.root, {\n          [styles[\"root-side\"]]: position === \"side\",\n        })}\n        onMouseEnter={() => (isMouseInContainer.current = true)}\n        onMouseLeave={() => (isMouseInContainer.current = false)}\n      >\n        {legendTitle && (\n          <Box\n            fontWeight=\"bold\"\n            className={clsx(testClasses.title, {\n              [styles[`legend-title-${horizontalAlignment}`]]: position === \"bottom\",\n            })}\n          >\n            {legendTitle}\n          </Box>\n        )}\n\n        <div\n          // The list element is not focusable. However, the focus lands on it regardless, when testing in Firefox.\n          // Setting the tab index to -1 does fix the problem.\n          tabIndex={-1}\n          className={clsx(styles.list, {\n            [styles[`list-bottom-${horizontalAlignment}`]]: position === \"bottom\",\n            [styles[\"list-bottom\"]]: position === \"bottom\",\n            [styles[\"list-side\"]]: position === \"side\",\n          })}\n        >\n          {actions && (\n            <>\n              <div\n                className={clsx(testClasses.actions, styles.actions, {\n                  [styles[\"actions-bottom\"]]: position === \"bottom\",\n                  [styles[\"actions-side\"]]: position === \"side\",\n                })}\n              >\n                {actions}\n                <div\n                  className={clsx(styles[\"actions-divider\"], {\n                    [styles[\"actions-divider-bottom\"]]: position === \"bottom\",\n                    [styles[\"actions-divider-side\"]]: position === \"side\",\n                  })}\n                />\n              </div>\n            </>\n          )}\n          <div\n            className={clsx({\n              [styles[`legend-bottom-${horizontalAlignment}`]]: position === \"bottom\",\n              [styles[\"legend-bottom\"]]: position === \"bottom\",\n              [styles[\"legend-side\"]]: position === \"side\",\n            })}\n          >\n            {items.map((item, index) => {\n              const handlers = {\n                onMouseEnter: () => {\n                  showHighlight(item.id);\n                  showTooltip(item.id);\n                },\n                onMouseLeave: () => {\n                  clearHighlight();\n                  hideTooltip();\n                },\n                onFocus: () => {\n                  onFocus(index, item.id);\n                },\n                onBlur: (event: React.FocusEvent) => {\n                  onBlur(event);\n                },\n                onKeyDown,\n              };\n              const thisTriggerRef = (elem: null | HTMLElement) => {\n                if (elem) {\n                  elementsByIndexRef.current[index] = elem;\n                  elementsByIdRef.current[item.id] = elem;\n                } else {\n                  delete elementsByIndexRef.current[index];\n                  delete elementsByIdRef.current[index];\n                }\n              };\n              return (\n                <LegendItemTrigger\n                  key={index}\n                  {...handlers}\n                  ref={thisTriggerRef}\n                  onClick={(event) => {\n                    if (event.metaKey || event.ctrlKey) {\n                      toggleItem(item.id);\n                    } else {\n                      selectItem(item.id);\n                    }\n                  }}\n                  isHighlighted={item.highlighted}\n                  someHighlighted={items.some((item) => item.highlighted)}\n                  itemId={item.id}\n                  label={item.name}\n                  visible={item.visible}\n                  marker={item.marker}\n                />\n              );\n            })}\n          </div>\n        </div>\n        {tooltipContent && (\n          <InternalChartTooltip\n            trackRef={tooltipTrack}\n            trackKey={tooltipTarget.id}\n            container={null}\n            dismissButton={false}\n            onDismiss={() => {}}\n            position={tooltipPosition}\n            title={tooltipContent.header}\n            onMouseEnter={() => showTooltip(tooltipTarget.id)}\n            onMouseLeave={() => hideTooltip()}\n            onBlur={() => hideTooltip()}\n            footer={\n              tooltipContent.footer && (\n                <>\n                  <hr aria-hidden={true} />\n                  {tooltipContent.footer}\n                </>\n              )\n            }\n          >\n            {tooltipContent.body}\n          </InternalChartTooltip>\n        )}\n      </div>\n    </SingleTabStopNavigationProvider>\n  );\n};\n\nconst LegendItemTrigger = forwardRef(\n  (\n    {\n      isHighlighted,\n      someHighlighted,\n      itemId,\n      label,\n      marker,\n      visible,\n      onClick,\n      triggerRef,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    }: {\n      isHighlighted?: boolean;\n      someHighlighted?: boolean;\n      itemId: string;\n      label: string;\n      marker?: React.ReactNode;\n      visible: boolean;\n      onClick: (event: React.MouseEvent) => void;\n      onMarkerClick?: () => void;\n      triggerRef?: Ref<HTMLElement>;\n      onMouseEnter?: () => void;\n      onMouseLeave?: () => void;\n      onFocus?: () => void;\n      onBlur?: (event: React.FocusEvent) => void;\n      onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n    },\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    const refObject = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs(ref, triggerRef, refObject);\n    const { tabIndex } = useSingleTabStopNavigation(refObject);\n    return (\n      <button\n        data-itemid={itemId}\n        aria-pressed={visible}\n        aria-current={isHighlighted}\n        className={clsx(testClasses.item, styles.item, {\n          [styles[\"item--inactive\"]]: !visible,\n          [testClasses[\"hidden-item\"]]: !visible,\n          [styles[\"item--dimmed\"]]: someHighlighted && !isHighlighted,\n          [testClasses[\"dimmed-item\"]]: someHighlighted && !isHighlighted,\n        })}\n        ref={mergedRef}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n      >\n        {marker}\n        <span className={styles[\"item-label\"]}>{label}</span>\n      </button>\n    );\n  },\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/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, Ref, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport {\n  circleIndex,\n  handleKey,\n  KeyCode,\n  SingleTabStopNavigationAPI,\n  SingleTabStopNavigationProvider,\n  useMergeRefs,\n  useSingleTabStopNavigation,\n} from \"@cloudscape-design/component-toolkit/internal\";\nimport Box, { BoxProps } from \"@cloudscape-design/components/box\";\nimport { InternalChartTooltip } from \"@cloudscape-design/components/internal/do-not-use/chart-tooltip\";\n\nimport { DebouncedCall } from \"../../utils/utils\";\nimport { GetLegendTooltipContentProps, LegendItem, LegendTooltipContent } from \"../interfaces\";\n\nimport styles from \"./styles.css.js\";\nimport testClasses from \"./test-classes/styles.css.js\";\n\nconst TOOLTIP_BLUR_DELAY = 50;\nconst HIGHLIGHT_LOST_DELAY = 50;\nconst SCROLL_DELAY = 100;\n\nexport type LegendAlignment = \"horizontal\" | \"vertical\";\nexport type LegendHorizontalAlignment = \"start\" | \"center\" | \"end\";\n\nexport interface ChartLegendProps {\n  items: readonly LegendItem[];\n  legendTitle?: string;\n  ariaLabel?: string;\n  className?: string;\n  actions?: React.ReactNode;\n  someHighlighted: boolean;\n  alignment: LegendAlignment;\n  horizontalAlignment: LegendHorizontalAlignment;\n  onToggleItem: (itemId: string) => void;\n  onSelectItem: (itemId: string) => void;\n  onItemHighlightEnter: (item: LegendItem) => void;\n  onItemHighlightExit: () => void;\n  getTooltipContent: (props: GetLegendTooltipContentProps) => null | LegendTooltipContent;\n}\n\nexport const ChartLegend = ({\n  items,\n  legendTitle,\n  ariaLabel,\n  actions,\n  alignment,\n  className,\n  someHighlighted,\n  onToggleItem,\n  onSelectItem,\n  onItemHighlightEnter,\n  onItemHighlightExit,\n  getTooltipContent,\n  horizontalAlignment,\n}: ChartLegendProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const elementsByIndexRef = useRef<Record<number, HTMLElement>>([]);\n  const elementsByIdRef = useRef<Record<string, HTMLElement>>({});\n  const tooltipRef = useRef<HTMLElement>(null);\n  const highlightControl = useMemo(() => new DebouncedCall(), []);\n  const scrollIntoViewControl = useMemo(() => new DebouncedCall(), []);\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n  const [tooltipItemId, setTooltipItemId] = useState<string | null>(null);\n  const { showTooltip, hideTooltip } = useMemo(() => {\n    const control = new DebouncedCall();\n    return {\n      showTooltip(itemId: string) {\n        control.call(() => setTooltipItemId(itemId));\n      },\n      hideTooltip(lock = false) {\n        control.call(() => setTooltipItemId(null), TOOLTIP_BLUR_DELAY);\n        if (lock) {\n          control.lock(TOOLTIP_BLUR_DELAY);\n        }\n      },\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!tooltipItemId) {\n      return;\n    }\n    const onDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.keyCode === KeyCode.escape) {\n        hideTooltip(true);\n        elementsByIdRef.current[tooltipItemId]?.focus();\n      }\n    };\n    document.addEventListener(\"keydown\", onDocumentKeyDown, true);\n    return () => {\n      document.removeEventListener(\"keydown\", onDocumentKeyDown, true);\n    };\n  }, [items, tooltipItemId, hideTooltip]);\n  const isMouseInContainer = useRef<boolean>(false);\n\n  // Scrolling to the highlighted legend item.\n  useEffect(() => {\n    const highlightedIndex = items.findIndex((item) => item.highlighted);\n    if (highlightedIndex === -1) {\n      return;\n    }\n    scrollIntoViewControl.call(() => {\n      if (isMouseInContainer.current) {\n        return;\n      }\n      const container = containerRef.current;\n      const element = elementsByIndexRef.current?.[highlightedIndex];\n      if (!container || !element) {\n        return;\n      }\n      const elementRect = element.getBoundingClientRect();\n      const containerRect = container.getBoundingClientRect();\n      const isVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;\n      if (!isVisible) {\n        const elementCenter = elementRect.top + elementRect.height / 2;\n        const containerCenter = containerRect.top + containerRect.height / 2;\n        const top = container.scrollTop + (elementCenter - containerCenter);\n        container.scrollTo({ top, behavior: \"smooth\" });\n      }\n    }, SCROLL_DELAY);\n  }, [items, scrollIntoViewControl]);\n\n  const showHighlight = (itemId: string) => {\n    const item = items.find((item) => item.id === itemId);\n    if (item?.visible) {\n      highlightControl.cancelPrevious();\n      onItemHighlightEnter(item);\n    }\n  };\n  const clearHighlight = () => {\n    highlightControl.call(onItemHighlightExit, HIGHLIGHT_LOST_DELAY);\n  };\n\n  const navigationAPI = useRef<SingleTabStopNavigationAPI>(null);\n\n  function onFocus(index: number, itemId: string) {\n    setSelectedIndex(index);\n    navigationAPI.current!.updateFocusTarget();\n    showHighlight(itemId);\n    showTooltip(itemId);\n  }\n\n  function onBlur(event: React.FocusEvent) {\n    navigationAPI.current!.updateFocusTarget();\n\n    // Hide tooltip and clear highlight unless focus moves inside tooltip;\n    if (tooltipRef.current && event.relatedTarget && !tooltipRef.current.contains(event.relatedTarget)) {\n      clearHighlight();\n      hideTooltip();\n    }\n  }\n\n  function focusElement(index: number) {\n    elementsByIndexRef.current[index]?.focus();\n  }\n\n  function onKeyDown(event: React.KeyboardEvent<HTMLElement>) {\n    if (\n      event.keyCode === KeyCode.right ||\n      event.keyCode === KeyCode.left ||\n      event.keyCode === KeyCode.up ||\n      event.keyCode === KeyCode.down ||\n      event.keyCode === KeyCode.home ||\n      event.keyCode === KeyCode.end ||\n      event.keyCode === KeyCode.escape\n    ) {\n      // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n      event.preventDefault();\n\n      const range = [0, items.length - 1] as [number, number];\n\n      handleKey(event, {\n        onInlineStart: () => focusElement(circleIndex(selectedIndex - 1, range)),\n        onInlineEnd: () => focusElement(circleIndex(selectedIndex + 1, range)),\n        onBlockStart: () => focusElement(circleIndex(selectedIndex - 1, range)),\n        onBlockEnd: () => focusElement(circleIndex(selectedIndex + 1, range)),\n        onHome: () => focusElement(0),\n        onEnd: () => focusElement(items.length - 1),\n        onEscape: () => onItemHighlightExit(),\n      });\n    }\n  }\n\n  function getNextFocusTarget(): null | HTMLElement {\n    if (containerRef.current) {\n      const buttons: HTMLButtonElement[] = Array.from(containerRef.current.querySelectorAll(`.${styles.item}`));\n      return buttons[selectedIndex] ?? null;\n    }\n    return null;\n  }\n\n  function onUnregisterActive(\n    focusableElement: HTMLElement,\n    navigationAPI: React.RefObject<{ getFocusTarget: () => HTMLElement | null }>,\n  ) {\n    const target = navigationAPI.current?.getFocusTarget();\n\n    if (target && target.dataset.itemid !== focusableElement.dataset.itemid) {\n      target.focus();\n    }\n  }\n\n  useEffect(() => {\n    navigationAPI.current!.updateFocusTarget();\n  });\n\n  const isVertical = alignment === \"vertical\";\n\n  const tooltipTrack = useRef<null | HTMLElement>(null);\n  const tooltipTarget = items.find((item) => item.id === tooltipItemId) ?? null;\n  tooltipTrack.current = tooltipItemId ? elementsByIdRef.current[tooltipItemId] : null;\n  const tooltipContent = tooltipTarget && getTooltipContent({ legendItem: tooltipTarget });\n  const tooltipPosition = isVertical ? \"left\" : \"bottom\";\n\n  return (\n    <SingleTabStopNavigationProvider\n      ref={navigationAPI}\n      navigationActive={true}\n      getNextFocusTarget={() => getNextFocusTarget()}\n      onUnregisterActive={(element: HTMLElement) => onUnregisterActive(element, navigationAPI)}\n    >\n      <div\n        role=\"toolbar\"\n        aria-label={legendTitle || ariaLabel}\n        className={clsx(testClasses.root, styles.root, className)}\n        onMouseEnter={() => (isMouseInContainer.current = true)}\n        onMouseLeave={() => (isMouseInContainer.current = false)}\n      >\n        {legendTitle && (\n          <Box fontWeight=\"bold\" className={testClasses.title} textAlign={getBoxTextAlignment(horizontalAlignment)}>\n            {legendTitle}\n          </Box>\n        )}\n        <div\n          // The list element is not focusable. However, the focus lands on it regardless, when testing in Firefox.\n          // Setting the tab index to -1 does fix the problem.\n          tabIndex={-1}\n          ref={containerRef}\n          className={clsx(styles.list, {\n            [styles[`list-bottom-${horizontalAlignment}`]]: !isVertical,\n            [styles[\"list-bottom\"]]: !isVertical,\n            [styles[\"list-side\"]]: isVertical,\n          })}\n        >\n          {actions && (\n            <>\n              <div className={clsx(testClasses.actions, styles.actions, styles[\"actions-bottom\"])}>\n                {actions}\n                {!isVertical && <div className={styles[\"actions-divider-bottom\"]} />}\n              </div>\n              {isVertical && <div className={styles[\"actions-divider-side\"]} />}\n            </>\n          )}\n          {items.map((item, index) => {\n            const handlers = {\n              onMouseEnter: () => {\n                showHighlight(item.id);\n                showTooltip(item.id);\n              },\n              onMouseLeave: () => {\n                clearHighlight();\n                hideTooltip();\n              },\n              onFocus: () => {\n                onFocus(index, item.id);\n              },\n              onBlur: (event: React.FocusEvent) => {\n                onBlur(event);\n              },\n              onKeyDown,\n            };\n            const thisTriggerRef = (elem: null | HTMLElement) => {\n              if (elem) {\n                elementsByIndexRef.current[index] = elem;\n                elementsByIdRef.current[item.id] = elem;\n              } else {\n                delete elementsByIndexRef.current[index];\n                delete elementsByIdRef.current[item.id];\n              }\n            };\n            return (\n              <LegendItemTrigger\n                key={index}\n                {...handlers}\n                ref={thisTriggerRef}\n                onClick={(event) => {\n                  if (event.metaKey || event.ctrlKey) {\n                    onToggleItem(item.id);\n                  } else {\n                    onSelectItem(item.id);\n                  }\n                }}\n                isHighlighted={item.highlighted}\n                someHighlighted={someHighlighted}\n                itemId={item.id}\n                label={item.name}\n                visible={item.visible}\n                marker={item.marker}\n              />\n            );\n          })}\n        </div>\n        {tooltipContent && (\n          <InternalChartTooltip\n            trackRef={tooltipTrack}\n            trackKey={tooltipTarget.id}\n            container={null}\n            dismissButton={false}\n            onDismiss={() => {}}\n            position={tooltipPosition}\n            title={tooltipContent.header}\n            onMouseEnter={() => showTooltip(tooltipTarget.id)}\n            onMouseLeave={() => hideTooltip()}\n            onBlur={() => hideTooltip()}\n            footer={\n              tooltipContent.footer && (\n                <>\n                  <hr aria-hidden={true} />\n                  {tooltipContent.footer}\n                </>\n              )\n            }\n          >\n            {tooltipContent.body}\n          </InternalChartTooltip>\n        )}\n      </div>\n    </SingleTabStopNavigationProvider>\n  );\n};\n\nfunction getBoxTextAlignment(horizontalAlignment: LegendHorizontalAlignment): BoxProps.TextAlign {\n  switch (horizontalAlignment) {\n    case \"start\":\n      return \"left\";\n    case \"center\":\n      return \"center\";\n    case \"end\":\n      return \"right\";\n  }\n}\n\nconst LegendItemTrigger = forwardRef(\n  (\n    {\n      isHighlighted,\n      someHighlighted,\n      itemId,\n      label,\n      marker,\n      visible,\n      onClick,\n      triggerRef,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    }: {\n      isHighlighted?: boolean;\n      someHighlighted?: boolean;\n      itemId: string;\n      label: string;\n      marker?: React.ReactNode;\n      visible: boolean;\n      onClick: (event: React.MouseEvent) => void;\n      onMarkerClick?: () => void;\n      triggerRef?: Ref<HTMLElement>;\n      onMouseEnter?: () => void;\n      onMouseLeave?: () => void;\n      onFocus?: () => void;\n      onBlur?: (event: React.FocusEvent) => void;\n      onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n    },\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    const refObject = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs(ref, triggerRef, refObject);\n    const { tabIndex } = useSingleTabStopNavigation(refObject);\n    return (\n      <button\n        data-itemid={itemId}\n        aria-pressed={visible}\n        aria-current={isHighlighted}\n        className={clsx(testClasses.item, styles.item, {\n          [styles[\"item--inactive\"]]: !visible,\n          [testClasses[\"hidden-item\"]]: !visible,\n          [styles[\"item--dimmed\"]]: someHighlighted && !isHighlighted,\n          [testClasses[\"dimmed-item\"]]: someHighlighted && !isHighlighted,\n        })}\n        ref={mergedRef}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n      >\n        {marker}\n        <span className={styles[\"item-label\"]}>{label}</span>\n      </button>\n    );\n  },\n);\n"]}