@mui/x-charts 7.14.0 → 7.16.0

package/node/LineChart/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+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 (key in exports && exports[key] === _AreaElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AreaElement[key];
+    }
+  });
+});
+var _AnimatedArea = require("./AnimatedArea");
+Object.keys(_AnimatedArea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AnimatedArea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AnimatedArea[key];
+    }
+  });
+});
+var _LineElement = require("./LineElement");
+Object.keys(_LineElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineElement[key];
+    }
+  });
+});
+var _AnimatedLine = require("./AnimatedLine");
+Object.keys(_AnimatedLine).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AnimatedLine[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AnimatedLine[key];
+    }
+  });
+});
+var _MarkElement = require("./MarkElement");
+Object.keys(_MarkElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarkElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarkElement[key];
+    }
+  });
+});
+var _LineHighlightElement = require("./LineHighlightElement");
+Object.keys(_LineHighlightElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineHighlightElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineHighlightElement[key];
+    }
+  });
+});

package/{esm → node}/LineChart/legend.js

@@ -1,11 +1,17 @@
-import { getLabel } from '../internals/getLabel';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../internals/getLabel");
 const legendGetter = params => {
   const {
     seriesOrder,
     series
   } = params;
   return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
+    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
     if (formattedLabel === undefined) {
       return acc;
     }
@@ -17,4 +23,4 @@ const legendGetter = params => {
     return acc;
   }, []);
 };
-export default legendGetter;
+var _default = exports.default = legendGetter;

package/node/LineChart/plugin.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plugin = void 0;
+var _extremums = require("./extremums");
+var _formatter = _interopRequireDefault(require("./formatter"));
+var _getColor = _interopRequireDefault(require("./getColor"));
+const plugin = exports.plugin = {
+  seriesType: 'line',
+  colorProcessor: _getColor.default,
+  seriesFormatter: _formatter.default,
+  xExtremumGetter: _extremums.getExtremumX,
+  yExtremumGetter: _extremums.getExtremumY
+};

package/{esm → node}/LineChart/useLineChartProps.js

@@ -1,8 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLineChartProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _constants = require("../constants");
 const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "tooltip", "onAxisClick", "onAreaClick", "onLineClick", "onMarkClick", "axisHighlight", "disableLineItemHighlight", "legend", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "className"];
-import useId from '@mui/utils/useId';
-import { DEFAULT_X_AXIS_KEY } from '../constants';
 /**
  * A helper function that extracts LineChartProps from the input props
  * and returns an object with props for the children components of LineChart.
@@ -10,7 +17,7 @@ import { DEFAULT_X_AXIS_KEY } from '../constants';
  * @param props The input props for LineChart
  * @returns An object with props for the children components of LineChart
  */
