@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
22 lines • 1.04 kB
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import React, { memo } from 'react';
import ChartFilter from '../../internal/components/chart-filter';
import ChartSeriesMarker from '../../internal/components/chart-series-marker';
export default memo(AreaChartFilter);
function AreaChartFilter({ model, filterLabel, filterPlaceholder, filterSelectedAriaLabel, }) {
const filterItems = model.allSeries.map(s => {
const { title, color, markerType } = model.getInternalSeries(s);
return {
label: title,
marker: React.createElement(ChartSeriesMarker, { type: markerType, color: color }),
datum: s,
};
});
return (React.createElement(ChartFilter, { series: filterItems, onChange: model.handlers.onFilterSeries, selectedSeries: model.series, i18nStrings: {
filterLabel,
filterPlaceholder,
filterSelectedAriaLabel,
} }));
}
//# sourceMappingURL=area-chart-filter.js.map