@mui/x-charts 7.0.0-alpha.1 → 7.0.0-alpha.3

package/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultChartsItemTooltipContent = DefaultChartsItemTooltipContent;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ChartsTooltipTable = require("./ChartsTooltipTable");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function DefaultChartsItemTooltipContent(props) {
+  const {
+    series,
+    itemData,
+    sx,
+    classes
+  } = props;
+  if (itemData.dataIndex === undefined) {
+    return null;
+  }
+  const {
+    displayedLabel,
+    color
+  } = series.type === 'pie' ? {
+    color: series.data[itemData.dataIndex].color,
+    displayedLabel: series.data[itemData.dataIndex].label
+  } : {
+    color: series.color,
+    displayedLabel: series.label
+  };
+
+  // TODO: Manage to let TS understand series.data and series.valueFormatter are coherent
+  // @ts-ignore
+  const formattedValue = series.valueFormatter(series.data[itemData.dataIndex]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
+    sx: sx,
+    className: classes.root,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
+      className: classes.table,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
+          className: classes.row,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes.markCell, classes.cell),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
+              ownerState: {
+                color
+              },
+              className: classes.mark
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes.labelCell, classes.cell),
+            children: displayedLabel
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes.valueCell, classes.cell),
+            children: formattedValue
+          })]
+        })
+      })
+    })
+  });
+}
+process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object.isRequired,
+  /**
+   * The data used to identify the triggered item.
+   */
+  itemData: _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
+  }).isRequired,
+  /**
+   * The series linked to the triggered axis.
+   */
+  series: _propTypes.default.shape({
+    color: _propTypes.default.string,
+    data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+    highlightScope: _propTypes.default.shape({
+      faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+      highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+    }),
+    id: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired,
+    valueFormatter: _propTypes.default.func.isRequired
+  }).isRequired,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;

package/ChartsTooltip/chartsTooltipClasses.d.ts

@@ -0,0 +1,21 @@
+export interface ChartsTooltipClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the table element. */
+    table: string;
+    /** Styles applied to the row element. */
+    row: string;
+    /** Styles applied to the cell element. */
+    cell: string;
+    /** Styles applied to the mark element. */
+    mark: string;
+    /** Styles applied to the markCell element. */
+    markCell: string;
+    /** Styles applied to the labelCell element. */
+    labelCell: string;
+    /** Styles applied to the valueCell element. */
+    valueCell: string;
+}
+export type ChartsTooltipClassKey = keyof Omit<ChartsTooltipClasses, 'markCell' | 'labelCell' | 'valueCell'>;
+export declare function getChartsTooltipUtilityClass(slot: string): string;
+export declare const chartsTooltipClasses: ChartsTooltipClasses;

package/ChartsTooltip/chartsTooltipClasses.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chartsTooltipClasses = void 0;
+exports.getChartsTooltipUtilityClass = getChartsTooltipUtilityClass;
+var _utils = require("@mui/utils");
+function getChartsTooltipUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiChartsTooltip', slot);
+}
+const chartsTooltipClasses = exports.chartsTooltipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChartsTooltip', ['root', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell']);

package/ChartsTooltip/index.d.ts

@@ -1 +1,6 @@
 export * from './ChartsTooltip';
+export * from './chartsTooltipClasses';
+export * from './ChartsAxisTooltipContent';
+export * from './ChartsItemTooltipContent';
+export * from './DefaultChartsAxisTooltipContent';
+export * from './DefaultChartsItemTooltipContent';

package/ChartsTooltip/index.js

@@ -13,4 +13,59 @@ Object.keys(_ChartsTooltip).forEach(function (key) {
       return _ChartsTooltip[key];
     }
   });
+});
+var _chartsTooltipClasses = require("./chartsTooltipClasses");
+Object.keys(_chartsTooltipClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsTooltipClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsTooltipClasses[key];
+    }
+  });
+});
+var _ChartsAxisTooltipContent = require("./ChartsAxisTooltipContent");
+Object.keys(_ChartsAxisTooltipContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsAxisTooltipContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsAxisTooltipContent[key];
+    }
+  });
+});
+var _ChartsItemTooltipContent = require("./ChartsItemTooltipContent");
+Object.keys(_ChartsItemTooltipContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsItemTooltipContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsItemTooltipContent[key];
+    }
+  });
+});
+var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
+Object.keys(_DefaultChartsAxisTooltipContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultChartsAxisTooltipContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DefaultChartsAxisTooltipContent[key];
+    }
+  });
+});
+var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
+Object.keys(_DefaultChartsItemTooltipContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultChartsItemTooltipContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DefaultChartsItemTooltipContent[key];
+    }
+  });
 });

package/ChartsTooltip/utils.d.ts

@@ -21,4 +21,4 @@ export declare function useMouseTracker(): {
     y: number;
 } | null;
 export type TriggerOptions = 'item' | 'axis' | 'none';
