@mui/x-charts-premium 9.0.2 → 9.0.3

package/ChartsWebGLLayer/ChartsWebGLLayer.types.d.mts

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+export type DrawEntry = {
+  drawRef: React.RefObject<(() => void) | null>;
+  order: number;
+};
+export interface ChartsWebGLContextValue {
+  gl: WebGL2RenderingContext;
+  /**
+   * Register a draw callback ref. Returns an unregister function.
+   * Callbacks are sorted by the provided `order` number so z-order follows the children's position
+   * in `ChartsWebGLLayer`, stable across unmount/remount (e.g. toggled via series visibility).
+   * @param {React.RefObject} drawRef A ref object whose current property is a draw callback function. The callback will be called with the WebGL context already set to this layer's canvas. Set to null to temporarily disable drawing without unregistering.
+   * @param {number} order Z-order index. Lower values draw first (behind higher values).
+   * @returns {Function} Unregister function to remove the draw callback from the layer.
+   */
+  registerDraw: (drawRef: React.RefObject<(() => void) | null>, order: number) => () => void;
+  /**
+   * Request a render frame. The layer will clear once, then call all registered draw callbacks in order.
+   */
+  requestRender: () => void;
+}
+export interface UseWebGLLayerValue {
+  gl: WebGL2RenderingContext;
+  registerDraw: (drawRef: React.RefObject<(() => void) | null>) => () => void;
+  requestRender: () => void;
+}

package/ChartsWebGLLayer/ChartsWebGLLayer.types.d.ts

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+export type DrawEntry = {
+  drawRef: React.RefObject<(() => void) | null>;
+  order: number;
+};
+export interface ChartsWebGLContextValue {
+  gl: WebGL2RenderingContext;
+  /**
+   * Register a draw callback ref. Returns an unregister function.
+   * Callbacks are sorted by the provided `order` number so z-order follows the children's position
+   * in `ChartsWebGLLayer`, stable across unmount/remount (e.g. toggled via series visibility).
+   * @param {React.RefObject} drawRef A ref object whose current property is a draw callback function. The callback will be called with the WebGL context already set to this layer's canvas. Set to null to temporarily disable drawing without unregistering.
+   * @param {number} order Z-order index. Lower values draw first (behind higher values).
+   * @returns {Function} Unregister function to remove the draw callback from the layer.
+   */
+  registerDraw: (drawRef: React.RefObject<(() => void) | null>, order: number) => () => void;
+  /**
+   * Request a render frame. The layer will clear once, then call all registered draw callbacks in order.
+   */
+  requestRender: () => void;
+}
+export interface UseWebGLLayerValue {
+  gl: WebGL2RenderingContext;
+  registerDraw: (drawRef: React.RefObject<(() => void) | null>) => () => void;
+  requestRender: () => void;
+}

package/ChartsWebGLLayer/ChartsWebGLLayer.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/ChartsWebGLLayer/ChartsWebGLLayer.types.mjs

@@ -0,0 +1 @@
+export {};

package/ChartsWebGLLayer/ChartsWebGLOrderContext.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Provides the z-order index for a plot based on its position in `ChartsWebGLLayer`'s children.
+ * `useWebGLLayer` reads this and auto-binds it to `registerDraw` so consumers don't pass it manually.
+ */
+export declare const ChartsWebGLOrderContext: React.Context<number>;

package/ChartsWebGLLayer/ChartsWebGLOrderContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Provides the z-order index for a plot based on its position in `ChartsWebGLLayer`'s children.
+ * `useWebGLLayer` reads this and auto-binds it to `registerDraw` so consumers don't pass it manually.
+ */
+export declare const ChartsWebGLOrderContext: React.Context<number>;

