@mui/x-charts 6.18.0 → 6.18.2

package/legacy/ChartsReferenceLine/chartsReferenceLineClasses.js

@@ -0,0 +1,6 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getReferenceLineUtilityClass(slot) {
+  return generateUtilityClass('MuiChartsReferenceLine', slot);
+}
+export var referenceLineClasses = generateUtilityClasses('MuiChartsReferenceLine', ['root', 'vertical', 'horizontal', 'line', 'label']);

package/legacy/ChartsReferenceLine/common.js

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { styled } from '@mui/material/styles';
+import { referenceLineClasses } from './chartsReferenceLineClasses';
+export var ReferenceLineRoot = styled('g')(function (_ref) {
+  var _ref2;
+  var theme = _ref.theme;
+  return _ref2 = {}, _defineProperty(_ref2, "& .".concat(referenceLineClasses.line), {
+    fill: 'none',
+    stroke: (theme.vars || theme).palette.text.primary,
+    shapeRendering: 'crispEdges',
+    strokeWidth: 1,
+    pointerEvents: 'none'
+  }), _defineProperty(_ref2, "& .".concat(referenceLineClasses.label), _extends({
+    fill: (theme.vars || theme).palette.text.primary,
+    stroke: 'none',
+    pointerEvents: 'none',
+    fontSize: 12
+  }, theme.typography.body1)), _ref2;
+});

package/legacy/ChartsReferenceLine/index.js

@@ -0,0 +1,2 @@
+export * from './ChartsReferenceLine';
+export * from './chartsReferenceLineClasses';

package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { useSlotProps } from '@mui/base/utils';
 import { SeriesContext } from '../context/SeriesContextProvider';
@@ -25,6 +26,7 @@ export function DefaultChartsAxisContent(props) {
     sx: sx,
     className: classes.root,
     children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
+      className: classes.table,
       children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/_jsx("thead", {
         children: /*#__PURE__*/_jsx(ChartsTooltipRow, {
           children: /*#__PURE__*/_jsx(ChartsTooltipCell, {
@@ -46,21 +48,23 @@ export function DefaultChartsAxisContent(props) {
             return null;
           }
           return /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+            className: classes.row,
             children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: classes.markCell,
+              className: clsx(classes.markCell, classes.cell),
               children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
                 ownerState: {
                   color: color
                 },
-                boxShadow: 1
+                boxShadow: 1,
+                className: classes.mark
               })
             }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: classes.labelCell,
+              className: clsx(classes.labelCell, classes.cell),
               children: label ? /*#__PURE__*/_jsx(Typography, {
                 children: label
               }) : null
             }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: classes.valueCell,
+              className: clsx(classes.valueCell, classes.cell),
               children: /*#__PURE__*/_jsx(Typography, {
                 children: formattedValue
               })

package/legacy/ChartsTooltip/ChartsItemTooltipContent.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import clsx from 'clsx';
 import { useSlotProps } from '@mui/base/utils';
 import { SeriesContext } from '../context/SeriesContextProvider';
 import { ChartsTooltipTable, ChartsTooltipCell, ChartsTooltipMark, ChartsTooltipPaper, ChartsTooltipRow } from './ChartsTooltipTable';
@@ -30,20 +31,23 @@ export function DefaultChartsItemContent(props) {
     sx: sx,
     className: classes.root,
     children: /*#__PURE__*/_jsx(ChartsTooltipTable, {
+      className: classes.table,
       children: /*#__PURE__*/_jsx("tbody", {
         children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+          className: classes.row,
           children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes.markCell,
+            className: clsx(classes.markCell, classes.cell),
             children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
               ownerState: {
                 color: color
-              }
+              },
+              className: classes.mark
             })
           }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes.labelCell,
+            className: clsx(classes.labelCell, classes.cell),
             children: displayedLabel
           }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes.valueCell,
+            className: clsx(classes.valueCell, classes.cell),
             children: formattedValue
           })]
         })

package/legacy/ChartsTooltip/ChartsTooltip.js

@@ -2,25 +2,29 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
 import { Popper } from '@mui/base/Popper';
 import { NoSsr } from '@mui/base/NoSsr';
 import { useSlotProps } from '@mui/base/utils';
 import { InteractionContext } from '../context/InteractionProvider';
