@cloudscape-design/chart-components 1.0.0

package/core/chart-core.js

@@ -0,0 +1,287 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useRef } from "react";
+import clsx from "clsx";
+import HighchartsReact from "highcharts-react-official";
+import { getIsRtl, useMergeRefs, useUniqueId } from "@cloudscape-design/component-toolkit/internal";
+import { isDevelopment } from "@cloudscape-design/component-toolkit/internal";
+import Spinner from "@cloudscape-design/components/spinner";
+import { getDataAttributes } from "../internal/base-component/get-data-attributes";
+import * as Styles from "../internal/chart-styles";
+import { castArray } from "../internal/utils/utils";
+import { useChartAPI } from "./chart-api";
+import { ChartContainer } from "./chart-container";
+import { ChartApplication } from "./components/core-application";
+import { ChartFilters } from "./components/core-filters";
+import { ChartLegend } from "./components/core-legend";
+import { ChartNoData } from "./components/core-no-data";
+import { ChartFooter, ChartHeader } from "./components/core-slots";
+import { ChartTooltip } from "./components/core-tooltip";
+import { VerticalAxisTitle } from "./components/core-vertical-axis-title";
+import { getFormatter } from "./formatters";
+import { useChartI18n } from "./i18n-utils";
+import { getPointAccessibleDescription, hasVisibleLegendItems } from "./utils";
+import styles from "./styles.css.js";
+import testClasses from "./test-classes/styles.css.js";
+/**
+ * CoreChart is the core internal abstraction that accepts the entire set of Highcharts options along
+ * with Cloudscape props to define custom tooltip, no-data, formatters, items visibility, and more.
+ */
+export function InternalCoreChart({ options, ariaLabel, ariaDescription, fitHeight, chartHeight, chartMinHeight, chartMinWidth, tooltip: tooltipOptions, noData: noDataOptions, navigator, legend: legendOptions, fallback = _jsx(Spinner, {}), callback, emphasizeBaseline = true, verticalAxisTitlePlacement = "side", i18nStrings, className, header, footer, filter, keyboardNavigation = true, onHighlight, onLegendItemHighlight, onClearHighlight, onVisibleItemsChange, visibleItems, __internalRootRef, ...rest }) {
+    var _a, _b;
+    const highcharts = rest.highcharts;
+    const labels = useChartI18n({ ariaLabel, ariaDescription, i18nStrings });
+    const context = {
+        chartId: useUniqueId(),
+        noDataEnabled: !!noDataOptions,
+        legendEnabled: (legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.enabled) !== false,
+        tooltipEnabled: (tooltipOptions === null || tooltipOptions === void 0 ? void 0 : tooltipOptions.enabled) !== false,
+        keyboardNavigationEnabled: keyboardNavigation,
+        labels,
+    };
+    const handlers = { onHighlight, onClearHighlight, onVisibleItemsChange };
+    const state = { visibleItems };
+    const api = useChartAPI(context, handlers, state);
+    const rootClassName = clsx(testClasses.root, styles.root, fitHeight && styles["root-fit-height"], className);
+    const rootRef = useRef(null);
+    const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);
+    const rootProps = { ref: mergedRootRef, className: rootClassName, ...getDataAttributes(rest) };
+    const legendPosition = (_a = legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.position) !== null && _a !== void 0 ? _a : "bottom";
+    const containerProps = {
+        fitHeight,
+        chartHeight,
+        chartMinHeight,
+        chartMinWidth,
+        legendPosition,
+        verticalAxisTitlePlacement,
+        legendBottomMaxHeight: legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.bottomMaxHeight,
+    };
+    // Render fallback using the same root and container props as for the chart to ensure consistent
+    // size, test classes, and data-attributes assignment.
+    if (!highcharts) {
+        return (_jsx("div", { ...rootProps, children: _jsx(ChartContainer, { ...containerProps, chart: (minHeight) => (_jsx("div", { className: testClasses.fallback, style: { minHeight }, children: fallback })) }) }));
+    }
+    const apiOptions = api.getOptions();
+    const inverted = !!((_b = options.chart) === null || _b === void 0 ? void 0 : _b.inverted);
+    const isRtl = () => getIsRtl(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current);
+    return (_jsxs("div", { ...rootProps, children: [_jsx(ChartContainer, { ...containerProps, chart: (height) => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17;
+                    // The Highcharts options takes all provided Highcharts options and custom properties and merges them together, so that
+                    // the Cloudscape features and custom Highcharts extensions co-exist.
+                    // For certain options we provide Cloudscape styling, but in all cases this can be explicitly overridden.
+                    const highchartsOptions = {
+                        ...options,
+                        // Hide credits by default.
+                        credits: (_a = options.credits) !== null && _a !== void 0 ? _a : { enabled: false },
+                        // Hide chart title by default.
+                        title: (_b = options.title) !== null && _b !== void 0 ? _b : { text: "" },
+                        // Use Cloudscape color palette by default.
+                        // This cannot be reset to Highcharts' default from the outside, but it is possible to provide custom palette.
+                        colors: (_c = options.colors) !== null && _c !== void 0 ? _c : Styles.colors,
+                        chart: {
+                            // Animations are disabled by default.
+                            // This is done for UX and a11y reasons as Highcharts animations do not match our animation timings, and do
+                            // not respect disabled motion settings. These issues can likely be resolved or we can provide custom animations
+                            // instead, but this is not a priority.
+                            animation: false,
+                            ...Styles.chart,
+                            ...options.chart,
+                            className: clsx(testClasses["chart-plot"], (_d = options.chart) === null || _d === void 0 ? void 0 : _d.className),
+                            // Use height computed from chartHeight, chartMinHeight, and fitHeight settings by default.
+                            // It is possible to override it by explicitly providing chart.height, but this will not be
+                            // compatible with any of the above settings.
+                            height: (_f = (_e = options.chart) === null || _e === void 0 ? void 0 : _e.height) !== null && _f !== void 0 ? _f : height,
+                            // The debug errors are enabled by default in development mode, but this only works
+                            // if the Highcharts debugger module is loaded.
+                            displayErrors: (_h = (_g = options.chart) === null || _g === void 0 ? void 0 : _g.displayErrors) !== null && _h !== void 0 ? _h : isDevelopment,
+                            style: { ...Styles.chartPlotCss, ...(_j = options.chart) === null || _j === void 0 ? void 0 : _j.style },
+                            // We override certain chart events to inject additional behaviors, but it is still possible to define
+                            // custom callbacks. The Cloudscape behaviors can be disabled or altered via components API. For instance,
+                            // if no-data props are not provided - the related on-render computations will be skipped.
+                            events: {
+                                ...(_k = options.chart) === null || _k === void 0 ? void 0 : _k.events,
+                                load(event) {
+                                    var _a, _b, _c;
+                                    apiOptions.onChartLoad.call(this, event);
+                                    return (_c = (_b = (_a = options.chart) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.load) === null || _c === void 0 ? void 0 : _c.call(this, event);
+                                },
+                                render(event) {
+                                    var _a, _b, _c;
+                                    apiOptions.onChartRender.call(this, event);
+                                    return (_c = (_b = (_a = options.chart) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.render) === null || _c === void 0 ? void 0 : _c.call(this, event);
+                                },
+                                click(event) {
+                                    var _a, _b, _c;
+                                    apiOptions.onChartClick.call(this, event);
+                                    return (_c = (_b = (_a = options.chart) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.click) === null || _c === void 0 ? void 0 : _c.call(this, event);
+                                },
+                            },
+                        },
+                        series: options.series,
+                        // Highcharts legend is disabled by default in favour of the custom Cloudscape legend.
+                        legend: (_l = options.legend) !== null && _l !== void 0 ? _l : { enabled: false },
+                        lang: {
+                            ...options.lang,
+                            accessibility: {
+                                // The default chart title is disabled by default to prevent the default "Chart" in the screen-reader detail.
+                                defaultChartTitle: "",
+                                chartContainerLabel: labels.chartLabel,
+                                svgContainerLabel: labels.chartContainerLabel,
+                                // We used {names[0]} to inject the axis title, see: https://api.highcharts.com/highcharts/lang.accessibility.axis.xAxisDescriptionSingular.
+                                axis: {
+                                    xAxisDescriptionSingular: labels.chartXAxisLabel
+                                        ? `${labels.chartXAxisLabel}, {names[0]}`
+                                        : undefined,
+                                    yAxisDescriptionSingular: labels.chartYAxisLabel
+                                        ? `${labels.chartYAxisLabel}, {names[0]}`
+                                        : undefined,
+                                },
+                                ...(_m = options.lang) === null || _m === void 0 ? void 0 : _m.accessibility,
+                            },
+                        },
+                        accessibility: {
+                            description: labels.chartDescription,
+                            screenReaderSection: {
+                                // We use custom before-message to remove detail that are currently not supported with our i18n.
+                                // See: https://api.highcharts.com/highcharts/accessibility.screenReaderSection.beforeChartFormat.
+                                beforeChartFormat: "<div>{xAxisDescription}</div><div>{yAxisDescription}</div>",
+                                // We hide after message as it is currently not supported with our i18n.
+                                afterChartFormat: "",
+                            },
+                            ...options.accessibility,
+                            // Highcharts keyboard navigation is disabled by default in favour of the custom Cloudscape navigation.
+                            keyboardNavigation: (_p = (_o = options.accessibility) === null || _o === void 0 ? void 0 : _o.keyboardNavigation) !== null && _p !== void 0 ? _p : { enabled: !keyboardNavigation },
+                            point: {
+                                // Point description formatter is overridden to respect custom axes value formatters.
+                                descriptionFormatter: (point) => getPointAccessibleDescription(point, labels),
+                                ...(_q = options.accessibility) === null || _q === void 0 ? void 0 : _q.point,
+                            },
+                        },
+                        plotOptions: {
+                            ...options.plotOptions,
+                            series: {
+                                // Animations are disabled by default, same as in the options.chart.
+                                animation: false,
+                                // Sticky tracking is disabled by default due to sub-optimal UX in dense charts.
+                                stickyTracking: false,
+                                borderColor: Styles.seriesBorderColor,
+                                ...(_r = options.plotOptions) === null || _r === void 0 ? void 0 : _r.series,
+                                dataLabels: { style: Styles.seriesDataLabelsCss, ...(_t = (_s = options.plotOptions) === null || _s === void 0 ? void 0 : _s.series) === null || _t === void 0 ? void 0 : _t.dataLabels },
+                                states: {
+                                    ...(_v = (_u = options.plotOptions) === null || _u === void 0 ? void 0 : _u.series) === null || _v === void 0 ? void 0 : _v.states,
+                                    inactive: { opacity: Styles.seriesOpacityInactive, ...(_y = (_x = (_w = options.plotOptions) === null || _w === void 0 ? void 0 : _w.series) === null || _x === void 0 ? void 0 : _x.states) === null || _y === void 0 ? void 0 : _y.inactive },
+                                },
+                                // We override certain point events to inject additional behaviors, but it is still possible to define
+                                // custom callbacks. The Cloudscape behaviors can be disabled or altered via components API.
+                                point: {
+                                    ...(_0 = (_z = options.plotOptions) === null || _z === void 0 ? void 0 : _z.series) === null || _0 === void 0 ? void 0 : _0.point,
+                                    events: {
+                                        ...(_3 = (_2 = (_1 = options.plotOptions) === null || _1 === void 0 ? void 0 : _1.series) === null || _2 === void 0 ? void 0 : _2.point) === null || _3 === void 0 ? void 0 : _3.events,
+                                        mouseOver(event) {
+                                            var _a, _b, _c, _d, _e;
+                                            apiOptions.onSeriesPointMouseOver.call(this, event);
+                                            return (_e = (_d = (_c = (_b = (_a = options.plotOptions) === null || _a === void 0 ? void 0 : _a.series) === null || _b === void 0 ? void 0 : _b.point) === null || _c === void 0 ? void 0 : _c.events) === null || _d === void 0 ? void 0 : _d.mouseOver) === null || _e === void 0 ? void 0 : _e.call(this, event);
+                                        },
+                                        mouseOut(event) {
+                                            var _a, _b, _c, _d, _e;
+                                            apiOptions.onSeriesPointMouseOut.call(this, event);
+                                            return (_e = (_d = (_c = (_b = (_a = options.plotOptions) === null || _a === void 0 ? void 0 : _a.series) === null || _b === void 0 ? void 0 : _b.point) === null || _c === void 0 ? void 0 : _c.events) === null || _d === void 0 ? void 0 : _d.mouseOut) === null || _e === void 0 ? void 0 : _e.call(this, event);
+                                        },
+                                        click(event) {
+                                            var _a, _b, _c, _d, _e;
+                                            apiOptions.onSeriesPointClick.call(this, event);
+                                            return (_e = (_d = (_c = (_b = (_a = options.plotOptions) === null || _a === void 0 ? void 0 : _a.series) === null || _b === void 0 ? void 0 : _b.point) === null || _c === void 0 ? void 0 : _c.events) === null || _d === void 0 ? void 0 : _d.click) === null || _e === void 0 ? void 0 : _e.call(this, event);
+                                        },
+                                    },
+                                },
+                            },
+                            area: { ...Styles.areaSeries, ...(_4 = options.plotOptions) === null || _4 === void 0 ? void 0 : _4.area },
+                            areaspline: { ...Styles.areaSeries, ...(_5 = options.plotOptions) === null || _5 === void 0 ? void 0 : _5.areaspline },
+                            arearange: { ...Styles.areaSeries, ...(_6 = options.plotOptions) === null || _6 === void 0 ? void 0 : _6.arearange },
+                            areasplinerange: { ...Styles.areaSeries, ...(_7 = options.plotOptions) === null || _7 === void 0 ? void 0 : _7.areasplinerange },
+                            line: { ...Styles.lineSeries, ...(_8 = options.plotOptions) === null || _8 === void 0 ? void 0 : _8.line },
+                            spline: { ...Styles.lineSeries, ...(_9 = options.plotOptions) === null || _9 === void 0 ? void 0 : _9.spline },
+                            column: { ...Styles.columnSeries, ...(_10 = options.plotOptions) === null || _10 === void 0 ? void 0 : _10.column },
+                            errorbar: { ...Styles.errorbarSeries, ...(_11 = options.plotOptions) === null || _11 === void 0 ? void 0 : _11.errorbar },
+                            // Pie chart is shown in legend by default, that is required for standalone pie charts.
+                            pie: {
+                                showInLegend: true,
+                                ...Styles.pieSeries,
+                                ...(_12 = options.plotOptions) === null || _12 === void 0 ? void 0 : _12.pie,
+                                dataLabels: { ...Styles.pieSeriesDataLabels, ...(_14 = (_13 = options.plotOptions) === null || _13 === void 0 ? void 0 : _13.pie) === null || _14 === void 0 ? void 0 : _14.dataLabels },
+                            },
+                        },
+                        xAxis: (_15 = castArray(options.xAxis)) === null || _15 === void 0 ? void 0 : _15.map((xAxisOptions) => {
+                            var _a, _b;
+                            return ({
+                                ...Styles.xAxisOptions,
+                                ...xAxisOptions,
+                                // Depending on the chart.inverted the x-axis can be rendered as vertical, and needs to respect page direction.
+                                reversed: !inverted && isRtl() ? !xAxisOptions.reversed : xAxisOptions.reversed,
+                                opposite: inverted && isRtl() ? !xAxisOptions.opposite : xAxisOptions.opposite,
+                                className: xAxisClassName(inverted, xAxisOptions.className),
+                                title: axisTitle((_a = xAxisOptions.title) !== null && _a !== void 0 ? _a : {}, !inverted || verticalAxisTitlePlacement === "side"),
+                                labels: axisLabels((_b = xAxisOptions.labels) !== null && _b !== void 0 ? _b : {}),
+                            });
+                        }),
+                        yAxis: (_16 = castArray(options.yAxis)) === null || _16 === void 0 ? void 0 : _16.map((yAxisOptions) => {
+                            var _a, _b, _c;
+                            return ({
+                                ...Styles.yAxisOptions,
+                                ...yAxisOptions,
+                                // Depending on the chart.inverted the y-axis can be rendered as vertical, and needs to respect page direction.
+                                reversed: inverted && isRtl() ? !yAxisOptions.reversed : yAxisOptions.reversed,
+                                opposite: !inverted && isRtl() ? !yAxisOptions.opposite : yAxisOptions.opposite,
+                                className: yAxisClassName(inverted, yAxisOptions.className),
+                                title: axisTitle((_a = yAxisOptions.title) !== null && _a !== void 0 ? _a : {}, inverted || verticalAxisTitlePlacement === "side"),
+                                labels: axisLabels((_b = yAxisOptions.labels) !== null && _b !== void 0 ? _b : {}),
+                                plotLines: yAxisPlotLines(yAxisOptions.plotLines, emphasizeBaseline),
+                                // We use reversed stack by default so that the order of points in the tooltip and series in the legend
+                                // correspond the order of stacks.
+                                reversedStacks: (_c = yAxisOptions.reversedStacks) !== null && _c !== void 0 ? _c : true,
+                            });
+                        }),
+                        // We don't use Highcharts tooltip, but certain tooltip options such as tooltip.snap or tooltip.shared
+                        // affect the hovering behavior of Highcharts. That is only the case when the tooltip is not disabled,
+                        // so we render it, but hide with styles.
+                        tooltip: (_17 = options.tooltip) !== null && _17 !== void 0 ? _17 : { enabled: true, snap: Styles.tooltipSnap, style: { opacity: 0 } },
+                    };
+                    return (_jsxs(_Fragment, { children: [_jsx(ChartApplication, { api: api, keyboardNavigation: keyboardNavigation, ariaLabel: ariaLabel }), _jsx(HighchartsReact, { highcharts: highcharts, options: highchartsOptions, callback: (chart) => callback === null || callback === void 0 ? void 0 : callback({ chart, highcharts: highcharts, ...api.publicApi }) })] }));
+                }, navigator: navigator, legend: context.legendEnabled && hasVisibleLegendItems(options) ? (_jsx(ChartLegend, { ...legendOptions, position: legendPosition, api: api, i18nStrings: i18nStrings, onItemHighlight: onLegendItemHighlight, getLegendTooltipContent: rest.getLegendTooltipContent })) : null, verticalAxisTitle: verticalAxisTitlePlacement === "top" ? _jsx(VerticalAxisTitle, { api: api, inverted: !!inverted }) : null, header: (header === null || header === void 0 ? void 0 : header.content) ? _jsx(ChartHeader, { children: header.content }) : null, footer: (footer === null || footer === void 0 ? void 0 : footer.content) ? _jsx(ChartFooter, { children: footer.content }) : null, filter: (filter === null || filter === void 0 ? void 0 : filter.seriesFilter) || (filter === null || filter === void 0 ? void 0 : filter.additionalFilters) ? (_jsx(ChartFilters, { api: api, seriesFilter: filter === null || filter === void 0 ? void 0 : filter.seriesFilter, additionalFilters: filter === null || filter === void 0 ? void 0 : filter.additionalFilters, i18nStrings: i18nStrings })) : null, noData: context.noDataEnabled && _jsx(ChartNoData, { ...noDataOptions, i18nStrings: i18nStrings, api: api }) }), context.tooltipEnabled && (_jsx(ChartTooltip, { ...tooltipOptions, i18nStrings: i18nStrings, getTooltipContent: rest.getTooltipContent, api: api }))] }));
+}
+function xAxisClassName(inverted, customClassName) {
+    return clsx(testClasses["axis-x"], inverted ? testClasses["axis-vertical"] : testClasses["axis-horizontal"], customClassName);
+}
+function yAxisClassName(inverted, customClassName) {
+    return clsx(testClasses["axis-y"], inverted ? testClasses["axis-horizontal"] : testClasses["axis-vertical"], customClassName);
+}
+// When placing vertical axis title in the chart's top, the actual axis title rendered by Highcharts
+// needs to be visually hidden (it is still accessible by screen-readers). We then set title's
+// opacity to 0, and use reserveSpace=false, so that Highcharts stretches the plot area to all available
+// container width.
+function axisTitle(options, visible) {
+    return {
+        style: { ...Styles.axisTitleCss, opacity: visible ? undefined : 0 },
+        reserveSpace: visible ? undefined : false,
+        ...options,
+    };
+}
+// We use custom formatters instead of Highcharts defaults to ensure consistent formatting
+// between axis ticks and tooltip contents.
+function axisLabels(options) {
+    return {
+        style: Styles.axisLabelsCss,
+        formatter: function () {
+            const formattedValue = getFormatter(this.axis)(this.value);
+            return formattedValue.replace(/\n/g, "<br />");
+        },
+        ...options,
+    };
+}
+function yAxisPlotLines(plotLineOptions = [], emphasizeBaseline) {
+    return emphasizeBaseline
+        ? [{ value: 0, ...Styles.chatPlotBaseline, className: testClasses["emphasized-baseline"] }, ...plotLineOptions]
+        : plotLineOptions;
+}
+//# sourceMappingURL=chart-core.js.map

package/core/chart-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-core.js","sourceRoot":"","sources":["../../../src/core/chart-core.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 { useRef } from \"react\";\nimport clsx from \"clsx\";\nimport type Highcharts from \"highcharts\";\nimport HighchartsReact from \"highcharts-react-official\";\n\nimport { getIsRtl, useMergeRefs, useUniqueId } from \"@cloudscape-design/component-toolkit/internal\";\nimport { isDevelopment } from \"@cloudscape-design/component-toolkit/internal\";\nimport Spinner from \"@cloudscape-design/components/spinner\";\n\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport * as Styles from \"../internal/chart-styles\";\nimport { castArray } from \"../internal/utils/utils\";\nimport { useChartAPI } from \"./chart-api\";\nimport { ChartContainer } from \"./chart-container\";\nimport { ChartApplication } from \"./components/core-application\";\nimport { ChartFilters } from \"./components/core-filters\";\nimport { ChartLegend } from \"./components/core-legend\";\nimport { ChartNoData } from \"./components/core-no-data\";\nimport { ChartFooter, ChartHeader } from \"./components/core-slots\";\nimport { ChartTooltip } from \"./components/core-tooltip\";\nimport { VerticalAxisTitle } from \"./components/core-vertical-axis-title\";\nimport { getFormatter } from \"./formatters\";\nimport { useChartI18n } from \"./i18n-utils\";\nimport { CoreChartProps } from \"./interfaces\";\nimport { getPointAccessibleDescription, hasVisibleLegendItems } from \"./utils\";\n\nimport styles from \"./styles.css.js\";\nimport testClasses from \"./test-classes/styles.css.js\";\n\n/**\n * CoreChart is the core internal abstraction that accepts the entire set of Highcharts options along\n * with Cloudscape props to define custom tooltip, no-data, formatters, items visibility, and more.\n */\nexport function InternalCoreChart({\n  options,\n  ariaLabel,\n  ariaDescription,\n  fitHeight,\n  chartHeight,\n  chartMinHeight,\n  chartMinWidth,\n  tooltip: tooltipOptions,\n  noData: noDataOptions,\n  navigator,\n  legend: legendOptions,\n  fallback = <Spinner />,\n  callback,\n  emphasizeBaseline = true,\n  verticalAxisTitlePlacement = \"side\",\n  i18nStrings,\n  className,\n  header,\n  footer,\n  filter,\n  keyboardNavigation = true,\n  onHighlight,\n  onLegendItemHighlight,\n  onClearHighlight,\n  onVisibleItemsChange,\n  visibleItems,\n  __internalRootRef,\n  ...rest\n}: CoreChartProps & InternalBaseComponentProps) {\n  const highcharts = rest.highcharts as null | typeof Highcharts;\n  const labels = useChartI18n({ ariaLabel, ariaDescription, i18nStrings });\n  const context = {\n    chartId: useUniqueId(),\n    noDataEnabled: !!noDataOptions,\n    legendEnabled: legendOptions?.enabled !== false,\n    tooltipEnabled: tooltipOptions?.enabled !== false,\n    keyboardNavigationEnabled: keyboardNavigation,\n    labels,\n  };\n  const handlers = { onHighlight, onClearHighlight, onVisibleItemsChange };\n  const state = { visibleItems };\n  const api = useChartAPI(context, handlers, state);\n\n  const rootClassName = clsx(testClasses.root, styles.root, fitHeight && styles[\"root-fit-height\"], className);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);\n  const rootProps = { ref: mergedRootRef, className: rootClassName, ...getDataAttributes(rest) };\n  const legendPosition = legendOptions?.position ?? \"bottom\";\n  const containerProps = {\n    fitHeight,\n    chartHeight,\n    chartMinHeight,\n    chartMinWidth,\n    legendPosition,\n    verticalAxisTitlePlacement,\n    legendBottomMaxHeight: legendOptions?.bottomMaxHeight,\n  };\n\n  // Render fallback using the same root and container props as for the chart to ensure consistent\n  // size, test classes, and data-attributes assignment.\n  if (!highcharts) {\n    return (\n      <div {...rootProps}>\n        <ChartContainer\n          {...containerProps}\n          chart={(minHeight) => (\n            <div className={testClasses.fallback} style={{ minHeight }}>\n              {fallback}\n            </div>\n          )}\n        />\n      </div>\n    );\n  }\n\n  const apiOptions = api.getOptions();\n  const inverted = !!options.chart?.inverted;\n  const isRtl = () => getIsRtl(rootRef?.current);\n  return (\n    <div {...rootProps}>\n      <ChartContainer\n        {...containerProps}\n        chart={(height) => {\n          // The Highcharts options takes all provided Highcharts options and custom properties and merges them together, so that\n          // the Cloudscape features and custom Highcharts extensions co-exist.\n          // For certain options we provide Cloudscape styling, but in all cases this can be explicitly overridden.\n          const highchartsOptions: Highcharts.Options = {\n            ...options,\n            // Hide credits by default.\n            credits: options.credits ?? { enabled: false },\n            // Hide chart title by default.\n            title: options.title ?? { text: \"\" },\n            // Use Cloudscape color palette by default.\n            // This cannot be reset to Highcharts' default from the outside, but it is possible to provide custom palette.\n            colors: options.colors ?? Styles.colors,\n            chart: {\n              // Animations are disabled by default.\n              // This is done for UX and a11y reasons as Highcharts animations do not match our animation timings, and do\n              // not respect disabled motion settings. These issues can likely be resolved or we can provide custom animations\n              // instead, but this is not a priority.\n              animation: false,\n              ...Styles.chart,\n              ...options.chart,\n              className: clsx(testClasses[\"chart-plot\"], options.chart?.className),\n              // Use height computed from chartHeight, chartMinHeight, and fitHeight settings by default.\n              // It is possible to override it by explicitly providing chart.height, but this will not be\n              // compatible with any of the above settings.\n              height: options.chart?.height ?? height,\n              // The debug errors are enabled by default in development mode, but this only works\n              // if the Highcharts debugger module is loaded.\n              displayErrors: options.chart?.displayErrors ?? isDevelopment,\n              style: { ...Styles.chartPlotCss, ...options.chart?.style },\n              // We override certain chart events to inject additional behaviors, but it is still possible to define\n              // custom callbacks. The Cloudscape behaviors can be disabled or altered via components API. For instance,\n              // if no-data props are not provided - the related on-render computations will be skipped.\n              events: {\n                ...options.chart?.events,\n                load(event) {\n                  apiOptions.onChartLoad.call(this, event);\n                  return options.chart?.events?.load?.call(this, event);\n                },\n                render(event) {\n                  apiOptions.onChartRender.call(this, event);\n                  return options.chart?.events?.render?.call(this, event);\n                },\n                click(event) {\n                  apiOptions.onChartClick.call(this, event);\n                  return options.chart?.events?.click?.call(this, event);\n                },\n              },\n            },\n            series: options.series,\n            // Highcharts legend is disabled by default in favour of the custom Cloudscape legend.\n            legend: options.legend ?? { enabled: false },\n            lang: {\n              ...options.lang,\n              accessibility: {\n                // The default chart title is disabled by default to prevent the default \"Chart\" in the screen-reader detail.\n                defaultChartTitle: \"\",\n                chartContainerLabel: labels.chartLabel,\n                svgContainerLabel: labels.chartContainerLabel,\n                // We used {names[0]} to inject the axis title, see: https://api.highcharts.com/highcharts/lang.accessibility.axis.xAxisDescriptionSingular.\n                axis: {\n                  xAxisDescriptionSingular: labels.chartXAxisLabel\n                    ? `${labels.chartXAxisLabel}, {names[0]}`\n                    : undefined,\n                  yAxisDescriptionSingular: labels.chartYAxisLabel\n                    ? `${labels.chartYAxisLabel}, {names[0]}`\n                    : undefined,\n                },\n                ...options.lang?.accessibility,\n              },\n            },\n            accessibility: {\n              description: labels.chartDescription,\n              screenReaderSection: {\n                // We use custom before-message to remove detail that are currently not supported with our i18n.\n                // See: https://api.highcharts.com/highcharts/accessibility.screenReaderSection.beforeChartFormat.\n                beforeChartFormat: \"<div>{xAxisDescription}</div><div>{yAxisDescription}</div>\",\n                // We hide after message as it is currently not supported with our i18n.\n                afterChartFormat: \"\",\n              },\n              ...options.accessibility,\n              // Highcharts keyboard navigation is disabled by default in favour of the custom Cloudscape navigation.\n              keyboardNavigation: options.accessibility?.keyboardNavigation ?? { enabled: !keyboardNavigation },\n              point: {\n                // Point description formatter is overridden to respect custom axes value formatters.\n                descriptionFormatter: (point) => getPointAccessibleDescription(point, labels),\n                ...options.accessibility?.point,\n              },\n            },\n            plotOptions: {\n              ...options.plotOptions,\n              series: {\n                // Animations are disabled by default, same as in the options.chart.\n                animation: false,\n                // Sticky tracking is disabled by default due to sub-optimal UX in dense charts.\n                stickyTracking: false,\n                borderColor: Styles.seriesBorderColor,\n                ...options.plotOptions?.series,\n                dataLabels: { style: Styles.seriesDataLabelsCss, ...options.plotOptions?.series?.dataLabels },\n                states: {\n                  ...options.plotOptions?.series?.states,\n                  inactive: { opacity: Styles.seriesOpacityInactive, ...options.plotOptions?.series?.states?.inactive },\n                },\n                // We override certain point events to inject additional behaviors, but it is still possible to define\n                // custom callbacks. The Cloudscape behaviors can be disabled or altered via components API.\n                point: {\n                  ...options.plotOptions?.series?.point,\n                  events: {\n                    ...options.plotOptions?.series?.point?.events,\n                    mouseOver(event) {\n                      apiOptions.onSeriesPointMouseOver.call(this, event);\n                      return options.plotOptions?.series?.point?.events?.mouseOver?.call(this, event);\n                    },\n                    mouseOut(event) {\n                      apiOptions.onSeriesPointMouseOut.call(this, event);\n                      return options.plotOptions?.series?.point?.events?.mouseOut?.call(this, event);\n                    },\n                    click(event) {\n                      apiOptions.onSeriesPointClick.call(this, event);\n                      return options.plotOptions?.series?.point?.events?.click?.call(this, event);\n                    },\n                  },\n                },\n              },\n              area: { ...Styles.areaSeries, ...options.plotOptions?.area },\n              areaspline: { ...Styles.areaSeries, ...options.plotOptions?.areaspline },\n              arearange: { ...Styles.areaSeries, ...options.plotOptions?.arearange },\n              areasplinerange: { ...Styles.areaSeries, ...options.plotOptions?.areasplinerange },\n              line: { ...Styles.lineSeries, ...options.plotOptions?.line },\n              spline: { ...Styles.lineSeries, ...options.plotOptions?.spline },\n              column: { ...Styles.columnSeries, ...options.plotOptions?.column },\n              errorbar: { ...Styles.errorbarSeries, ...options.plotOptions?.errorbar },\n              // Pie chart is shown in legend by default, that is required for standalone pie charts.\n              pie: {\n                showInLegend: true,\n                ...Styles.pieSeries,\n                ...options.plotOptions?.pie,\n                dataLabels: { ...Styles.pieSeriesDataLabels, ...options.plotOptions?.pie?.dataLabels },\n              },\n            },\n            xAxis: castArray(options.xAxis)?.map((xAxisOptions) => ({\n              ...Styles.xAxisOptions,\n              ...xAxisOptions,\n              // Depending on the chart.inverted the x-axis can be rendered as vertical, and needs to respect page direction.\n              reversed: !inverted && isRtl() ? !xAxisOptions.reversed : xAxisOptions.reversed,\n              opposite: inverted && isRtl() ? !xAxisOptions.opposite : xAxisOptions.opposite,\n              className: xAxisClassName(inverted, xAxisOptions.className),\n              title: axisTitle(xAxisOptions.title ?? {}, !inverted || verticalAxisTitlePlacement === \"side\"),\n              labels: axisLabels(xAxisOptions.labels ?? {}),\n            })),\n            yAxis: castArray(options.yAxis)?.map((yAxisOptions) => ({\n              ...Styles.yAxisOptions,\n              ...yAxisOptions,\n              // Depending on the chart.inverted the y-axis can be rendered as vertical, and needs to respect page direction.\n              reversed: inverted && isRtl() ? !yAxisOptions.reversed : yAxisOptions.reversed,\n              opposite: !inverted && isRtl() ? !yAxisOptions.opposite : yAxisOptions.opposite,\n              className: yAxisClassName(inverted, yAxisOptions.className),\n              title: axisTitle(yAxisOptions.title ?? {}, inverted || verticalAxisTitlePlacement === \"side\"),\n              labels: axisLabels(yAxisOptions.labels ?? {}),\n              plotLines: yAxisPlotLines(yAxisOptions.plotLines, emphasizeBaseline),\n              // We use reversed stack by default so that the order of points in the tooltip and series in the legend\n              // correspond the order of stacks.\n              reversedStacks: yAxisOptions.reversedStacks ?? true,\n            })),\n            // We don't use Highcharts tooltip, but certain tooltip options such as tooltip.snap or tooltip.shared\n            // affect the hovering behavior of Highcharts. That is only the case when the tooltip is not disabled,\n            // so we render it, but hide with styles.\n            tooltip: options.tooltip ?? { enabled: true, snap: Styles.tooltipSnap, style: { opacity: 0 } },\n          };\n          return (\n            <>\n              <ChartApplication api={api} keyboardNavigation={keyboardNavigation} ariaLabel={ariaLabel} />\n              <HighchartsReact\n                highcharts={highcharts}\n                options={highchartsOptions}\n                callback={(chart: Highcharts.Chart) =>\n                  callback?.({ chart, highcharts: highcharts as typeof Highcharts, ...api.publicApi })\n                }\n              />\n            </>\n          );\n        }}\n        navigator={navigator}\n        legend={\n          context.legendEnabled && hasVisibleLegendItems(options) ? (\n            <ChartLegend\n              {...legendOptions}\n              position={legendPosition}\n              api={api}\n              i18nStrings={i18nStrings}\n              onItemHighlight={onLegendItemHighlight}\n              getLegendTooltipContent={rest.getLegendTooltipContent}\n            />\n          ) : null\n        }\n        verticalAxisTitle={\n          verticalAxisTitlePlacement === \"top\" ? <VerticalAxisTitle api={api} inverted={!!inverted} /> : null\n        }\n        header={header?.content ? <ChartHeader>{header.content}</ChartHeader> : null}\n        footer={footer?.content ? <ChartFooter>{footer.content}</ChartFooter> : null}\n        filter={\n          filter?.seriesFilter || filter?.additionalFilters ? (\n            <ChartFilters\n              api={api}\n              seriesFilter={filter?.seriesFilter}\n              additionalFilters={filter?.additionalFilters}\n              i18nStrings={i18nStrings}\n            />\n          ) : null\n        }\n        noData={context.noDataEnabled && <ChartNoData {...noDataOptions} i18nStrings={i18nStrings} api={api} />}\n      />\n\n      {context.tooltipEnabled && (\n        <ChartTooltip\n          {...tooltipOptions}\n          i18nStrings={i18nStrings}\n          getTooltipContent={rest.getTooltipContent}\n          api={api}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction xAxisClassName(inverted: boolean, customClassName?: string) {\n  return clsx(\n    testClasses[\"axis-x\"],\n    inverted ? testClasses[\"axis-vertical\"] : testClasses[\"axis-horizontal\"],\n    customClassName,\n  );\n}\n\nfunction yAxisClassName(inverted: boolean, customClassName?: string) {\n  return clsx(\n    testClasses[\"axis-y\"],\n    inverted ? testClasses[\"axis-horizontal\"] : testClasses[\"axis-vertical\"],\n    customClassName,\n  );\n}\n\n// When placing vertical axis title in the chart's top, the actual axis title rendered by Highcharts\n// needs to be visually hidden (it is still accessible by screen-readers). We then set title's\n// opacity to 0, and use reserveSpace=false, so that Highcharts stretches the plot area to all available\n// container width.\nfunction axisTitle<O extends Highcharts.XAxisTitleOptions | Highcharts.YAxisTitleOptions>(\n  options: O,\n  visible: boolean,\n): O {\n  return {\n    style: { ...Styles.axisTitleCss, opacity: visible ? undefined : 0 },\n    reserveSpace: visible ? undefined : false,\n    ...options,\n  };\n}\n\n// We use custom formatters instead of Highcharts defaults to ensure consistent formatting\n// between axis ticks and tooltip contents.\nfunction axisLabels<O extends Highcharts.XAxisLabelsOptions | Highcharts.YAxisLabelsOptions>(options: O): O {\n  return {\n    style: Styles.axisLabelsCss,\n    formatter: function () {\n      const formattedValue = getFormatter(this.axis)(this.value);\n      return formattedValue.replace(/\\n/g, \"<br />\");\n    },\n    ...options,\n  };\n}\n\nfunction yAxisPlotLines(\n  plotLineOptions: Highcharts.YAxisPlotLinesOptions[] = [],\n  emphasizeBaseline: boolean,\n): Highcharts.YAxisPlotLinesOptions[] {\n  return emphasizeBaseline\n    ? [{ value: 0, ...Styles.chatPlotBaseline, className: testClasses[\"emphasized-baseline\"] }, ...plotLineOptions]\n    : plotLineOptions;\n}\n"]}