package/ChartsWebGLLayer/ChartsWebGLOrderContext.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsWebGLOrderContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+/**
+ * Provides the z-order index for a plot based on its position in `ChartsWebGLLayer`'s children.
+ * `useWebGLLayer` reads this and auto-binds it to `registerDraw` so consumers don't pass it manually.
+ */
+const ChartsWebGLOrderContext = exports.ChartsWebGLOrderContext = /*#__PURE__*/React.createContext(0);
+if (process.env.NODE_ENV !== "production") ChartsWebGLOrderContext.displayName = "ChartsWebGLOrderContext";

package/ChartsWebGLLayer/ChartsWebGLOrderContext.mjs

@@ -0,0 +1,10 @@
+'use client';
+
+import * as React from 'react';
+
+/**
+ * Provides the z-order index for a plot based on its position in `ChartsWebGLLayer`'s children.
+ * `useWebGLLayer` reads this and auto-binds it to `registerDraw` so consumers don't pass it manually.
+ */
+export const ChartsWebGLOrderContext = /*#__PURE__*/React.createContext(0);
+if (process.env.NODE_ENV !== "production") ChartsWebGLOrderContext.displayName = "ChartsWebGLOrderContext";

package/HeatmapPremium/HeatmapPlotPremium.js

@@ -9,7 +9,7 @@ exports.HeatmapPlotPremium = HeatmapPlotPremium;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _internals = require("@mui/x-charts-pro/internals");
-var _HeatmapWebGLRenderer = require("./webgl/HeatmapWebGLRenderer");
+var _HeatmapWebGLPlot = require("./webgl/HeatmapWebGLPlot");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["renderer", "borderRadius"];
 function HeatmapPlotPremium(_ref) {
@@ -19,7 +19,7 @@ function HeatmapPlotPremium(_ref) {
     } = _ref,
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   if (renderer === 'webgl') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeatmapWebGLRenderer.HeatmapWebGLRenderer, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeatmapWebGLPlot.HeatmapWebGLPlot, {
       borderRadius: borderRadius
     });
   }

package/HeatmapPremium/HeatmapPlotPremium.mjs

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["renderer", "borderRadius"];
 import { HeatmapSVGPlot } from '@mui/x-charts-pro/internals';
