@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
31 lines • 1.75 kB
TypeScript
import React from 'react';
import { ChartScale, NumericChartScale } from '../../internal/components/cartesian-chart/scales';
import { ChartContainerProps } from '../chart-container';
import { ChartDataTypes, MixedLineBarChartProps, VerticalMarkerX } from '../interfaces';
import { ScaledBarGroup } from '../make-scaled-bar-groups';
import { ScaledPoint } from '../make-scaled-series';
export type UseNavigationProps<T extends ChartDataTypes> = Pick<ChartContainerProps<T>, 'highlightedSeries' | 'series' | 'visibleSeries'> & {
xScale: ChartScale;
yScale: NumericChartScale;
barGroups: ScaledBarGroup<T>[];
scaledSeries: ReadonlyArray<ScaledPoint<T>>;
highlightedPoint: ScaledPoint<T> | null;
highlightedGroupIndex: number | null;
isHandlersDisabled: boolean;
pinPopover(pinned?: boolean): void;
highlightSeries(series: MixedLineBarChartProps.ChartSeries<T> | null): void;
highlightGroup(groupIndex: number): void;
highlightPoint(point: ScaledPoint<T> | null): void;
highlightX: (verticalMarker: VerticalMarkerX<T> | null) => void;
clearHighlightedSeries(): void;
verticalMarkerX: VerticalMarkerX<T> | null;
isRtl?: boolean;
horizontalBars: boolean;
};
export declare function useNavigation<T extends ChartDataTypes>({ series, visibleSeries, scaledSeries, barGroups, xScale, yScale, highlightedPoint, highlightedGroupIndex, highlightedSeries, isHandlersDisabled, pinPopover, highlightSeries, highlightGroup, highlightPoint, highlightX, verticalMarkerX, isRtl, horizontalBars, }: UseNavigationProps<T>): {
isGroupNavigation: boolean;
onFocus: () => void;
onKeyDown: (event: React.KeyboardEvent) => void;
xIndex: number;
};
//# sourceMappingURL=use-navigation.d.ts.map