package/core/components/core-application.d.ts

@@ -0,0 +1,6 @@
+import { ChartAPI } from "../chart-api";
+export declare function ChartApplication({ api, keyboardNavigation, ariaLabel, }: {
+    api: ChartAPI;
+    keyboardNavigation: boolean;
+    ariaLabel?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/core/components/core-application.js

@@ -0,0 +1,16 @@
+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 clsx from "clsx";
+import { useSelector } from "../../internal/utils/async-store";
+import styles from "../styles.css.js";
+import testClasses from "../test-classes/styles.css.js";
+// An invisible component rendered before chart plot to capture focus for custom keyboard navigation.
+export function ChartApplication({ api, keyboardNavigation, ariaLabel, }) {
+    const hasData = useSelector(api.nodataStore, (s) => !s.visible);
+    return keyboardNavigation && hasData ? (
+    // Do not remove the empty outer div. It is used to contain the application element to perform
+    // focus juggling, necessary to trigger a screen-reader announcement.
+    _jsx("div", { children: _jsx("div", { ref: api.setApplication, tabIndex: 0, role: "application", "aria-label": ariaLabel, className: clsx(testClasses.application, styles.application) }) })) : null;
+}
+//# sourceMappingURL=core-application.js.map

package/core/components/core-application.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-application.js","sourceRoot":"","sources":["../../../../src/core/components/core-application.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD,qGAAqG;AACrG,MAAM,UAAU,gBAAgB,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,SAAS,GAKV;IACC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE,OAAO,kBAAkB,IAAI,OAAO,CAAC,CAAC,CAAC;IACrC,8FAA8F;IAC9F,qEAAqE;IACrE,wBACE,cACE,GAAG,EAAE,GAAG,CAAC,cAAc,EACvB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,aAAa,gBACN,SAAS,EACrB,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,GAC5D,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\n\nimport { useSelector } from \"../../internal/utils/async-store\";\nimport { ChartAPI } from \"../chart-api\";\n\nimport styles from \"../styles.css.js\";\nimport testClasses from \"../test-classes/styles.css.js\";\n\n// An invisible component rendered before chart plot to capture focus for custom keyboard navigation.\nexport function ChartApplication({\n  api,\n  keyboardNavigation,\n  ariaLabel,\n}: {\n  api: ChartAPI;\n  keyboardNavigation: boolean;\n  ariaLabel?: string;\n}) {\n  const hasData = useSelector(api.nodataStore, (s) => !s.visible);\n  return keyboardNavigation && hasData ? (\n    // Do not remove the empty outer div. It is used to contain the application element to perform\n    // focus juggling, necessary to trigger a screen-reader announcement.\n    <div>\n      <div\n        ref={api.setApplication}\n        tabIndex={0}\n        role=\"application\"\n        aria-label={ariaLabel}\n        className={clsx(testClasses.application, styles.application)}\n      />\n    </div>\n  ) : null;\n}\n"]}