-import { HeatmapWebGLRenderer } from "./webgl/HeatmapWebGLRenderer.mjs";
+import { HeatmapWebGLPlot } from "./webgl/HeatmapWebGLPlot.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function HeatmapPlotPremium(_ref) {
   let {
@@ -13,7 +13,7 @@ export function HeatmapPlotPremium(_ref) {
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (renderer === 'webgl') {
-    return /*#__PURE__*/_jsx(HeatmapWebGLRenderer, {
+    return /*#__PURE__*/_jsx(HeatmapWebGLPlot, {
       borderRadius: borderRadius
     });
   }

package/HeatmapPremium/webgl/HeatmapWebGLPlot.js

@@ -10,24 +10,25 @@ exports.HeatmapWebGLPlot = HeatmapWebGLPlot;
 var React = _interopRequireWildcard(require("react"));
 var _hooks = require("@mui/x-charts/hooks");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _ChartsWebGLLayer = require("../../ChartsWebGLLayer/ChartsWebGLLayer");
+var _ChartsWebGLContext = require("../../ChartsWebGLLayer/ChartsWebGLContext");
 var _hooks2 = require("../../hooks");
 var _shaders = require("./shaders");
-var _useWebGLResizeObserver = require("../../utils/webgl/useWebGLResizeObserver");
 var _utils = require("../../utils/webgl/utils");
 var _useHeatmapPlotData = require("./useHeatmapPlotData");
 var _jsxRuntime = require("react/jsx-runtime");
 function HeatmapWebGLPlot({
   borderRadius
 }) {
-  const gl = (0, _ChartsWebGLLayer.useWebGLContext)();
+  const layer = (0, _ChartsWebGLContext.useWebGLLayer)();
   const series = (0, _hooks2.useHeatmapSeriesContext)();
   const seriesToDisplay = series?.series[series.seriesOrder[0]];
-  if (!gl || !seriesToDisplay) {
+  if (!layer || !seriesToDisplay) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(HeatmapWebGLPlotImpl, {
-    gl: gl,
+    gl: layer.gl,
+    registerDraw: layer.registerDraw,
+    requestRender: layer.requestRender,
     borderRadius: borderRadius ?? 0,
     series: seriesToDisplay
   });
@@ -35,6 +36,8 @@ function HeatmapWebGLPlot({
 function HeatmapWebGLPlotImpl(props) {
   const {
     gl,
+    registerDraw,
+    requestRender,
     borderRadius,
     series
   } = props;
@@ -49,21 +52,16 @@ function HeatmapWebGLPlotImpl(props) {
   });
   const [quadBuffer] = React.useState(() => (0, _utils.uploadQuadBuffer)(gl));
   const dataLength = series.data.length;
-  const renderScheduledRef = React.useRef(false);
-  const render = React.useCallback(() => {
-    renderScheduledRef.current = false;
-
-    // Clear and draw
-    gl.clearColor(0, 0, 0, 0.0);
-    gl.clear(gl.COLOR_BUFFER_BIT);
-    gl.drawArraysInstanced(gl.TRIANGLE_STRIP, 0, 4, dataLength);
-  }, [dataLength, gl]);
-  const scheduleRender = React.useCallback(() => {
-    renderScheduledRef.current = true;
-  }, []);
-
-  // On resize render directly to avoid a frame where the canvas is blank
-  (0, _useWebGLResizeObserver.useWebGLResizeObserver)(render);
+  const drawRef = React.useRef(null);
+  React.useEffect(() => {
+    drawRef.current = () => {
+      gl.drawArraysInstanced(gl.TRIANGLE_STRIP, 0, 4, dataLength);
+    };
+  }, [gl, dataLength]);
+  React.useEffect(() => {
+    const unregister = registerDraw(drawRef);
+    return unregister;
+  }, [registerDraw]);
   React.useEffect(() => {
     /* Enable blending for transparency
      * These are global to the WebGL context and need to be set only once */
@@ -160,26 +158,21 @@ function HeatmapWebGLPlotImpl(props) {
     } else {
       setupBorderRadiusUniform();
     }
-    scheduleRender();
-  }, [gl, program, scheduleRender, seriesBorderRadius, setupBorderRadiusUniform,
+    requestRender();
+  }, [gl, program, requestRender, seriesBorderRadius, setupBorderRadiusUniform,
   // We use the event callback versions here because we only want this effect to trigger when the border radius changes
   setupAttributesEvent, setupUniformsEvent, vertexShader]);
   React.useEffect(() => {
     setupResolutionUniform();
-    scheduleRender();
-  }, [setupResolutionUniform, scheduleRender]);
+    requestRender();
+  }, [setupResolutionUniform, requestRender]);
   React.useEffect(() => {
     setupRectDimensionsUniform();
-    scheduleRender();
-  }, [setupRectDimensionsUniform, scheduleRender]);
+    requestRender();
+  }, [setupRectDimensionsUniform, requestRender]);
   React.useEffect(() => {
     setupAttributes();
-    scheduleRender();
-  }, [scheduleRender, setupAttributes]);
-  React.useEffect(() => {
-    if (renderScheduledRef.current) {
-      render();
-    }
-  });
+    requestRender();
+  }, [requestRender, setupAttributes]);
   return null;
 }

package/HeatmapPremium/webgl/HeatmapWebGLPlot.mjs

@@ -3,24 +3,25 @@
 import * as React from 'react';
 import { useDrawingArea, useXScale, useYScale } from '@mui/x-charts/hooks';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useWebGLContext } from "../../ChartsWebGLLayer/ChartsWebGLLayer.mjs";
