@mui/x-charts-premium 9.0.4 → 9.1.0

package/RadialBarChart/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  radialBarClasses: true
+};
+Object.defineProperty(exports, "radialBarClasses", {
+  enumerable: true,
+  get: function () {
+    return _radialBarClasses.radialBarClasses;
+  }
+});
+var _RadialBarChart = require("./RadialBarChart");
+Object.keys(_RadialBarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RadialBarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialBarChart[key];
+    }
+  });
+});
+var _RadialBarPlot = require("./RadialBarPlot");
+Object.keys(_RadialBarPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RadialBarPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialBarPlot[key];
+    }
+  });
+});
+var _radialBarClasses = require("./radialBarClasses");

package/RadialBarChart/index.mjs

@@ -0,0 +1,3 @@
+export * from "./RadialBarChart.mjs";
+export * from "./RadialBarPlot.mjs";
+export { radialBarClasses } from "./radialBarClasses.mjs";

package/RadialBarChart/radialBarClasses.d.mts

@@ -0,0 +1,15 @@
+export interface RadialBarClasses {
+  /** Styles applied to the bar plot element. */
+  root: string;
+  /** Styles applied to the group surrounding a series' bar elements. */
+  series: string;
+  /** Styles applied to an individual bar element. */
+  element: string;
+}
+export type RadialBarClassKey = keyof RadialBarClasses;
+export declare const radialBarClasses: RadialBarClasses;
+interface UseUtilityClassesOptions {
+  classes?: Partial<RadialBarClasses>;
+}
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"series" | "root" | "element", string>;
+export {};

package/RadialBarChart/radialBarClasses.d.ts

@@ -0,0 +1,15 @@
+export interface RadialBarClasses {
+  /** Styles applied to the bar plot element. */
+  root: string;
+  /** Styles applied to the group surrounding a series' bar elements. */
+  series: string;
+  /** Styles applied to an individual bar element. */
+  element: string;
+}
+export type RadialBarClassKey = keyof RadialBarClasses;
+export declare const radialBarClasses: RadialBarClasses;
+interface UseUtilityClassesOptions {
+  classes?: Partial<RadialBarClasses>;
+}
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"series" | "root" | "element", string>;
+export {};

package/RadialBarChart/radialBarClasses.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUtilityClasses = exports.radialBarClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getRadialBarUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiRadialBarChart', slot);
+}
+const radialBarClasses = exports.radialBarClasses = (0, _generateUtilityClasses.default)('MuiRadialBarChart', ['root', 'series', 'element']);
+const useUtilityClasses = options => {
+  const {
+    classes
+  } = options ?? {};
+  const slots = {
+    root: ['root'],
+    series: ['series'],
+    element: ['element']
+  };
+  return (0, _composeClasses.default)(slots, getRadialBarUtilityClass, classes);
+};
+exports.useUtilityClasses = useUtilityClasses;

package/RadialBarChart/radialBarClasses.mjs

@@ -0,0 +1,18 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+function getRadialBarUtilityClass(slot) {
+  return generateUtilityClass('MuiRadialBarChart', slot);
+}
+export const radialBarClasses = generateUtilityClasses('MuiRadialBarChart', ['root', 'series', 'element']);
+export const useUtilityClasses = options => {
+  const {
+    classes
+  } = options ?? {};
+  const slots = {
+    root: ['root'],
+    series: ['series'],
+    element: ['element']
+  };
+  return composeClasses(slots, getRadialBarUtilityClass, classes);
+};

package/RadialBarChart/seriesConfig/seriesProcessor.js

@@ -45,12 +45,16 @@ function seriesProcessor(params, dataset, isItemVisible) {
         }
       });
     } 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 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) {
+          // TODO: fix mui/no-guarded-throw
+          // eslint-disable-next-line mui/no-guarded-throw
           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) {

package/RadialBarChart/seriesConfig/seriesProcessor.mjs

@@ -38,12 +38,16 @@ function seriesProcessor(params, dataset, isItemVisible) {
         }
       });
     } 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 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) {
+          // TODO: fix mui/no-guarded-throw
+          // eslint-disable-next-line mui/no-guarded-throw
           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) {

package/RadialBarChart/useRadialBarChartProps.d.mts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type ChartsClipPathProps } from "../ChartsClipPath/index.mjs";
+import { type ChartsRadialGridProps } from "../ChartsRadialGrid/index.mjs";
+import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.mjs";
+import { type ChartsOverlayProps } from "../ChartsOverlay/index.mjs";
+import { type ChartsRadialDataProviderProps } from "../ChartsRadialDataProvider/index.mjs";
+import type { RadialBarChartProps } from "./RadialBarChart.mjs";
+import type { ChartsWrapperProps } from "../ChartsWrapper/index.mjs";
+import { type RadialBarChartPluginSignatures } from "./RadialBarChart.plugins.mjs";
+/**
+ * A helper function that extracts RadialBarChartProps from the input props
+ * and returns an object with props for the children components of RadialBarChart.
+ *
+ * @param props The input props for RadialBarChart
+ * @returns An object with props for the children components of RadialBarChart
+ */
+export declare const useRadialBarChartProps: (props: RadialBarChartProps) => {
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  chartsContainerProps: ChartsRadialDataProviderProps<"radialBar", RadialBarChartPluginSignatures>;
+  gridProps: ChartsRadialGridProps | undefined;
+  clipPathProps: ChartsClipPathProps;
+  clipPathGroupProps: {
+    clipPath: string;
+  };
+  overlayProps: ChartsOverlayProps;
+  legendProps: ChartsLegendSlotExtension;
+  children: React.ReactNode;
+};