-export declare function getTootipHasData(trigger: TriggerOptions, displayedData: null | AxisInteractionData | ItemInteractionData<ChartSeriesType>): boolean;
+export declare function getTooltipHasData(trigger: TriggerOptions, displayedData: null | AxisInteractionData | ItemInteractionData<ChartSeriesType>): boolean;

package/ChartsTooltip/utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateVirtualElement = generateVirtualElement;
-exports.getTootipHasData = getTootipHasData;
+exports.getTooltipHasData = getTooltipHasData;
 exports.useMouseTracker = useMouseTracker;
 var React = _interopRequireWildcard(require("react"));
 var _DrawingProvider = require("../context/DrawingProvider");
@@ -81,7 +81,7 @@ function useMouseTracker() {
   }, [svgRef]);
   return mousePosition;
 }
-function getTootipHasData(trigger, displayedData) {
+function getTooltipHasData(trigger, displayedData) {
   if (trigger === 'item') {
     return displayedData !== null;
   }

package/ChartsYAxis/ChartsYAxis.js

@@ -82,6 +82,8 @@ function ChartsYAxis(inProps) {
     tickFontSize,
     label,
     labelFontSize,
+    labelStyle,
+    tickLabelStyle,
     tickSize: tickSizeProp,
     valueFormatter,
     slots,
@@ -116,11 +118,11 @@ function ChartsYAxis(inProps) {
     elementType: TickLabel,
     externalSlotProps: slotProps?.axisTickLabel,
     additionalProps: {
-      style: {
+      style: (0, _extends2.default)({
         fontSize: tickFontSize,
         textAnchor: position === 'right' ? 'start' : 'end',
         dominantBaseline: 'central'
-      },
+      }, tickLabelStyle),
       className: classes.tickLabel
     },
     ownerState: {}
@@ -129,12 +131,12 @@ function ChartsYAxis(inProps) {
     elementType: Label,
     externalSlotProps: slotProps?.axisLabel,
     additionalProps: {
-      style: {
+      style: (0, _extends2.default)({
         fontSize: labelFontSize,
         angle: positionSign * 90,
         textAnchor: 'middle',
         dominantBaseline: 'auto'
-      }
+      }, labelStyle)
     },
     ownerState: {}
   });

package/LineChart/extremums.js

@@ -13,6 +13,18 @@ const getExtremumX = params => {
   return [minX, maxX];
 };
 exports.getExtremumX = getExtremumX;
+function getSeriesExtremums(getValues, stackedData) {
+  if (stackedData.length === 0) {
+    return [null, null];
+  }
+  return stackedData.reduce((seriesAcc, stackedValue) => {
+    const [base, value] = getValues(stackedValue);
+    if (seriesAcc[0] === null) {
+      return [Math.min(base, value), Math.max(base, value)];
+    }
+    return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
+  }, getValues(stackedData[0]));
+}
 const getExtremumY = params => {
   const {
     series,
@@ -20,16 +32,21 @@ const getExtremumY = params => {
     isDefaultAxis
   } = params;
   return Object.keys(series).filter(seriesId => series[seriesId].yAxisKey === axis.id || isDefaultAxis && series[seriesId].yAxisKey === undefined).reduce((acc, seriesId) => {
-    const isArea = series[seriesId].area !== undefined;
-    const getValues = isArea ? d => d : d => [d[1], d[1]]; // Id area should go from bottom to top, without area should only consider the top
+    const {
+      area,
+      stackedData
+    } = series[seriesId];
+    const isArea = area !== undefined;
+    const getValues = isArea ? d => d : d => [d[1], d[1]]; // Since this series is not used to display an area, we do not consider the base (the d[0]).
 
-    const [seriesMin, seriesMax] = series[seriesId].stackedData.reduce((seriesAcc, stackedValue) => {
-      const [base, value] = getValues(stackedValue);
-      return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
-    }, getValues(series[seriesId].stackedData[0]));
-    if (acc[0] === null || acc[1] === null) {
-      return [seriesMin, seriesMax];
+    const seriesExtremums = getSeriesExtremums(getValues, stackedData);
+    if (acc[0] === null) {
+      return seriesExtremums;
+    }
+    if (seriesExtremums[0] === null) {
+      return acc;
     }
+    const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
   }, [null, null]);
 };

package/LineChart/index.d.ts

@@ -1,8 +1,8 @@
-export { LinePlot } from './LinePlot';
-export { AreaPlot } from './AreaPlot';
-export { MarkPlot } from './MarkPlot';
-export { LineHighlightPlot } from './LineHighlightPlot';
-export { LineChart } from './LineChart';
+export * from './LineChart';
+export * from './LinePlot';
+export * from './AreaPlot';
+export * from './MarkPlot';
+export * from './LineHighlightPlot';
 export * from './AreaElement';
 export * from './LineElement';
 export * from './MarkElement';

package/LineChart/index.js

@@ -3,52 +3,64 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  LinePlot: true,
-  AreaPlot: true,
-  MarkPlot: true,
-  LineHighlightPlot: true,
-  LineChart: true
-};
-Object.defineProperty(exports, "AreaPlot", {
-  enumerable: true,
-  get: function () {
-    return _AreaPlot.AreaPlot;
-  }
-});
-Object.defineProperty(exports, "LineChart", {
-  enumerable: true,
-  get: function () {
-    return _LineChart.LineChart;
-  }
-});
-Object.defineProperty(exports, "LineHighlightPlot", {
-  enumerable: true,
-  get: function () {
-    return _LineHighlightPlot.LineHighlightPlot;
-  }
-});
-Object.defineProperty(exports, "LinePlot", {
-  enumerable: true,
-  get: function () {
-    return _LinePlot.LinePlot;
-  }
-});
-Object.defineProperty(exports, "MarkPlot", {
-  enumerable: true,
-  get: function () {
-    return _MarkPlot.MarkPlot;
-  }
+var _LineChart = require("./LineChart");
+Object.keys(_LineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineChart[key];
+    }
+  });
 });
 var _LinePlot = require("./LinePlot");
+Object.keys(_LinePlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinePlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LinePlot[key];
+    }
+  });
+});
 var _AreaPlot = require("./AreaPlot");
