@mui/x-charts-premium 9.0.3 → 9.1.0

package/RadialBarChart/RadialBarElement.js

@@ -0,0 +1,54 @@
+"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.RadialBarElement = RadialBarElement;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _styles = require("@mui/material/styles");
+var _radialBarClasses = require("./radialBarClasses");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["seriesId", "dataIndex", "color", "startAngle", "endAngle", "innerRadius", "outerRadius", "className", "classes", "onClick"];
+const RadialBarElementRoot = (0, _styles.styled)('path', {
+  name: 'MuiRadialBarElement',
+  slot: 'Root'
+})();
+function RadialBarElement(props) {
+  const {
+      dataIndex,
+      color,
+      startAngle,
+      endAngle,
+      innerRadius,
+      outerRadius,
+      className,
+      classes: innerClasses,
+      onClick
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const classes = (0, _radialBarClasses.useUtilityClasses)({
+    classes: innerClasses
+  });
+  const d = (0, _d3Shape.arc)()({
+    startAngle,
+    endAngle,
+    innerRadius,
+    outerRadius
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialBarElementRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.element, className),
+    d: d ?? undefined,
+    fill: color,
+    stroke: "none",
+    onClick: onClick,
+    cursor: onClick ? 'pointer' : undefined,
+    "data-index": dataIndex
+  }, other));
+}

package/RadialBarChart/RadialBarElement.mjs

@@ -0,0 +1,48 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["seriesId", "dataIndex", "color", "startAngle", "endAngle", "innerRadius", "outerRadius", "className", "classes", "onClick"];
+import * as React from 'react';
+import clsx from 'clsx';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
+import { styled } from '@mui/material/styles';
+import { useUtilityClasses } from "./radialBarClasses.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadialBarElementRoot = styled('path', {
+  name: 'MuiRadialBarElement',
+  slot: 'Root'
+})();
+function RadialBarElement(props) {
+  const {
+      dataIndex,
+      color,
+      startAngle,
+      endAngle,
+      innerRadius,
+      outerRadius,
+      className,
+      classes: innerClasses,
+      onClick
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const classes = useUtilityClasses({
+    classes: innerClasses
+  });
+  const d = d3Arc()({
+    startAngle,
+    endAngle,
+    innerRadius,
+    outerRadius
+  });
+  return /*#__PURE__*/_jsx(RadialBarElementRoot, _extends({
+    className: clsx(classes.element, className),
+    d: d ?? undefined,
+    fill: color,
+    stroke: "none",
+    onClick: onClick,
+    cursor: onClick ? 'pointer' : undefined,
+    "data-index": dataIndex
+  }, other));
+}
+export { RadialBarElement };

package/RadialBarChart/RadialBarPlot.d.mts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface RadialBarPlotProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
+}
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bars/)
+ *
+ * API:
+ *
+ * - [RadialBarPlot API](https://mui.com/x/api/charts/radial-bar-plot/)
+ */
+declare function RadialBarPlot(props: RadialBarPlotProps): React.JSX.Element;
+declare namespace RadialBarPlot {
+  var propTypes: any;
+}
+export { RadialBarPlot };

package/RadialBarChart/RadialBarPlot.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface RadialBarPlotProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
+}
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bars/)
+ *
+ * API:
+ *
+ * - [RadialBarPlot API](https://mui.com/x/api/charts/radial-bar-plot/)
+ */
+declare function RadialBarPlot(props: RadialBarPlotProps): React.JSX.Element;
+declare namespace RadialBarPlot {
+  var propTypes: any;
+}
+export { RadialBarPlot };

package/RadialBarChart/RadialBarPlot.js

@@ -0,0 +1,85 @@
+"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.RadialBarPlot = RadialBarPlot;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _radialBarClasses = require("./radialBarClasses");
+var _useRadialBarPlotData = require("./useRadialBarPlotData");
+var _RadialBarElement = require("./RadialBarElement");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadialBarPlotRoot = (0, _styles.styled)('g', {
+  name: 'MuiRadialBarPlot',
+  slot: 'Root'
+})();
+
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bars/)
+ *
+ * API:
+ *
+ * - [RadialBarPlot API](https://mui.com/x/api/charts/radial-bar-plot/)
+ */
+function RadialBarPlot(props) {
+  const {
+    className
+  } = props;
+  const {
+    completedData
+  } = (0, _useRadialBarPlotData.useRadialBarPlotData)();
+  const {
+    store
+  } = (0, _internals.useChartsContext)();
+  const {
+    cx,
+    cy
+  } = store.use(_internals.selectorChartPolarCenter);
+  const classes = (0, _radialBarClasses.useUtilityClasses)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialBarPlotRoot, {
+    className: (0, _clsx.default)(classes.root, className),
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      seriesId,
+      data
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      "data-series": seriesId,
+      className: classes.series,
+      children: data.map(({
+        dataIndex,
+        color,
+        startAngle,
+        endAngle,
+        innerRadius,
+        outerRadius
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialBarElement.RadialBarElement, {
+        seriesId: seriesId,
+        dataIndex: dataIndex,
+        color: color,
+        startAngle: startAngle,
+        endAngle: endAngle,
+        innerRadius: innerRadius,
+        outerRadius: outerRadius
+      }, dataIndex))
+    }, seriesId))
+  });
+}
+process.env.NODE_ENV !== "production" ? RadialBarPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string
+} : void 0;

package/RadialBarChart/RadialBarPlot.mjs

@@ -0,0 +1,79 @@
+'use client';
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { styled } from '@mui/material/styles';
+import { selectorChartPolarCenter, useChartsContext } from '@mui/x-charts/internals';
+import { useUtilityClasses } from "./radialBarClasses.mjs";
+import { useRadialBarPlotData } from "./useRadialBarPlotData.mjs";
+import { RadialBarElement } from "./RadialBarElement.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadialBarPlotRoot = styled('g', {
+  name: 'MuiRadialBarPlot',
+  slot: 'Root'
+})();
+
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bars/)
+ *
+ * API:
+ *
+ * - [RadialBarPlot API](https://mui.com/x/api/charts/radial-bar-plot/)
+ */
+function RadialBarPlot(props) {
+  const {
+    className
+  } = props;
+  const {
+    completedData
+  } = useRadialBarPlotData();
+  const {
+    store
+  } = useChartsContext();
+  const {
+    cx,
+    cy
+  } = store.use(selectorChartPolarCenter);
+  const classes = useUtilityClasses();
+  return /*#__PURE__*/_jsx(RadialBarPlotRoot, {
+    className: clsx(classes.root, className),
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      seriesId,
+      data
+    }) => /*#__PURE__*/_jsx("g", {
+      "data-series": seriesId,
+      className: classes.series,
+      children: data.map(({
+        dataIndex,
+        color,
+        startAngle,
+        endAngle,
+        innerRadius,
+        outerRadius
+      }) => /*#__PURE__*/_jsx(RadialBarElement, {
+        seriesId: seriesId,
+        dataIndex: dataIndex,
+        color: color,
+        startAngle: startAngle,
+        endAngle: endAngle,
+        innerRadius: innerRadius,
+        outerRadius: outerRadius
+      }, dataIndex))
+    }, seriesId))
+  });
+}
+process.env.NODE_ENV !== "production" ? RadialBarPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string
+} : void 0;
+export { RadialBarPlot };

package/RadialBarChart/index.d.mts

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

package/RadialBarChart/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./RadialBarChart.js";
+export * from "./RadialBarPlot.js";
+export { type RadialBarClasses, type RadialBarClassKey, radialBarClasses } from "./radialBarClasses.js";

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;