@mui/x-charts-premium 9.2.0 → 9.4.0

package/Map/seriesConfig/tooltip.js

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

package/Map/seriesConfig/tooltip.mjs

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

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 };

package/RadialLineChart/RadialLine.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", "points", "curve"];
+const _excluded = ["seriesId", "color", "hidden", "points", "curve", "closePath"];
 function RadialLine(props) {
   const {
       seriesId,
       color,
       hidden,
       points,
-      curve
+      curve,
+      closePath
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const identifier = React.useMemo(() => ({
@@ -30,7 +31,7 @@ function RadialLine(props) {
   const highlightState = (0, _hooks.useItemHighlightState)(identifier);
   const isHighlighted = highlightState === 'highlighted';
   const isFaded = highlightState === 'faded';
-  const d = (0, _d3Shape.lineRadial)().angle(p => p.angle).radius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(points) || '';
+  const d = (0, _d3Shape.lineRadial)().angle(p => p.angle).radius(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/RadialLine.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", "points", "curve"];
+const _excluded = ["seriesId", "color", "hidden", "points", "curve", "closePath"];
 import * as React from 'react';
 import { lineRadial as d3LineRadial } from '@mui/x-charts-vendor/d3-shape';
 import { getCurveFactory } from '@mui/x-charts/internals';
@@ -12,7 +12,8 @@ function RadialLine(props) {
       color,
       hidden,
       points,
-      curve
+      curve,
+      closePath
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const identifier = React.useMemo(() => ({
@@ -22,7 +23,7 @@ function RadialLine(props) {
   const highlightState = useItemHighlightState(identifier);
   const isHighlighted = highlightState === 'highlighted';
   const isFaded = highlightState === 'faded';
-  const d = d3LineRadial().angle(p => p.angle).radius(p => p.radius).curve(getCurveFactory(curve))(points) || '';
+  const d = d3LineRadial().angle(p => p.angle).radius(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/RadialLineChart.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { MakeOptional } from '@mui/x-internals/types';
 import { type ChartsSlots, type ChartsSlotProps } from '@mui/x-charts/internals';
 import { type ChartsRadialGridProps } from '@mui/x-charts/ChartsRadialGrid';
 import { type ChartsRadialAxisHighlightProps } from '@mui/x-charts/ChartsRadialAxisHighlight';
@@ -6,18 +7,19 @@ import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLeg
 import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/index.mjs";
 import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.mjs";
 import { type ChartsOverlayProps, type ChartsOverlaySlots, type ChartsOverlaySlotProps } from "../ChartsOverlay/index.mjs";
-import type { LinePlotSlots, LinePlotSlotProps, LineSeries } from "../LineChart/index.mjs";
 import { type ChartsToolbarSlots, type ChartsToolbarSlotProps } from "../Toolbar/index.mjs";
 import { type RadialLineHighlightPlotSlots, type RadialLineHighlightPlotSlotProps } from "./RadialLineHighlightPlot.mjs";
 import { type ChartsRadialDataProviderPremiumProps } from "../ChartsRadialDataProviderPremium/index.mjs";
-export interface RadialLineChartSlots extends LinePlotSlots, RadialLineHighlightPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
-export interface RadialLineChartSlotProps extends LinePlotSlotProps, RadialLineHighlightPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+import type { RadialLineSeriesType } from "../models/seriesType/radialLine.mjs";
+export interface RadialLineChartSlots extends RadialLineHighlightPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface RadialLineChartSlotProps extends RadialLineHighlightPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+export type RadialLineSeries = MakeOptional<RadialLineSeriesType, 'type'>;
 export interface RadialLineChartProps extends Omit<ChartsRadialDataProviderPremiumProps<'radialLine', RadialLineChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
   /**
    * The series to display in the line chart.
-   * An array of [[LineSeries]] objects.
+   * An array of [[RadialLineSeries]] objects.
    */
-  series: Readonly<LineSeries[]>;
+  series: Readonly<RadialLineSeries[]>;
   /**
    * Option to display a radial grid in the background.
    */

package/RadialLineChart/RadialLineChart.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { MakeOptional } from '@mui/x-internals/types';
 import { type ChartsSlots, type ChartsSlotProps } from '@mui/x-charts/internals';
 import { type ChartsRadialGridProps } from '@mui/x-charts/ChartsRadialGrid';
 import { type ChartsRadialAxisHighlightProps } from '@mui/x-charts/ChartsRadialAxisHighlight';
@@ -6,18 +7,19 @@ import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLeg
 import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/index.js";
 import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.js";
 import { type ChartsOverlayProps, type ChartsOverlaySlots, type ChartsOverlaySlotProps } from "../ChartsOverlay/index.js";
-import type { LinePlotSlots, LinePlotSlotProps, LineSeries } from "../LineChart/index.js";
 import { type ChartsToolbarSlots, type ChartsToolbarSlotProps } from "../Toolbar/index.js";
 import { type RadialLineHighlightPlotSlots, type RadialLineHighlightPlotSlotProps } from "./RadialLineHighlightPlot.js";
 import { type ChartsRadialDataProviderPremiumProps } from "../ChartsRadialDataProviderPremium/index.js";
-export interface RadialLineChartSlots extends LinePlotSlots, RadialLineHighlightPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
-export interface RadialLineChartSlotProps extends LinePlotSlotProps, RadialLineHighlightPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+import type { RadialLineSeriesType } from "../models/seriesType/radialLine.js";
+export interface RadialLineChartSlots extends RadialLineHighlightPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface RadialLineChartSlotProps extends RadialLineHighlightPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+export type RadialLineSeries = MakeOptional<RadialLineSeriesType, 'type'>;
 export interface RadialLineChartProps extends Omit<ChartsRadialDataProviderPremiumProps<'radialLine', RadialLineChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
   /**
    * The series to display in the line chart.
-   * An array of [[LineSeries]] objects.
+   * An array of [[RadialLineSeries]] objects.
    */
-  series: Readonly<LineSeries[]>;
+  series: Readonly<RadialLineSeries[]>;
   /**
    * Option to display a radial grid in the background.
    */