@cloudscape-design/components 3.0.1007 → 3.0.1008

package/pie-chart/interfaces.d.ts

@@ -3,231 +3,232 @@ import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
 import { PopoverProps } from '../popover/interfaces';
 export interface SeriesInfo {
-  label: string;
-  color: string;
-  index: number;
-  markerType: 'line' | 'rectangle';
+    label: string;
+    color: string;
+    index: number;
+    markerType: 'line' | 'rectangle';
 }
 interface ChartDetailPair {
-  key: ReactNode;
-  value: ReactNode;
+    key: ReactNode;
+    value: ReactNode;
 }
 export interface PieChartProps<T extends PieChartProps.Datum = PieChartProps.Datum> extends BaseComponentProps {
-  /**
-   * An array that represents the source of data for the displayed segments.
-   * Each element can have the following properties:
-   *
-   * * `title` (string) - A human-readable title for this data point.
-   * * `value` (number) - Numeric value that determines the segment size.
-   *                        A segment with a value of zero (0) or lower (negative number) won't have a segment.
-   * * `color`: (string) - (Optional) Color value for this segment that takes priority over the automatically assigned color.
-   *                        Can be any valid CSS color identifier.
-   *
-   * As long as your data object implements the properties above, you can also define additional properties
-   * that are relevant to your data visualization.
-   * The full data object will be passed down to events and properties like `detailPopoverContent`.
-   */
-  data: ReadonlyArray<T>;
-  /**
-   * Specifies the size of the pie or donut chart.
-   * When used with `fitHeight`, this property defines the minimum size of the chart area.
-   */
-  size?: 'small' | 'medium' | 'large';
-  /**
-   * Visual variant of the pie chart. Currently supports the default `pie` variant and the `donut` variant.
-   * The donut variant provides a slot in the center of the chart that can contain additional information.
-   * For more information, see `innerContent`.
-   */
-  variant?: 'pie' | 'donut';
-  /**
-   * A function that determines the details that are displayed in the popover when hovering over a segment.
-   * The function is called with the data of the target segment and is expected to return an array of detail pairs.
-   * By default, each segment displays two detail pairs: count and percentage.
-   *
-   * Each pair has the following properties:
-   * * `key` (ReactNode) - Name of the detail or metric.
-   * * `value` (ReactNode) - The value of this detail for the target segment.
-   */
-  detailPopoverContent?: PieChartProps.DetailPopoverContentFunction<T>;
-  /**
-   * Additional content that is displayed at the bottom of the detail popover.
-   */
-  detailPopoverFooter?: PieChartProps.DetailPopoverFooter<T>;
-  /**
-   * A function that determines the description of a segment that is displayed on the chart, unless `hideDescriptions` is set to `true`.
-   * This is an optional description that explains the segment and is displayed underneath the label.
-   * The function is called with the data object of each segment and is expected to return the description as a string.
-   */
-  segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;
-  /**
-   * Determines the maximum width of the popover.
-   */
-  detailPopoverSize?: PopoverProps.Size;
-  /**
-   * Hides legend beneath the chart when set to `true`.
-   * We highly recommend that you leave this unspecified or set to `false`.
-   */
-  hideLegend?: boolean;
-  /**
-   * Hides label titles next to the chart segments when set to `true`.
-   * We highly recommend that you leave this unspecified or set to `false`.
-   */
-  hideTitles?: boolean;
-  /**
-   * Hides the label descriptions next to the chart segments when set to `true`.
-   */
-  hideDescriptions?: boolean;
-  /**
-   * Hides the default filtering dropdown when set to `true`.
-   * You can still display additional filters with the `additionalFilters` slot.
-   */
-  hideFilter?: boolean;
-  /**
-   * Additional metric number that's displayed in the center of the chart if `variant` is set to `donut`.
-   */
-  innerMetricValue?: string;
-  /**
-   * Additional description that's displayed in the center of the chart below `innerMetricValue` if `variant` is set to `donut`.
-   * This is usually the unit of the `innerMetricValue`.
-   */
-  innerMetricDescription?: string;
-  /**
-   * Title for the legend.
-   */
-  legendTitle?: string;
-  /**
-   * Additional filters that you can add above the chart component.
-   * Make sure you update the `data` property when any of your custom filters change the data that's displayed.
-   */
-  additionalFilters?: React.ReactNode;
-  /**
-   * Specifies the currently highlighted data segment. Highlighting is typically the result of
-   * a user hovering over or selecting a segment in the chart or the legend.
-   * A value of `null` means no segment is being highlighted.
-   *
-   * - If you don't set this property, segments are highlighted automatically when a user hovers over or selects one of the triggers (that is, uncontrolled behavior).
-   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a segment should be highlighted (that is, controlled behavior).
-   */
-  highlightedSegment?: T | null;
-  /**
-   * An array of data segment objects that determines which data segments are currently visible (that is, not filtered out).
-   *
-   * - If you don't set this property, segments are filtered automatically when using the default filtering of the component (that is, uncontrolled behavior).
-   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the list of filtered segments changes (that is, controlled behavior).
-   */
-  visibleSegments?: ReadonlyArray<T>;
-  /**
-   * Specifies the current status of loading data.
-   * * `loading` - Indicates that data fetching is in progress.
-   * * `finished` - Indicates that data has loaded successfully.
-   * * `error` - Indicates that an error occurred during fetch. You should provide an option to enable the user to recover.
-   **/
-  statusType?: 'loading' | 'finished' | 'error';
-  /**
-   * Content that's displayed when the data passed to the component is empty.
-   */
-  empty?: React.ReactNode;
-  /**
-   * Content that's displayed when there is no data to display because it doesn't match the specified filter.
-   */
-  noMatch?: React.ReactNode;
-  /**
-   * Text that's displayed when the chart is loading (that is, when `statusType` is set to `loading`).
-   * @i18n
-   */
-  loadingText?: string;
-  /**
-   * Text that's displayed when the chart is in error state (that is, when `statusType` is set to `error`).
-   * @i18n
-   */
-  errorText?: string;
-  /**
-   * Text for the recovery button that's displayed next to the error text.
-   * @i18n
-   **/
-  recoveryText?: string;
-  /**
-   * Called when the user clicks the recovery button that appears when there is an error state.
-   * Use this to enable the user to retry a failed request or provide another option for the user
-   * to recover from the error.
-   */
-  onRecoveryClick?: NonCancelableEventHandler;
-  /**
-   * Called when the highlighted segmented changes because of a user interaction.
-   */
-  onHighlightChange?: NonCancelableEventHandler<PieChartProps.HighlightChangeDetail<T>>;
-  /**
-   * Called when the values of the internal filter component changes.
-   * This isn't called for any custom filter components you've defined in `additionalFilters`.
-   */
-  onFilterChange?: NonCancelableEventHandler<PieChartProps.FilterChangeDetail<T>>;
-  /**
-   * ARIA label that's assigned to the chart. It should match the visible label on the page
-   * (for example, in the container header). Use either `ariaLabel` or `ariaLabelledby` (you can't use both).
-   */
-  ariaLabel?: string;
-  /**
-   * Sets `aria-labelledby` on the chart. If there is a visible label for the chart on the page
-   * (for example, in the container header), set this property to the ID of that header element.
-   * Use either `ariaLabel` or `ariaLabelledby` (you can't use both).
-   */
-  ariaLabelledby?: string;
-  /**
-   * A description of the chart that assistive technologies can use (through `aria-describedby` and `<title>`).
-   * Provide a concise summary of the data visualized in the chart.
-   */
-  ariaDescription?: string;
-  /**
-   * An object that contains all of the localized strings required by the component.
-   * @i18n
-   */
-  i18nStrings?: PieChartProps.I18nStrings;
-  /**
-   * Enable this property to make the chart fit into the available height of the parent container.
-   */
-  fitHeight?: boolean;
+    /**
+     * An array that represents the source of data for the displayed segments.
+     * Each element can have the following properties:
+     *
+     * * `title` (string) - A human-readable title for this data point.
+     * * `value` (number) - Numeric value that determines the segment size.
+     *                        A segment with a value of zero (0) or lower (negative number) won't have a segment.
+     * * `color`: (string) - (Optional) Color value for this segment that takes priority over the automatically assigned color.
+     *                        Can be any valid CSS color identifier.
+     *
+     * As long as your data object implements the properties above, you can also define additional properties
+     * that are relevant to your data visualization.
+     * The full data object will be passed down to events and properties like `detailPopoverContent`.
+     */
+    data: ReadonlyArray<T>;
+    /**
+     * Specifies the size of the pie or donut chart.
+     * When used with `fitHeight`, this property defines the minimum size of the chart area.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Visual variant of the pie chart. Currently supports the default `pie` variant and the `donut` variant.
+     * The donut variant provides a slot in the center of the chart that can contain additional information.
+     * For more information, see `innerContent`.
+     */
+    variant?: 'pie' | 'donut';
+    /**
+     * A function that determines the details that are displayed in the popover when hovering over a segment.
+     * The function is called with the data of the target segment and is expected to return an array of detail pairs.
+     * By default, each segment displays two detail pairs: count and percentage.
+     *
+     * Each pair has the following properties:
+     * * `key` (ReactNode) - Name of the detail or metric.
+     * * `value` (ReactNode) - The value of this detail for the target segment.
+     */
+    detailPopoverContent?: PieChartProps.DetailPopoverContentFunction<T>;
+    /**
+     * Additional content that is displayed at the bottom of the detail popover.
+     */
+    detailPopoverFooter?: PieChartProps.DetailPopoverFooter<T>;
+    /**
+     * A function that determines the description of a segment that is displayed on the chart, unless `hideDescriptions` is set to `true`.
+     * This is an optional description that explains the segment and is displayed underneath the label.
+     * The function is called with the data object of each segment and is expected to return the description as a string.
+     */
+    segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;
+    /**
+     * Determines the maximum width of the popover.
+     */
+    detailPopoverSize?: PopoverProps.Size;
+    /**
+     * Hides legend beneath the chart when set to `true`.
+     * We highly recommend that you leave this unspecified or set to `false`.
+     */
+    hideLegend?: boolean;
+    /**
+     * Hides label titles next to the chart segments when set to `true`.
+     * We highly recommend that you leave this unspecified or set to `false`.
+     */
+    hideTitles?: boolean;
+    /**
+     * Hides the label descriptions next to the chart segments when set to `true`.
+     */
+    hideDescriptions?: boolean;
+    /**
+     * Hides the default filtering dropdown when set to `true`.
+     * You can still display additional filters with the `additionalFilters` slot.
+     */
+    hideFilter?: boolean;
+    /**
+     * Additional metric number that's displayed in the center of the chart if `variant` is set to `donut`.
+     */
+    innerMetricValue?: string;
+    /**
+     * Additional description that's displayed in the center of the chart below `innerMetricValue` if `variant` is set to `donut`.
+     * This is usually the unit of the `innerMetricValue`.
+     */
+    innerMetricDescription?: string;
+    /**
+     * Title for the legend.
+     */
+    legendTitle?: string;
+    /**
+     * Additional filters that you can add above the chart component.
+     * Make sure you update the `data` property when any of your custom filters change the data that's displayed.
+     */
+    additionalFilters?: React.ReactNode;
+    /**
+     * Specifies the currently highlighted data segment. Highlighting is typically the result of
+     * a user hovering over or selecting a segment in the chart or the legend.
+     * A value of `null` means no segment is being highlighted.
+     *
+     * - If you don't set this property, segments are highlighted automatically when a user hovers over or selects one of the triggers (that is, uncontrolled behavior).
+     * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a segment should be highlighted (that is, controlled behavior).
+     */
+    highlightedSegment?: T | null;
+    /**
+     * An array of data segment objects that determines which data segments are currently visible (that is, not filtered out).
+     *
+     * - If you don't set this property, segments are filtered automatically when using the default filtering of the component (that is, uncontrolled behavior).
+     * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the list of filtered segments changes (that is, controlled behavior).
+     */
+    visibleSegments?: ReadonlyArray<T>;
+    /**
+     * Specifies the current status of loading data.
+     * * `loading` - Indicates that data fetching is in progress.
+     * * `finished` - Indicates that data has loaded successfully.
+     * * `error` - Indicates that an error occurred during fetch. You should provide an option to enable the user to recover.
+     **/
+    statusType?: 'loading' | 'finished' | 'error';
+    /**
+     * Content that's displayed when the data passed to the component is empty.
+     */
+    empty?: React.ReactNode;
+    /**
+     * Content that's displayed when there is no data to display because it doesn't match the specified filter.
+     */
+    noMatch?: React.ReactNode;
+    /**
+     * Text that's displayed when the chart is loading (that is, when `statusType` is set to `loading`).
+     * @i18n
+     */
+    loadingText?: string;
+    /**
+     * Text that's displayed when the chart is in error state (that is, when `statusType` is set to `error`).
+     * @i18n
+     */
+    errorText?: string;
+    /**
+     * Text for the recovery button that's displayed next to the error text.
+     * @i18n
+     **/
+    recoveryText?: string;
+    /**
+     * Called when the user clicks the recovery button that appears when there is an error state.
+     * Use this to enable the user to retry a failed request or provide another option for the user
+     * to recover from the error.
+     */
+    onRecoveryClick?: NonCancelableEventHandler;
+    /**
+     * Called when the highlighted segmented changes because of a user interaction.
+     */
+    onHighlightChange?: NonCancelableEventHandler<PieChartProps.HighlightChangeDetail<T>>;
+    /**
+     * Called when the values of the internal filter component changes.
+     * This isn't called for any custom filter components you've defined in `additionalFilters`.
+     */
+    onFilterChange?: NonCancelableEventHandler<PieChartProps.FilterChangeDetail<T>>;
+    /**
+     * ARIA label that's assigned to the chart. It should match the visible label on the page
+     * (for example, in the container header). Use either `ariaLabel` or `ariaLabelledby` (you can't use both).
+     */
+    ariaLabel?: string;
+    /**
+     * Sets `aria-labelledby` on the chart. If there is a visible label for the chart on the page
+     * (for example, in the container header), set this property to the ID of that header element.
+     * Use either `ariaLabel` or `ariaLabelledby` (you can't use both).
+     */
+    ariaLabelledby?: string;
+    /**
+     * A description of the chart that assistive technologies can use (through `aria-describedby` and `<title>`).
+     * Provide a concise summary of the data visualized in the chart.
+     */
+    ariaDescription?: string;
+    /**
+     * An object that contains all of the localized strings required by the component.
+     * @i18n
+     */
+    i18nStrings?: PieChartProps.I18nStrings;
+    /**
+     * Enable this property to make the chart fit into the available height of the parent container.
+     */
+    fitHeight?: boolean;
 }
 export declare namespace PieChartProps {
-  interface Datum {
-    title: string;
-    value: number;
-    color?: string;
-  }
-  type PieChartData = ReadonlyArray<Datum>;
-  interface DetailPopoverContentFunction<T = Datum> {
-    (segment: T, visibleDataSum: number): ReadonlyArray<ChartDetailPair>;
-  }
-  interface DetailPopoverFooter<T> {
-    (segment: T): React.ReactNode;
-  }
-  interface SegmentDescriptionFunction<T = Datum> {
-    (segment: T, visibleDataSum: number): string;
-  }
-  interface HighlightChangeDetail<T> {
-    highlightedSegment: T | null;
-  }
-  interface FilterChangeDetail<T> {
-    visibleSegments: ReadonlyArray<T>;
-  }
-  interface I18nStrings {
-    /** Name of the "Value" key that is displayed in the details popover by default */
-    detailsValue?: string;
-    /** Name of the "Percentage" key that is displayed in the details popover by default */
-    detailsPercentage?: string;
-    /** Visible label of the default filter */
-    filterLabel?: string;
-    /** Placeholder text of the default filter */
-    filterPlaceholder?: string;
-    /** ARIA label for the default filter which is appended to any option that is selected */
-    filterSelectedAriaLabel?: string;
-    /** ARIA label that is associated with the legend in case there is no visible `legendTitle` defined */
-    legendAriaLabel?: string;
-    /** ARIA label for details popover dismiss button */
-    detailPopoverDismissAriaLabel?: string;
-    /** Name of the ARIA role description of the chart, e.g. "pie chart" */
-    chartAriaRoleDescription?: string;
-    /** Name of the ARIA role description of each segment, e.g. "segment" */
-    segmentAriaRoleDescription?: string;
-  }
+    interface Datum {
+        title: string;
+        value: number;
+        color?: string;
+    }
+    type PieChartData = ReadonlyArray<Datum>;
+    interface DetailPopoverContentFunction<T = Datum> {
+        (segment: T, visibleDataSum: number): ReadonlyArray<ChartDetailPair>;
+    }
+    interface DetailPopoverFooter<T> {
+        (segment: T): React.ReactNode;
+    }
+    interface SegmentDescriptionFunction<T = Datum> {
+        (segment: T, visibleDataSum: number): string;
+    }
+    interface HighlightChangeDetail<T> {
+        highlightedSegment: T | null;
+    }
+    interface FilterChangeDetail<T> {
+        visibleSegments: ReadonlyArray<T>;
+    }
+    interface I18nStrings {
+        /** Name of the "Value" key that is displayed in the details popover by default */
+        detailsValue?: string;
+        /** Name of the "Percentage" key that is displayed in the details popover by default */
+        detailsPercentage?: string;
+        /** Visible label of the default filter */
+        filterLabel?: string;
+        /** Placeholder text of the default filter */
+        filterPlaceholder?: string;
+        /** ARIA label for the default filter which is appended to any option that is selected */
+        filterSelectedAriaLabel?: string;
+        /** ARIA label that is associated with the legend in case there is no visible `legendTitle` defined */
+        legendAriaLabel?: string;
+        /** ARIA label for details popover dismiss button */
+        detailPopoverDismissAriaLabel?: string;
+        /** Name of the ARIA role description of the chart, e.g. "pie chart" */
+        chartAriaRoleDescription?: string;
+        /** Name of the ARIA role description of each segment, e.g. "segment" */
+        segmentAriaRoleDescription?: string;
+    }
 }