package/core/components/core-filters.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ChartAPI } from "../chart-api";
+import { BaseI18nStrings } from "../interfaces";
+export declare function ChartFilters({ seriesFilter, additionalFilters, api, i18nStrings, }: {
+    seriesFilter?: boolean;
+    additionalFilters?: React.ReactNode;
+    api: ChartAPI;
+    i18nStrings?: BaseI18nStrings;
+}): import("react/jsx-runtime").JSX.Element;

package/core/components/core-filters.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from "clsx";
+import { useInternalI18n } from "@cloudscape-design/components/internal/do-not-use/i18n";
+import InternalChartSeriesFilter from "../../internal/components/chart-series-filter";
+import { useSelector } from "../../internal/utils/async-store";
+import styles from "../styles.css.js";
+import testClasses from "../test-classes/styles.css.js";
+export function ChartFilters({ seriesFilter, additionalFilters, api, i18nStrings, }) {
+    return (_jsxs("div", { className: clsx(testClasses["chart-filters"], styles["chart-filters"]), children: [seriesFilter && (_jsx("div", { className: clsx(testClasses["chart-filters-series"], styles["chart-filters-series"]), children: _jsx(ChartSeriesFilter, { api: api, i18nStrings: i18nStrings }) })), additionalFilters && _jsx("div", { className: testClasses["chart-filters-additional"], children: additionalFilters })] }));
+}
+function ChartSeriesFilter({ api, i18nStrings }) {
+    const i18n = useInternalI18n("[charts]");
+    const legendItems = useSelector(api.legendStore, (s) => s.items);
+    return (_jsx(InternalChartSeriesFilter, { items: legendItems, selectedItems: legendItems.filter((i) => i.visible).map((i) => i.id), onChange: ({ detail }) => api.onItemVisibilityChange(detail.selectedItems), i18nStrings: {
+            filterLabel: i18n("i18nStrings.filterLabel", i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.seriesFilterLabel),
+            filterPlaceholder: i18n("i18nStrings.filterPlaceholder", i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.seriesFilterPlaceholder),
+            filterSelectedAriaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.seriesFilterSelectedAriaLabel,
+        } }));
+}
+//# sourceMappingURL=core-filters.js.map

