@mui/x-charts-premium 9.2.0 → 9.3.0

package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.mjs

@@ -12,8 +12,8 @@ import { RADIAL_PREMIUM_PLUGINS } from "./ChartsRadialDataProviderPremium.plugin
 import { radialLineSeriesConfig } from "../RadialLineChart/seriesConfig/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc3ODYzMDQwMDAwMA==",
-  version: "9.2.0",
+  releaseDate: "MTc3OTMyMTYwMDAwMA==",
+  version: "9.3.0",
   name: 'x-charts-premium'
 };
 const defaultRadialPremiumSeriesConfig = {

package/HeatmapPremium/HeatmapPremium.js

@@ -296,11 +296,6 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    */
   zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      type: _propTypes.default.oneOf(['ordinal']).isRequired,
-      unknownColor: _propTypes.default.string,
-      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
-    }), _propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
       min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -309,6 +304,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
       type: _propTypes.default.oneOf(['piecewise']).isRequired
+    }), _propTypes.default.shape({
+      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+      type: _propTypes.default.oneOf(['ordinal']).isRequired,
+      unknownColor: _propTypes.default.string,
+      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
     })]),
     data: _propTypes.default.array,
     dataKey: _propTypes.default.string,
@@ -330,6 +330,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    */
   zoomInteractionConfig: _propTypes.default.shape({
     pan: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['drag', 'pressAndDrag', 'wheel']), _propTypes.default.shape({
+      allowedDirection: _propTypes.default.oneOf(['x', 'xy', 'y']),
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['wheel']).isRequired
+    }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['drag']).isRequired
@@ -337,24 +342,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['pressAndDrag']).isRequired
-    }), _propTypes.default.shape({
-      allowedDirection: _propTypes.default.oneOf(['x', 'xy', 'y']),
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['wheel']).isRequired
     })]).isRequired),
     zoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['brush', 'doubleTapReset', 'pinch', 'tapAndDrag', 'wheel']), _propTypes.default.shape({
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['wheel']).isRequired
-    }), _propTypes.default.shape({
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.array,
-      type: _propTypes.default.oneOf(['pinch']).isRequired
-    }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['tapAndDrag']).isRequired
+      type: _propTypes.default.oneOf(['brush']).isRequired
     }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
@@ -362,7 +354,15 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
     }), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-      type: _propTypes.default.oneOf(['brush']).isRequired
+      type: _propTypes.default.oneOf(['tapAndDrag']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.array,
+      type: _propTypes.default.oneOf(['pinch']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['wheel']).isRequired
     })]).isRequired)
   })
 } : void 0;

package/HeatmapPremium/HeatmapPremium.mjs

@@ -289,11 +289,6 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    */
   zAxis: PropTypes.arrayOf(PropTypes.shape({
     colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
       min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -302,6 +297,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
       type: PropTypes.oneOf(['piecewise']).isRequired
+    }), PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      type: PropTypes.oneOf(['ordinal']).isRequired,
+      unknownColor: PropTypes.string,
+      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
     })]),
     data: PropTypes.array,
     dataKey: PropTypes.string,
@@ -323,6 +323,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    */
   zoomInteractionConfig: PropTypes.shape({
     pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag', 'pressAndDrag', 'wheel']), PropTypes.shape({
+      allowedDirection: PropTypes.oneOf(['x', 'xy', 'y']),
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['wheel']).isRequired
+    }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['drag']).isRequired
@@ -330,24 +335,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['pressAndDrag']).isRequired
-    }), PropTypes.shape({
-      allowedDirection: PropTypes.oneOf(['x', 'xy', 'y']),
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['wheel']).isRequired
     })]).isRequired),
     zoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['brush', 'doubleTapReset', 'pinch', 'tapAndDrag', 'wheel']), PropTypes.shape({
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['wheel']).isRequired
-    }), PropTypes.shape({
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.array,
-      type: PropTypes.oneOf(['pinch']).isRequired
-    }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['tapAndDrag']).isRequired
+      type: PropTypes.oneOf(['brush']).isRequired
     }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
@@ -355,7 +347,15 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
     }), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
-      type: PropTypes.oneOf(['brush']).isRequired
+      type: PropTypes.oneOf(['tapAndDrag']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.array,
+      type: PropTypes.oneOf(['pinch']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.any,
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['wheel']).isRequired
     })]).isRequired)
   })
 } : void 0;

package/RadialBarChart/RadialBarChart.js

@@ -152,11 +152,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialBar'])
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialBar']).isRequired
+    type: _propTypes.default.oneOf(['radialBar'])
   })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
@@ -168,11 +168,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialBar']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -203,11 +203,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialBar'])
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialBar']).isRequired
+    type: _propTypes.default.oneOf(['radialBar'])
   })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
@@ -298,11 +298,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialBar']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadialBarChart/RadialBarChart.mjs

