@mui/x-charts-premium 9.0.1 → 9.0.3

package/RadialBarChart/seriesConfig/seriesProcessor.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _warning = require("@mui/x-internals/warning");
+var _internals = require("@mui/x-charts/internals");
+const radialBarValueFormatter = v => v == null ? '' : v.toLocaleString();
+function seriesProcessor(params, dataset, isItemVisible) {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const stackingGroups = (0, _internals.getStackingGroups)(params);
+
+  // Create a data set with format adapted to d3
+  const d3Dataset = dataset ?? [];
+  seriesOrder.forEach(id => {
+    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') {
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Radial bar 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)(269, id));
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!data && dataset) {
+        const dataKey = series[id].dataKey;
+        if (!dataKey && !series[id].valueGetter) {
+          throw new Error(`MUI X Charts: Radial bar 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 bars, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
+Radial bar 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: 'radialBar',
+        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: 'radialBar',
+        seriesId: id
+      });
+      completedSeries[id] = (0, _extends2.default)({
+        layout: 'vertical',
+        labelMarkType: 'square',
+        minBarSize: 0,
+        valueFormatter: series[id].valueFormatter ?? radialBarValueFormatter
+      }, series[id], {
+        data,
+        hidden,
+        stackedData: stackedData[index],
+        visibleStackedData: visibleStackedData[index]
+      });
+    });
+  });
+  return {
+    seriesOrder,
+    stackingGroups,
+    series: completedSeries
+  };
+}
+var _default = exports.default = seriesProcessor;

package/RadialBarChart/seriesConfig/seriesProcessor.mjs

@@ -0,0 +1,130 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
+import { warnOnce } from '@mui/x-internals/warning';
+import { getStackingGroups } from '@mui/x-charts/internals';
+const radialBarValueFormatter = v => v == null ? '' : v.toLocaleString();
+function seriesProcessor(params, dataset, isItemVisible) {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const stackingGroups = getStackingGroups(params);
+
+  // Create a data set with format adapted to d3
+  const d3Dataset = dataset ?? [];
+  seriesOrder.forEach(id => {
+    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') {
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Radial bar 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.' : _formatErrorMessage(269, id));
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!data && dataset) {
+        const dataKey = series[id].dataKey;
+        if (!dataKey && !series[id].valueGetter) {
+          throw new Error(`MUI X Charts: Radial bar 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') {
+              warnOnce(`MUI X Charts: your dataset key "${dataKey}" is used for plotting radial bars, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
+Radial bar 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 = d3Stack().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 = d3Stack().keys(keys).value((d, key) => {
+      const keyIndex = keys.indexOf(key);
+      const seriesId = ids[keyIndex];
+      if (!isItemVisible?.({
+        type: 'radialBar',
+        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: 'radialBar',
+        seriesId: id
+      });
+      completedSeries[id] = _extends({
+        layout: 'vertical',
+        labelMarkType: 'square',
+        minBarSize: 0,
+        valueFormatter: series[id].valueFormatter ?? radialBarValueFormatter
+      }, series[id], {
+        data,
+        hidden,
+        stackedData: stackedData[index],
+        visibleStackedData: visibleStackedData[index]
+      });
+    });
+  });
+  return {
+    seriesOrder,
+    stackingGroups,
+    series: completedSeries
+  };
+}
+export default seriesProcessor;

package/RadialBarChart/seriesConfig/tooltip.d.mts

@@ -0,0 +1,3 @@
+import { type TooltipGetter } from '@mui/x-charts/internals';
+declare const tooltipGetter: TooltipGetter<'radialBar'>;
+export default tooltipGetter;

package/RadialBarChart/seriesConfig/tooltip.d.ts

@@ -0,0 +1,3 @@
+import { type TooltipGetter } from '@mui/x-charts/internals';
+declare const tooltipGetter: TooltipGetter<'radialBar'>;
+export default tooltipGetter;

package/RadialBarChart/seriesConfig/tooltip.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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
+  };
+};
+var _default = exports.default = tooltipGetter;

package/RadialBarChart/seriesConfig/tooltip.mjs

@@ -0,0 +1,28 @@
+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
+  };
+};
+export default tooltipGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.d.mts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialBar'>;
+export default tooltipItemPositionGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialBar'>;
+export default tooltipItemPositionGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const tooltipItemPositionGetter = () => {
+  // Todo: to implement
+  return null;
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.mjs

@@ -0,0 +1,5 @@
+const tooltipItemPositionGetter = () => {
+  // Todo: to implement
+  return null;
+};
+export default tooltipItemPositionGetter;

package/RadialLineChart/RadialArea.d.mts

@@ -0,0 +1,12 @@
+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;
+export { RadialArea };

package/RadialLineChart/RadialArea.d.ts

@@ -0,0 +1,12 @@
+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;
+export { RadialArea };

package/RadialLineChart/RadialArea.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialArea = RadialArea;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _internals = require("@mui/x-charts/internals");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["seriesId", "color", "hidden", "curve", "points"];
+function RadialArea(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      curve,
+      points
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const d = (0, _d3Shape.areaRadial)().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(points) || '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+    "data-series": seriesId,
+    d: d,
+    fill: color,
+    stroke: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}

package/RadialLineChart/RadialArea.mjs

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["seriesId", "color", "hidden", "curve", "points"];
+import * as React from 'react';
+import { areaRadial as d3AreaRadial } from '@mui/x-charts-vendor/d3-shape';
+import { getCurveFactory } from '@mui/x-charts/internals';
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadialArea(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      curve,
+      points
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const d = d3AreaRadial().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve(getCurveFactory(curve))(points) || '';
+  return /*#__PURE__*/_jsx("path", _extends({
+    "data-series": seriesId,
+    d: d,
+    fill: color,
+    stroke: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}
+export { RadialArea };

package/RadialLineChart/RadialAreaPlot.d.mts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.mjs";
+export interface RadialAreaPlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'area' | 'areaPlot'>>;
+}
+export declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialAreaPlot.d.ts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.js";
+export interface RadialAreaPlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'area' | 'areaPlot'>>;
+}
+export declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialAreaPlot.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialAreaPlot = RadialAreaPlot;
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _useRadialLinePlotData = require("./useRadialLinePlotData");
+var _radialLineClasses = require("./radialLineClasses");
+var _RadialArea = require("./RadialArea");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadialAreaPlotRoot = (0, _styles.styled)('g', {
+  name: 'MuiRadialAreaPlot',
+  slot: 'Root'
+})();
+function RadialAreaPlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = (0, _useRadialLinePlotData.useRadialLinePlotData)();
+  const {
+    store
+  } = (0, _internals.useChartsContext)();
+  const {
+    cx,
+    cy
+  } = store.use(_internals.selectorChartPolarCenter);
+  const classes = (0, _radialLineClasses.useUtilityClasses)({
+    classes: inClasses
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialAreaPlotRoot, {
+    className: classes.areaPlot,
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      seriesId,
+      color,
+      hidden,
+      area,
+      curve,
+      points
+    }) => area && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialArea.RadialArea, {
+      seriesId: seriesId,
+      color: color,
+      hidden: hidden,
+      curve: curve,
+      points: points,
+      className: classes.area
+    }, seriesId))
+  });
+}

package/RadialLineChart/RadialAreaPlot.mjs

@@ -0,0 +1,45 @@
+import { styled } from '@mui/material/styles';
+import { selectorChartPolarCenter, useChartsContext } from '@mui/x-charts/internals';
+import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
+import { useUtilityClasses } from "./radialLineClasses.mjs";
+import { RadialArea } from "./RadialArea.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadialAreaPlotRoot = styled('g', {
+  name: 'MuiRadialAreaPlot',
+  slot: 'Root'
+})();
+export function RadialAreaPlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = useRadialLinePlotData();
+  const {
+    store
+  } = useChartsContext();
+  const {
+    cx,
+    cy
+  } = store.use(selectorChartPolarCenter);
+  const classes = useUtilityClasses({
+    classes: inClasses
+  });
+  return /*#__PURE__*/_jsx(RadialAreaPlotRoot, {
+    className: classes.areaPlot,
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      seriesId,
+      color,
+      hidden,
+      area,
+      curve,
+      points
+    }) => area && /*#__PURE__*/_jsx(RadialArea, {
+      seriesId: seriesId,
+      color: color,
+      hidden: hidden,
+      curve: curve,
+      points: points,
+      className: classes.area
+    }, seriesId))
+  });
+}

package/RadialLineChart/RadialLine.d.mts

@@ -0,0 +1,12 @@
+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'> {
+  seriesId: SeriesId;
+  color: string;
+  hidden?: boolean;
+  points: RadialLinePoint[];
+  curve?: CurveType;
+}
+declare function RadialLine(props: RadialLineProps): import("react/jsx-runtime").JSX.Element;
+export { RadialLine };

package/RadialLineChart/RadialLine.d.ts

@@ -0,0 +1,12 @@
+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'> {
+  seriesId: SeriesId;
+  color: string;
+  hidden?: boolean;
+  points: RadialLinePoint[];
+  curve?: CurveType;
+}
+declare function RadialLine(props: RadialLineProps): import("react/jsx-runtime").JSX.Element;
+export { RadialLine };

package/RadialLineChart/RadialLine.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialLine = RadialLine;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _internals = require("@mui/x-charts/internals");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["seriesId", "color", "hidden", "points", "curve"];
+function RadialLine(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      points,
+      curve
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const d = (0, _d3Shape.lineRadial)().angle(p => p.angle).radius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(points) || '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+    "data-series": seriesId,
+    d: d,
+    stroke: color,
+    fill: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}

package/RadialLineChart/RadialLine.mjs

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["seriesId", "color", "hidden", "points", "curve"];
+import * as React from 'react';
+import { lineRadial as d3LineRadial } from '@mui/x-charts-vendor/d3-shape';
+import { getCurveFactory } from '@mui/x-charts/internals';
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadialLine(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      points,
+      curve
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const d = d3LineRadial().angle(p => p.angle).radius(p => p.radius).curve(getCurveFactory(curve))(points) || '';
+  return /*#__PURE__*/_jsx("path", _extends({
+    "data-series": seriesId,
+    d: d,
+    stroke: color,
+    fill: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}
+export { RadialLine };