package/core/components/core-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-filters.js","sourceRoot":"","sources":["../../../../src/core/components/core-filters.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAEzF,OAAO,yBAAyB,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAI/D,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD,MAAM,UAAU,YAAY,CAAC,EAC3B,YAAY,EACZ,iBAAiB,EACjB,GAAG,EACH,WAAW,GAMZ;IACC,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,aACxE,YAAY,IAAI,CACf,cAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC,YACvF,KAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAI,GACrD,CACP,EACA,iBAAiB,IAAI,cAAK,SAAS,EAAE,WAAW,CAAC,0BAA0B,CAAC,YAAG,iBAAiB,GAAO,IACpG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,GAAG,EAAE,WAAW,EAAoD;IAC/F,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACjE,OAAO,CACL,KAAC,yBAAyB,IACxB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,MAAM,CAAC,aAAa,CAAC,EAC1E,WAAW,EAAE;YACX,WAAW,EAAE,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,CAAC;YAC5E,iBAAiB,EAAE,IAAI,CAAC,+BAA+B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,uBAAuB,CAAC;YAC9F,uBAAuB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,6BAA6B;SACpE,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\n\nimport { useInternalI18n } from \"@cloudscape-design/components/internal/do-not-use/i18n\";\n\nimport InternalChartSeriesFilter from \"../../internal/components/chart-series-filter\";\nimport { useSelector } from \"../../internal/utils/async-store\";\nimport { ChartAPI } from \"../chart-api\";\nimport { BaseI18nStrings } from \"../interfaces\";\n\nimport styles from \"../styles.css.js\";\nimport testClasses from \"../test-classes/styles.css.js\";\n\nexport function ChartFilters({\n  seriesFilter,\n  additionalFilters,\n  api,\n  i18nStrings,\n}: {\n  seriesFilter?: boolean;\n  additionalFilters?: React.ReactNode;\n  api: ChartAPI;\n  i18nStrings?: BaseI18nStrings;\n}) {\n  return (\n    <div className={clsx(testClasses[\"chart-filters\"], styles[\"chart-filters\"])}>\n      {seriesFilter && (\n        <div className={clsx(testClasses[\"chart-filters-series\"], styles[\"chart-filters-series\"])}>\n          <ChartSeriesFilter api={api} i18nStrings={i18nStrings} />\n        </div>\n      )}\n      {additionalFilters && <div className={testClasses[\"chart-filters-additional\"]}>{additionalFilters}</div>}\n    </div>\n  );\n}\n\nfunction ChartSeriesFilter({ api, i18nStrings }: { api: ChartAPI; i18nStrings?: BaseI18nStrings }) {\n  const i18n = useInternalI18n(\"[charts]\");\n  const legendItems = useSelector(api.legendStore, (s) => s.items);\n  return (\n    <InternalChartSeriesFilter\n      items={legendItems}\n      selectedItems={legendItems.filter((i) => i.visible).map((i) => i.id)}\n      onChange={({ detail }) => api.onItemVisibilityChange(detail.selectedItems)}\n      i18nStrings={{\n        filterLabel: i18n(\"i18nStrings.filterLabel\", i18nStrings?.seriesFilterLabel),\n        filterPlaceholder: i18n(\"i18nStrings.filterPlaceholder\", i18nStrings?.seriesFilterPlaceholder),\n        filterSelectedAriaLabel: i18nStrings?.seriesFilterSelectedAriaLabel,\n      }}\n    />\n  );\n}\n"]}

