remove unnecessary extended props from CartesianChart in DonutChart

packages/charts/react-charts/library/etc/react-charts.api.md

@@ -355,17 +355,27 @@ export const DataVizPalette: {
 export const DonutChart: React_2.FunctionComponent<DonutChartProps>;
 
 // @public
-export interface DonutChartProps extends CartesianChartProps {
+export interface DonutChartProps {
     calloutProps?: ChartPopoverProps;
+    className?: string;
     culture?: string;
     customProps?: (dataPointCalloutProps: ChartDataPoint) => ChartPopoverProps;
     data?: ChartProps;
+    height?: number;
     hideLabels?: boolean;
+    hideLegend?: boolean;
+    href?: string;
     innerRadius?: number;
+    // (undocumented)
+    legendProps?: Partial<LegendsProps>;
+    // (undocumented)
+    legendsOverflowText?: any;
     onRenderCalloutPerDataPoint?: (dataPointCalloutProps: ChartDataPoint) => JSX.Element | undefined;
+    parentRef?: HTMLElement | null;
     showLabelsInPercent?: boolean;
     styles?: DonutChartStyles;
     valueInsideDonut?: string | number;
+    width?: number;
 }
 
 // @public

packages/charts/react-charts/library/src/components/DonutChart/DonutChart.types.ts

@@ -1,12 +1,13 @@
-import { CartesianChartProps, CartesianChartStyleProps } from '../CommonComponents/index';
+import { CartesianChartStyleProps } from '../CommonComponents/index';
 import { ChartProps, ChartDataPoint } from './index';
 import { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';
+import { LegendsProps } from '../Legends/index';
 
 /**
  * Donut Chart properties.
  * {@docCategory DonutChart}
  */
-export interface DonutChartProps extends CartesianChartProps {
+export interface DonutChartProps {
   /**
    * Data to render in the chart.
    */
@@ -58,6 +59,48 @@ export interface DonutChartProps extends CartesianChartProps {
    * @default true
    */
   hideLabels?: boolean;
+
+  /**
+   * Below height used for resizing of the chart
+   * Wrap chart in your container and send the updated height and width to these props.
+   * These values decide wheather chart re render or not. Please check examples for reference
+   */
+  height?: number;
+
+  /**
+   * Below width used for resizing of the chart
+   * Wrap chart in your container and send the updated height and width to these props.
+   * These values decide wheather chart re render or not. Please check examples for reference
+   */
+  width?: number;
+
+  /**
+   * this prop takes its parent as a HTML element to define the width and height of the chart
+   */
+  parentRef?: HTMLElement | null;
+
+  /**
+   * Additional CSS class(es) to apply to the Chart.
+   */
+  className?: string;
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  legendsOverflowText?: any;
+
+  /*
+   * props for the legends in the chart
+   */
+  legendProps?: Partial<LegendsProps>;
+
+  /** decides wether to show/hide legends
+   * @defaultvalue false
+   */
+  hideLegend?: boolean;
+
+  /**
+   * Url that the data-viz needs to redirect to upon clicking on it
+   */
+  href?: string;
 }
 
 /**