@awsui/components-react
Version:
AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A
23 lines (22 loc) • 1.24 kB
TypeScript
import React from 'react';
import { Arc, PieArcDatum } from 'd3-shape';
import { PieChartProps } from './interfaces';
import { InternalChartDatum } from './pie-chart';
export interface SegmentProps<T> {
pieArcDatum: PieArcDatum<InternalChartDatum<T>>;
arcFactory: Arc<any, PieArcDatum<InternalChartDatum<any>>>;
highlightedArcFactory: Arc<any, PieArcDatum<InternalChartDatum<any>>>;
focusOutlineRef: React.RefObject<SVGRectElement>;
focusedSegmentRef: React.RefObject<SVGGElement>;
containerRef: React.RefObject<HTMLDivElement>;
isHighlighted: boolean;
isDimmed: boolean;
tabIndex: number;
ariaRole?: string;
onClick: (triggerRef: Element | null) => void;
onMouseOver: (triggerRef: Element | null) => void;
onMouseOut: React.MouseEventHandler;
onKeyDown: (triggerRef: Element | null, event: React.KeyboardEvent) => void;
onFocus: (triggerRef: Element | null, event: React.FocusEvent) => void;
}
export default function Segment<T extends PieChartProps.Datum>({ pieArcDatum, arcFactory, highlightedArcFactory, focusOutlineRef, focusedSegmentRef, isHighlighted, isDimmed, tabIndex, ariaRole, onClick, onMouseOver, onMouseOut, onKeyDown, onFocus }: SegmentProps<T>): JSX.Element;