@mui/x-charts-premium 9.0.2 → 9.0.4

package/RadialBarChart/seriesConfig/extremums.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rotationExtremumGetter = exports.radiusExtremumGetter = void 0;
+var _internals = require("@mui/x-charts/internals");
+const getValueExtremum = direction => params => {
+  const {
+    series,
+    axis,
+    isDefaultAxis
+  } = params;
+  return Object.keys(series).filter(seriesId => {
+    const axisId = direction === 'rotation' ? series[seriesId].rotationAxisId : series[seriesId].radiusAxisId;
+    return axisId === axis.id || isDefaultAxis && axisId === undefined;
+  }).reduce((acc, seriesId) => {
+    const {
+      stackedData
+    } = series[seriesId];
+    const [seriesMin, seriesMax] = stackedData?.reduce((seriesAcc, values) => {
+      return [Math.min(...values, seriesAcc[0]), Math.max(...values, seriesAcc[1])];
+    }, [Infinity, -Infinity]) ?? [Infinity, -Infinity];
+    return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
+  }, [Infinity, -Infinity]);
+};
+const rotationExtremumGetter = params => {
+  // Notice that bar should be all horizontal or all vertical.
+
+  const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
+  if (isHorizontal) {
+    return getValueExtremum('rotation')(params);
+  }
+  return (0, _internals.findMinMax)(params.axis.data ?? []);
+};
+exports.rotationExtremumGetter = rotationExtremumGetter;
+const radiusExtremumGetter = params => {
+  const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
+  if (isHorizontal) {
+    return (0, _internals.findMinMax)(params.axis.data ?? []);
+  }
+  return getValueExtremum('radius')(params);
+};
+exports.radiusExtremumGetter = radiusExtremumGetter;

package/RadialBarChart/seriesConfig/extremums.mjs

@@ -0,0 +1,36 @@
+import { findMinMax } from '@mui/x-charts/internals';
+const getValueExtremum = direction => params => {
+  const {
+    series,
+    axis,
+    isDefaultAxis
+  } = params;
+  return Object.keys(series).filter(seriesId => {
+    const axisId = direction === 'rotation' ? series[seriesId].rotationAxisId : series[seriesId].radiusAxisId;
+    return axisId === axis.id || isDefaultAxis && axisId === undefined;
+  }).reduce((acc, seriesId) => {
+    const {
+      stackedData
+    } = series[seriesId];
+    const [seriesMin, seriesMax] = stackedData?.reduce((seriesAcc, values) => {
+      return [Math.min(...values, seriesAcc[0]), Math.max(...values, seriesAcc[1])];
+    }, [Infinity, -Infinity]) ?? [Infinity, -Infinity];
+    return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
+  }, [Infinity, -Infinity]);
+};
+export const rotationExtremumGetter = params => {
+  // Notice that bar should be all horizontal or all vertical.
+
+  const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
+  if (isHorizontal) {
+    return getValueExtremum('rotation')(params);
+  }
+  return findMinMax(params.axis.data ?? []);
+};
+export const radiusExtremumGetter = params => {
+  const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
+  if (isHorizontal) {
+    return findMinMax(params.axis.data ?? []);
+  }
+  return getValueExtremum('radius')(params);
+};

package/RadialBarChart/seriesConfig/getColor.d.mts

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

package/RadialBarChart/seriesConfig/getColor.d.ts

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

package/RadialBarChart/seriesConfig/getColor.js

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

package/RadialBarChart/seriesConfig/getColor.mjs

@@ -0,0 +1,55 @@
+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
+    });
+  };
+};
+export default getColor;

package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.d.mts

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

package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.d.ts

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

package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -0,0 +1,16 @@
+"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"));
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => (0, _extends2.default)({
+  layout: 'vertical',
+  minBarSize: 0
+}, seriesData, {
+  id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+  color: seriesData.color ?? colors[seriesIndex % colors.length]
+});
+var _default = exports.default = getSeriesWithDefaultValues;

package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.mjs

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => _extends({
+  layout: 'vertical',
+  minBarSize: 0
+}, seriesData, {
+  id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+  color: seriesData.color ?? colors[seriesIndex % colors.length]
+});
+export default getSeriesWithDefaultValues;

package/RadialBarChart/seriesConfig/index.d.mts