-export {};
+export {};
+//# sourceMappingURL=interfaces.d.ts.map

package/pie-chart/labels.d.ts

@@ -4,23 +4,15 @@ import { PieChartProps } from './interfaces';
 import { InternalChartDatum } from './pie-chart';
 import { Dimension } from './utils';
 interface LabelsProps<T> {
-  pieData: PieArcDatum<InternalChartDatum<T>>[];
-  visibleDataSum: number;
-  dimensions: Dimension;
-  hideTitles: boolean;
-  hideDescriptions: boolean;
-  highlightedSegment: PieChartProps.Datum | null;
-  segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;
-  containerRef: React.RefObject<HTMLDivElement>;
+    pieData: PieArcDatum<InternalChartDatum<T>>[];
+    visibleDataSum: number;
+    dimensions: Dimension;
+    hideTitles: boolean;
+    hideDescriptions: boolean;
+    highlightedSegment: PieChartProps.Datum | null;
+    segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;
+    containerRef: React.RefObject<HTMLDivElement>;
 }
-declare const _default: <T extends PieChartProps.Datum>({
-  pieData,
-  dimensions,
-  highlightedSegment,
-  segmentDescription,
-  visibleDataSum,
-  hideTitles,
-  hideDescriptions,
-  containerRef
-}: LabelsProps<T>) => JSX.Element;
-export default _default;
+declare const _default: <T extends PieChartProps.Datum>({ pieData, dimensions, highlightedSegment, segmentDescription, visibleDataSum, hideTitles, hideDescriptions, containerRef, }: LabelsProps<T>) => JSX.Element;
+export default _default;
+//# sourceMappingURL=labels.d.ts.map