package/core/components/core-legend.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { NonCancelableEventHandler } from "../../internal/events";
+import { ChartAPI } from "../chart-api";
+import { BaseI18nStrings, CoreChartProps } from "../interfaces";
+export declare function ChartLegend({ api, title, actions, position, i18nStrings, onItemHighlight, getLegendTooltipContent, }: {
+    api: ChartAPI;
+    title?: string;
+    actions?: React.ReactNode;
+    position: "bottom" | "side";
+    i18nStrings?: BaseI18nStrings;
+    onItemHighlight?: NonCancelableEventHandler<CoreChartProps.LegendItemHighlightDetail>;
+    getLegendTooltipContent?: CoreChartProps.GetLegendTooltipContent;
+}): import("react/jsx-runtime").JSX.Element | null;

package/core/components/core-legend.js

@@ -0,0 +1,27 @@
+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";
+import { useSelector } from "../../internal/utils/async-store";
+export function ChartLegend({ api, title, actions, position, i18nStrings, onItemHighlight, getLegendTooltipContent, }) {
+    const i18n = useInternalI18n("[charts]");
+    const ariaLabel = i18n("i18nStrings.legendAriaLabel", i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.legendAriaLabel);
+    const legendItems = useSelector(api.legendStore, (s) => s.items);
+    const isChartTooltipPinned = useSelector(api.tooltipStore, (s) => s.pinned);
+    if (legendItems.length === 0) {
+        return null;
+    }
+    return (_jsx(ChartLegendComponent, { ariaLabel: ariaLabel, legendTitle: title, items: legendItems, actions: actions, position: position, onItemVisibilityChange: api.onItemVisibilityChange, onItemHighlightExit: api.onClearChartItemsHighlight, onItemHighlightEnter: (item) => {
+            api.onHighlightChartItems([item.id]);
+            fireNonCancelableEvent(onItemHighlight, { item });
+        }, getTooltipContent: (props) => {
+            var _a;
+            if (isChartTooltipPinned) {
+                return null;
+            }
+            return (_a = getLegendTooltipContent === null || getLegendTooltipContent === void 0 ? void 0 : getLegendTooltipContent(props)) !== null && _a !== void 0 ? _a : null;
+        } }));
+}
+//# sourceMappingURL=core-legend.js.map