+Object.keys(_AreaPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AreaPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AreaPlot[key];
+    }
+  });
+});
 var _MarkPlot = require("./MarkPlot");
+Object.keys(_MarkPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarkPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarkPlot[key];
+    }
+  });
+});
 var _LineHighlightPlot = require("./LineHighlightPlot");
-var _LineChart = require("./LineChart");
+Object.keys(_LineHighlightPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineHighlightPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineHighlightPlot[key];
+    }
+  });
+});
 var _AreaElement = require("./AreaElement");
 Object.keys(_AreaElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _AreaElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -60,7 +72,6 @@ Object.keys(_AreaElement).forEach(function (key) {
 var _LineElement = require("./LineElement");
 Object.keys(_LineElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _LineElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -72,7 +83,6 @@ Object.keys(_LineElement).forEach(function (key) {
 var _MarkElement = require("./MarkElement");
 Object.keys(_MarkElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MarkElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -84,7 +94,6 @@ Object.keys(_MarkElement).forEach(function (key) {
 var _LineHighlightElement = require("./LineHighlightElement");
 Object.keys(_LineHighlightElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _LineHighlightElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/PieChart/PieArc.d.ts

@@ -30,5 +30,8 @@ export type PieArcProps = PieArcOwnerState & React.ComponentPropsWithoutRef<'pat
     highlightScope?: Partial<HighlightScope>;
     onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
 };
-export default function PieArc(props: PieArcProps): React.JSX.Element;
-export {};
+declare function PieArc(props: PieArcProps): React.JSX.Element;
+declare namespace PieArc {
+    var propTypes: any;
+}
+export { PieArc };

package/PieChart/PieArc.js

@@ -4,12 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = PieArc;
+exports.PieArc = PieArc;
 exports.getPieArcUtilityClass = getPieArcUtilityClass;
 exports.pieArcClasses = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _d3Shape = require("d3-shape");
 var _web = require("@react-spring/web");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -93,4 +94,18 @@ function PieArc(props) {
     seriesId: id,
     dataIndex
   })));
-}
+}
+process.env.NODE_ENV !== "production" ? PieArc.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object,
+  dataIndex: _propTypes.default.number.isRequired,
+  highlightScope: _propTypes.default.shape({
+    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+  }),
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
+} : void 0;

package/PieChart/PieArcLabel.d.ts

@@ -32,4 +32,4 @@ declare function PieArcLabel(props: PieArcLabelProps): React.JSX.Element;
 declare namespace PieArcLabel {
     var propTypes: any;
 }
-export default PieArcLabel;
+export { PieArcLabel };

package/PieChart/PieArcLabel.js

@@ -4,15 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = PieArcLabel;
+exports.PieArcLabel = PieArcLabel;
 exports.getPieArcLabelUtilityClass = getPieArcLabelUtilityClass;
 exports.pieArcLabelClasses = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
 var _d3Shape = require("d3-shape");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");
@@ -109,12 +109,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   classes: _propTypes.default.object,
-  cornerRadius: _propTypes.default.number,
-  dataIndex: _propTypes.default.number.isRequired,
-  highlightScope: _propTypes.default.shape({
-    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
-    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
-  }),
-  innerRadius: _propTypes.default.number,
-  outerRadius: _propTypes.default.number.isRequired
+  formattedArcLabel: _propTypes.default.string,
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
 } : void 0;

package/PieChart/PieArcLabelPlot.d.ts

@@ -25,4 +25,8 @@ export interface PieArcLabelPlotProps extends DefaultizedProps<Pick<DefaultizedP
      */
     skipAnimation?: boolean;
 }
-export declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
+declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
+declare namespace PieArcLabelPlot {
+    var propTypes: any;
+}
+export { PieArcLabelPlot };