package/pie-chart/pie-chart.d.ts

@@ -3,41 +3,19 @@ import { PieArcDatum } from 'd3-shape';
 import { SomeRequired } from '../internal/types';
 import { PieChartProps } from './interfaces';
 export interface InternalChartDatum<T> {
-  index: number;
-  color: string;
-  datum: Readonly<T>;
+    index: number;
+    color: string;
+    datum: Readonly<T>;
 }
 interface InternalPieChartProps<T extends PieChartProps.Datum> extends SomeRequired<Omit<PieChartProps<T>, 'onHighlightChange' | 'statusType'>, 'variant' | 'size' | 'i18nStrings' | 'hideTitles' | 'hideDescriptions'> {
-  width: number;
-  height: number;
-  highlightedSegment: T | null;
-  onHighlightChange: (segment: null | T) => void;
-  legendSegment: T | null;
-  pieData: PieArcDatum<InternalChartDatum<T>>[];
-  dataSum: number;
+    width: number;
+    height: number;
+    highlightedSegment: T | null;
+    onHighlightChange: (segment: null | T) => void;
+    legendSegment: T | null;
+    pieData: PieArcDatum<InternalChartDatum<T>>[];
+    dataSum: number;
 }
-declare const _default: <T extends PieChartProps.Datum>({
-  fitHeight,
-  height: explicitHeight,
-  variant,
-  size,
-  width,
-  i18nStrings,
-  ariaLabel,
-  ariaLabelledby,
-  ariaDescription,
-  innerMetricValue,
-  innerMetricDescription,
-  hideTitles,
-  hideDescriptions,
-  detailPopoverContent,
-  detailPopoverSize,
-  detailPopoverFooter,
-  segmentDescription,
-  highlightedSegment,
-  onHighlightChange,
-  legendSegment,
-  pieData,
-  dataSum
-}: InternalPieChartProps<T>) => JSX.Element;
-export default _default;
+declare const _default: <T extends PieChartProps.Datum>({ fitHeight, height: explicitHeight, variant, size, width, i18nStrings, ariaLabel, ariaLabelledby, ariaDescription, innerMetricValue, innerMetricDescription, hideTitles, hideDescriptions, detailPopoverContent, detailPopoverSize, detailPopoverFooter, segmentDescription, highlightedSegment, onHighlightChange, legendSegment, pieData, dataSum, }: InternalPieChartProps<T>) => JSX.Element;
+export default _default;
+//# sourceMappingURL=pie-chart.d.ts.map