-export const useLineChartProps = props => {
+const useLineChartProps = props => {
   const {
       xAxis,
       yAxis,
@@ -43,11 +50,11 @@ export const useLineChartProps = props => {
       onHighlightChange,
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const id = useId();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _useId.default)();
   const clipPathId = `${id}-clip-path`;
-  const chartContainerProps = _extends({}, other, {
-    series: series.map(s => _extends({
+  const chartContainerProps = (0, _extends2.default)({}, other, {
+    series: series.map(s => (0, _extends2.default)({
       disableHighlight: !!disableLineItemHighlight,
       type: 'line'
     }, s)),
@@ -57,7 +64,7 @@ export const useLineChartProps = props => {
     colors,
     dataset,
     xAxis: xAxis ?? [{
-      id: DEFAULT_X_AXIS_KEY,
+      id: _constants.DEFAULT_X_AXIS_KEY,
       scaleType: 'point',
       data: Array.from({
         length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
@@ -114,18 +121,18 @@ export const useLineChartProps = props => {
     slots,
     slotProps
   };
-  const axisHighlightProps = _extends({
+  const axisHighlightProps = (0, _extends2.default)({
     x: 'line'
   }, axisHighlight);
   const lineHighlightPlotProps = {
     slots,
     slotProps
   };
-  const legendProps = _extends({}, legend, {
+  const legendProps = (0, _extends2.default)({}, legend, {
     slots,
     slotProps
   });
-  const tooltipProps = _extends({}, tooltip, {
+  const tooltipProps = (0, _extends2.default)({}, tooltip, {
     slots,
     slotProps
   });
@@ -146,4 +153,5 @@ export const useLineChartProps = props => {
     tooltipProps,
     children
   };
-};
+};
+exports.useLineChartProps = useLineChartProps;

package/node/PieChart/PieArc.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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("@mui/x-charts-vendor/d3-shape");
+var _web = require("@react-spring/web");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _styles = require("@mui/material/styles");
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["classes", "color", "cornerRadius", "dataIndex", "endAngle", "id", "innerRadius", "isFaded", "isHighlighted", "onClick", "outerRadius", "paddingAngle", "startAngle", "highlightScope"];
+function getPieArcUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPieArc', slot);
+}
+const pieArcClasses = exports.pieArcClasses = (0, _generateUtilityClasses.default)('MuiPieArc', ['root', 'highlighted', 'faded']);
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    id,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
+  };
+  return (0, _composeClasses.default)(slots, getPieArcUtilityClass, classes);
+};
+const PieArcRoot = (0, _styles.styled)(_web.animated.path, {
+  name: 'MuiPieArc',
+  slot: 'Root',
+  overridesResolver: (_, styles) => styles.arc
+})(({
+  theme
+}) => ({
+  stroke: (theme.vars || theme).palette.background.paper,
+  strokeWidth: 1,
+  strokeLinejoin: 'round'
+}));
+function PieArc(props) {
+  const {
+      classes: innerClasses,
+      color,
+      cornerRadius,
+      dataIndex,
+      endAngle,
+      id,
+      innerRadius,
+      isFaded,
+      isHighlighted,
+      onClick,
+      outerRadius,
+      paddingAngle,
+      startAngle
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = {
+    id,
+    dataIndex,
+    classes: innerClasses,
+    color,
+    isFaded,
+    isHighlighted
+  };
+  const classes = useUtilityClasses(ownerState);
+  const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieArcRoot, (0, _extends2.default)({
+    d: (0, _web.to)([startAngle, endAngle, paddingAngle, innerRadius, outerRadius, cornerRadius], (sA, eA, pA, iR, oR, cR) => (0, _d3Shape.arc)().cornerRadius(cR)({
+      padAngle: pA,
+      startAngle: sA,
+      endAngle: eA,
+      innerRadius: iR,
+      outerRadius: oR
+    })),
+    visibility: (0, _web.to)([startAngle, endAngle], (sA, eA) => sA === eA ? 'hidden' : 'visible'),
+    onClick: onClick,
+    cursor: onClick ? 'pointer' : 'unset',
+    ownerState: ownerState,
+    className: classes.root
+  }, other, getInteractionItemProps({
+    type: 'pie',
+    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 "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object,
+  dataIndex: _propTypes.default.number.isRequired,
+  /**
+   * @deprecated Use the `isFaded` or `isHighlighted` props instead.
+   */
+  highlightScope: _propTypes.default.shape({
+    fade: _propTypes.default.oneOf(['global', 'none', 'series']),
+    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+    highlight: _propTypes.default.oneOf(['item', 'none', 'series']),
+    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+  }),
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
+} : void 0;

package/node/PieChart/PieArcLabel.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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("@mui/x-charts-vendor/d3-shape");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _styles = require("@mui/material/styles");
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "style"];
+function getPieArcLabelUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPieArcLabel', slot);
+}
+const pieArcLabelClasses = exports.pieArcLabelClasses = (0, _generateUtilityClasses.default)('MuiPieArcLabel', ['root', 'highlighted', 'faded']);
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    id,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
+  };
+  return (0, _composeClasses.default)(slots, getPieArcLabelUtilityClass, classes);
+};
+const PieArcLabelRoot = (0, _styles.styled)(_web.animated.text, {
+  name: 'MuiPieArcLabel',
+  slot: 'Root',
+  overridesResolver: (_, styles) => styles.root
+})(({
+  theme
+}) => ({
+  fill: (theme.vars || theme).palette.text.primary,
+  textAnchor: 'middle',
+  dominantBaseline: 'middle',
+  pointerEvents: 'none'
+}));
+/**
+ * Helper to compute label position.
+ * It's not an inline function because we need it in interpolation.
+ */
+const getLabelPosition = (formattedArcLabel, variable) => (startAngle, endAngle, padAngle, arcLabelRadius, cornerRadius) => {
+  if (!formattedArcLabel) {
+    return 0;
+  }
+  const [x, y] = (0, _d3Shape.arc)().cornerRadius(cornerRadius).centroid({
+    padAngle,
+    startAngle,
+    endAngle,
+    innerRadius: arcLabelRadius,
+    outerRadius: arcLabelRadius
+  });
+  if (variable === 'x') {
+    return x;
+  }
+  return y;
+};
+function PieArcLabel(props) {
+  const {
+      id,
+      classes: innerClasses,
+      color,
+      startAngle,
+      endAngle,
+      paddingAngle,
+      arcLabelRadius,
+      cornerRadius,
+      formattedArcLabel,
+      isHighlighted,
+      isFaded,
+      style
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = {
+    id,
+    classes: innerClasses,
+    color,
+    isFaded,
+    isHighlighted
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieArcLabelRoot, (0, _extends2.default)({
+    className: classes.root
+  }, other, {
+    style: (0, _extends2.default)({
+      x: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
+      y: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
+    }, style),
+    children: formattedArcLabel
+  }));
+}
+process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object,
+  color: _propTypes.default.string.isRequired,
+  formattedArcLabel: _propTypes.default.string,
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
+} : void 0;

package/node/PieChart/PieArcLabelPlot.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieArcLabelPlot = PieArcLabelPlot;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _web = require("@react-spring/web");
+var _transition = require("./dataTransform/transition");
+var _useTransformData = require("./dataTransform/useTransformData");
+var _PieArcLabel = require("./PieArcLabel");
+var _getLabel = require("../internals/getLabel");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["arcLabel", "arcLabelMinAngle", "arcLabelRadius", "cornerRadius", "data", "faded", "highlighted", "id", "innerRadius", "outerRadius", "paddingAngle", "skipAnimation", "slotProps", "slots"],
+  _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "arcLabelRadius", "cornerRadius"];
+const RATIO = 180 / Math.PI;
+function getItemLabel(arcLabel, arcLabelMinAngle, item) {
+  if (!arcLabel) {
+    return null;
+  }
+  const angle = (item.endAngle - item.startAngle) * RATIO;
+  if (angle < arcLabelMinAngle) {
+    return null;
+  }
+  switch (arcLabel) {
+    case 'label':
+      return (0, _getLabel.getLabel)(item.label, 'arc');
+    case 'value':
+      return item.value?.toString();
+    case 'formattedValue':
+      return item.formattedValue;
+    default:
+      return arcLabel((0, _extends2.default)({}, item, {
+        label: (0, _getLabel.getLabel)(item.label, 'arc')
+      }));
+  }
+}
+function PieArcLabelPlot(props) {
+  const {
+      arcLabel,
+      arcLabelMinAngle = 0,
+      arcLabelRadius,
+      cornerRadius = 0,
+      data,
+      faded = {
+        additionalRadius: -5
+      },
+      highlighted,
+      id,
+      innerRadius,
+      outerRadius,
+      paddingAngle = 0,
+      skipAnimation,
+      slotProps,
+      slots
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const transformedData = (0, _useTransformData.useTransformData)({
+    innerRadius,
+    outerRadius,
+    arcLabelRadius,
+    cornerRadius,
+    paddingAngle,
+    id,
+    highlighted,
+    faded,
+    data
+  });
+  const transition = (0, _web.useTransition)(transformedData, (0, _extends2.default)({}, _transition.defaultLabelTransitionConfig, {
+    immediate: skipAnimation
+  }));
+  if (data.length === 0) {
+    return null;
+  }
+  const ArcLabel = slots?.pieArcLabel ?? _PieArcLabel.PieArcLabel;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
+    children: transition((_ref, item) => {
+      let {
+          startAngle,
+          endAngle,
+          paddingAngle: pA,
+          innerRadius: iR,
+          outerRadius: oR,
+          arcLabelRadius: aLR,
+          cornerRadius: cR
+        } = _ref,
+        style = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ArcLabel, (0, _extends2.default)({
+        startAngle: startAngle,
+        endAngle: endAngle,
+        paddingAngle: pA,
+        innerRadius: iR,
+        outerRadius: oR,
+        arcLabelRadius: aLR,
+        cornerRadius: cR,
+        style: style,
+        id: id,
+        color: item.color,
+        isFaded: item.isFaded,
+        isHighlighted: item.isHighlighted,
+        formattedArcLabel: getItemLabel(arcLabel, arcLabelMinAngle, item)
+      }, slotProps?.pieArcLabel));
+    })
+  }));
+}
+process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The label displayed into the arc.
+   */
+  arcLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['formattedValue', 'label', 'value']), _propTypes.default.func]),
+  /**
+   * The minimal angle required to display the arc label.
+   * @default 0
+   */
+  arcLabelMinAngle: _propTypes.default.number,
+  /**
+   * The radius between circle center and the arc label in px.
+   * @default (innerRadius - outerRadius) / 2
+   */
+  arcLabelRadius: _propTypes.default.number,
+  /**
+   * The radius applied to arc corners (similar to border radius).
+   * @default 0
+   */
+  cornerRadius: _propTypes.default.number,
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    color: _propTypes.default.string.isRequired,
+    endAngle: _propTypes.default.number.isRequired,
+    formattedValue: _propTypes.default.string.isRequired,
+    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    index: _propTypes.default.number.isRequired,
+    label: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    padAngle: _propTypes.default.number.isRequired,
+    startAngle: _propTypes.default.number.isRequired,
+    value: _propTypes.default.number.isRequired
+  })).isRequired,
+  /**
+   * Override the arc attributes when it is faded.
+   * @default { additionalRadius: -5 }
+   */
+  faded: _propTypes.default.shape({
+    additionalRadius: _propTypes.default.number,
+    arcLabelRadius: _propTypes.default.number,
+    color: _propTypes.default.string,
+    cornerRadius: _propTypes.default.number,
+    innerRadius: _propTypes.default.number,
+    outerRadius: _propTypes.default.number,
+    paddingAngle: _propTypes.default.number
+  }),
+  /**
+   * Override the arc attributes when it is highlighted.
+   */
+  highlighted: _propTypes.default.shape({
+    additionalRadius: _propTypes.default.number,
+    arcLabelRadius: _propTypes.default.number,
+    color: _propTypes.default.string,
+    cornerRadius: _propTypes.default.number,
+    innerRadius: _propTypes.default.number,
+    outerRadius: _propTypes.default.number,
+    paddingAngle: _propTypes.default.number
+  }),
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  /**
+   * The radius between circle center and the beginning of the arc.
+   * @default 0
+   */
+  innerRadius: _propTypes.default.number,
+  /**
+   * The radius between circle center and the end of the arc.
+   */
+  outerRadius: _propTypes.default.number.isRequired,
+  /**
+   * The padding angle (deg) between two arcs.
+   * @default 0
+   */
+  paddingAngle: _propTypes.default.number,
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object
+} : void 0;