package/core/components/core-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-legend.js","sourceRoot":"","sources":["../../../../src/core/components/core-legend.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAEzF,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAA6B,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAI/D,MAAM,UAAU,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAAe,EACf,uBAAuB,GASxB;IACC,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,CAAC;IACpF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAE5E,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5B,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,GAAG,CAAC,sBAAsB,EAClD,mBAAmB,EAAE,GAAG,CAAC,0BAA0B,EACnD,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE;YAC7B,GAAG,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YACrC,sBAAsB,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,CAAC,EACD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;;YAC3B,IAAI,oBAAoB,EAAE;gBACxB,OAAO,IAAI,CAAC;aACb;YACD,OAAO,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,KAAK,CAAC,mCAAI,IAAI,CAAC;QAClD,CAAC,GACD,CACH,CAAC;AACJ,CAAC","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 { ChartLegend as ChartLegendComponent } from \"../../internal/components/chart-legend\";\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from \"../../internal/events\";\nimport { useSelector } from \"../../internal/utils/async-store\";\nimport { ChartAPI } from \"../chart-api\";\nimport { BaseI18nStrings, CoreChartProps } from \"../interfaces\";\n\nexport function ChartLegend({\n  api,\n  title,\n  actions,\n  position,\n  i18nStrings,\n  onItemHighlight,\n  getLegendTooltipContent,\n}: {\n  api: ChartAPI;\n  title?: string;\n  actions?: React.ReactNode;\n  position: \"bottom\" | \"side\";\n  i18nStrings?: BaseI18nStrings;\n  onItemHighlight?: NonCancelableEventHandler<CoreChartProps.LegendItemHighlightDetail>;\n  getLegendTooltipContent?: CoreChartProps.GetLegendTooltipContent;\n}) {\n  const i18n = useInternalI18n(\"[charts]\");\n  const ariaLabel = i18n(\"i18nStrings.legendAriaLabel\", i18nStrings?.legendAriaLabel);\n  const legendItems = useSelector(api.legendStore, (s) => s.items);\n  const isChartTooltipPinned = useSelector(api.tooltipStore, (s) => s.pinned);\n\n  if (legendItems.length === 0) {\n    return null;\n  }\n  return (\n    <ChartLegendComponent\n      ariaLabel={ariaLabel}\n      legendTitle={title}\n      items={legendItems}\n      actions={actions}\n      position={position}\n      onItemVisibilityChange={api.onItemVisibilityChange}\n      onItemHighlightExit={api.onClearChartItemsHighlight}\n      onItemHighlightEnter={(item) => {\n        api.onHighlightChartItems([item.id]);\n        fireNonCancelableEvent(onItemHighlight, { item });\n      }}\n      getTooltipContent={(props) => {\n        if (isChartTooltipPinned) {\n          return null;\n        }\n        return getLegendTooltipContent?.(props) ?? null;\n      }}\n    />\n  );\n}\n"]}

