@mui/x-charts-premium 9.1.0 → 9.3.0

package/RadialLineChart/RadialLineChart.js

@@ -13,6 +13,8 @@ var _styles = require("@mui/material/styles");
 var _internals = require("@mui/x-charts/internals");
 var _ChartsRadialGrid = require("@mui/x-charts/ChartsRadialGrid");
 var _ChartsRadialAxisHighlight = require("@mui/x-charts/ChartsRadialAxisHighlight");
+var _ChartsRadiusAxis = require("@mui/x-charts/ChartsRadiusAxis");
+var _ChartsRotationAxis = require("@mui/x-charts/ChartsRotationAxis");
 var _ChartsLegend = require("../ChartsLegend");
 var _ChartsSurface = require("../ChartsSurface");
 var _ChartsTooltip = require("../ChartsTooltip");
@@ -69,7 +71,7 @@ const RadialLineChart = exports.Unstable_RadialLineChart = /*#__PURE__*/React.fo
       children: [props.showToolbar && Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialGrid.Unstable_ChartsRadialGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialAreaPlot.RadialAreaPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLinePlot.RadialLinePlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps))]
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialAxisHighlight.Unstable_ChartsRadialAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialMarkPlot.RadialMarkPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLineHighlightPlot.RadialLineHighlightPlot, {
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialAxisHighlight.Unstable_ChartsRadialAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRotationAxis.Unstable_ChartsRotationAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadiusAxis.Unstable_ChartsRadiusAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialMarkPlot.RadialMarkPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLineHighlightPlot.RadialLineHighlightPlot, {
           slots: props.slots,
           slotProps: props.slotProps
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
@@ -95,7 +97,7 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    * @default { rotation: 'line' }
    */
   axisHighlight: _propTypes.default.shape({
-    radius: _propTypes.default.oneOf(['line', 'none']),
+    radius: _propTypes.default.oneOf(['band', 'line', 'none']),
     rotation: _propTypes.default.oneOf(['band', 'line', 'none'])
   }),
   /**
@@ -159,11 +161,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialLine'])
+    type: _propTypes.default.oneOf(['radialLine']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialLine']).isRequired
+    type: _propTypes.default.oneOf(['radialLine'])
   })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
@@ -175,11 +177,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialLine']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialLine']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -210,11 +212,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialLine'])
+    type: _propTypes.default.oneOf(['radialLine']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialLine']).isRequired
+    type: _propTypes.default.oneOf(['radialLine'])
   })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
@@ -275,7 +277,7 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
   rotationAxis: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * The series to display in the line chart.
-   * An array of [[LineSeries]] objects.
+   * An array of [[RadialLineSeries]] objects.
    */
   series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
   /**
@@ -305,11 +307,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radialLine']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialLine']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadialLineChart/RadialLineChart.mjs

@@ -5,6 +5,8 @@ import { useThemeProps } from '@mui/material/styles';
 import { useChartsContainerProps } from '@mui/x-charts/internals';
 import { Unstable_ChartsRadialGrid as ChartsRadialGrid } from '@mui/x-charts/ChartsRadialGrid';
 import { Unstable_ChartsRadialAxisHighlight as ChartsRadialAxisHighlight } from '@mui/x-charts/ChartsRadialAxisHighlight';
+import { Unstable_ChartsRadiusAxis as ChartsRadiusAxis } from '@mui/x-charts/ChartsRadiusAxis';
+import { Unstable_ChartsRotationAxis as ChartsRotationAxis } from '@mui/x-charts/ChartsRotationAxis';
 import { ChartsLegend } from "../ChartsLegend/index.mjs";
 import { ChartsSurface } from "../ChartsSurface/index.mjs";
 import { ChartsTooltip } from "../ChartsTooltip/index.mjs";
@@ -61,7 +63,7 @@ const RadialLineChart = /*#__PURE__*/React.forwardRef(function RadialLineChart(i
       children: [props.showToolbar && Toolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/_jsx(ChartsRadialGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
           children: [/*#__PURE__*/_jsx(RadialAreaPlot, {}), /*#__PURE__*/_jsx(RadialLinePlot, {}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps))]
-        })), /*#__PURE__*/_jsx(ChartsRadialAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(RadialMarkPlot, {}), /*#__PURE__*/_jsx(RadialLineHighlightPlot, {
+        })), /*#__PURE__*/_jsx(ChartsRadialAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(ChartsRotationAxis, {}), /*#__PURE__*/_jsx(ChartsRadiusAxis, {}), /*#__PURE__*/_jsx(RadialMarkPlot, {}), /*#__PURE__*/_jsx(RadialLineHighlightPlot, {
           slots: props.slots,
           slotProps: props.slotProps
         }), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
@@ -87,7 +89,7 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    * @default { rotation: 'line' }
    */
   axisHighlight: PropTypes.shape({
-    radius: PropTypes.oneOf(['line', 'none']),
+    radius: PropTypes.oneOf(['band', 'line', 'none']),
     rotation: PropTypes.oneOf(['band', 'line', 'none'])
   }),
   /**
@@ -151,11 +153,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
   hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialLine'])
+    type: PropTypes.oneOf(['radialLine']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialLine']).isRequired
+    type: PropTypes.oneOf(['radialLine'])
   })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
@@ -167,11 +169,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialLine']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radialLine']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -202,11 +204,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
   initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialLine'])
+    type: PropTypes.oneOf(['radialLine']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialLine']).isRequired
+    type: PropTypes.oneOf(['radialLine'])
   })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
@@ -267,7 +269,7 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
   rotationAxis: PropTypes.arrayOf(PropTypes.object),
   /**
    * The series to display in the line chart.
-   * An array of [[LineSeries]] objects.
+   * An array of [[RadialLineSeries]] objects.
    */
   series: PropTypes.arrayOf(PropTypes.object).isRequired,
   /**
@@ -297,11 +299,11 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radialLine']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radialLine']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadialLineChart/RadialLineChart.plugins.d.mts

@@ -1,4 +1,4 @@
 import { type UseChartZAxisSignature, type UseChartPolarAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "../plugins/index.mjs";
+import { type UseChartProExportSignature } from '@mui/x-charts-pro/plugins';
 export type RadialLineChartPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature<'radialLine'>, UseChartInteractionSignature, UseChartPolarAxisSignature<'radialLine'>, UseChartHighlightSignature<'radialLine'>, UseChartVisibilityManagerSignature<'radialLine'>, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
 export declare const RADIAL_LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<RadialLineChartPluginSignatures>;

package/RadialLineChart/RadialLineChart.plugins.d.ts

@@ -1,4 +1,4 @@
 import { type UseChartZAxisSignature, type UseChartPolarAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "../plugins/index.js";
+import { type UseChartProExportSignature } from '@mui/x-charts-pro/plugins';
 export type RadialLineChartPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature<'radialLine'>, UseChartInteractionSignature, UseChartPolarAxisSignature<'radialLine'>, UseChartHighlightSignature<'radialLine'>, UseChartVisibilityManagerSignature<'radialLine'>, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
 export declare const RADIAL_LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<RadialLineChartPluginSignatures>;

package/RadialLineChart/RadialLineChart.plugins.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RADIAL_LINE_CHART_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
-var _plugins = require("../plugins");
+var _plugins = require("@mui/x-charts-pro/plugins");
 const RADIAL_LINE_CHART_PLUGINS = exports.RADIAL_LINE_CHART_PLUGINS = [_internals.useChartZAxis, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartPolarAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _plugins.useChartProExport];

package/RadialLineChart/RadialLineChart.plugins.mjs

@@ -1,3 +1,3 @@
 import { useChartZAxis, useChartPolarAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartVisibilityManager } from '@mui/x-charts/internals';
-import { useChartProExport } from "../plugins/index.mjs";
+import { useChartProExport } from '@mui/x-charts-pro/plugins';
 export const RADIAL_LINE_CHART_PLUGINS = [useChartZAxis, useChartTooltip, useChartInteraction, useChartPolarAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation, useChartProExport];

package/RadialLineChart/RadialLinePlot.js

@@ -37,13 +37,15 @@ function RadialLinePlot(props) {
       seriesId,
       color,
       hidden,
-      curve
+      curve,
+      closePath
     }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLine.RadialLine, {
       seriesId: seriesId,
       color: color,
       hidden: hidden,
       points: points,
       curve: curve,
+      closePath: closePath,
       className: classes.line
     }, seriesId))
   });

package/RadialLineChart/RadialLinePlot.mjs

@@ -31,13 +31,15 @@ export function RadialLinePlot(props) {
       seriesId,
       color,
       hidden,
-      curve
+      curve,
+      closePath
     }) => /*#__PURE__*/_jsx(RadialLine, {
       seriesId: seriesId,
       color: color,
       hidden: hidden,
       points: points,
       curve: curve,
+      closePath: closePath,
       className: classes.line
     }, seriesId))
   });

