@mui/x-charts 6.18.7 → 6.19.3

package/legacy/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -80,37 +80,7 @@ process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propType
   /**
    * The properties of the triggered axis.
    */
-  axis: PropTypes.shape({
-    axisId: PropTypes.string,
-    classes: PropTypes.object,
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-    scale: PropTypes.func.isRequired,
-    scaleType: PropTypes.oneOf(['time']).isRequired,
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    tickFontSize: PropTypes.number,
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number.isRequired,
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func
-  }).isRequired,
+  axis: PropTypes.object.isRequired,
   /**
    * Data identifying the triggered axis.
    */
@@ -139,29 +109,7 @@ process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propType
   /**
    * The series linked to the triggered axis.
    */
-  series: PropTypes.arrayOf(PropTypes.shape({
-    area: PropTypes.bool,
-    color: PropTypes.string.isRequired,
-    connectNulls: PropTypes.bool,
-    curve: PropTypes.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
-    data: PropTypes.arrayOf(PropTypes.number).isRequired,
-    dataKey: PropTypes.string,
-    disableHighlight: PropTypes.bool,
-    highlightScope: PropTypes.shape({
-      faded: PropTypes.oneOf(['global', 'none', 'series']),
-      highlighted: PropTypes.oneOf(['item', 'none', 'series'])
-    }),
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string,
-    showMark: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
-    stack: PropTypes.string,
-    stackOffset: PropTypes.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
-    stackOrder: PropTypes.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
-    type: PropTypes.oneOf(['line']).isRequired,
-    valueFormatter: PropTypes.func.isRequired,
-    xAxisKey: PropTypes.string,
-    yAxisKey: PropTypes.string
-  })).isRequired,
+  series: PropTypes.arrayOf(PropTypes.object).isRequired,
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export { DefaultChartsAxisTooltipContent };

