@mui/x-charts/PieChart/PieArc.d.ts

The community edition of MUI X Charts components.

import * as React from 'react';
import { type PieArcOwnerState } from "./pieClasses.js";
export { type PieArcOwnerState };
/**
 * @deprecated Use `PieClasses` instead.
 */
export interface PieArcClasses {
  /** Styles applied to the root element. */
  root: string;
  /** Styles applied to the root element when highlighted. */
  highlighted: string;
  /** Styles applied to the root element when faded. */
  faded: string;
  /**
   * Styles applied to the root element for a specified series.
   * Needs to be suffixed with the series ID: `.${pieArcClasses.series}-${seriesId}`.
   */
  series: string;
  /** Styles applied to the focus indicator element. */
  focusIndicator: string;
}
/**
 * @deprecated Use `PieClassKey` instead.
 */
export type PieArcClassKey = keyof PieArcClasses;
/**
 * @deprecated Use `getPieUtilityClass` instead.
 */
export declare function getPieArcUtilityClass(slot: string): string;
/**
 * @deprecated Use `pieClasses` instead.
 */
export declare const pieArcClasses: PieArcClasses;
export type PieArcProps = Omit<React.SVGProps<SVGPathElement>, 'id' | 'ref'> & PieArcOwnerState & {
  cornerRadius: number;
  endAngle: number;
  innerRadius: number;
  onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
  outerRadius: number;
  paddingAngle: number;
  startAngle: number;
  /**
   * If `true`, the animation is disabled.
   */
  skipAnimation?: boolean;
  /**
   * If `true`, the default event handlers are disabled.
   * Those are used, for example, to display a tooltip or highlight the arc on hover.
   */
  skipInteraction?: boolean;
};
declare const PieArc: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGPathElement>, "ref" | "id"> & PieArcOwnerState & {
  cornerRadius: number;
  endAngle: number;
  innerRadius: number;
  onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
  outerRadius: number;
  paddingAngle: number;
  startAngle: number;
  /**
   * If `true`, the animation is disabled.
   */
  skipAnimation?: boolean;
  /**
   * If `true`, the default event handlers are disabled.
   * Those are used, for example, to display a tooltip or highlight the arc on hover.
   */
  skipInteraction?: boolean;
} & React.RefAttributes<SVGPathElement>>;
export { PieArc };