package/RadialBarChart/useRadialBarChartProps.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type ChartsClipPathProps } from "../ChartsClipPath/index.js";
+import { type ChartsRadialGridProps } from "../ChartsRadialGrid/index.js";
+import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { type ChartsRadialDataProviderProps } from "../ChartsRadialDataProvider/index.js";
+import type { RadialBarChartProps } from "./RadialBarChart.js";
+import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
+import { type RadialBarChartPluginSignatures } from "./RadialBarChart.plugins.js";
+/**
+ * A helper function that extracts RadialBarChartProps from the input props
+ * and returns an object with props for the children components of RadialBarChart.
+ *
+ * @param props The input props for RadialBarChart
+ * @returns An object with props for the children components of RadialBarChart
+ */
+export declare const useRadialBarChartProps: (props: RadialBarChartProps) => {
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  chartsContainerProps: ChartsRadialDataProviderProps<"radialBar", RadialBarChartPluginSignatures>;
+  gridProps: ChartsRadialGridProps | undefined;
+  clipPathProps: ChartsClipPathProps;
+  clipPathGroupProps: {
+    clipPath: string;
+  };
+  overlayProps: ChartsOverlayProps;
+  legendProps: ChartsLegendSlotExtension;
+  children: React.ReactNode;
+};

package/RadialBarChart/useRadialBarChartProps.js

@@ -0,0 +1,100 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRadialBarChartProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _RadialBarChart = require("./RadialBarChart.plugins");
+var _constants = require("../constants");
+const _excluded = ["rotationAxis", "radiusAxis", "series", "width", "height", "margin", "colors", "dataset", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "showToolbar"];
+/**
+ * A helper function that extracts RadialBarChartProps from the input props
+ * and returns an object with props for the children components of RadialBarChart.
+ *
+ * @param props The input props for RadialBarChart
+ * @returns An object with props for the children components of RadialBarChart
+ */
+const useRadialBarChartProps = props => {
+  const {
+      rotationAxis,
+      radiusAxis,
+      series,
+      width,
+      height,
+      margin,
+      colors,
+      dataset,
+      grid,
+      children,
+      slots,
+      slotProps,
+      skipAnimation,
+      loading
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _useId.default)();
+  const clipPathId = `${id}-clip-path`;
+  const seriesWithDefault = React.useMemo(() => series.map(s => (0, _extends2.default)({
+    type: 'radialBar'
+  }, s)), [series]);
+  const defaultRotationAxis = React.useMemo(() => {
+    return [{
+      id: _constants.DEFAULT_ROTATION_AXIS_KEY,
+      scaleType: 'band',
+      data: Array.from({
+        length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
+      }, (_, index) => index)
+    }];
+  }, [series, dataset]);
+  const chartsContainerProps = (0, _extends2.default)({}, other, {
+    series: seriesWithDefault,
+    width,
+    height,
+    margin,
+    colors,
+    dataset,
+    rotationAxis: rotationAxis ?? defaultRotationAxis,
+    radiusAxis,
+    skipAnimation,
+    plugins: _RadialBarChart.RADIAL_BAR_CHART_PLUGINS
+  });
+  const gridProps = grid;
+  const clipPathGroupProps = {
+    clipPath: `url(#${clipPathId})`
+  };
+  const clipPathProps = {
+    id: clipPathId
+  };
+  const overlayProps = {
+    slots,
+    slotProps,
+    loading
+  };
+  const legendProps = {
+    slots,
+    slotProps
+  };
+  const chartsWrapperProps = {
+    legendPosition: props.slotProps?.legend?.position,
+    legendDirection: props.slotProps?.legend?.direction,
+    hideLegend: props.hideLegend ?? false
+  };
+  return {
+    chartsWrapperProps,
+    chartsContainerProps,
+    gridProps,
+    clipPathProps,
+    clipPathGroupProps,
+    overlayProps,
+    legendProps,
+    children
+  };
+};
+exports.useRadialBarChartProps = useRadialBarChartProps;

