@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
27 lines • 1.52 kB
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import ChartPopover from '../../internal/components/chart-popover';
import ChartPopoverFooter from '../../internal/components/chart-popover-footer';
import ChartSeriesDetails from '../../internal/components/chart-series-details';
import styles from '../styles.css.js';
export default function AreaChartPopover({ model, highlightDetails, dismissAriaLabel, footer, size, onBlur, }) {
if (!highlightDetails) {
return null;
}
const popoverProps = {
title: highlightDetails.formattedX,
trackRef: model.refs.verticalMarker,
trackKey: highlightDetails.highlightIndex,
dismissButton: highlightDetails.isPopoverPinned,
onDismiss: model.handlers.onPopoverDismiss,
onMouseLeave: model.handlers.onPopoverLeave,
ref: model.refs.popoverRef,
};
return (React.createElement(ChartPopover, Object.assign({}, popoverProps, { container: model.refs.container.current, dismissAriaLabel: dismissAriaLabel, size: size, onBlur: onBlur }),
React.createElement(ChartSeriesDetails, { details: highlightDetails.seriesDetails }),
React.createElement("div", { className: styles['popover-divider'] }),
React.createElement(ChartSeriesDetails, { details: highlightDetails.totalDetails }),
footer && React.createElement(ChartPopoverFooter, null, footer)));
}
//# sourceMappingURL=chart-popover.js.map