+import { useWebGLLayer } from "../../ChartsWebGLLayer/ChartsWebGLContext.mjs";
 import { useHeatmapSeriesContext } from "../../hooks/index.mjs";
 import { heatmapFragmentShaderSourceNoBorderRadius, heatmapFragmentShaderSourceWithBorderRadius, heatmapVertexShaderSource } from "./shaders.mjs";
-import { useWebGLResizeObserver } from "../../utils/webgl/useWebGLResizeObserver.mjs";
 import { attachShader, bindQuadBuffer, compileShader, logWebGLErrors, uploadQuadBuffer } from "../../utils/webgl/utils.mjs";
 import { useHeatmapPlotData } from "./useHeatmapPlotData.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function HeatmapWebGLPlot({
   borderRadius
 }) {
-  const gl = useWebGLContext();
+  const layer = useWebGLLayer();
   const series = useHeatmapSeriesContext();
   const seriesToDisplay = series?.series[series.seriesOrder[0]];
-  if (!gl || !seriesToDisplay) {
+  if (!layer || !seriesToDisplay) {
     return null;
   }
   return /*#__PURE__*/_jsx(HeatmapWebGLPlotImpl, {
-    gl: gl,
+    gl: layer.gl,
+    registerDraw: layer.registerDraw,
+    requestRender: layer.requestRender,
     borderRadius: borderRadius ?? 0,
     series: seriesToDisplay
   });
@@ -28,6 +29,8 @@ export function HeatmapWebGLPlot({
 function HeatmapWebGLPlotImpl(props) {
   const {
     gl,
+    registerDraw,
+    requestRender,
     borderRadius,
     series
   } = props;
@@ -42,21 +45,16 @@ function HeatmapWebGLPlotImpl(props) {
   });
   const [quadBuffer] = React.useState(() => uploadQuadBuffer(gl));
   const dataLength = series.data.length;
-  const renderScheduledRef = React.useRef(false);
-  const render = React.useCallback(() => {
-    renderScheduledRef.current = false;
-
-    // Clear and draw
-    gl.clearColor(0, 0, 0, 0.0);
-    gl.clear(gl.COLOR_BUFFER_BIT);
-    gl.drawArraysInstanced(gl.TRIANGLE_STRIP, 0, 4, dataLength);
-  }, [dataLength, gl]);
-  const scheduleRender = React.useCallback(() => {
-    renderScheduledRef.current = true;
-  }, []);
-
-  // On resize render directly to avoid a frame where the canvas is blank
-  useWebGLResizeObserver(render);
+  const drawRef = React.useRef(null);
+  React.useEffect(() => {
+    drawRef.current = () => {
+      gl.drawArraysInstanced(gl.TRIANGLE_STRIP, 0, 4, dataLength);
+    };
+  }, [gl, dataLength]);
+  React.useEffect(() => {
+    const unregister = registerDraw(drawRef);
+    return unregister;
+  }, [registerDraw]);
   React.useEffect(() => {
     /* Enable blending for transparency
      * These are global to the WebGL context and need to be set only once */
@@ -153,26 +151,21 @@ function HeatmapWebGLPlotImpl(props) {
     } else {
       setupBorderRadiusUniform();
     }
-    scheduleRender();
-  }, [gl, program, scheduleRender, seriesBorderRadius, setupBorderRadiusUniform,
+    requestRender();
+  }, [gl, program, requestRender, seriesBorderRadius, setupBorderRadiusUniform,
   // We use the event callback versions here because we only want this effect to trigger when the border radius changes
   setupAttributesEvent, setupUniformsEvent, vertexShader]);
   React.useEffect(() => {
     setupResolutionUniform();
-    scheduleRender();
-  }, [setupResolutionUniform, scheduleRender]);
+    requestRender();
+  }, [setupResolutionUniform, requestRender]);
   React.useEffect(() => {
     setupRectDimensionsUniform();
-    scheduleRender();
-  }, [setupRectDimensionsUniform, scheduleRender]);
+    requestRender();
+  }, [setupRectDimensionsUniform, requestRender]);
   React.useEffect(() => {
     setupAttributes();
-    scheduleRender();
-  }, [scheduleRender, setupAttributes]);
-  React.useEffect(() => {
-    if (renderScheduledRef.current) {
-      render();
-    }
-  });
+    requestRender();
+  }, [requestRender, setupAttributes]);
   return null;
 }