package/RadialBarChart/useRadialBarChartProps.mjs

@@ -0,0 +1,93 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["rotationAxis", "radiusAxis", "series", "width", "height", "margin", "colors", "dataset", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "showToolbar"];
+import * as React from 'react';
+import useId from '@mui/utils/useId';
+import { RADIAL_BAR_CHART_PLUGINS } from "./RadialBarChart.plugins.mjs";
+import { DEFAULT_ROTATION_AXIS_KEY } from "../constants/index.mjs";
+
+/**
+ * A helper function that extracts RadialBarChartProps from the input props
+ * and returns an object with props for the children components of RadialBarChart.
+ *
+ * @param props The input props for RadialBarChart
+ * @returns An object with props for the children components of RadialBarChart
+ */
+export const useRadialBarChartProps = props => {
+  const {
+      rotationAxis,
+      radiusAxis,
+      series,
+      width,
+      height,
+      margin,
+      colors,
+      dataset,
+      grid,
+      children,
+      slots,
+      slotProps,
+      skipAnimation,
+      loading
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const id = useId();
+  const clipPathId = `${id}-clip-path`;
+  const seriesWithDefault = React.useMemo(() => series.map(s => _extends({
+    type: 'radialBar'
+  }, s)), [series]);
+  const defaultRotationAxis = React.useMemo(() => {
+    return [{
+      id: DEFAULT_ROTATION_AXIS_KEY,
+      scaleType: 'band',
+      data: Array.from({
+        length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
+      }, (_, index) => index)
+    }];
+  }, [series, dataset]);
+  const chartsContainerProps = _extends({}, other, {
+    series: seriesWithDefault,
+    width,
+    height,
+    margin,
+    colors,
+    dataset,
+    rotationAxis: rotationAxis ?? defaultRotationAxis,
+    radiusAxis,
+    skipAnimation,
+    plugins: RADIAL_BAR_CHART_PLUGINS
+  });
+  const gridProps = grid;
+  const clipPathGroupProps = {
+    clipPath: `url(#${clipPathId})`
+  };
+  const clipPathProps = {
+    id: clipPathId
+  };
+  const overlayProps = {
+    slots,
+    slotProps,
+    loading
+  };
+  const legendProps = {
+    slots,
+    slotProps
+  };
+  const chartsWrapperProps = {
+    legendPosition: props.slotProps?.legend?.position,
+    legendDirection: props.slotProps?.legend?.direction,
+    hideLegend: props.hideLegend ?? false
+  };
+  return {
+    chartsWrapperProps,
+    chartsContainerProps,
+    gridProps,
+    clipPathProps,
+    clipPathGroupProps,
+    overlayProps,
+    legendProps,
+    children
+  };
+};

package/RadialBarChart/useRadialBarPlotData.d.mts

@@ -0,0 +1,23 @@
+import { type SeriesId } from '@mui/x-charts/models';
+interface ProcessedRadialBarData {
+  seriesId: SeriesId;
+  dataIndex: number;
+  color: string;
+  value: number | null;
+  hidden: boolean;
+  startAngle: number;
+  endAngle: number;
+  innerRadius: number;
+  outerRadius: number;
+}
+interface ProcessedRadialBarSeriesData {
+  seriesId: SeriesId;
+  data: ProcessedRadialBarData[];
+  layout: 'vertical' | 'horizontal';
+  rotationOrigin: number;
+  radiusOrigin: number;
+}
+export declare function useRadialBarPlotData(): {
+  completedData: ProcessedRadialBarSeriesData[];
+};
+export {};

package/RadialBarChart/useRadialBarPlotData.d.ts

@@ -0,0 +1,23 @@
+import { type SeriesId } from '@mui/x-charts/models';
+interface ProcessedRadialBarData {
+  seriesId: SeriesId;
+  dataIndex: number;
+  color: string;
+  value: number | null;
+  hidden: boolean;
+  startAngle: number;
+  endAngle: number;
+  innerRadius: number;
+  outerRadius: number;
+}
+interface ProcessedRadialBarSeriesData {
+  seriesId: SeriesId;
+  data: ProcessedRadialBarData[];
+  layout: 'vertical' | 'horizontal';
+  rotationOrigin: number;
+  radiusOrigin: number;
+}
+export declare function useRadialBarPlotData(): {
+  completedData: ProcessedRadialBarSeriesData[];
+};
+export {};

package/RadialBarChart/useRadialBarPlotData.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRadialBarPlotData = useRadialBarPlotData;
+var React = _interopRequireWildcard(require("react"));
+var _hooks = require("@mui/x-charts/hooks");
+var _internals = require("@mui/x-charts/internals");
+function useRadialBarPlotData() {
+  const seriesData = (0, _internals.useAllSeriesOfType)('radialBar') ?? {
+    series: {},
+    stackingGroups: [],
+    seriesOrder: []
+  };
+  const {
+    rotationAxis: rotationAxes,
+    rotationAxisIds
+  } = (0, _hooks.useRotationAxes)();
+  const {
+    radiusAxis: radiusAxes,
+    radiusAxisIds
+  } = (0, _hooks.useRadiusAxes)();
+  const defaultRotationAxisId = rotationAxisIds[0];
+  const defaultRadiusAxisId = radiusAxisIds[0];
+  return React.useMemo(() => processRadialBarDataForPlot(seriesData.stackingGroups, seriesData.series, rotationAxes, radiusAxes, defaultRotationAxisId, defaultRadiusAxisId), [seriesData.stackingGroups, seriesData.series, rotationAxes, radiusAxes, defaultRotationAxisId, defaultRadiusAxisId]);
+}
+function processRadialBarDataForPlot(stackingGroups, series, rotationAxes, radiusAxes, defaultRotationAxisId, defaultRadiusAxisId) {
+  const data = stackingGroups.flatMap(({
+    ids: seriesIds
+  }, groupIndex) => {
+    return seriesIds.map(seriesId => {
+      const seriesItem = series[seriesId];
+      const rotationAxisId = seriesItem.rotationAxisId ?? defaultRotationAxisId;
+      const radiusAxisId = seriesItem.radiusAxisId ?? defaultRadiusAxisId;
+      const layout = seriesItem.layout;
+      const verticalLayout = layout === 'vertical';
+      const rotationAxisConfig = rotationAxes[rotationAxisId];
+      const radiusAxisConfig = radiusAxes[radiusAxisId];
+      const baseAxisConfig = verticalLayout ? rotationAxisConfig : radiusAxisConfig;
+      const valueAxisConfig = verticalLayout ? radiusAxisConfig : rotationAxisConfig;
+      const reverse = valueAxisConfig.reverse ?? false;
+      const baseScale = baseAxisConfig.scale;
+      const valueScale = valueAxisConfig.scale;
+      const rotationOrigin = rotationAxisConfig.scale(0) ?? 0;
+      const radiusOrigin = radiusAxisConfig.scale(0) ?? 0;
+      const {
+        barWidth: bandSlice,
+        offset
+      } = (0, _internals.getBandSize)(baseScale.bandwidth(), stackingGroups.length, baseAxisConfig.barGapRatio);
+      const seriesDataPoints = [];
+      for (let dataIndex = 0; dataIndex < baseAxisConfig.data.length; dataIndex += 1) {
+        const seriesValue = seriesItem.data[dataIndex];
+        if (seriesValue == null) {
+          continue;
+        }
+        const stackValues = seriesItem.visibleStackedData[dataIndex];
+        const stackCoords = stackValues.map(v => valueScale(v));
+        const [minValueCoord, maxValueCoord] = (0, _internals.findMinMax)(stackCoords);
+        let barSize = 0;
+        if (seriesValue !== 0 && !seriesItem.hidden) {
+          barSize = Math.max(seriesItem.minBarSize ?? 0, maxValueCoord - minValueCoord);
+        }
+        const isPositive = reverse ? seriesValue < 0 : seriesValue > 0;
+        const valueStart = isPositive ? maxValueCoord - barSize : minValueCoord;
+        const valueEnd = isPositive ? maxValueCoord : minValueCoord + barSize;
+        const baseStart = baseScale(baseAxisConfig.data[dataIndex]) + groupIndex * (bandSlice + offset);
+        const baseEnd = baseStart + bandSlice;
+        seriesDataPoints.push({
+          seriesId,
+          dataIndex,
+          hidden: seriesItem.hidden,
+          color: seriesItem.color,
+          value: seriesValue,
+          startAngle: verticalLayout ? baseStart : valueStart,
+          endAngle: verticalLayout ? baseEnd : valueEnd,
+          innerRadius: verticalLayout ? valueStart : baseStart,
+          outerRadius: verticalLayout ? valueEnd : baseEnd
+        });
+      }
+      return {
+        seriesId,
+        data: seriesDataPoints,
+        layout,
+        rotationOrigin,
+        radiusOrigin
+      };
+    });
+  });
+  return {
+    completedData: data
+  };
+}

package/RadialBarChart/useRadialBarPlotData.mjs

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import { useRadiusAxes, useRotationAxes } from '@mui/x-charts/hooks';
+import { findMinMax, getBandSize, useAllSeriesOfType } from '@mui/x-charts/internals';
+export function useRadialBarPlotData() {
+  const seriesData = useAllSeriesOfType('radialBar') ?? {
+    series: {},
+    stackingGroups: [],
+    seriesOrder: []
+  };
+  const {
+    rotationAxis: rotationAxes,
+    rotationAxisIds
+  } = useRotationAxes();
+  const {
+    radiusAxis: radiusAxes,
+    radiusAxisIds
+  } = useRadiusAxes();
+  const defaultRotationAxisId = rotationAxisIds[0];
+  const defaultRadiusAxisId = radiusAxisIds[0];
+  return React.useMemo(() => processRadialBarDataForPlot(seriesData.stackingGroups, seriesData.series, rotationAxes, radiusAxes, defaultRotationAxisId, defaultRadiusAxisId), [seriesData.stackingGroups, seriesData.series, rotationAxes, radiusAxes, defaultRotationAxisId, defaultRadiusAxisId]);
+}
+function processRadialBarDataForPlot(stackingGroups, series, rotationAxes, radiusAxes, defaultRotationAxisId, defaultRadiusAxisId) {
+  const data = stackingGroups.flatMap(({
+    ids: seriesIds
+  }, groupIndex) => {
+    return seriesIds.map(seriesId => {
+      const seriesItem = series[seriesId];
+      const rotationAxisId = seriesItem.rotationAxisId ?? defaultRotationAxisId;
+      const radiusAxisId = seriesItem.radiusAxisId ?? defaultRadiusAxisId;
+      const layout = seriesItem.layout;
+      const verticalLayout = layout === 'vertical';
+      const rotationAxisConfig = rotationAxes[rotationAxisId];
+      const radiusAxisConfig = radiusAxes[radiusAxisId];
+      const baseAxisConfig = verticalLayout ? rotationAxisConfig : radiusAxisConfig;
+      const valueAxisConfig = verticalLayout ? radiusAxisConfig : rotationAxisConfig;
+      const reverse = valueAxisConfig.reverse ?? false;
+      const baseScale = baseAxisConfig.scale;
+      const valueScale = valueAxisConfig.scale;
+      const rotationOrigin = rotationAxisConfig.scale(0) ?? 0;
+      const radiusOrigin = radiusAxisConfig.scale(0) ?? 0;
+      const {
+        barWidth: bandSlice,
+        offset
+      } = getBandSize(baseScale.bandwidth(), stackingGroups.length, baseAxisConfig.barGapRatio);
+      const seriesDataPoints = [];
+      for (let dataIndex = 0; dataIndex < baseAxisConfig.data.length; dataIndex += 1) {
+        const seriesValue = seriesItem.data[dataIndex];
+        if (seriesValue == null) {
+          continue;
+        }
+        const stackValues = seriesItem.visibleStackedData[dataIndex];
+        const stackCoords = stackValues.map(v => valueScale(v));
+        const [minValueCoord, maxValueCoord] = findMinMax(stackCoords);
+        let barSize = 0;
+        if (seriesValue !== 0 && !seriesItem.hidden) {
+          barSize = Math.max(seriesItem.minBarSize ?? 0, maxValueCoord - minValueCoord);
+        }
+        const isPositive = reverse ? seriesValue < 0 : seriesValue > 0;
+        const valueStart = isPositive ? maxValueCoord - barSize : minValueCoord;
+        const valueEnd = isPositive ? maxValueCoord : minValueCoord + barSize;
+        const baseStart = baseScale(baseAxisConfig.data[dataIndex]) + groupIndex * (bandSlice + offset);
+        const baseEnd = baseStart + bandSlice;
+        seriesDataPoints.push({
+          seriesId,
+          dataIndex,
+          hidden: seriesItem.hidden,
+          color: seriesItem.color,
+          value: seriesValue,
+          startAngle: verticalLayout ? baseStart : valueStart,
+          endAngle: verticalLayout ? baseEnd : valueEnd,
+          innerRadius: verticalLayout ? valueStart : baseStart,
+          outerRadius: verticalLayout ? valueEnd : baseEnd
+        });
+      }
+      return {
+        seriesId,
+        data: seriesDataPoints,
+        layout,
+        rotationOrigin,
+        radiusOrigin
+      };
+    });
+  });
+  return {
+    completedData: data
+  };
+}