@mui/x-charts-premium 9.0.4 → 9.2.0

package/HeatmapPremium/webgl/useHeatmapPlotData.mjs

@@ -1,50 +1,104 @@
+'use client';
+
 import * as React from 'react';
 import { useZColorScale } from '@mui/x-charts/hooks';
 import { selectorChartsHighlightStateCallback, useStore } from '@mui/x-charts/internals';
 import { parseColor } from "../../utils/webgl/parseColor.mjs";
+
+/* Far enough off-canvas that the rect is never visible; used for invalid x/y entries.
+ * Avoids coupling the position pass to the color/saturation passes. */
+const OFFSCREEN = -1e9;
+function ensurePoolFloat32(pool, n) {
+  if (pool && pool.length >= n) {
+    return pool;
+  }
+  return new Float32Array(n);
+}
 export function useHeatmapPlotData(drawingArea, series, xScale, yScale) {
   const width = xScale.bandwidth();
   const height = yScale.bandwidth();
   const colorScale = useZColorScale();
   const store = useStore();
   const getHighlightState = store.use(selectorChartsHighlightStateCallback);
-  return React.useMemo(() => {
-    const centers = new Float32Array(series.data.length * 2);
-    const colors = new Float32Array(series.data.length * 4);
-    const saturations = new Float32Array(series.data.length);
-    const xDomain = xScale.domain();
-    const yDomain = yScale.domain();
+
+  /* Colors only change when series data or color scale changes. Cached so resize/highlight
+   * renders don't re-upload the colors buffer.
+   * Stored as Uint8 (1 byte per channel) — 4x less GPU traffic than Float32 RGBA. */
+  const colors = React.useMemo(() => {
+    const out = new Uint8Array(series.data.length * 4);
     for (let dataIndex = 0; dataIndex < series.data.length; dataIndex += 1) {
-      const [xIndex, yIndex, value] = series.data[dataIndex];
-      const x = xScale(xDomain[xIndex]);
-      const y = yScale(yDomain[yIndex]);
+      const value = series.data[dataIndex][2];
       const color = colorScale?.(value);
-      if (x === undefined || y === undefined || !color) {
+      if (!color) {
+        /* Alpha 0 hides the rect; src-alpha blending makes RGB irrelevant. */
         continue;
       }
-      centers[dataIndex * 2] = x + width / 2 - drawingArea.left;
-      centers[dataIndex * 2 + 1] = y + height / 2 - drawingArea.top;
       const rgbColor = parseColor(color);
-      colors[dataIndex * 4] = rgbColor[0];
-      colors[dataIndex * 4 + 1] = rgbColor[1];
-      colors[dataIndex * 4 + 2] = rgbColor[2];
-      colors[dataIndex * 4 + 3] = 1.0;
+      out[dataIndex * 4] = rgbColor[0];
+      out[dataIndex * 4 + 1] = rgbColor[1];
+      out[dataIndex * 4 + 2] = rgbColor[2];
+      out[dataIndex * 4 + 3] = 255;
+    }
+    return out;
+  }, [colorScale, series.data]);
+
+  /* Saturations only change with highlight state. Pooled so highlight churn doesn't
+   * allocate per change. */
+  const saturationsPoolRef = React.useRef(null);
+  const saturations = React.useMemo(() => {
+    const n = series.data.length;
+    const pool = ensurePoolFloat32(saturationsPoolRef.current ?? undefined, n);
+    saturationsPoolRef.current = pool;
+    for (let dataIndex = 0; dataIndex < n; dataIndex += 1) {
+      const item = series.data[dataIndex];
       const highlightState = getHighlightState({
         type: 'heatmap',
         seriesId: series.id,
-        xIndex,
-        yIndex
+        xIndex: item[0],
+        yIndex: item[1]
       });
+      let saturation = 0;
       if (highlightState === 'highlighted') {
-        saturations[dataIndex] = 0.2;
+        saturation = 0.2;
       } else if (highlightState === 'faded') {
-        saturations[dataIndex] = -0.2;
+        saturation = -0.2;
+      }
+      pool[dataIndex] = saturation;
+    }
+    /* Subarray gives a fresh identity over the same bytes — upload short-circuit fires. */
+    return pool.subarray(0, n);
+  }, [getHighlightState, series.data, series.id]);
+
+  /* Positions change on resize (drawing area / band width). Pooled to avoid per-frame
+   * allocation. Subarray view gives a fresh identity each call so the upload still runs. */
+  const centersPoolRef = React.useRef(null);
+  const centers = React.useMemo(() => {
+    const n = series.data.length;
+    const pool = ensurePoolFloat32(centersPoolRef.current ?? undefined, n * 2);
+    centersPoolRef.current = pool;
+    const left = drawingArea.left;
+    const top = drawingArea.top;
+    const halfWidth = width / 2;
+    const halfHeight = height / 2;
+    const xDomain = xScale.domain();
+    const yDomain = yScale.domain();
+    for (let dataIndex = 0; dataIndex < n; dataIndex += 1) {
+      const item = series.data[dataIndex];
+      const x = xScale(xDomain[item[0]]);
+      const y = yScale(yDomain[item[1]]);
+      if (x === undefined || y === undefined) {
+        pool[dataIndex * 2] = OFFSCREEN;
+        pool[dataIndex * 2 + 1] = OFFSCREEN;
+        continue;
       }
+      pool[dataIndex * 2] = x + halfWidth - left;
+      pool[dataIndex * 2 + 1] = y + halfHeight - top;
     }
-    return {
-      centers,
-      colors,
-      saturations
-    };
-  }, [colorScale, drawingArea.left, drawingArea.top, height, getHighlightState, series.data, series.id, width, xScale, yScale]);
+    return pool.subarray(0, n * 2);
+  }, [drawingArea.left, drawingArea.top, height, series.data, width, xScale, yScale]);
+  return React.useMemo(() => ({
+    centers,
+    colors,
+    saturations
+  }), [centers, colors, saturations]);
 }

package/LICENSE

@@ -1,8 +1,10 @@
+# License
+
 Commercial License
 
 Copyright (c) 2020 Material-UI SAS
 
-MUI X Premium (https://mui.com/pricing/) is commercial software. You MUST agree to the
+MUI X Premium (https://mui.com/pricing/) is commercial software. You MUST agree to the
 End User License Agreement (EULA: https://mui.com/r/x-license-eula) to be able to
 use the software.
 

package/RadialBarChart/RadialBarChart.d.mts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsSlots, type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type ChartsRadialGridProps } from '@mui/x-charts/ChartsRadialGrid';
+import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLegend/index.mjs";
+import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/index.mjs";
+import { type ChartsOverlayProps, type ChartsOverlaySlots, type ChartsOverlaySlotProps } from "../ChartsOverlay/index.mjs";
+import { type ChartsToolbarSlots, type ChartsToolbarSlotProps } from "../Toolbar/index.mjs";
+import { type ChartsRadialDataProviderPremiumProps } from "../ChartsRadialDataProviderPremium/index.mjs";
+import type { RadialBarSeriesType } from "../models/seriesType/radialBar.mjs";
+import { type RadialBarChartPluginSignatures } from "./RadialBarChart.plugins.mjs";
+import { type ChartsRadialAxisHighlightProps } from "../ChartsRadialAxisHighlight/index.mjs";
+export type RadialBarSeries = MakeOptional<RadialBarSeriesType, 'type'>;
+export interface RadialBarChartSlots extends ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface RadialBarChartSlotProps extends ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+export interface RadialBarChartProps extends Omit<ChartsRadialDataProviderPremiumProps<'radialBar', RadialBarChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
+  /**
+   * The series to display in the radial bar chart.
+   * An array of [[RadialBarSeries]] objects.
+   */
+  series: Readonly<RadialBarSeries[]>;
+  /**
+   * The configuration of axes highlight.
+   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @default { rotation: 'band' } or { radius: 'band' } according to the layout.
+   */
+  axisHighlight?: ChartsRadialAxisHighlightProps;
+  /**
+   * Option to display a radial grid in the background.
+   */
+  grid?: Pick<ChartsRadialGridProps, 'radius' | 'rotation'>;
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend?: boolean;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RadialBarChartSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RadialBarChartSlotProps;
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation?: boolean;
+  /**
+   * If true, shows the default chart toolbar.
+   * @default false
+   */
+  showToolbar?: boolean;
+}
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bar/)
+ *
+ * API:
+ *
+ * - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
+ */
+declare const RadialBarChart: React.ForwardRefExoticComponent<RadialBarChartProps & React.RefAttributes<HTMLDivElement>>;
+export { RadialBarChart as Unstable_RadialBarChart };

package/RadialBarChart/RadialBarChart.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsSlots, type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type ChartsRadialGridProps } from '@mui/x-charts/ChartsRadialGrid';
+import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLegend/index.js";
+import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/index.js";
+import { type ChartsOverlayProps, type ChartsOverlaySlots, type ChartsOverlaySlotProps } from "../ChartsOverlay/index.js";
+import { type ChartsToolbarSlots, type ChartsToolbarSlotProps } from "../Toolbar/index.js";
+import { type ChartsRadialDataProviderPremiumProps } from "../ChartsRadialDataProviderPremium/index.js";
+import type { RadialBarSeriesType } from "../models/seriesType/radialBar.js";
+import { type RadialBarChartPluginSignatures } from "./RadialBarChart.plugins.js";
+import { type ChartsRadialAxisHighlightProps } from "../ChartsRadialAxisHighlight/index.js";
+export type RadialBarSeries = MakeOptional<RadialBarSeriesType, 'type'>;
+export interface RadialBarChartSlots extends ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface RadialBarChartSlotProps extends ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+export interface RadialBarChartProps extends Omit<ChartsRadialDataProviderPremiumProps<'radialBar', RadialBarChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
+  /**
+   * The series to display in the radial bar chart.
+   * An array of [[RadialBarSeries]] objects.
+   */
+  series: Readonly<RadialBarSeries[]>;
+  /**
+   * The configuration of axes highlight.
+   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @default { rotation: 'band' } or { radius: 'band' } according to the layout.
+   */
+  axisHighlight?: ChartsRadialAxisHighlightProps;
+  /**
+   * Option to display a radial grid in the background.
+   */
+  grid?: Pick<ChartsRadialGridProps, 'radius' | 'rotation'>;
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend?: boolean;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RadialBarChartSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RadialBarChartSlotProps;
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation?: boolean;
+  /**
+   * If true, shows the default chart toolbar.
+   * @default false
+   */
+  showToolbar?: boolean;
+}
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bar/)
+ *
+ * API:
+ *
+ * - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
+ */
+declare const RadialBarChart: React.ForwardRefExoticComponent<RadialBarChartProps & React.RefAttributes<HTMLDivElement>>;
+export { RadialBarChart as Unstable_RadialBarChart };