package/legacy/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -75,7 +75,21 @@ process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propType
    */
   series: PropTypes.shape({
     color: PropTypes.string,
-    data: PropTypes.arrayOf(PropTypes.number).isRequired,
+    data: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+      x: PropTypes.number.isRequired,
+      y: PropTypes.number.isRequired
+    })), PropTypes.arrayOf(PropTypes.shape({
+      color: PropTypes.string.isRequired,
+      endAngle: PropTypes.number.isRequired,
+      formattedValue: PropTypes.string.isRequired,
+      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+      index: PropTypes.number.isRequired,
+      label: PropTypes.string,
+      padAngle: PropTypes.number.isRequired,
+      startAngle: PropTypes.number.isRequired,
+      value: PropTypes.number.isRequired
+    }))]).isRequired,
     highlightScope: PropTypes.shape({
       faded: PropTypes.oneOf(['global', 'none', 'series']),
       highlighted: PropTypes.oneOf(['item', 'none', 'series'])

package/legacy/LineChart/LineChart.js

@@ -124,6 +124,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * - 'none': display nothing.
    * - 'line': display a line at the current mouse position.
    * - 'band': display a band at the current mouse position. Only available with band scale.
+   * @default { x: 'line' }
    */
   axisHighlight: PropTypes.shape({
     x: PropTypes.oneOf(['band', 'line', 'none']),
@@ -160,6 +161,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   className: PropTypes.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
   /**

package/legacy/LineChart/formatter.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { stack as d3Stack } from 'd3-shape';
 import { getStackingGroups } from '../internals/stackSeries';
 import defaultizeValueFormatter from '../internals/defaultizeValueFormatter';
@@ -11,7 +11,11 @@ var formatter = function formatter(params, dataset) {
   var _ref;
   var seriesOrder = params.seriesOrder,
     series = params.series;
-  var stackingGroups = getStackingGroups(params);
+  var stackingGroups = getStackingGroups(_extends({}, params, {
+    defaultStrategy: {
+      stackOffset: 'none'
+    }
+  }));
 
   // Create a data set with format adapted to d3
   var d3Dataset = (_ref = dataset) != null ? _ref : [];

package/legacy/PieChart/PieArcLabel.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "style"];
+var _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "style"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { animated, to } from '@react-spring/web';
@@ -44,7 +44,7 @@ var PieArcLabelRoot = styled(animated.text, {
  * It's not an inline function because we need it in inerpolation.
  */
 var getLabelPosition = function getLabelPosition(formattedArcLabel, variable) {
-  return function (startAngle, endAngle, padAngle, innerRadius, outerRadius, cornerRadius) {
+  return function (startAngle, endAngle, padAngle, arcLabelRadius, cornerRadius) {
     if (!formattedArcLabel) {
       return 0;
     }
@@ -52,8 +52,8 @@ var getLabelPosition = function getLabelPosition(formattedArcLabel, variable) {
         padAngle: padAngle,
         startAngle: startAngle,
         endAngle: endAngle,
-        innerRadius: innerRadius,
-        outerRadius: outerRadius
+        innerRadius: arcLabelRadius,
+        outerRadius: arcLabelRadius
       }),
       _ref3 = _slicedToArray(_ref2, 2),
       x = _ref3[0],
@@ -71,6 +71,7 @@ function PieArcLabel(props) {
     startAngle = props.startAngle,
     endAngle = props.endAngle,
     paddingAngle = props.paddingAngle,
+    arcLabelRadius = props.arcLabelRadius,
     innerRadius = props.innerRadius,
     outerRadius = props.outerRadius,
     cornerRadius = props.cornerRadius,
@@ -91,8 +92,8 @@ function PieArcLabel(props) {
     className: classes.root
   }, other, {
     style: _extends({
-      x: to([startAngle, endAngle, paddingAngle, innerRadius, outerRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
-      y: to([startAngle, endAngle, paddingAngle, innerRadius, outerRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
+      x: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
+      y: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
     }, style),
     children: formattedArcLabel
   }));

package/legacy/PieChart/PieArcLabelPlot.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "arcLabel", "arcLabelMinAngle", "skipAnimation"],
-  _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
+var _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "arcLabelRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "arcLabel", "arcLabelMinAngle", "skipAnimation"],
+  _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "arcLabelRadius", "cornerRadius"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTransition } from '@react-spring/web';
@@ -28,9 +28,9 @@ function PieArcLabelPlot(props) {
   var _slots$pieArcLabel;
   var slots = props.slots,
     slotProps = props.slotProps,
-    _props$innerRadius = props.innerRadius,
-    innerRadius = _props$innerRadius === void 0 ? 0 : _props$innerRadius,
+    innerRadius = props.innerRadius,
     outerRadius = props.outerRadius,
+    arcLabelRadius = props.arcLabelRadius,
     _props$cornerRadius = props.cornerRadius,
     cornerRadius = _props$cornerRadius === void 0 ? 0 : _props$cornerRadius,
     _props$paddingAngle = props.paddingAngle,
@@ -51,6 +51,7 @@ function PieArcLabelPlot(props) {
   var transformedData = useTransformData({
     innerRadius: innerRadius,
     outerRadius: outerRadius,
+    arcLabelRadius: arcLabelRadius,
     cornerRadius: cornerRadius,
     paddingAngle: paddingAngle,
     id: id,
@@ -73,6 +74,7 @@ function PieArcLabelPlot(props) {
         pA = _ref.paddingAngle,
         iR = _ref.innerRadius,
         oR = _ref.outerRadius,
+        aLR = _ref.arcLabelRadius,
         cR = _ref.cornerRadius,
         style = _objectWithoutProperties(_ref, _excluded2);
       return /*#__PURE__*/_jsx(ArcLabel, _extends({
@@ -81,6 +83,7 @@ function PieArcLabelPlot(props) {
         paddingAngle: pA,
         innerRadius: iR,
         outerRadius: oR,
+        arcLabelRadius: aLR,
         cornerRadius: cR,
         style: style,
         id: id,
@@ -103,8 +106,14 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
   arcLabel: PropTypes.oneOfType([PropTypes.oneOf(['formattedValue', 'label', 'value']), PropTypes.func]),
   /**
    * The minimal angle required to display the arc label.
+   * @default 0
    */
   arcLabelMinAngle: PropTypes.number,
+  /**
+   * The radius between circle center and the arc label in px.
+   * @default (innerRadius - outerRadius) / 2
+   */
+  arcLabelRadius: PropTypes.number,
   /**
    * The radius applied to arc corners (similar to border radius).
    * @default 0
@@ -123,9 +132,11 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
   })).isRequired,
   /**
    * Override the arc attibutes when it is faded.
+   * @default { additionalRadius: -5 }
    */
   faded: PropTypes.shape({
     additionalRadius: PropTypes.number,
+    arcLabelRadius: PropTypes.number,
     color: PropTypes.string,
     cornerRadius: PropTypes.number,
     innerRadius: PropTypes.number,
@@ -137,6 +148,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
    */
   highlighted: PropTypes.shape({
     additionalRadius: PropTypes.number,
+    arcLabelRadius: PropTypes.number,
     color: PropTypes.string,
     cornerRadius: PropTypes.number,
     innerRadius: PropTypes.number,

package/legacy/PieChart/PieArcPlot.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "onClick", "skipAnimation"],
-  _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
+  _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "arcLabelRadius", "outerRadius", "cornerRadius"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTransition } from '@react-spring/web';
@@ -55,6 +55,7 @@ function PieArcPlot(props) {
         endAngle = _ref.endAngle,
         pA = _ref.paddingAngle,
         iR = _ref.innerRadius,
+        arcLabelRadius = _ref.arcLabelRadius,
         oR = _ref.outerRadius,
         cR = _ref.cornerRadius,
         style = _objectWithoutProperties(_ref, _excluded2);
@@ -88,6 +89,11 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
+  /**
+   * The radius between circle center and the arc label in px.
+   * @default (innerRadius - outerRadius) / 2
+   */
+  arcLabelRadius: PropTypes.number,
   /**
    * The radius applied to arc corners (similar to border radius).
    * @default 0
@@ -106,9 +112,11 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
   })).isRequired,
   /**
    * Override the arc attibutes when it is faded.
+   * @default { additionalRadius: -5 }
    */
   faded: PropTypes.shape({
     additionalRadius: PropTypes.number,
+    arcLabelRadius: PropTypes.number,
     color: PropTypes.string,
     cornerRadius: PropTypes.number,
     innerRadius: PropTypes.number,
@@ -120,6 +128,7 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
    */
   highlighted: PropTypes.shape({
     additionalRadius: PropTypes.number,
+    arcLabelRadius: PropTypes.number,
     color: PropTypes.string,
     cornerRadius: PropTypes.number,
     innerRadius: PropTypes.number,

package/legacy/PieChart/PieChart.js

@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   /**
    * Indicate which axis to display the bottom of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
-   * @default xAxisIds[0] The id of the first provided axis
+   * @default null
    */
   bottomAxis: PropTypes.oneOfType([PropTypes.shape({
     axisId: PropTypes.string,
@@ -148,6 +148,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   className: PropTypes.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
   /**
@@ -169,7 +170,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   /**
    * Indicate which axis to display the left of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
-   * @default yAxisIds[0] The id of the first provided axis
+   * @default null
    */
   leftAxis: PropTypes.oneOfType([PropTypes.shape({
     axisId: PropTypes.string,
@@ -250,6 +251,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   series: PropTypes.arrayOf(PropTypes.shape({
     arcLabel: PropTypes.oneOfType([PropTypes.oneOf(['formattedValue', 'label', 'value']), PropTypes.func]),
     arcLabelMinAngle: PropTypes.number,
+    arcLabelRadius: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     color: PropTypes.string,
     cornerRadius: PropTypes.number,
     cx: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -263,6 +265,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
     endAngle: PropTypes.number,
     faded: PropTypes.shape({
       additionalRadius: PropTypes.number,
+      arcLabelRadius: PropTypes.number,
       color: PropTypes.string,
       cornerRadius: PropTypes.number,
       innerRadius: PropTypes.number,
@@ -271,6 +274,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
     }),
     highlighted: PropTypes.shape({
       additionalRadius: PropTypes.number,
+      arcLabelRadius: PropTypes.number,
       color: PropTypes.string,
       cornerRadius: PropTypes.number,
       innerRadius: PropTypes.number,

package/legacy/PieChart/PiePlot.js

@@ -73,6 +73,7 @@ function PiePlot(props) {
       var _series$seriesId2 = series[seriesId],
         innerRadiusParam = _series$seriesId2.innerRadius,
         outerRadiusParam = _series$seriesId2.outerRadius,
+        arcLabelRadiusParam = _series$seriesId2.arcLabelRadius,
         cornerRadius = _series$seriesId2.cornerRadius,
         paddingAngle = _series$seriesId2.paddingAngle,
         arcLabel = _series$seriesId2.arcLabel,
@@ -83,6 +84,7 @@ function PiePlot(props) {
         highlightScope = _series$seriesId2.highlightScope;
       var outerRadius = getPercentageValue(outerRadiusParam != null ? outerRadiusParam : availableRadius, availableRadius);
       var innerRadius = getPercentageValue(innerRadiusParam != null ? innerRadiusParam : 0, availableRadius);
+      var arcLabelRadius = arcLabelRadiusParam === undefined ? (outerRadius + innerRadius) / 2 : getPercentageValue(arcLabelRadiusParam, availableRadius);
       var cx = getPercentageValue(cxParam != null ? cxParam : '50%', width);
       var cy = getPercentageValue(cyParam != null ? cyParam : '50%', height);
       return /*#__PURE__*/_jsx("g", {
@@ -90,6 +92,7 @@ function PiePlot(props) {
         children: /*#__PURE__*/_jsx(PieArcLabelPlot, {
           innerRadius: innerRadius,
           outerRadius: outerRadius != null ? outerRadius : availableRadius,
+          arcLabelRadius: arcLabelRadius,
           cornerRadius: cornerRadius,
           paddingAngle: paddingAngle,
           id: seriesId,

package/legacy/PieChart/dataTransform/transition.js

@@ -78,6 +78,7 @@ export var defaultLabelTransitionConfig = {
   from: function from(_ref5) {
     var innerRadius = _ref5.innerRadius,
       outerRadius = _ref5.outerRadius,
+      arcLabelRadius = _ref5.arcLabelRadius,
       cornerRadius = _ref5.cornerRadius,
       startAngle = _ref5.startAngle,
       endAngle = _ref5.endAngle,
@@ -86,6 +87,7 @@ export var defaultLabelTransitionConfig = {
       innerRadius: innerRadius,
       outerRadius: (innerRadius + outerRadius) / 2,
       cornerRadius: cornerRadius,
+      arcLabelRadius: arcLabelRadius,
       startAngle: (startAngle + endAngle) / 2,
       endAngle: (startAngle + endAngle) / 2,
       paddingAngle: paddingAngle,
@@ -99,6 +101,7 @@ export var defaultLabelTransitionConfig = {
     return {
       innerRadius: innerRadius,
       outerRadius: innerRadius,
+      arcLabelRadius: innerRadius,
       startAngle: (startAngle + endAngle) / 2,
       endAngle: (startAngle + endAngle) / 2,
       opacity: 0
@@ -108,12 +111,14 @@ export var defaultLabelTransitionConfig = {
     var innerRadius = _ref7.innerRadius,
       outerRadius = _ref7.outerRadius,
       startAngle = _ref7.startAngle,
-      endAngle = _ref7.endAngle;
+      endAngle = _ref7.endAngle,
+      arcLabelRadius = _ref7.arcLabelRadius;
     return {
       innerRadius: innerRadius,
       outerRadius: outerRadius,
       startAngle: startAngle,
       endAngle: endAngle,
+      arcLabelRadius: arcLabelRadius,
       opacity: 1
     };
   },
@@ -123,7 +128,8 @@ export var defaultLabelTransitionConfig = {
       cornerRadius = _ref8.cornerRadius,
       startAngle = _ref8.startAngle,
       endAngle = _ref8.endAngle,
-      paddingAngle = _ref8.paddingAngle;
+      paddingAngle = _ref8.paddingAngle,
+      arcLabelRadius = _ref8.arcLabelRadius;
     return {
       innerRadius: innerRadius,
       outerRadius: outerRadius,
@@ -131,6 +137,7 @@ export var defaultLabelTransitionConfig = {
       startAngle: startAngle,
       endAngle: endAngle,
       paddingAngle: paddingAngle,
+      arcLabelRadius: arcLabelRadius,
       opacity: 1
     };
   },

package/legacy/PieChart/dataTransform/useTransformData.js

@@ -12,6 +12,7 @@ export function useTransformData(series) {
     basePaddingAngle = _series$paddingAngle === void 0 ? 0 : _series$paddingAngle,
     _series$innerRadius = series.innerRadius,
     baseInnerRadius = _series$innerRadius === void 0 ? 0 : _series$innerRadius,
+    baseArcLabelRadius = series.arcLabelRadius,
     baseOuterRadius = series.outerRadius,
     _series$cornerRadius = series.cornerRadius,
     baseCornerRadius = _series$cornerRadius === void 0 ? 0 : _series$cornerRadius;
@@ -35,26 +36,28 @@ export function useTransformData(series) {
   }, [highlightScope, highlightedItem, seriesId]);
   var dataWithHighlight = React.useMemo(function () {
     return data.map(function (item, itemIndex) {
-      var _attibuesOverride$pad, _attibuesOverride$inn, _attibuesOverride$out, _attibuesOverride$cor;
+      var _attributesOverride$p, _attributesOverride$i, _attributesOverride$o, _attributesOverride$c, _ref, _attributesOverride$a;
       var _getHighlightStatus = getHighlightStatus(itemIndex),
         isHighlighted = _getHighlightStatus.isHighlighted,
         isFaded = _getHighlightStatus.isFaded;
-      var attibuesOverride = _extends({
+      var attributesOverride = _extends({
         additionalRadius: 0
       }, isFaded && faded || isHighlighted && highlighted || {});
-      var paddingAngle = Math.max(0, Math.PI * ((_attibuesOverride$pad = attibuesOverride.paddingAngle) != null ? _attibuesOverride$pad : basePaddingAngle) / 180);
-      var innerRadius = Math.max(0, (_attibuesOverride$inn = attibuesOverride.innerRadius) != null ? _attibuesOverride$inn : baseInnerRadius);
-      var outerRadius = Math.max(0, (_attibuesOverride$out = attibuesOverride.outerRadius) != null ? _attibuesOverride$out : baseOuterRadius + attibuesOverride.additionalRadius);
-      var cornerRadius = (_attibuesOverride$cor = attibuesOverride.cornerRadius) != null ? _attibuesOverride$cor : baseCornerRadius;
-      return _extends({}, item, attibuesOverride, {
+      var paddingAngle = Math.max(0, Math.PI * ((_attributesOverride$p = attributesOverride.paddingAngle) != null ? _attributesOverride$p : basePaddingAngle) / 180);
+      var innerRadius = Math.max(0, (_attributesOverride$i = attributesOverride.innerRadius) != null ? _attributesOverride$i : baseInnerRadius);
+      var outerRadius = Math.max(0, (_attributesOverride$o = attributesOverride.outerRadius) != null ? _attributesOverride$o : baseOuterRadius + attributesOverride.additionalRadius);
+      var cornerRadius = (_attributesOverride$c = attributesOverride.cornerRadius) != null ? _attributesOverride$c : baseCornerRadius;
+      var arcLabelRadius = (_ref = (_attributesOverride$a = attributesOverride.arcLabelRadius) != null ? _attributesOverride$a : baseArcLabelRadius) != null ? _ref : (innerRadius + outerRadius) / 2;
+      return _extends({}, item, attributesOverride, {
         isFaded: isFaded,
         isHighlighted: isHighlighted,
         paddingAngle: paddingAngle,
         innerRadius: innerRadius,
         outerRadius: outerRadius,
-        cornerRadius: cornerRadius
+        cornerRadius: cornerRadius,
+        arcLabelRadius: arcLabelRadius
       });
     });
-  }, [baseCornerRadius, baseInnerRadius, baseOuterRadius, basePaddingAngle, data, faded, getHighlightStatus, highlighted]);
+  }, [baseCornerRadius, baseInnerRadius, baseOuterRadius, basePaddingAngle, baseArcLabelRadius, data, faded, getHighlightStatus, highlighted]);
   return dataWithHighlight;
 }

package/legacy/ScatterChart/ScatterChart.js

@@ -113,6 +113,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   className: PropTypes.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
   /**

package/legacy/SparkLineChart/SparkLineChart.js

@@ -125,6 +125,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   className: PropTypes.string,
   /**
    * Color palette used to colorize multiple series.
+   * @default blueberryTwilightPalette
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
   /**
@@ -155,7 +156,12 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * The margin between the SVG and the drawing area.
    * It's used for leaving some space for extra information such as the x- and y-axis or legend.
    * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
+   * @default {
+   *   top: 5,
+   *   bottom: 5,
+   *   left: 5,
+   *   right: 5,
+   * }
    */
   margin: PropTypes.shape({
     bottom: PropTypes.number,
@@ -204,6 +210,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Formatter used by the tooltip.
    * @param {number} value The value to format.
    * @returns {string} the formatted value.
+   * @default (v: number) => v.toString()
    */
   valueFormatter: PropTypes.func,
   viewBox: PropTypes.shape({

package/legacy/context/CartesianContextProvider.js

@@ -40,11 +40,11 @@ export var CartesianContext = /*#__PURE__*/React.createContext({
  *
  * - [CartesianContextProvider API](https://mui.com/x/api/charts/cartesian-context-provider/)
  */
-function CartesianContextProvider(_ref) {
-  var inXAxis = _ref.xAxis,
-    inYAxis = _ref.yAxis,
-    dataset = _ref.dataset,
-    children = _ref.children;
+function CartesianContextProvider(props) {
+  var inXAxis = props.xAxis,
+    inYAxis = props.yAxis,
+    dataset = props.dataset,
+    children = props.children;
   var formattedSeries = React.useContext(SeriesContext);
   var drawingArea = React.useContext(DrawingContext);
   var xAxis = React.useMemo(function () {
@@ -82,9 +82,9 @@ function CartesianContextProvider(_ref) {
   var value = React.useMemo(function () {
     var _xAxis$map, _yAxis$map;
     var axisExtremumCallback = function axisExtremumCallback(acc, chartType, axis, getters, isDefaultAxis) {
-      var _ref2, _formattedSeries$char;
+      var _ref, _formattedSeries$char;
       var getter = getters[chartType];
-      var series = (_ref2 = (_formattedSeries$char = formattedSeries[chartType]) == null ? void 0 : _formattedSeries$char.series) != null ? _ref2 : {};
+      var series = (_ref = (_formattedSeries$char = formattedSeries[chartType]) == null ? void 0 : _formattedSeries$char.series) != null ? _ref : {};
       var _getter = getter({
           series: series,
           axis: axis,
@@ -114,8 +114,8 @@ function CartesianContextProvider(_ref) {
       return _extends({
         id: "deaultized-x-axis-".concat(index)
       }, axis);
-    })) != null ? _xAxis$map : []), _toConsumableArray(xAxis === undefined || xAxis.findIndex(function (_ref3) {
-      var id = _ref3.id;
+    })) != null ? _xAxis$map : []), _toConsumableArray(xAxis === undefined || xAxis.findIndex(function (_ref2) {
+      var id = _ref2.id;
       return id === DEFAULT_X_AXIS_KEY;
     }) === -1 ? [{
       id: DEFAULT_X_AXIS_KEY,
@@ -171,8 +171,8 @@ function CartesianContextProvider(_ref) {
       return _extends({
         id: "deaultized-y-axis-".concat(index)
       }, axis);
-    })) != null ? _yAxis$map : []), _toConsumableArray(yAxis === undefined || yAxis.findIndex(function (_ref4) {
-      var id = _ref4.id;
+    })) != null ? _yAxis$map : []), _toConsumableArray(yAxis === undefined || yAxis.findIndex(function (_ref3) {
+      var id = _ref3.id;
       return id === DEFAULT_Y_AXIS_KEY;
     }) === -1 ? [{
       id: DEFAULT_Y_AXIS_KEY,
@@ -226,12 +226,12 @@ function CartesianContextProvider(_ref) {
     return {
       xAxis: completedXAxis,
       yAxis: completedYAxis,
-      xAxisIds: allXAxis.map(function (_ref5) {
-        var id = _ref5.id;
+      xAxisIds: allXAxis.map(function (_ref4) {
+        var id = _ref4.id;
         return id;
       }),
-      yAxisIds: allYAxis.map(function (_ref6) {
-        var id = _ref6.id;
+      yAxisIds: allYAxis.map(function (_ref5) {
+        var id = _ref5.id;
         return id;
       })
     };

package/legacy/context/DrawingProvider.js

@@ -23,12 +23,12 @@ export var SVGContext = /*#__PURE__*/React.createContext({
  *
  * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
  */
-function DrawingProvider(_ref) {
-  var width = _ref.width,
-    height = _ref.height,
-    margin = _ref.margin,
-    svgRef = _ref.svgRef,
-    children = _ref.children;
+function DrawingProvider(props) {
+  var width = props.width,
+    height = props.height,
+    margin = props.margin,
+    svgRef = props.svgRef,
+    children = props.children;
   var drawingArea = useChartDimensions(width, height, margin);
   return /*#__PURE__*/_jsx(SVGContext.Provider, {
     value: svgRef,

package/legacy/context/HighlightProvider.js

@@ -34,8 +34,8 @@ var dataReducer = function dataReducer(prevState, action) {
       return prevState;
   }
 };
-export function HighlightProvider(_ref) {
-  var children = _ref.children;
+function HighlightProvider(props) {
+  var children = props.children;
   var _React$useReducer = React.useReducer(dataReducer, {
       item: null,
       scope: defaultScope
@@ -52,4 +52,5 @@ export function HighlightProvider(_ref) {
     value: value,
     children: children
   });
-}
+}
+export { HighlightProvider };

package/legacy/context/InteractionProvider.js

@@ -36,8 +36,8 @@ var dataReducer = function dataReducer(prevState, action) {
       return prevState;
   }
 };
-export function InteractionProvider(_ref) {
-  var children = _ref.children;
+function InteractionProvider(props) {
+  var children = props.children;
   var _React$useReducer = React.useReducer(dataReducer, {
       item: null,
       axis: {
@@ -57,4 +57,5 @@ export function InteractionProvider(_ref) {
     value: value,
     children: children
   });
-}
+}
+export { InteractionProvider };