@cloudscape-design/chart-components 1.0.22 → 1.0.24

package/internal/generated/theming/index.js

@@ -2173,6 +2173,11 @@ export var preset = {
       "borderWidthField": "1px",
       "borderWidthPopover": "2px",
       "borderWidthToken": "2px",
+      "borderWidthIconSmall": "2px",
+      "borderWidthIconNormal": "2px",
+      "borderWidthIconMedium": "2px",
+      "borderWidthIconBig": "3px",
+      "borderWidthIconLarge": "4px",
       "motionDurationExtraFast": {
         "default": "45ms",
         "disabled": "0ms"
@@ -11010,7 +11015,12 @@ export var preset = {
     "borderWidthDropdown",
     "borderWidthField",
     "borderWidthPopover",
-    "borderWidthToken"
+    "borderWidthToken",
+    "borderWidthIconSmall",
+    "borderWidthIconNormal",
+    "borderWidthIconMedium",
+    "borderWidthIconBig",
+    "borderWidthIconLarge"
   ],
   "exposed": [
     "colorChartsRed300",
@@ -11378,6 +11388,11 @@ export var preset = {
     "borderWidthField",
     "borderWidthPopover",
     "borderWidthToken",
+    "borderWidthIconSmall",
+    "borderWidthIconNormal",
+    "borderWidthIconMedium",
+    "borderWidthIconBig",
+    "borderWidthIconLarge",
     "motionDurationAvatarGenAiGradient",
     "motionDurationAvatarLoadingDots",
     "motionEasingAvatarGenAiGradient",
@@ -12055,6 +12070,11 @@ export var preset = {
     "borderWidthField": "border-width-field",
     "borderWidthPopover": "border-width-popover",
     "borderWidthToken": "border-width-token",
+    "borderWidthIconSmall": "border-width-icon-small",
+    "borderWidthIconNormal": "border-width-icon-normal",
+    "borderWidthIconMedium": "border-width-icon-medium",
+    "borderWidthIconBig": "border-width-icon-big",
+    "borderWidthIconLarge": "border-width-icon-large",
     "motionDurationExtraFast": "motion-duration-extra-fast",
     "motionDurationExtraSlow": "motion-duration-extra-slow",
     "motionDurationFast": "motion-duration-fast",
@@ -12863,6 +12883,11 @@ export var preset = {
     "borderWidthField": "--border-width-field-2xc78x",
     "borderWidthPopover": "--border-width-popover-nflirh",
     "borderWidthToken": "--border-width-token-2ukdpu",
+    "borderWidthIconSmall": "--border-width-icon-small-z55i5t",
+    "borderWidthIconNormal": "--border-width-icon-normal-9h7vj7",
+    "borderWidthIconMedium": "--border-width-icon-medium-b7icqv",
+    "borderWidthIconBig": "--border-width-icon-big-ymgy42",
+    "borderWidthIconLarge": "--border-width-icon-large-u645rg",
     "motionDurationExtraFast": "--motion-duration-extra-fast-l4w48j",
     "motionDurationExtraSlow": "--motion-duration-extra-slow-29bqym",
     "motionDurationFast": "--motion-duration-fast-unntf6",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "805cc3c741b10a6af80ab92538203bbb429184a6"
+  "commit": "80443d98d82644ff80f45d92096981d2e829a672"
 }

package/internal-do-not-use/core-legend/index.d.ts

@@ -1,2 +1,2 @@
 import { CoreLegendProps } from "../../core/interfaces";
-export declare const CoreLegend: ({ items, title, actions, ariaLabel, alignment, onItemHighlight, onClearHighlight, onVisibleItemsChange, getLegendTooltipContent, horizontalAlignment, }: CoreLegendProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CoreLegend: ({ items, title, actions, ariaLabel: legendAriaLabel, alignment, onItemHighlight, onClearHighlight, onVisibleItemsChange, getLegendTooltipContent, horizontalAlignment, }: CoreLegendProps) => import("react/jsx-runtime").JSX.Element | null;

package/internal-do-not-use/core-legend/index.js

@@ -1,11 +1,37 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useInternalI18n } from "@cloudscape-design/components/internal/do-not-use/i18n";
 import { ChartLegend as ChartLegendComponent } from "../../internal/components/chart-legend";
 import { fireNonCancelableEvent } from "../../internal/events";
-export const CoreLegend = ({ items, title, actions, ariaLabel, alignment = "horizontal", onItemHighlight, onClearHighlight, onVisibleItemsChange, getLegendTooltipContent, horizontalAlignment = "start", }) => {
-    const position = alignment === "horizontal" ? "bottom" : "side";
+export const CoreLegend = ({ items, title, actions, ariaLabel: legendAriaLabel, alignment = "horizontal", onItemHighlight, onClearHighlight, onVisibleItemsChange, getLegendTooltipContent, horizontalAlignment = "start", }) => {
+    const i18n = useInternalI18n("[charts]");
+    const ariaLabel = i18n("i18nStrings.legendAriaLabel", legendAriaLabel);
+    const onToggleItem = (itemId) => {
+        const visibleItems = items.filter((i) => i.visible).map((i) => i.id);
+        if (visibleItems.includes(itemId)) {
+            fireNonCancelableEvent(onVisibleItemsChange, {
+                items: visibleItems.filter((visibleItemId) => visibleItemId !== itemId),
+            });
+        }
+        else {
+            fireNonCancelableEvent(onVisibleItemsChange, {
+                items: [...visibleItems, itemId],
+            });
+        }
+    };
+    const onSelectItem = (itemId) => {
+        const visibleItems = items.filter((i) => i.visible).map((i) => i.id);
+        if (visibleItems.length === 1 && visibleItems[0] === itemId) {
+            fireNonCancelableEvent(onVisibleItemsChange, { items: items.map((i) => i.id) });
+        }
+        else {
+            fireNonCancelableEvent(onVisibleItemsChange, { items: [itemId] });
+        }
+    };
     if (items.length === 0) {
         return null;
     }
-    return (_jsx(ChartLegendComponent, { items: items, actions: actions, legendTitle: title, position: position, horizontalAlignment: horizontalAlignment, ariaLabel: ariaLabel, getTooltipContent: (props) => { var _a; return (_a = getLegendTooltipContent === null || getLegendTooltipContent === void 0 ? void 0 : getLegendTooltipContent(props)) !== null && _a !== void 0 ? _a : null; }, onItemHighlightExit: () => fireNonCancelableEvent(onClearHighlight), onItemHighlightEnter: (item) => fireNonCancelableEvent(onItemHighlight, { item }), onItemVisibilityChange: (items) => fireNonCancelableEvent(onVisibleItemsChange, { items }) }));
+    return (_jsx(ChartLegendComponent, { items: items, actions: actions, legendTitle: title, alignment: alignment, horizontalAlignment: horizontalAlignment, ariaLabel: ariaLabel, someHighlighted: items.some((item) => item.highlighted), onToggleItem: onToggleItem, onSelectItem: onSelectItem, getTooltipContent: (props) => { var _a; return (_a = getLegendTooltipContent === null || getLegendTooltipContent === void 0 ? void 0 : getLegendTooltipContent(props)) !== null && _a !== void 0 ? _a : null; }, onItemHighlightExit: () => fireNonCancelableEvent(onClearHighlight), onItemHighlightEnter: (item) => fireNonCancelableEvent(onItemHighlight, { item }) }));
 };
 //# sourceMappingURL=index.js.map

package/internal-do-not-use/core-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal-do-not-use/core-legend/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,SAAS,GAAG,YAAY,EACxB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,GAAG,OAAO,GACb,EAAE,EAAE;IACpB,MAAM,QAAQ,GAAG,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IAEhE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,KAAK,CAAC,mCAAI,IAAI,CAAA,EAAA,EACtE,mBAAmB,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,EACnE,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,sBAAsB,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,EACjF,sBAAsB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,sBAAsB,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,CAAC,GAC1F,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { CoreLegendProps } from \"../../core/interfaces\";\nimport { ChartLegend as ChartLegendComponent } from \"../../internal/components/chart-legend\";\nimport { fireNonCancelableEvent } from \"../../internal/events\";\n\nexport const CoreLegend = ({\n  items,\n  title,\n  actions,\n  ariaLabel,\n  alignment = \"horizontal\",\n  onItemHighlight,\n  onClearHighlight,\n  onVisibleItemsChange,\n  getLegendTooltipContent,\n  horizontalAlignment = \"start\",\n}: CoreLegendProps) => {\n  const position = alignment === \"horizontal\" ? \"bottom\" : \"side\";\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <ChartLegendComponent\n      items={items}\n      actions={actions}\n      legendTitle={title}\n      position={position}\n      horizontalAlignment={horizontalAlignment}\n      ariaLabel={ariaLabel}\n      getTooltipContent={(props) => getLegendTooltipContent?.(props) ?? null}\n      onItemHighlightExit={() => fireNonCancelableEvent(onClearHighlight)}\n      onItemHighlightEnter={(item) => fireNonCancelableEvent(onItemHighlight, { item })}\n      onItemVisibilityChange={(items) => fireNonCancelableEvent(onVisibleItemsChange, { items })}\n    />\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal-do-not-use/core-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 { useInternalI18n } from \"@cloudscape-design/components/internal/do-not-use/i18n\";\n\nimport { CoreLegendProps } from \"../../core/interfaces\";\nimport { ChartLegend as ChartLegendComponent } from \"../../internal/components/chart-legend\";\nimport { fireNonCancelableEvent } from \"../../internal/events\";\n\nexport const CoreLegend = ({\n  items,\n  title,\n  actions,\n  ariaLabel: legendAriaLabel,\n  alignment = \"horizontal\",\n  onItemHighlight,\n  onClearHighlight,\n  onVisibleItemsChange,\n  getLegendTooltipContent,\n  horizontalAlignment = \"start\",\n}: CoreLegendProps) => {\n  const i18n = useInternalI18n(\"[charts]\");\n  const ariaLabel = i18n(\"i18nStrings.legendAriaLabel\", legendAriaLabel);\n\n  const onToggleItem = (itemId: string) => {\n    const visibleItems = items.filter((i) => i.visible).map((i) => i.id);\n    if (visibleItems.includes(itemId)) {\n      fireNonCancelableEvent(onVisibleItemsChange, {\n        items: visibleItems.filter((visibleItemId) => visibleItemId !== itemId),\n      });\n    } else {\n      fireNonCancelableEvent(onVisibleItemsChange, {\n        items: [...visibleItems, itemId],\n      });\n    }\n  };\n\n  const onSelectItem = (itemId: string) => {\n    const visibleItems = items.filter((i) => i.visible).map((i) => i.id);\n    if (visibleItems.length === 1 && visibleItems[0] === itemId) {\n      fireNonCancelableEvent(onVisibleItemsChange, { items: items.map((i) => i.id) });\n    } else {\n      fireNonCancelableEvent(onVisibleItemsChange, { items: [itemId] });\n    }\n  };\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <ChartLegendComponent\n      items={items}\n      actions={actions}\n      legendTitle={title}\n      alignment={alignment}\n      horizontalAlignment={horizontalAlignment}\n      ariaLabel={ariaLabel}\n      someHighlighted={items.some((item) => item.highlighted)}\n      onToggleItem={onToggleItem}\n      onSelectItem={onSelectItem}\n      getTooltipContent={(props) => getLegendTooltipContent?.(props) ?? null}\n      onItemHighlightExit={() => fireNonCancelableEvent(onClearHighlight)}\n      onItemHighlightEnter={(item) => fireNonCancelableEvent(onItemHighlight, { item })}\n    />\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/chart-components",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloudscape-design/chart-components.git"

package/test-utils/dom/internal/core.d.ts

@@ -6,6 +6,7 @@ export default class CoreChartWrapper extends BaseChartWrapper {
     findFooter(): null | ElementWrapper;
     findNavigator(): null | ElementWrapper;
     findLegend(): null | CoreChartLegendWrapper;
+    findSecondaryLegend(): null | CoreChartLegendWrapper;
     findVerticalAxisTitle(): null | ElementWrapper;
     findHorizontalAxisTitle(): null | ElementWrapper;
 }

package/test-utils/dom/internal/core.js

@@ -17,7 +17,10 @@ class CoreChartWrapper extends base_1.default {
         return this.findByClassName(styles_selectors_js_1.default["chart-navigator"]);
     }
     findLegend() {
-        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}`, CoreChartLegendWrapper);
+        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}.${styles_selectors_js_1.default["legend-primary"]}`, CoreChartLegendWrapper);
+    }
+    findSecondaryLegend() {
+        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}.${styles_selectors_js_1.default["legend-secondary"]}`, CoreChartLegendWrapper);
     }
     findVerticalAxisTitle() {
         var _a;

package/test-utils/dom/internal/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/internal/core.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;AAEtC,uGAAsG;AAGtG,iCAAkE;AAElE,wFAAyE;AAEzE,MAAqB,gBAAiB,SAAQ,cAAgB;IACrD,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEM,aAAa;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,sBAAsB,CAAC,YAAY,EAAE,EAAE,sBAAsB,CAAC,CAAC;IAC/F,CAAC;IAEM,qBAAqB;;QAC1B,OAAO,CACL,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,qBAAqB,CAAC,CAAC,mCACxD,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,eAAe,CAAC,2BAA2B,CAAC,CACvF,CAAC;IACJ,CAAC;IAEM,uBAAuB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClG,CAAC;CACF;AA3BD,mCA2BC;AAED,MAAa,sBAAuB,SAAQ,6BAAsB;IACzD,eAAe;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAmB,CAAC,YAAY,EAAE,EAAE,uBAAmB,CAAC,CAAC;IACzF,CAAC;CACF;AAJD,wDAIC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport ChartTooltipWrapper from \"@cloudscape-design/components/test-utils/dom/internal/chart-tooltip\";\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/dom\";\n\nimport BaseChartWrapper, { BaseChartLegendWrapper } from \"./base\";\n\nimport testClasses from \"../../../core/test-classes/styles.selectors.js\";\n\nexport default class CoreChartWrapper extends BaseChartWrapper {\n  public findHeader(): null | ElementWrapper {\n    return this.findByClassName(testClasses[\"chart-header\"]);\n  }\n\n  public findFooter(): null | ElementWrapper {\n    return this.findByClassName(testClasses[\"chart-footer\"]);\n  }\n\n  public findNavigator(): null | ElementWrapper {\n    return this.findByClassName(testClasses[\"chart-navigator\"]);\n  }\n\n  public findLegend(): null | CoreChartLegendWrapper {\n    return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}`, CoreChartLegendWrapper);\n  }\n\n  public findVerticalAxisTitle(): null | ElementWrapper {\n    return (\n      this.findByClassName(testClasses[\"axis-vertical-title\"]) ??\n      this.find(`.highcharts-axis.${testClasses[\"axis-vertical\"]} > .highcharts-axis-title`)\n    );\n  }\n\n  public findHorizontalAxisTitle(): null | ElementWrapper {\n    return this.find(`.highcharts-axis.${testClasses[\"axis-horizontal\"]} > .highcharts-axis-title`);\n  }\n}\n\nexport class CoreChartLegendWrapper extends BaseChartLegendWrapper {\n  public findItemTooltip(): null | ChartTooltipWrapper {\n    return this.findComponent(`.${ChartTooltipWrapper.rootSelector}`, ChartTooltipWrapper);\n  }\n}\n"]}
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/internal/core.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;AAEtC,uGAAsG;AAGtG,iCAAkE;AAElE,wFAAyE;AAEzE,MAAqB,gBAAiB,SAAQ,cAAgB;IACrD,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEM,aAAa;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,sBAAsB,CAAC,YAAY,IAAI,6BAAW,CAAC,gBAAgB,CAAC,EAAE,EAC1E,sBAAsB,CACvB,CAAC;IACJ,CAAC;IAEM,mBAAmB;QACxB,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,sBAAsB,CAAC,YAAY,IAAI,6BAAW,CAAC,kBAAkB,CAAC,EAAE,EAC5E,sBAAsB,CACvB,CAAC;IACJ,CAAC;IAEM,qBAAqB;;QAC1B,OAAO,CACL,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,qBAAqB,CAAC,CAAC,mCACxD,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,eAAe,CAAC,2BAA2B,CAAC,CACvF,CAAC;IACJ,CAAC;IAEM,uBAAuB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClG,CAAC;CACF;AArCD,mCAqCC;AAED,MAAa,sBAAuB,SAAQ,6BAAsB;IACzD,eAAe;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAmB,CAAC,YAAY,EAAE,EAAE,uBAAmB,CAAC,CAAC;IACzF,CAAC;CACF;AAJD,wDAIC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport ChartTooltipWrapper from \"@cloudscape-design/components/test-utils/dom/internal/chart-tooltip\";\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/dom\";\n\nimport BaseChartWrapper, { BaseChartLegendWrapper } from \"./base\";\n\nimport testClasses from \"../../../core/test-classes/styles.selectors.js\";\n\nexport default class CoreChartWrapper extends BaseChartWrapper {\n  public findHeader(): null | ElementWrapper {\n    return this.findByClassName(testClasses[\"chart-header\"]);\n  }\n\n  public findFooter(): null | ElementWrapper {\n    return this.findByClassName(testClasses[\"chart-footer\"]);\n  }\n\n  public findNavigator(): null | ElementWrapper {\n    return this.findByClassName(testClasses[\"chart-navigator\"]);\n  }\n\n  public findLegend(): null | CoreChartLegendWrapper {\n    return this.findComponent(\n      `.${CoreChartLegendWrapper.rootSelector}.${testClasses[\"legend-primary\"]}`,\n      CoreChartLegendWrapper,\n    );\n  }\n\n  public findSecondaryLegend(): null | CoreChartLegendWrapper {\n    return this.findComponent(\n      `.${CoreChartLegendWrapper.rootSelector}.${testClasses[\"legend-secondary\"]}`,\n      CoreChartLegendWrapper,\n    );\n  }\n\n  public findVerticalAxisTitle(): null | ElementWrapper {\n    return (\n      this.findByClassName(testClasses[\"axis-vertical-title\"]) ??\n      this.find(`.highcharts-axis.${testClasses[\"axis-vertical\"]} > .highcharts-axis-title`)\n    );\n  }\n\n  public findHorizontalAxisTitle(): null | ElementWrapper {\n    return this.find(`.highcharts-axis.${testClasses[\"axis-horizontal\"]} > .highcharts-axis-title`);\n  }\n}\n\nexport class CoreChartLegendWrapper extends BaseChartLegendWrapper {\n  public findItemTooltip(): null | ChartTooltipWrapper {\n    return this.findComponent(`.${ChartTooltipWrapper.rootSelector}`, ChartTooltipWrapper);\n  }\n}\n"]}

package/test-utils/selectors/internal/core.d.ts

@@ -6,6 +6,7 @@ export default class CoreChartWrapper extends BaseChartWrapper {
     findFooter(): ElementWrapper;
     findNavigator(): ElementWrapper;
     findLegend(): CoreChartLegendWrapper;
+    findSecondaryLegend(): CoreChartLegendWrapper;
     findVerticalAxisTitle(): ElementWrapper;
     findHorizontalAxisTitle(): ElementWrapper;
 }

package/test-utils/selectors/internal/core.js

@@ -17,7 +17,10 @@ class CoreChartWrapper extends base_1.default {
         return this.findByClassName(styles_selectors_js_1.default["chart-navigator"]);
     }
     findLegend() {
-        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}`, CoreChartLegendWrapper);
+        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}.${styles_selectors_js_1.default["legend-primary"]}`, CoreChartLegendWrapper);
+    }
+    findSecondaryLegend() {
+        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}.${styles_selectors_js_1.default["legend-secondary"]}`, CoreChartLegendWrapper);
     }
     findVerticalAxisTitle() {
         var _a;

package/test-utils/selectors/internal/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/core.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;AAEtC,6GAA4G;AAE5G,iCAAkE;AAClE,wFAAyE;AACzE,MAAqB,gBAAiB,SAAQ,cAAgB;IACrD,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IACM,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IACM,aAAa;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9D,CAAC;IACM,UAAU;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,sBAAsB,CAAC,YAAY,EAAE,EAAE,sBAAsB,CAAC,CAAC;IAC/F,CAAC;IACM,qBAAqB;;QAC1B,OAAO,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,qBAAqB,CAAC,CAAC,mCAAI,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;IAC5J,CAAC;IACM,uBAAuB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClG,CAAC;CACF;AAnBD,mCAmBC;AACD,MAAa,sBAAuB,SAAQ,6BAAsB;IACzD,eAAe;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAmB,CAAC,YAAY,EAAE,EAAE,uBAAmB,CAAC,CAAC;IACzF,CAAC;CACF;AAJD,wDAIC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport ChartTooltipWrapper from \"@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip\";\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport BaseChartWrapper, { BaseChartLegendWrapper } from \"./base\";\nimport testClasses from \"../../../core/test-classes/styles.selectors.js\";\nexport default class CoreChartWrapper extends BaseChartWrapper {\n  public findHeader() {\n    return this.findByClassName(testClasses[\"chart-header\"]);\n  }\n  public findFooter() {\n    return this.findByClassName(testClasses[\"chart-footer\"]);\n  }\n  public findNavigator() {\n    return this.findByClassName(testClasses[\"chart-navigator\"]);\n  }\n  public findLegend() {\n    return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}`, CoreChartLegendWrapper);\n  }\n  public findVerticalAxisTitle() {\n    return this.findByClassName(testClasses[\"axis-vertical-title\"]) ?? this.find(`.highcharts-axis.${testClasses[\"axis-vertical\"]} > .highcharts-axis-title`);\n  }\n  public findHorizontalAxisTitle() {\n    return this.find(`.highcharts-axis.${testClasses[\"axis-horizontal\"]} > .highcharts-axis-title`);\n  }\n}\nexport class CoreChartLegendWrapper extends BaseChartLegendWrapper {\n  public findItemTooltip() {\n    return this.findComponent(`.${ChartTooltipWrapper.rootSelector}`, ChartTooltipWrapper);\n  }\n}"]}
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/core.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;AAEtC,6GAA4G;AAE5G,iCAAkE;AAClE,wFAAyE;AACzE,MAAqB,gBAAiB,SAAQ,cAAgB;IACrD,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IACM,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IACM,aAAa;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9D,CAAC;IACM,UAAU;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,sBAAsB,CAAC,YAAY,IAAI,6BAAW,CAAC,gBAAgB,CAAC,EAAE,EAAE,sBAAsB,CAAC,CAAC;IAChI,CAAC;IACM,mBAAmB;QACxB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,sBAAsB,CAAC,YAAY,IAAI,6BAAW,CAAC,kBAAkB,CAAC,EAAE,EAAE,sBAAsB,CAAC,CAAC;IAClI,CAAC;IACM,qBAAqB;;QAC1B,OAAO,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,qBAAqB,CAAC,CAAC,mCAAI,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;IAC5J,CAAC;IACM,uBAAuB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClG,CAAC;CACF;AAtBD,mCAsBC;AACD,MAAa,sBAAuB,SAAQ,6BAAsB;IACzD,eAAe;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAmB,CAAC,YAAY,EAAE,EAAE,uBAAmB,CAAC,CAAC;IACzF,CAAC;CACF;AAJD,wDAIC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport ChartTooltipWrapper from \"@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip\";\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport BaseChartWrapper, { BaseChartLegendWrapper } from \"./base\";\nimport testClasses from \"../../../core/test-classes/styles.selectors.js\";\nexport default class CoreChartWrapper extends BaseChartWrapper {\n  public findHeader() {\n    return this.findByClassName(testClasses[\"chart-header\"]);\n  }\n  public findFooter() {\n    return this.findByClassName(testClasses[\"chart-footer\"]);\n  }\n  public findNavigator() {\n    return this.findByClassName(testClasses[\"chart-navigator\"]);\n  }\n  public findLegend() {\n    return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}.${testClasses[\"legend-primary\"]}`, CoreChartLegendWrapper);\n  }\n  public findSecondaryLegend() {\n    return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}.${testClasses[\"legend-secondary\"]}`, CoreChartLegendWrapper);\n  }\n  public findVerticalAxisTitle() {\n    return this.findByClassName(testClasses[\"axis-vertical-title\"]) ?? this.find(`.highcharts-axis.${testClasses[\"axis-vertical\"]} > .highcharts-axis-title`);\n  }\n  public findHorizontalAxisTitle() {\n    return this.find(`.highcharts-axis.${testClasses[\"axis-horizontal\"]} > .highcharts-axis-title`);\n  }\n}\nexport class CoreChartLegendWrapper extends BaseChartLegendWrapper {\n  public findItemTooltip() {\n    return this.findComponent(`.${ChartTooltipWrapper.rootSelector}`, ChartTooltipWrapper);\n  }\n}"]}