package/RadialLineChart/seriesConfig/getColor.js

@@ -5,57 +5,10 @@ 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 getColor = (series, rotationAxis, radiusAxis) => (0, _internals.resolveColorProcessor)({
+  series,
+  valueColorScale: radiusAxis?.colorScale,
+  categoryColorScale: rotationAxis?.colorScale,
+  categoryValues: rotationAxis?.data
+});
 var _default = exports.default = getColor;

package/RadialLineChart/seriesConfig/getColor.mjs

@@ -1,55 +1,8 @@
-import { getSeriesColorFn } 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
-    });
-  };
-};
+import { resolveColorProcessor } from '@mui/x-charts/internals';
+const getColor = (series, rotationAxis, radiusAxis) => resolveColorProcessor({
+  series,
+  valueColorScale: radiusAxis?.colorScale,
+  categoryColorScale: rotationAxis?.colorScale,
+  categoryValues: rotationAxis?.data
+});
 export default getColor;

package/RadialLineChart/seriesConfig/getItemAtPosition.js

@@ -21,7 +21,7 @@ function getBracketIndices(rotationAxis, angle) {
     return null;
   }
   if ((0, _internals.isOrdinalScale)(scale)) {
-    const index = (0, _internals.getPolarAxisIndex)(rotationAxis, angle);
+    const index = (0, _internals.getRotationAxisIndex)(rotationAxis, angle);
     if (index === -1) {
       return null;
     }
@@ -200,7 +200,7 @@ function getItemAtPosition(state, point) {
       connectNulls,
       curve
     } = seriesItem;
-    const dataIndex = (0, _internals.getPolarAxisIndex)(rotationAxis, pointerAngle);
+    const dataIndex = (0, _internals.getRotationAxisIndex)(rotationAxis, pointerAngle);
     if (dataIndex === -1) {
       continue;
     }
@@ -338,7 +338,7 @@ function getItemAtPosition(state, point) {
       const radiusMin = Math.min(innerRadius, outerRadius);
       const radiusMax = Math.max(innerRadius, outerRadius);
       if (pointerRadius >= radiusMin && pointerRadius <= radiusMax) {
-        const dataIndex = (0, _internals.getPolarAxisIndex)(rotationAxis, pointerAngle);
+        const dataIndex = (0, _internals.getRotationAxisIndex)(rotationAxis, pointerAngle);
         return {
           type: 'radialLine',
           seriesId,

package/RadialLineChart/seriesConfig/getItemAtPosition.mjs

@@ -1,5 +1,5 @@
 import { getValueToPositionMapper } from '@mui/x-charts/hooks';
-import { selectorAllSeriesOfType, selectorChartPolarCenter, selectorChartRadiusAxis, selectorChartRotationAxis, getPolarAxisIndex, isOrdinalScale } from '@mui/x-charts/internals';
+import { selectorAllSeriesOfType, selectorChartPolarCenter, selectorChartRadiusAxis, selectorChartRotationAxis, getRotationAxisIndex, isOrdinalScale } from '@mui/x-charts/internals';
 import { evaluateCurveAtAngle, clampAngleRad, getAsNumber } from '@mui/x-charts/internals';
 /**
  * For a continuous rotation axis, find the two data indices that bracket the pointer's angle position.
@@ -16,7 +16,7 @@ function getBracketIndices(rotationAxis, angle) {
     return null;
   }
   if (isOrdinalScale(scale)) {
-    const index = getPolarAxisIndex(rotationAxis, angle);
+    const index = getRotationAxisIndex(rotationAxis, angle);
     if (index === -1) {
       return null;
     }
@@ -195,7 +195,7 @@ export default function getItemAtPosition(state, point) {
       connectNulls,
       curve
     } = seriesItem;
-    const dataIndex = getPolarAxisIndex(rotationAxis, pointerAngle);
+    const dataIndex = getRotationAxisIndex(rotationAxis, pointerAngle);
     if (dataIndex === -1) {
       continue;
     }
@@ -333,7 +333,7 @@ export default function getItemAtPosition(state, point) {
       const radiusMin = Math.min(innerRadius, outerRadius);
       const radiusMax = Math.max(innerRadius, outerRadius);
       if (pointerRadius >= radiusMin && pointerRadius <= radiusMax) {
-        const dataIndex = getPolarAxisIndex(rotationAxis, pointerAngle);
+        const dataIndex = getRotationAxisIndex(rotationAxis, pointerAngle);
         return {
           type: 'radialLine',
           seriesId,

package/RadialLineChart/seriesConfig/seriesProcessor.d.mts

@@ -1,3 +1,3 @@
-import type { SeriesProcessorParams, SeriesProcessorResult, IsItemVisibleFunction, DatasetType } from '@mui/x-charts/internals';
-declare function seriesProcessor(params: SeriesProcessorParams<'radialLine'>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction): SeriesProcessorResult<'radialLine'>;
+import { type SeriesProcessor } from '@mui/x-charts/internals';
+declare const seriesProcessor: SeriesProcessor<'radialLine'>;
 export default seriesProcessor;

package/RadialLineChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import type { SeriesProcessorParams, SeriesProcessorResult, IsItemVisibleFunction, DatasetType } from '@mui/x-charts/internals';
-declare function seriesProcessor(params: SeriesProcessorParams<'radialLine'>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction): SeriesProcessorResult<'radialLine'>;
+import { type SeriesProcessor } from '@mui/x-charts/internals';
+declare const seriesProcessor: SeriesProcessor<'radialLine'>;
 export default seriesProcessor;

package/RadialLineChart/seriesConfig/seriesProcessor.js

@@ -1,146 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _warning = require("@mui/x-internals/warning");
 var _internals = require("@mui/x-charts/internals");
-const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
-const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
-function seriesProcessor(params, dataset, isItemVisible) {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  const stackingGroups = (0, _internals.getStackingGroups)((0, _extends2.default)({}, params, {
-    defaultStrategy: {
-      stackOffset: 'none'
-    }
-  }));
-  const idToIndex = new Map();
-  // Create a data set with format adapted to d3
-  const d3Dataset = dataset ?? [];
-  seriesOrder.forEach((id, seriesIndex) => {
-    idToIndex.set(id, seriesIndex);
-    const data = series[id].data;
-    if (data !== undefined) {
-      data.forEach((value, dataIndex) => {
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (series[id].valueGetter && dataset) {
-      // When valueGetter is used without dataKey, populate d3Dataset with the series id as key
-      dataset.forEach((entry, dataIndex) => {
-        const value = series[id].valueGetter(entry);
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      // TODO: fix mui/no-guarded-throw
-      // eslint-disable-next-line mui/no-guarded-throw
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Radial line series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : (0, _formatErrorMessage2.default)(258, id));
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (!data && dataset) {
-        const dataKey = series[id].dataKey;
-        if (!dataKey && !series[id].valueGetter) {
-          // TODO: fix mui/no-guarded-throw
-          // eslint-disable-next-line mui/no-guarded-throw
-          throw new Error(`MUI X Charts: Radial line series with id="${id}" has no data, no dataKey, and no valueGetter. ` + 'When using the dataset prop, each series must have a dataKey or valueGetter to identify which dataset values to use. ' + 'Add a dataKey or valueGetter property to the series configuration.');
-        }
-        if (dataKey) {
-          dataset.forEach((entry, index) => {
-            const value = entry[dataKey];
-            if (value != null && typeof value !== 'number') {
-              (0, _warning.warnOnce)(`MUI X Charts: your dataset key "${dataKey}" is used for plotting radial lines, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
-Radial line plots only support numeric and null values.`);
-            }
-          });
-        }
-      }
-    }
-  });
-  const completedSeries = {};
-  stackingGroups.forEach(stackingGroup => {
-    const {
-      ids,
-      stackingOffset,
-      stackingOrder
-    } = stackingGroup;
-    const keys = ids.map(id => {
-      // Use dataKey if needed and available
-      const dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    });
-    const stackedData = (0, _d3Shape.stack)().keys(keys).value((d, key) => d[key] ?? 0) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    const idOrder = stackedData.map(s => s.index);
-    const fixedOrder = () => idOrder;
-
-    // Compute visible stacked data
-    const visibleStackedData = (0, _d3Shape.stack)().keys(keys).value((d, key) => {
-      const keyIndex = keys.indexOf(key);
-      const seriesId = ids[keyIndex];
-      if (!isItemVisible?.({
-        type: 'radialLine',
-        seriesId
-      })) {
-        // For hidden series, return 0 so they don't contribute to the stack
-        return 0;
-      }
-      return d[key] ?? 0;
-    }).order(fixedOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach((id, index) => {
-      const {
-        dataKey,
-        valueGetter
-      } = series[id];
-      let data;
-      if (valueGetter) {
-        data = dataset.map(d => valueGetter(d));
-      } else if (dataKey) {
-        data = dataset.map(d => {
-          const value = d[dataKey];
-          return typeof value === 'number' ? value : null;
-        });
-      } else {
-        data = series[id].data;
-      }
-      const hidden = !isItemVisible?.({
-        type: 'radialLine',
-        seriesId: id
-      });
-      completedSeries[id] = (0, _extends2.default)({
-        labelMarkType: 'line+mark'
-      }, series[id], {
-        shape: series[id].shape ?? defaultShapes[(idToIndex.get(id) ?? 0) % defaultShapes.length],
-        data,
-        valueFormatter: series[id].valueFormatter ?? lineValueFormatter,
-        hidden,
-        stackedData: stackedData[index],
-        visibleStackedData: visibleStackedData[index]
-      });
-    });
-  });
-  return {
-    seriesOrder,
-    stackingGroups,
-    series: completedSeries
-  };
-}
+const seriesProcessor = (params, dataset, isItemVisible) => (0, _internals.processLineLikeSeries)(params, dataset, isItemVisible, 'radialLine');
 var _default = exports.default = seriesProcessor;