UNPKG

@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
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;