package/core/components/core-no-data.d.ts

@@ -0,0 +1,6 @@
+import { ChartAPI } from "../chart-api";
+import { BaseI18nStrings, BaseNoDataOptions } from "../interfaces";
+export declare function ChartNoData({ statusType, loading, empty, error, noMatch, onRecoveryClick, api, i18nStrings, }: BaseNoDataOptions & {
+    api: ChartAPI;
+    i18nStrings?: BaseI18nStrings;
+}): import("react/jsx-runtime").JSX.Element | null;

package/core/components/core-no-data.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from "clsx";
+import Button from "@cloudscape-design/components/button";
+import { useInternalI18n } from "@cloudscape-design/components/internal/do-not-use/i18n";
+import LiveRegion from "@cloudscape-design/components/live-region";
+import SpaceBetween from "@cloudscape-design/components/space-between";
+import StatusIndicator from "@cloudscape-design/components/status-indicator";
+import { fireNonCancelableEvent } from "../../internal/events";
+import { useSelector } from "../../internal/utils/async-store";
+import styles from "../styles.css.js";
+import testClasses from "../test-classes/styles.css.js";
+export function ChartNoData({ statusType = "finished", loading, empty, error, noMatch, onRecoveryClick, api, i18nStrings, }) {
+    const state = useSelector(api.nodataStore, (s) => s);
+    if (!state.visible) {
+        return null;
+    }
+    let content = null;
+    if (statusType === "loading") {
+        content = loading ? (_jsx("div", { className: testClasses["no-data-loading"], children: loading })) : (_jsx(DefaultLoadingMessage, { i18nStrings: i18nStrings }));
+    }
+    else if (statusType === "error") {
+        content = error ? (_jsx("div", { className: testClasses["no-data-error"], children: error })) : (_jsx(DefaultErrorMessage, { onRecoveryClick: onRecoveryClick, i18nStrings: i18nStrings }));
+    }
+    else if (state.noMatch && noMatch) {
+        content = _jsx("div", { className: clsx(testClasses["no-data-no-match"], styles["no-data-empty"]), children: noMatch });
+    }
+    else if (!state.noMatch && empty) {
+        content = _jsx("div", { className: clsx(testClasses["no-data-empty"], styles["no-data-empty"]), children: empty });
+    }
+    return (content && (_jsx("div", { className: styles["no-data-container"], style: state.style, children: _jsx("div", { className: styles["no-data-wrapper"], children: _jsx("div", { className: clsx(testClasses["no-data"], styles["no-data"]), children: _jsx(LiveRegion, { children: content }) }) }) })));
+}
+function DefaultLoadingMessage({ i18nStrings }) {
+    const i18n = useInternalI18n("[charts]");
+    const loadingText = i18n("loadingText", i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText);
+    return (_jsx(StatusIndicator, { type: "loading", className: testClasses["no-data-loading"], wrapText: true, children: loadingText }));
+}
+function DefaultErrorMessage({ onRecoveryClick, i18nStrings, }) {
+    const i18n = useInternalI18n("[charts]");
+    const errorText = i18n("errorText", i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.errorText);
+    const recoveryText = i18n("recoveryText", i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.recoveryText);
+    return (_jsxs(SpaceBetween, { direction: "horizontal", size: "xxs", className: testClasses["no-data-error"], children: [_jsx(StatusIndicator, { type: "error", wrapText: true, children: errorText }), recoveryText && onRecoveryClick ? (_jsx(Button, { onClick: (event) => {
+                    event.preventDefault();
+                    fireNonCancelableEvent(onRecoveryClick);
+                }, variant: "inline-link", className: testClasses["no-data-retry"], children: recoveryText })) : null] }));
+}
+//# sourceMappingURL=core-no-data.js.map