package/pie-chart/responsive-text.d.ts

@@ -1,22 +1,16 @@
 import React from 'react';
 interface ResponsiveTextProps {
-  x: number;
-  y: number;
-  rightSide?: boolean;
-  className?: string;
-  children: string;
-  containerBoundaries: null | {
-    left: number;
-    right: number;
-  };
+    x: number;
+    y: number;
+    rightSide?: boolean;
+    className?: string;
+    children: string;
+    containerBoundaries: null | {
+        left: number;
+        right: number;
+    };
 }
 declare const _default: React.MemoExoticComponent<typeof ResponsiveText>;
 export default _default;
-declare function ResponsiveText({
-  x,
-  y,
-  rightSide,
-  className,
-  children,
-  containerBoundaries
-}: ResponsiveTextProps): JSX.Element;
+declare function ResponsiveText({ x, y, rightSide, className, children, containerBoundaries }: ResponsiveTextProps): JSX.Element;
+//# sourceMappingURL=responsive-text.d.ts.map

package/pie-chart/segments.d.ts

@@ -4,27 +4,17 @@ import { PieChartProps } from './interfaces';
 import { InternalChartDatum } from './pie-chart';
 import { Dimension } from './utils';
 interface SegmentsProps<T> {
-  pieData: Array<PieArcDatum<InternalChartDatum<T>>>;
-  highlightedSegment: T | null;
-  dimensions: Dimension;
-  variant: PieChartProps['variant'];
-  focusedSegmentRef: React.RefObject<SVGGElement>;
-  popoverTrackRef: React.RefObject<SVGCircleElement>;
-  segmentAriaRoleDescription?: string;
-  onMouseDown: (datum: InternalChartDatum<T>) => void;
-  onMouseOver: (datum: InternalChartDatum<T>) => void;
-  onTouchStart: () => void;
+    pieData: Array<PieArcDatum<InternalChartDatum<T>>>;
+    highlightedSegment: T | null;
+    dimensions: Dimension;
+    variant: PieChartProps['variant'];
+    focusedSegmentRef: React.RefObject<SVGGElement>;
+    popoverTrackRef: React.RefObject<SVGCircleElement>;
+    segmentAriaRoleDescription?: string;
+    onMouseDown: (datum: InternalChartDatum<T>) => void;
+    onMouseOver: (datum: InternalChartDatum<T>) => void;
+    onTouchStart: () => void;
 }
-export default function Segments<T extends PieChartProps.Datum>({
-  pieData,
-  highlightedSegment,
-  dimensions,
-  variant,
-  focusedSegmentRef,
-  popoverTrackRef,
-  segmentAriaRoleDescription,
-  onMouseDown,
-  onMouseOver,
-  onTouchStart
-}: SegmentsProps<T>): JSX.Element;
-export {};
+export default function Segments<T extends PieChartProps.Datum>({ pieData, highlightedSegment, dimensions, variant, focusedSegmentRef, popoverTrackRef, segmentAriaRoleDescription, onMouseDown, onMouseOver, onTouchStart, }: SegmentsProps<T>): JSX.Element;
+export {};
+//# sourceMappingURL=segments.d.ts.map