@@ -145,11 +145,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
   hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialBar'])
+    type: PropTypes.oneOf(['radialBar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialBar']).isRequired
+    type: PropTypes.oneOf(['radialBar'])
   })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
@@ -161,11 +161,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialBar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radialBar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -196,11 +196,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
   initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialBar'])
+    type: PropTypes.oneOf(['radialBar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialBar']).isRequired
+    type: PropTypes.oneOf(['radialBar'])
   })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
@@ -291,11 +291,11 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialBar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radialBar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadialBarChart/seriesConfig/getColor.js

@@ -6,56 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _internals = require("@mui/x-charts/internals");
 const getColor = (series, rotationAxis, radiusAxis) => {
-  const yColorScale = radiusAxis?.colorScale;
-  const xColorScale = rotationAxis?.colorScale;
-  const getSeriesColor = (0, _internals.getSeriesColorFn)(series);
-  if (yColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : yColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  if (xColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = rotationAxis.data?.[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : xColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  return dataIndex => {
-    if (dataIndex === undefined) {
-      return series.color;
-    }
-    const value = series.data[dataIndex];
-    return getSeriesColor({
-      value,
-      dataIndex
-    });
-  };
+  const verticalLayout = series.layout === 'vertical';
+  return (0, _internals.resolveColorProcessor)({
+    series,
+    valueColorScale: verticalLayout ? radiusAxis?.colorScale : rotationAxis?.colorScale,
+    categoryColorScale: verticalLayout ? rotationAxis?.colorScale : radiusAxis?.colorScale,
+    categoryValues: verticalLayout ? rotationAxis?.data : radiusAxis?.data
+  });
 };
 var _default = exports.default = getColor;

package/RadialBarChart/seriesConfig/getColor.mjs

@@ -1,55 +1,11 @@
-import { getSeriesColorFn } from '@mui/x-charts/internals';
+import { resolveColorProcessor } from '@mui/x-charts/internals';
 const getColor = (series, rotationAxis, radiusAxis) => {
-  const yColorScale = radiusAxis?.colorScale;
-  const xColorScale = rotationAxis?.colorScale;
-  const getSeriesColor = getSeriesColorFn(series);
-  if (yColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : yColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  if (xColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = rotationAxis.data?.[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : xColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  return dataIndex => {
-    if (dataIndex === undefined) {
-      return series.color;
-    }
-    const value = series.data[dataIndex];
-    return getSeriesColor({
-      value,
-      dataIndex
-    });
-  };
+  const verticalLayout = series.layout === 'vertical';
+  return resolveColorProcessor({
+    series,
+    valueColorScale: verticalLayout ? radiusAxis?.colorScale : rotationAxis?.colorScale,
+    categoryColorScale: verticalLayout ? rotationAxis?.colorScale : radiusAxis?.colorScale,
+    categoryValues: verticalLayout ? rotationAxis?.data : radiusAxis?.data
+  });
 };
 export default getColor;

package/RadialBarChart/seriesConfig/tooltip.js

@@ -5,30 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _internals = require("@mui/x-charts/internals");
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = (0, _internals.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  if (value == null) {
-    return null;
-  }
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
+const tooltipGetter = params => (0, _internals.getLineLikeTooltip)(params, {
+  skipNullValues: true
+});
 var _default = exports.default = tooltipGetter;

package/RadialBarChart/seriesConfig/tooltip.mjs

@@ -1,28 +1,5 @@
-import { getLabel } from '@mui/x-charts/internals';
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  if (value == null) {
-    return null;
-  }
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
+import { getLineLikeTooltip } from '@mui/x-charts/internals';
+const tooltipGetter = params => getLineLikeTooltip(params, {
+  skipNullValues: true
+});
 export default tooltipGetter;

package/RadialLineChart/RadialArea.d.mts

@@ -1,12 +1,3 @@
-import * as React from 'react';
-import type { CurveType, SeriesId } from '@mui/x-charts/models';
-import { type RadialLinePoint } from "./useRadialLinePlotData.mjs";
-export interface RadialAreaProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
-  seriesId: SeriesId;
-  color: string;
-  hidden?: boolean;
-  curve?: CurveType;
-  points: RadialLinePoint[];
-}
-declare function RadialArea(props: RadialAreaProps): import("react/jsx-runtime").JSX.Element;
+import { type RadialLineOrAreaProps } from "./RadialLine.mjs";
+declare function RadialArea(props: RadialLineOrAreaProps): import("react/jsx-runtime").JSX.Element;
 export { RadialArea };

package/RadialLineChart/RadialArea.d.ts

@@ -1,12 +1,3 @@
-import * as React from 'react';
-import type { CurveType, SeriesId } from '@mui/x-charts/models';
-import { type RadialLinePoint } from "./useRadialLinePlotData.js";
-export interface RadialAreaProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
-  seriesId: SeriesId;
-  color: string;
-  hidden?: boolean;
-  curve?: CurveType;
-  points: RadialLinePoint[];
-}
-declare function RadialArea(props: RadialAreaProps): import("react/jsx-runtime").JSX.Element;
+import { type RadialLineOrAreaProps } from "./RadialLine.js";
+declare function RadialArea(props: RadialLineOrAreaProps): import("react/jsx-runtime").JSX.Element;
 export { RadialArea };

package/RadialLineChart/RadialArea.js

@@ -13,14 +13,15 @@ var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _internals = require("@mui/x-charts/internals");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["seriesId", "color", "hidden", "curve", "points"];
+const _excluded = ["seriesId", "color", "hidden", "curve", "points", "closePath"];
 function RadialArea(props) {
   const {
       seriesId,
       color,
       hidden,
       curve,
-      points
+      points,
+      closePath
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const identifier = React.useMemo(() => ({
@@ -30,7 +31,7 @@ function RadialArea(props) {
   const highlightState = (0, _hooks.useItemHighlightState)(identifier);
   const isHighlighted = highlightState === 'highlighted';
   const isFaded = highlightState === 'faded';
-  const d = (0, _d3Shape.areaRadial)().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(points) || '';
+  const d = (0, _d3Shape.areaRadial)().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(closePath ? [...points, points[0]] : points) || '';
   const fadedOpacity = isFaded ? 0.3 : 1;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
     "data-series": seriesId,

package/RadialLineChart/RadialArea.mjs

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId", "color", "hidden", "curve", "points"];
+const _excluded = ["seriesId", "color", "hidden", "curve", "points", "closePath"];
 import * as React from 'react';
 import { areaRadial as d3AreaRadial } from '@mui/x-charts-vendor/d3-shape';
 import { getCurveFactory } from '@mui/x-charts/internals';
@@ -12,7 +12,8 @@ function RadialArea(props) {
       color,
       hidden,
       curve,
-      points
+      points,
+      closePath
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const identifier = React.useMemo(() => ({
@@ -22,7 +23,7 @@ function RadialArea(props) {
   const highlightState = useItemHighlightState(identifier);
   const isHighlighted = highlightState === 'highlighted';
   const isFaded = highlightState === 'faded';
-  const d = d3AreaRadial().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve(getCurveFactory(curve))(points) || '';
+  const d = d3AreaRadial().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve(getCurveFactory(curve))(closePath ? [...points, points[0]] : points) || '';
   const fadedOpacity = isFaded ? 0.3 : 1;
   return /*#__PURE__*/_jsx("path", _extends({
     "data-series": seriesId,

package/RadialLineChart/RadialAreaPlot.js

@@ -38,13 +38,15 @@ function RadialAreaPlot(props) {
       hidden,
       area,
       curve,
-      points
+      points,
+      closePath
     }) => area && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialArea.RadialArea, {
       seriesId: seriesId,
       color: color,
       hidden: hidden,
       curve: curve,
       points: points,
+      closePath: closePath,
       className: classes.area
     }, seriesId))
   });

package/RadialLineChart/RadialAreaPlot.mjs

@@ -32,13 +32,15 @@ export function RadialAreaPlot(props) {
       hidden,
       area,
       curve,
-      points
+      points,
+      closePath
     }) => area && /*#__PURE__*/_jsx(RadialArea, {
       seriesId: seriesId,
       color: color,
       hidden: hidden,
       curve: curve,
       points: points,
+      closePath: closePath,
       className: classes.area
     }, seriesId))
   });

package/RadialLineChart/RadialLine.d.mts

@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { type CurveType, type SeriesId } from '@mui/x-charts/models';
 import { type RadialLinePoint } from "./useRadialLinePlotData.mjs";
-export interface RadialLineProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
+export interface RadialLineOrAreaProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
   seriesId: SeriesId;
   color: string;
   hidden?: boolean;
-  points: RadialLinePoint[];
   curve?: CurveType;
+  points: RadialLinePoint[];
+  closePath?: boolean;
 }
-declare function RadialLine(props: RadialLineProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialLine(props: RadialLineOrAreaProps): import("react/jsx-runtime").JSX.Element;
 export { RadialLine };

package/RadialLineChart/RadialLine.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { type CurveType, type SeriesId } from '@mui/x-charts/models';
 import { type RadialLinePoint } from "./useRadialLinePlotData.js";
-export interface RadialLineProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
+export interface RadialLineOrAreaProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
   seriesId: SeriesId;
   color: string;
   hidden?: boolean;
-  points: RadialLinePoint[];
   curve?: CurveType;
+  points: RadialLinePoint[];
+  closePath?: boolean;
 }
-declare function RadialLine(props: RadialLineProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialLine(props: RadialLineOrAreaProps): import("react/jsx-runtime").JSX.Element;
 export { RadialLine };