package/core/components/core-no-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-no-data.js","sourceRoot":"","sources":["../../../../src/core/components/core-no-data.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,OAAO,UAAU,MAAM,2CAA2C,CAAC;AACnE,OAAO,YAAY,MAAM,6CAA6C,CAAC;AACvE,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAE7E,OAAO,EAAE,sBAAsB,EAA6B,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAI/D,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAC1B,UAAU,GAAG,UAAU,EACvB,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,eAAe,EACf,GAAG,EACH,WAAW,GAIZ;IACC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IACrD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAE,WAAW,CAAC,iBAAiB,CAAC,YAAG,OAAO,GAAO,CAChE,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,IAAC,WAAW,EAAE,WAAW,GAAI,CACpD,CAAC;KACH;SAAM,IAAI,UAAU,KAAK,OAAO,EAAE;QACjC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,YAAG,KAAK,GAAO,CAC5D,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,IAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,GAAI,CACpF,CAAC;KACH;SAAM,IAAI,KAAK,CAAC,OAAO,IAAI,OAAO,EAAE;QACnC,OAAO,GAAG,cAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,YAAG,OAAO,GAAO,CAAC;KAC3G;SAAM,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,EAAE;QAClC,OAAO,GAAG,cAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,YAAG,KAAK,GAAO,CAAC;KACtG;IACD,OAAO,CACL,OAAO,IAAI,CACT,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YAC7D,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,YACvC,cAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,YAC7D,KAAC,UAAU,cAAE,OAAO,GAAc,GAC9B,GACF,GACF,CACP,CACF,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,EAAE,WAAW,EAAqC;IAC/E,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CAAC;IAClE,OAAO,CACL,KAAC,eAAe,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,YACtF,WAAW,GACI,CACnB,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,eAAe,EACf,WAAW,GAIZ;IACC,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAC,CAAC;IACrE,OAAO,CACL,MAAC,YAAY,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,aACrF,KAAC,eAAe,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,YACzC,SAAS,GACM,EACjB,YAAY,IAAI,eAAe,CAAC,CAAC,CAAC,CACjC,KAAC,MAAM,IACL,OAAO,EAAE,CAAC,KAAkB,EAAE,EAAE;oBAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,sBAAsB,CAAC,eAAe,CAAC,CAAC;gBAC1C,CAAC,EACD,OAAO,EAAC,aAAa,EACrB,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,YAEtC,YAAY,GACN,CACV,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from \"clsx\";\n\nimport Button from \"@cloudscape-design/components/button\";\nimport { useInternalI18n } from \"@cloudscape-design/components/internal/do-not-use/i18n\";\nimport LiveRegion from \"@cloudscape-design/components/live-region\";\nimport SpaceBetween from \"@cloudscape-design/components/space-between\";\nimport StatusIndicator from \"@cloudscape-design/components/status-indicator\";\n\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from \"../../internal/events\";\nimport { useSelector } from \"../../internal/utils/async-store\";\nimport { ChartAPI } from \"../chart-api\";\nimport { BaseI18nStrings, BaseNoDataOptions } from \"../interfaces\";\n\nimport styles from \"../styles.css.js\";\nimport testClasses from \"../test-classes/styles.css.js\";\n\nexport function ChartNoData({\n  statusType = \"finished\",\n  loading,\n  empty,\n  error,\n  noMatch,\n  onRecoveryClick,\n  api,\n  i18nStrings,\n}: BaseNoDataOptions & {\n  api: ChartAPI;\n  i18nStrings?: BaseI18nStrings;\n}) {\n  const state = useSelector(api.nodataStore, (s) => s);\n  if (!state.visible) {\n    return null;\n  }\n  let content = null;\n  if (statusType === \"loading\") {\n    content = loading ? (\n      <div className={testClasses[\"no-data-loading\"]}>{loading}</div>\n    ) : (\n      <DefaultLoadingMessage i18nStrings={i18nStrings} />\n    );\n  } else if (statusType === \"error\") {\n    content = error ? (\n      <div className={testClasses[\"no-data-error\"]}>{error}</div>\n    ) : (\n      <DefaultErrorMessage onRecoveryClick={onRecoveryClick} i18nStrings={i18nStrings} />\n    );\n  } else if (state.noMatch && noMatch) {\n    content = <div className={clsx(testClasses[\"no-data-no-match\"], styles[\"no-data-empty\"])}>{noMatch}</div>;\n  } else if (!state.noMatch && empty) {\n    content = <div className={clsx(testClasses[\"no-data-empty\"], styles[\"no-data-empty\"])}>{empty}</div>;\n  }\n  return (\n    content && (\n      <div className={styles[\"no-data-container\"]} style={state.style}>\n        <div className={styles[\"no-data-wrapper\"]}>\n          <div className={clsx(testClasses[\"no-data\"], styles[\"no-data\"])}>\n            <LiveRegion>{content}</LiveRegion>\n          </div>\n        </div>\n      </div>\n    )\n  );\n}\n\nfunction DefaultLoadingMessage({ i18nStrings }: { i18nStrings?: BaseI18nStrings }) {\n  const i18n = useInternalI18n(\"[charts]\");\n  const loadingText = i18n(\"loadingText\", i18nStrings?.loadingText);\n  return (\n    <StatusIndicator type=\"loading\" className={testClasses[\"no-data-loading\"]} wrapText={true}>\n      {loadingText}\n    </StatusIndicator>\n  );\n}\n\nfunction DefaultErrorMessage({\n  onRecoveryClick,\n  i18nStrings,\n}: {\n  onRecoveryClick?: NonCancelableEventHandler;\n  i18nStrings?: BaseI18nStrings;\n}) {\n  const i18n = useInternalI18n(\"[charts]\");\n  const errorText = i18n(\"errorText\", i18nStrings?.errorText);\n  const recoveryText = i18n(\"recoveryText\", i18nStrings?.recoveryText);\n  return (\n    <SpaceBetween direction=\"horizontal\" size=\"xxs\" className={testClasses[\"no-data-error\"]}>\n      <StatusIndicator type=\"error\" wrapText={true}>\n        {errorText}\n      </StatusIndicator>\n      {recoveryText && onRecoveryClick ? (\n        <Button\n          onClick={(event: CustomEvent) => {\n            event.preventDefault();\n            fireNonCancelableEvent(onRecoveryClick);\n          }}\n          variant=\"inline-link\"\n          className={testClasses[\"no-data-retry\"]}\n        >\n          {recoveryText}\n        </Button>\n      ) : null}\n    </SpaceBetween>\n  );\n}\n"]}

package/core/components/core-slots.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function ChartHeader({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChartFooter({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/core/components/core-slots.js

@@ -0,0 +1,11 @@
+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 testClasses from "../test-classes/styles.css.js";
+export function ChartHeader({ children }) {
+    return _jsx("div", { className: testClasses["chart-header"], children: children });
+}
+export function ChartFooter({ children }) {
+    return _jsx("div", { className: testClasses["chart-footer"], children: children });
+}
+//# sourceMappingURL=core-slots.js.map

package/core/components/core-slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-slots.js","sourceRoot":"","sources":["../../../../src/core/components/core-slots.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAiC;IACrE,OAAO,cAAK,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAiC;IACrE,OAAO,cAAK,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport testClasses from \"../test-classes/styles.css.js\";\n\nexport function ChartHeader({ children }: { children: React.ReactNode }) {\n  return <div className={testClasses[\"chart-header\"]}>{children}</div>;\n}\n\nexport function ChartFooter({ children }: { children: React.ReactNode }) {\n  return <div className={testClasses[\"chart-footer\"]}>{children}</div>;\n}\n"]}