@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
32 lines • 1.17 kB
TypeScript
import { ChartPlotRef } from '../../internal/components/chart-plot';
import { VerticalMarkerX } from '../interfaces';
import { ScaledBarGroup } from '../make-scaled-bar-groups';
import { ScaledPoint } from '../make-scaled-series';
export interface UseMouseHoverProps<T> {
plotRef: React.RefObject<ChartPlotRef>;
popoverRef: React.RefObject<HTMLElement>;
scaledSeries: ReadonlyArray<ScaledPoint<T>>;
barGroups: ScaledBarGroup<T>[];
highlightPoint: (point: ScaledPoint<T> | null) => void;
highlightGroup: (groupIndex: number) => void;
clearHighlightedSeries: () => void;
isGroupNavigation: boolean;
isHandlersDisabled: boolean;
highlightX: (verticalMarker: VerticalMarkerX<T> | null) => void;
}
export declare function useMouseHover<T>({
plotRef,
popoverRef,
scaledSeries,
barGroups,
highlightPoint,
highlightGroup,
clearHighlightedSeries,
isGroupNavigation,
isHandlersDisabled,
highlightX
}: UseMouseHoverProps<T>): {
onSVGMouseMove: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
onSVGMouseOut: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
onPopoverLeave: (event: React.MouseEvent) => void;
};