package/RadialBarChart/RadialBarChart.js

@@ -0,0 +1,311 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Unstable_RadialBarChart = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _ChartsRadialGrid = require("@mui/x-charts/ChartsRadialGrid");
+var _ChartsRotationAxis = require("@mui/x-charts/ChartsRotationAxis");
+var _ChartsRadiusAxis = require("@mui/x-charts/ChartsRadiusAxis");
+var _ChartsLegend = require("../ChartsLegend");
+var _ChartsSurface = require("../ChartsSurface");
+var _ChartsTooltip = require("../ChartsTooltip");
+var _ChartsWrapper = require("../ChartsWrapper");
+var _ChartsClipPath = require("../ChartsClipPath");
+var _ChartsOverlay = require("../ChartsOverlay");
+var _seriesConfig = require("./seriesConfig");
+var _ChartsRadialDataProviderPremium = require("../ChartsRadialDataProviderPremium");
+var _RadialBarPlot = require("./RadialBarPlot");
+var _useRadialBarChartProps = require("./useRadialBarChartProps");
+var _ChartsRadialAxisHighlight = require("../ChartsRadialAxisHighlight");
+var _jsxRuntime = require("react/jsx-runtime");
+const seriesConfig = {
+  radialBar: _seriesConfig.radialBarSeriesConfig
+};
+
+/**
+ * Demos:
+ *
+ * - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bar/)
+ *
+ * API:
+ *
+ * - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
+ */
+const RadialBarChart = exports.Unstable_RadialBarChart = /*#__PURE__*/React.forwardRef(function RadialBarChart(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiRadialBarChart'
+  });
+  const {
+    chartsWrapperProps,
+    chartsContainerProps,
+    gridProps,
+    clipPathProps,
+    clipPathGroupProps,
+    overlayProps,
+    legendProps,
+    axisHighlightProps,
+    children
+  } = (0, _useRadialBarChartProps.useRadialBarChartProps)(props);
+  const {
+    chartsDataProviderProps,
+    chartsSurfaceProps
+  } = (0, _internals.useChartsContainerProps)(chartsContainerProps);
+  const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
+  const Toolbar = props.slots?.toolbar;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialDataProviderPremium.ChartsRadialDataProviderPremium, (0, _extends2.default)({}, chartsDataProviderProps, {
+    seriesConfig: seriesConfig,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
+      ref: ref,
+      children: [props.showToolbar && Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialGrid.Unstable_ChartsRadialGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialAxisHighlight.Unstable_ChartsRadialAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialBarPlot.RadialBarPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps))]
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRotationAxis.Unstable_ChartsRotationAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadiusAxis.Unstable_ChartsRadiusAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
+      })), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip))]
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== "production") RadialBarChart.displayName = "RadialBarChart";
+process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      exportAsImage: _propTypes.default.func.isRequired,
+      exportAsPrint: _propTypes.default.func.isRequired
+    })
+  }),
+  /**
+   * The configuration of axes highlight.
+   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @default { rotation: 'band' } or { radius: 'band' } according to the layout.
+   */
+  axisHighlight: _propTypes.default.shape({
+    radius: _propTypes.default.oneOf(['band', 'line', 'none']),
+    rotation: _propTypes.default.oneOf(['band', 'line', 'none'])
+  }),
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
+  /**
+   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
+   */
+  dataset: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * If `true`, the charts will not listen to the mouse move event.
+   * It might break interactive features, but will improve performance.
+   * @default false
+   */
+  disableAxisListener: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: _propTypes.default.object,
+  /**
+   * Option to display a radial grid in the background.
+   */
+  grid: _propTypes.default.shape({
+    radius: _propTypes.default.bool,
+    rotation: _propTypes.default.bool
+  }),
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: _propTypes.default.number,
+  /**
+   * List of hidden series and/or items.
+   *
+   * Different chart types use different keys.
+   *
+   * @example
+   * ```ts
+   * [
+   *   {
+   *     type: 'pie',
+   *     seriesId: 'series-1',
+   *     dataIndex: 3,
+   *   },
+   *   {
+   *     type: 'line',
+   *     seriesId: 'series-2',
+   *   }
+   * ]
+   * ```
+   */
+  hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar'])
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
+  })]).isRequired),
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend: _propTypes.default.bool,
+  /**
+   * The highlighted item.
+   * Used when the highlight is controlled.
+   */
+  highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired
+  })]),
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: _propTypes.default.string,
+  /**
+   * List of initially hidden series and/or items.
+   * Used for uncontrolled state.
+   *
+   * Different chart types use different keys.
+   *
+   * @example
+   * ```ts
+   * [
+   *   {
+   *     type: 'pie',
+   *     seriesId: 'series-1',
+   *     dataIndex: 3,
+   *   },
+   *   {
+   *     type: 'line',
+   *     seriesId: 'series-2',
+   *   }
+   * ]
+   * ```
+   */
+  initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar'])
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
+  })]).isRequired),
+  /**
+   * If `true`, a loading overlay is displayed.
+   * @default false
+   */
+  loading: _propTypes.default.bool,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: _propTypes.default.object,
+  /**
+   * The margin between the SVG and the drawing area.
+   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
+   *
+   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+   */
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  })]),
+  /**
+   * The function called for onClick events.
+   * The second argument contains information about all line/bar elements at the current mouse position.
+   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
+   */
+  onAxisClick: _propTypes.default.func,
+  /**
+   * Callback fired when any hidden identifiers change.
+   * @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
+   */
+  onHiddenItemsChange: _propTypes.default.func,
+  /**
+   * The callback fired when the highlighted item changes.
+   *
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
+   */
+  onHighlightChange: _propTypes.default.func,
+  /**
+   * The callback fired when the tooltip item changes.
+   *
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
+   */
+  onTooltipItemChange: _propTypes.default.func,
+  /**
+   * The configuration of the radial-axes.
+   * If not provided, a default axis config is used.
+   * An array of [[AxisConfig]] objects.
+   */
+  radiusAxis: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * The configuration of the rotation-axes.
+   * If not provided, a default axis config is used.
+   * An array of [[AxisConfig]] objects.
+   */
+  rotationAxis: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * The series to display in the radial bar chart.
+   * An array of [[RadialBarSeries]] objects.
+   */
+  series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  /**
+   * If true, shows the default chart toolbar.
+   * @default false
+   */
+  showToolbar: _propTypes.default.bool,
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object,
+  theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The tooltip item.
+   * Used when the tooltip is controlled.
+   */
+  tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radialBar']).isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired
+  })]),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: _propTypes.default.number
+} : void 0;