@@ -0,0 +1,2 @@
+import { type ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+export declare const radialBarSeriesConfig: ChartSeriesTypeConfig<'radialBar'>;

package/RadialBarChart/seriesConfig/index.d.ts

@@ -0,0 +1,2 @@
+import { type ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+export declare const radialBarSeriesConfig: ChartSeriesTypeConfig<'radialBar'>;

package/RadialBarChart/seriesConfig/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.radialBarSeriesConfig = void 0;
+var _internals = require("@mui/x-charts/internals");
+var _legend = _interopRequireDefault(require("./legend"));
+var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
+var _axisTooltipGetter = require("./axisTooltipGetter");
+var _getColor = _interopRequireDefault(require("./getColor"));
+var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
+var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
+var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
+var _extremums = require("./extremums");
+var _tooltip = _interopRequireDefault(require("./tooltip"));
+_internals.polarSeriesTypes.addType('radialBar');
+const radialBarSeriesConfig = exports.radialBarSeriesConfig = {
+  colorProcessor: _getColor.default,
+  seriesProcessor: _seriesProcessor.default,
+  legendGetter: _legend.default,
+  tooltipGetter: _tooltip.default,
+  tooltipItemPositionGetter: _tooltipPosition.default,
+  axisTooltipGetter: _axisTooltipGetter.axisTooltipGetter,
+  rotationExtremumGetter: _extremums.rotationExtremumGetter,
+  radiusExtremumGetter: _extremums.radiusExtremumGetter,
+  getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
+  // getItemAtPosition,
+  keyboardFocusHandler: _keyboardFocusHandler.default,
+  identifierSerializer: _internals.identifierSerializerSeriesIdDataIndex,
+  identifierCleaner: _internals.identifierCleanerSeriesIdDataIndex,
+  descriptionGetter: _descriptionGetter.default,
+  isHighlightedCreator: _internals.createIsHighlighted,
+  isFadedCreator: _internals.createIsFaded
+};

package/RadialBarChart/seriesConfig/index.mjs

@@ -0,0 +1,30 @@
+import { identifierSerializerSeriesIdDataIndex, identifierCleanerSeriesIdDataIndex, createIsHighlighted, createIsFaded, polarSeriesTypes } from '@mui/x-charts/internals';
+import legendGetter from "./legend.mjs";
+import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
+import { axisTooltipGetter } from "./axisTooltipGetter.mjs";
+import colorProcessor from "./getColor.mjs";
+import seriesProcessor from "./seriesProcessor.mjs";
+import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.mjs";
+import descriptionGetter from "./descriptionGetter.mjs";
+import { radiusExtremumGetter, rotationExtremumGetter } from "./extremums.mjs";
+import tooltipGetter from "./tooltip.mjs";
+polarSeriesTypes.addType('radialBar');
+export const radialBarSeriesConfig = {
+  colorProcessor,
+  seriesProcessor,
+  legendGetter,
+  tooltipGetter,
+  tooltipItemPositionGetter,
+  axisTooltipGetter,
+  rotationExtremumGetter,
+  radiusExtremumGetter,
+  getSeriesWithDefaultValues,
+  // getItemAtPosition,
+  keyboardFocusHandler,
+  identifierSerializer: identifierSerializerSeriesIdDataIndex,
+  identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  descriptionGetter,
+  isHighlightedCreator: createIsHighlighted,
+  isFadedCreator: createIsFaded
+};

package/RadialBarChart/seriesConfig/keyboardFocusHandler.d.mts

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

package/RadialBarChart/seriesConfig/keyboardFocusHandler.d.ts

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

package/RadialBarChart/seriesConfig/keyboardFocusHandler.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internals = require("@mui/x-charts/internals");
+const keyboardFocusHandler = (0, _internals.createCommonKeyboardFocusHandler)(_internals.composableRadialSeriesTypes);
+var _default = exports.default = keyboardFocusHandler;

package/RadialBarChart/seriesConfig/keyboardFocusHandler.mjs

@@ -0,0 +1,3 @@
+import { createCommonKeyboardFocusHandler, composableRadialSeriesTypes } from '@mui/x-charts/internals';
+const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableRadialSeriesTypes);
+export default keyboardFocusHandler;

package/RadialBarChart/seriesConfig/legend.d.mts

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

package/RadialBarChart/seriesConfig/legend.d.ts

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

package/RadialBarChart/seriesConfig/legend.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internals = require("@mui/x-charts/internals");
+const legendGetter = series => (0, _internals.getSeriesLegendItems)('radialBar', series, 'square');
+var _default = exports.default = legendGetter;

package/RadialBarChart/seriesConfig/legend.mjs

@@ -0,0 +1,3 @@
+import { getSeriesLegendItems } from '@mui/x-charts/internals';
+const legendGetter = series => getSeriesLegendItems('radialBar', series, 'square');
+export default legendGetter;

package/RadialBarChart/seriesConfig/seriesProcessor.d.mts

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

package/RadialBarChart/seriesConfig/seriesProcessor.d.ts

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

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;