package/RadialBarChart/seriesConfig/axisTooltipGetter.d.mts

@@ -0,0 +1,2 @@
+import type { AxisTooltipGetter } from '@mui/x-charts/internals';
+export declare const axisTooltipGetter: AxisTooltipGetter<'radialBar', 'rotation' | 'radius'>;

package/RadialBarChart/seriesConfig/axisTooltipGetter.d.ts

@@ -0,0 +1,2 @@
+import type { AxisTooltipGetter } from '@mui/x-charts/internals';
+export declare const axisTooltipGetter: AxisTooltipGetter<'radialBar', 'rotation' | 'radius'>;

package/RadialBarChart/seriesConfig/axisTooltipGetter.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.axisTooltipGetter = void 0;
+const axisTooltipGetter = series => {
+  return Object.values(series).map(s => ({
+    direction: 'rotation',
+    axisId: 'rotationAxisId' in s ? s.rotationAxisId : undefined
+  }));
+};
+exports.axisTooltipGetter = axisTooltipGetter;

package/RadialBarChart/seriesConfig/axisTooltipGetter.mjs

@@ -0,0 +1,6 @@
+export const axisTooltipGetter = series => {
+  return Object.values(series).map(s => ({
+    direction: 'rotation',
+    axisId: 'rotationAxisId' in s ? s.rotationAxisId : undefined
+  }));
+};

package/RadialBarChart/seriesConfig/descriptionGetter.d.mts

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

package/RadialBarChart/seriesConfig/descriptionGetter.d.ts

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

package/RadialBarChart/seriesConfig/descriptionGetter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internals = require("@mui/x-charts/internals");
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    rotationAxis,
+    localeText
+  } = params;
+  const label = (0, _internals.getLabel)(series.label, 'tooltip');
+  const dataIndex = identifier.dataIndex;
+  const value = series.data[dataIndex] ?? null;
+  const categoryValue = rotationAxis.data?.[dataIndex] ?? null;
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex
+  });
+  const formattedCategory = rotationAxis.valueFormatter?.(categoryValue, {
+    location: 'tooltip',
+    scale: rotationAxis.scale
+  });
+  return localeText.barDescription({
+    value,
+    formattedValue: formattedValue ?? '',
+    categoryValue,
+    formattedCategoryValue: formattedCategory ?? '',
+    seriesLabel: label
+  });
+};
+var _default = exports.default = descriptionGetter;

package/RadialBarChart/seriesConfig/descriptionGetter.mjs

@@ -0,0 +1,28 @@
+import { getLabel } from '@mui/x-charts/internals';
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    rotationAxis,
+    localeText
+  } = params;
+  const label = getLabel(series.label, 'tooltip');
+  const dataIndex = identifier.dataIndex;
+  const value = series.data[dataIndex] ?? null;
+  const categoryValue = rotationAxis.data?.[dataIndex] ?? null;
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex
+  });
+  const formattedCategory = rotationAxis.valueFormatter?.(categoryValue, {
+    location: 'tooltip',
+    scale: rotationAxis.scale
+  });
+  return localeText.barDescription({
+    value,
+    formattedValue: formattedValue ?? '',
+    categoryValue,
+    formattedCategoryValue: formattedCategory ?? '',
+    seriesLabel: label
+  });
+};
+export default descriptionGetter;

package/RadialBarChart/seriesConfig/extremums.d.mts

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

package/RadialBarChart/seriesConfig/extremums.d.ts

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

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;