-import { generateVirtualElement, useMouseTracker, getTootipHasData } from './utils';
+import { generateVirtualElement, useMouseTracker, getTooltipHasData } from './utils';
 import { ChartsItemTooltipContent } from './ChartsItemTooltipContent';
 import { ChartsAxisTooltipContent } from './ChartsAxisTooltipContent';
-import { getTooltipUtilityClass } from './tooltipClasses';
+import { getChartsTooltipUtilityClass } from './chartsTooltipClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
     root: ['root'],
+    table: ['table'],
+    row: ['row'],
+    cell: ['cell'],
+    mark: ['mark'],
     markCell: ['markCell'],
     labelCell: ['labelCell'],
     valueCell: ['valueCell']
   };
-  return composeClasses(slots, getTooltipUtilityClass, classes);
+  return composeClasses(slots, getChartsTooltipUtilityClass, classes);
 };
 var ChartsTooltipRoot = styled(Popper, {
   name: 'MuiChartsTooltip',
@@ -47,21 +51,25 @@ var ChartsTooltipRoot = styled(Popper, {
  */
 function ChartsTooltip(props) {
   var _slots$popper, _slots$itemContent, _slots$axisContent;
-  var _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'axis' : _props$trigger,
-    itemContent = props.itemContent,
-    axisContent = props.axisContent,
-    slots = props.slots,
-    slotProps = props.slotProps;
+  var themeProps = useThemeProps({
+    props: props,
+    name: 'MuiChartsTooltip'
+  });
+  var _themeProps$trigger = themeProps.trigger,
+    trigger = _themeProps$trigger === void 0 ? 'axis' : _themeProps$trigger,
+    itemContent = themeProps.itemContent,
+    axisContent = themeProps.axisContent,
+    slots = themeProps.slots,
+    slotProps = themeProps.slotProps;
   var mousePosition = useMouseTracker();
   var _React$useContext = React.useContext(InteractionContext),
     item = _React$useContext.item,
     axis = _React$useContext.axis;
   var displayedData = trigger === 'item' ? item : axis;
-  var tooltipHasData = getTootipHasData(trigger, displayedData);
+  var tooltipHasData = getTooltipHasData(trigger, displayedData);
   var popperOpen = mousePosition !== null && tooltipHasData;
   var classes = useUtilityClasses({
-    classes: props.classes
+    classes: themeProps.classes
   });
   var PopperComponent = (_slots$popper = slots == null ? void 0 : slots.popper) != null ? _slots$popper : ChartsTooltipRoot;
   var popperProps = useSlotProps({

package/legacy/ChartsTooltip/ChartsTooltipTable.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import Box from '@mui/system/Box';
 import { styled } from '@mui/material/styles';
-import { tooltipClasses } from './tooltipClasses';
+import { chartsTooltipClasses } from './chartsTooltipClasses';
 export var ChartsTooltipPaper = styled('div', {
   name: 'MuiChartsTooltip',
   slot: 'Container'
@@ -50,9 +50,9 @@ export var ChartsTooltipCell = styled('td', {
   return _ref5 = {
     verticalAlign: 'middle',
     color: (theme.vars || theme).palette.text.secondary
-  }, _defineProperty(_ref5, "&.".concat(tooltipClasses.labelCell), {
+  }, _defineProperty(_ref5, "&.".concat(chartsTooltipClasses.labelCell), {
     paddingLeft: theme.spacing(1)
-  }), _defineProperty(_ref5, "&.".concat(tooltipClasses.valueCell), {
+  }), _defineProperty(_ref5, "&.".concat(chartsTooltipClasses.valueCell), {
     paddingLeft: theme.spacing(4),
     color: (theme.vars || theme).palette.text.primary
   }), _defineProperty(_ref5, 'td:first-of-type&', {

package/legacy/ChartsTooltip/chartsTooltipClasses.js

@@ -0,0 +1,5 @@
+import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+export function getChartsTooltipUtilityClass(slot) {
+  return generateUtilityClass('MuiChartsTooltip', slot);
+}
+export var chartsTooltipClasses = generateUtilityClasses('MuiChartsTooltip', ['root', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell']);

package/legacy/ChartsTooltip/index.js

@@ -1 +1,2 @@
-export * from './ChartsTooltip';
+export * from './ChartsTooltip';
+export * from './chartsTooltipClasses';

package/legacy/ChartsTooltip/utils.js

@@ -81,7 +81,7 @@ export function useMouseTracker() {
   }, [svgRef]);
   return mousePosition;
 }
-export function getTootipHasData(trigger, displayedData) {
+export function getTooltipHasData(trigger, displayedData) {
   if (trigger === 'item') {
     return displayedData !== null;
   }

package/legacy/ChartsXAxis/ChartsXAxis.js

@@ -102,16 +102,18 @@ var defaultProps = {
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
 function ChartsXAxis(inProps) {
-  var _slots$axisLine, _slots$axisTick, _slots$axisTickLabel, _slots$axisLabel;
+  var _props$axisId, _slots$axisLine, _slots$axisTick, _slots$axisTickLabel, _slots$axisLabel;
   var props = useThemeProps({
     props: _extends({}, defaultProps, inProps),
     name: 'MuiChartsXAxis'
   });
   var _React$useContext = React.useContext(CartesianContext),
-    _React$useContext$xAx = _React$useContext.xAxis[props.axisId],
-    xScale = _React$useContext$xAx.scale,
-    tickNumber = _React$useContext$xAx.tickNumber,
-    settings = _objectWithoutProperties(_React$useContext$xAx, _excluded);
+    xAxisIds = _React$useContext.xAxisIds;
+  var _React$useContext2 = React.useContext(CartesianContext),
+    _React$useContext2$xA = _React$useContext2.xAxis[(_props$axisId = props.axisId) != null ? _props$axisId : xAxisIds[0]],
+    xScale = _React$useContext2$xA.scale,
+    tickNumber = _React$useContext2$xA.tickNumber,
+    settings = _objectWithoutProperties(_React$useContext2$xA, _excluded);
   var isMounted = useMounted();
   var defaultizedProps = _extends({}, defaultProps, settings, props);
   var position = defaultizedProps.position,
@@ -132,11 +134,11 @@ function ChartsXAxis(inProps) {
   var classes = useUtilityClasses(_extends({}, defaultizedProps, {
     theme: theme
   }));
-  var _React$useContext2 = React.useContext(DrawingContext),
-    left = _React$useContext2.left,
-    top = _React$useContext2.top,
-    width = _React$useContext2.width,
-    height = _React$useContext2.height;
+  var _React$useContext3 = React.useContext(DrawingContext),
+    left = _React$useContext3.left,
+    top = _React$useContext3.top,
+    width = _React$useContext3.width,
+    height = _React$useContext3.height;
   var tickSize = disableTicks ? 4 : tickSizeProp;
   var positionSign = position === 'bottom' ? 1 : -1;
   var Line = (_slots$axisLine = slots == null ? void 0 : slots.axisLine) != null ? _slots$axisLine : 'line';
@@ -225,9 +227,10 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * Id of the axis to render.
+   * The id of the axis to render.
+   * If undefined, it will be the first defined axis.
    */
-  axisId: PropTypes.string.isRequired,
+  axisId: PropTypes.string,
   /**
    * Override or extend the styles applied to the component.
    */

package/legacy/ChartsYAxis/ChartsYAxis.js

@@ -46,16 +46,18 @@ var defaultProps = {
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
 function ChartsYAxis(inProps) {
-  var _slots$axisLine, _slots$axisTick, _slots$axisTickLabel, _slots$axisLabel;
+  var _props$axisId, _slots$axisLine, _slots$axisTick, _slots$axisTickLabel, _slots$axisLabel;
   var props = useThemeProps({
     props: _extends({}, defaultProps, inProps),
     name: 'MuiChartsYAxis'
   });
   var _React$useContext = React.useContext(CartesianContext),
-    _React$useContext$yAx = _React$useContext.yAxis[props.axisId],
-    yScale = _React$useContext$yAx.scale,
-    tickNumber = _React$useContext$yAx.tickNumber,
-    settings = _objectWithoutProperties(_React$useContext$yAx, _excluded);
+    yAxisIds = _React$useContext.yAxisIds;
+  var _React$useContext2 = React.useContext(CartesianContext),
+    _React$useContext2$yA = _React$useContext2.yAxis[(_props$axisId = props.axisId) != null ? _props$axisId : yAxisIds[0]],
+    yScale = _React$useContext2$yA.scale,
+    tickNumber = _React$useContext2$yA.tickNumber,
+    settings = _objectWithoutProperties(_React$useContext2$yA, _excluded);
   var defaultizedProps = _extends({}, defaultProps, settings, props);
   var position = defaultizedProps.position,
     disableLine = defaultizedProps.disableLine,
@@ -71,11 +73,11 @@ function ChartsYAxis(inProps) {
   var classes = useUtilityClasses(_extends({}, defaultizedProps, {
     theme: theme
   }));
-  var _React$useContext2 = React.useContext(DrawingContext),
-    left = _React$useContext2.left,
-    top = _React$useContext2.top,
-    width = _React$useContext2.width,
-    height = _React$useContext2.height;
+  var _React$useContext3 = React.useContext(DrawingContext),
+    left = _React$useContext3.left,
+    top = _React$useContext3.top,
+    width = _React$useContext3.width,
+    height = _React$useContext3.height;
   var tickSize = disableTicks ? 4 : tickSizeProp;
   var yTicks = useTicks({
     scale: yScale,
@@ -156,9 +158,10 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * Id of the axis to render.
+   * The id of the axis to render.
+   * If undefined, it will be the first defined axis.
    */
-  axisId: PropTypes.string.isRequired,
+  axisId: PropTypes.string,
   /**
    * Override or extend the styles applied to the component.
    */

package/legacy/LineChart/LineChart.js

@@ -118,6 +118,13 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
+  /**
+   * Object `{ x, y }` that defines how the charts highlight the mouse position along the x- and y-axes.
+   * The two properties accept the following values:
+   * - '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.
+   */
   axisHighlight: PropTypes.shape({
     x: PropTypes.oneOf(['band', 'line', 'none']),
     y: PropTypes.oneOf(['band', 'line', 'none'])
@@ -128,7 +135,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * @default xAxisIds[0] The id of the first provided axis
    */
   bottomAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.string.isRequired,
+    axisId: PropTypes.string,
     classes: PropTypes.object,
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
@@ -155,13 +162,25 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * Color palette used to colorize multiple series.
    */
   colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
+  /**
+   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
+   */
   dataset: PropTypes.arrayOf(PropTypes.object),
   desc: PropTypes.string,
+  /**
+   * If `true`, the charts will not listen to the mouse move event.
+   * It might break interactive features, but will improve performance.
+   * @default false
+   */
   disableAxisListener: PropTypes.bool,
   /**
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: PropTypes.bool,
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   * @default undefined
+   */
   height: PropTypes.number,
   /**
    * Indicate which axis to display the left of the charts.
@@ -169,7 +188,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * @default yAxisIds[0] The id of the first provided axis
    */
   leftAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.string.isRequired,
+    axisId: PropTypes.string,
     classes: PropTypes.object,
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
@@ -204,6 +223,12 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     slotProps: PropTypes.object,
     slots: PropTypes.object
   }),
+  /**
+   * 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.
+   */
   margin: PropTypes.shape({
     bottom: PropTypes.number,
     left: PropTypes.number,
@@ -216,7 +241,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * @default null
    */
   rightAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.string.isRequired,
+    axisId: PropTypes.string,
     classes: PropTypes.object,
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
@@ -286,7 +311,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * @default null
    */
   topAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.string.isRequired,
+    axisId: PropTypes.string,
     classes: PropTypes.object,
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
@@ -313,7 +338,15 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     x: PropTypes.number,
     y: PropTypes.number
   }),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   * @default undefined
+   */
   width: PropTypes.number,
+  /**
+   * The configuration of the x-axes.
+   * If not provided, a default axis config is used with id set to `DEFAULT_X_AXIS_KEY`.
+   */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
     axisId: PropTypes.string,
     classes: PropTypes.object,
@@ -344,6 +377,10 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     tickSize: PropTypes.number,
     valueFormatter: PropTypes.func
   })),
+  /**
+   * The configuration of the y-axes.
+   * If not provided, a default axis config is used with id set to `DEFAULT_Y_AXIS_KEY`.
+   */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
     axisId: PropTypes.string,
     classes: PropTypes.object,

package/legacy/LineChart/LineHighlightPlot.js

@@ -66,7 +66,7 @@ function LineHighlightPlot(props) {
           throw new Error("Axis of id \"".concat(xAxisKey, "\" should have data property to be able to display a line plot."));
         }
         var x = xScale(xData[highlightedIndex]);
-        var y = yScale(stackedData[highlightedIndex][1]);
+        var y = yScale(stackedData[highlightedIndex][1]); // This should not be undefined since y should not be a band scale
         return /*#__PURE__*/_jsx(Element, _extends({
           id: seriesId,
           color: series[seriesId].color,

package/legacy/LineChart/MarkPlot.js

@@ -119,7 +119,8 @@ function MarkPlot(props) {
             shape: "circle",
             color: series[seriesId].color,
             x: x,
-            y: y,
+            y: y // Don't knwo why TS don't get from the filter that y can't be null
+            ,
             highlightScope: series[seriesId].highlightScope
           }, slotProps == null ? void 0 : slotProps.mark), "".concat(seriesId, "-").concat(index));
         });

package/legacy/PieChart/PieArc.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "onClick", "isFaded", "isHighlighted", "startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { arc as d3Arc } from 'd3-shape';
 import { animated, to } from '@react-spring/web';
 import composeClasses from '@mui/utils/composeClasses';
@@ -38,7 +39,7 @@ var PieArcRoot = styled(animated.path, {
     strokeLinejoin: 'round'
   };
 });
-export default function PieArc(props) {
+function PieArc(props) {
   var id = props.id,
     dataIndex = props.dataIndex,
     innerClasses = props.classes,
@@ -83,4 +84,19 @@ export default function PieArc(props) {
     seriesId: id,
     dataIndex: 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.object,
+  dataIndex: PropTypes.number.isRequired,
+  highlightScope: PropTypes.shape({
+    faded: PropTypes.oneOf(['global', 'none', 'series']),
+    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
+  }),
+  isFaded: PropTypes.bool.isRequired,
+  isHighlighted: PropTypes.bool.isRequired
+} : void 0;
+export { PieArc };

package/legacy/PieChart/PieArcLabel.js

@@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "style"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { animated, to } from '@react-spring/web';
 import { arc as d3Arc } from 'd3-shape';
-import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import { styled } from '@mui/material/styles';
@@ -64,7 +64,7 @@ var getLabelPosition = function getLabelPosition(formattedArcLabel, variable) {
     return y;
   };
 };
-export default function PieArcLabel(props) {
+function PieArcLabel(props) {
   var id = props.id,
     innerClasses = props.classes,
     color = props.color,
@@ -103,12 +103,8 @@ process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   classes: PropTypes.object,
-  cornerRadius: PropTypes.number,
-  dataIndex: PropTypes.number.isRequired,
-  highlightScope: PropTypes.shape({
-    faded: PropTypes.oneOf(['global', 'none', 'series']),
-    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
-  }),
-  innerRadius: PropTypes.number,
-  outerRadius: PropTypes.number.isRequired
-} : void 0;
+  formattedArcLabel: PropTypes.string,
+  isFaded: PropTypes.bool.isRequired,
+  isHighlighted: PropTypes.bool.isRequired
+} : void 0;
+export { PieArcLabel };

package/legacy/PieChart/PieArcLabelPlot.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { useTransition } from '@react-spring/web';
 import { defaultLabelTransitionConfig } from './dataTransform/transition';
 import { useTransformData } from './dataTransform/useTransformData';
-import PieArcLabel from './PieArcLabel';
+import { PieArcLabel } from './PieArcLabel';
 import { jsx as _jsx } from "react/jsx-runtime";
 var RATIO = 180 / Math.PI;
 function getItemLabel(arcLabel, arcLabelMinAngle, item) {

package/legacy/PieChart/PieArcPlot.js

@@ -4,7 +4,7 @@ var _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadi
   _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
 import * as React from 'react';
 import { useTransition } from '@react-spring/web';
-import PieArc from './PieArc';
+import { PieArc } from './PieArc';
 import { defaultTransitionConfig } from './dataTransform/transition';
 import { useTransformData } from './dataTransform/useTransformData';
 import { jsx as _jsx } from "react/jsx-runtime";