@mui/x-charts-premium 9.8.0 → 9.10.0

package/BarChartPremium/BarChartPremium.d.mts

@@ -8,7 +8,7 @@ import type { ChartsContainerPremiumProps } from "../ChartsContainerPremium/inde
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}
 export interface BarChartPremiumSlotProps extends BarChartProSlotProps {}
-export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps'>, Pick<BarPlotPremiumProps, 'renderer'> {
+export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'>, Pick<BarPlotPremiumProps, 'renderer'> {
   /**
    * Overridable component slots.
    * @default {}

package/BarChartPremium/BarChartPremium.d.ts

@@ -8,7 +8,7 @@ import type { ChartsContainerPremiumProps } from "../ChartsContainerPremium/inde
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}
 export interface BarChartPremiumSlotProps extends BarChartProSlotProps {}
-export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps'>, Pick<BarPlotPremiumProps, 'renderer'> {
+export interface BarChartPremiumProps extends Omit<BarChartProProps, 'apiRef' | 'slots' | 'slotProps' | 'seriesConfig' | 'plugins' | 'series' | 'renderer'>, Omit<ChartsContainerPremiumProps<'bar', BarChartPremiumPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'>, Pick<BarPlotPremiumProps, 'renderer'> {
   /**
    * Overridable component slots.
    * @default {}

package/BarChartPremium/BarChartPremium.js

@@ -35,7 +35,7 @@ var _ChartsDataProviderPremium = require("../ChartsDataProviderPremium");
 var _RangeBarPlot = require("./RangeBar/RangeBarPlot");
 var _FocusedRangeBar = require("./RangeBar/FocusedRangeBar");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 /**
  * Demos:
  *
@@ -57,7 +57,8 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
@@ -83,7 +84,10 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
     onZoomChange,
     apiRef,
     plugins: _BarChartPremium2.BAR_CHART_PREMIUM_PLUGINS
-  }));
+  }), {
+    seriesType: 'bar',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
   const renderer = barPlotPremiumProps.renderer;
@@ -382,6 +386,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes /* remove-prop
    * @default 'svg-single'
    */
   renderer: _propTypes.default.oneOf(['svg-batch', 'svg-single', 'webgl']),
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every bar (no sampling).
+   * - `'minmax'`: keep the min and max per bucket and draw one merged bar.
+   * @default 'none'
+   */
+  sampling: _propTypes.default.oneOf(['minmax', 'none']),
   /**
    * The series to display in the bar chart.
    * An array of [[BarSeries]] or [[RangeBarSeries]] objects.

package/BarChartPremium/BarChartPremium.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
@@ -50,7 +50,8 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
@@ -76,7 +77,10 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
     onZoomChange,
     apiRef,
     plugins: BAR_CHART_PREMIUM_PLUGINS
-  }));
+  }), {
+    seriesType: 'bar',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
   const renderer = barPlotPremiumProps.renderer;
@@ -375,6 +379,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes /* remove-prop
    * @default 'svg-single'
    */
   renderer: PropTypes.oneOf(['svg-batch', 'svg-single', 'webgl']),
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every bar (no sampling).
+   * - `'minmax'`: keep the min and max per bucket and draw one merged bar.
+   * @default 'none'
+   */
+  sampling: PropTypes.oneOf(['minmax', 'none']),
   /**
    * The series to display in the bar chart.
    * An array of [[BarSeries]] or [[RangeBarSeries]] objects.

package/BarChartPremium/RangeBar/AnimatedRangeBarElement.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { BarProps } from '@mui/x-charts/BarChart';
 export interface AnimatedRangeBarElementProps extends BarProps {
   /**
@@ -5,4 +6,4 @@ export interface AnimatedRangeBarElementProps extends BarProps {
    */
   hidden?: boolean;
 }
-export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): React.JSX.Element;

package/BarChartPremium/RangeBar/AnimatedRangeBarElement.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { BarProps } from '@mui/x-charts/BarChart';
 export interface AnimatedRangeBarElementProps extends BarProps {
   /**
@@ -5,4 +6,4 @@ export interface AnimatedRangeBarElementProps extends BarProps {
    */
   hidden?: boolean;
 }
-export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedRangeBarElement(props: AnimatedRangeBarElementProps): React.JSX.Element;

package/BarChartPremium/RangeBar/FocusedRangeBar.d.mts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): React.JSX.Element | null;

package/BarChartPremium/RangeBar/FocusedRangeBar.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedRangeBar(props: React.SVGAttributes<SVGRectElement>): React.JSX.Element | null;

package/BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.mts

@@ -1,20 +1,20 @@
 import type { AllSeriesType } from '@mui/x-charts/models';
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'rangeBar'>, seriesIndex: number, colors: readonly string[]): {
-  id: string;
-  color: string;
-  type: "rangeBar";
+  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.mjs").RangeBarValueType | null>) => string) | undefined;
+  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.mjs").RangeBarValueType | null> | undefined;
+  highlightScope?: import("@mui/x-charts/internals").CommonHighlightScope | undefined;
+  labelMarkType?: import("@mui/x-charts/internals").ChartsLabelMarkType;
+  xAxisId?: import("@mui/x-charts/internals").AxisId;
+  yAxisId?: import("@mui/x-charts/internals").AxisId;
+  type: 'rangeBar';
   data?: ReadonlyArray<import("../../../index.mjs").RangeBarValueType | null>;
   valueGetter?: (item: import("@mui/x-charts/internals").DatasetElementType<unknown>) => import("../../../index.mjs").RangeBarValueType | null;
   datasetKeys?: {
     start: string;
     end: string;
   };
-  label?: string | ((location: "tooltip" | "legend") => string);
-  layout?: "horizontal" | "vertical";
-  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.mjs").RangeBarValueType | null> | undefined;
-  highlightScope?: import("@mui/x-charts/internals").CommonHighlightScope | undefined;
-  labelMarkType?: import("@mui/x-charts/internals").ChartsLabelMarkType;
-  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.mjs").RangeBarValueType | null>) => string) | undefined;
-  xAxisId?: import("@mui/x-charts/internals").AxisId;
-  yAxisId?: import("@mui/x-charts/internals").AxisId;
+  label?: string | ((location: 'tooltip' | 'legend') => string);
+  layout?: 'horizontal' | 'vertical';
+  id: string;
+  color: string;
 };

package/BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,20 +1,20 @@
 import type { AllSeriesType } from '@mui/x-charts/models';
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'rangeBar'>, seriesIndex: number, colors: readonly string[]): {
-  id: string;
-  color: string;
-  type: "rangeBar";
+  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.js").RangeBarValueType | null>) => string) | undefined;
+  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.js").RangeBarValueType | null> | undefined;
+  highlightScope?: import("@mui/x-charts/internals").CommonHighlightScope | undefined;
+  labelMarkType?: import("@mui/x-charts/internals").ChartsLabelMarkType;
+  xAxisId?: import("@mui/x-charts/internals").AxisId;
+  yAxisId?: import("@mui/x-charts/internals").AxisId;
+  type: 'rangeBar';
   data?: ReadonlyArray<import("../../../index.js").RangeBarValueType | null>;
   valueGetter?: (item: import("@mui/x-charts/internals").DatasetElementType<unknown>) => import("../../../index.js").RangeBarValueType | null;
   datasetKeys?: {
     start: string;
     end: string;
   };
-  label?: string | ((location: "tooltip" | "legend") => string);
-  layout?: "horizontal" | "vertical";
-  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.js").RangeBarValueType | null> | undefined;
-  highlightScope?: import("@mui/x-charts/internals").CommonHighlightScope | undefined;
-  labelMarkType?: import("@mui/x-charts/internals").ChartsLabelMarkType;
-  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.js").RangeBarValueType | null>) => string) | undefined;
-  xAxisId?: import("@mui/x-charts/internals").AxisId;
-  yAxisId?: import("@mui/x-charts/internals").AxisId;
+  label?: string | ((location: 'tooltip' | 'legend') => string);
+  layout?: 'horizontal' | 'vertical';
+  id: string;
+  color: string;
 };

package/BarChartPremium/RangeBar/seriesConfig/index.js

@@ -14,7 +14,7 @@ var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
 var _RangeBarPreviewPlot = require("../../../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot");
@@ -23,7 +23,7 @@ const rangeBarSeriesConfig = exports.rangeBarSeriesConfig = {
   colorProcessor: _getColor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   xExtremumGetter: _extrema.getExtremumX,
   yExtremumGetter: _extrema.getExtremumY,

package/BarChartPremium/RangeBar/seriesConfig/index.mjs

@@ -6,7 +6,7 @@ import seriesProcessor from "./seriesProcessor.mjs";
 import getColor from "./getColor.mjs";
 import legendGetter from "./legend.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
 import descriptionGetter from "./descriptionGetter.mjs";
 import { RangeBarPreviewPlot } from "../../../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot.mjs";
@@ -15,7 +15,7 @@ export const rangeBarSeriesConfig = {
   colorProcessor: getColor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   axisTooltipGetter,
   xExtremumGetter: getExtremumX,
   yExtremumGetter: getExtremumY,

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.d.mts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'rangeBar'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'rangeBar'>;

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'rangeBar'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'rangeBar'>;

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.js

@@ -3,29 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
+var _internals = require("@mui/x-charts/internals");
 var _createGetRangeBarDimensions = require("../createGetRangeBarDimensions");
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_internals.selectorChartsTooltipItem, _internals.selectorChartSeriesProcessed, _internals.selectorChartXAxis, _internals.selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'rangeBar' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.rangeBar?.series[identifier.seriesId];
-  if (series.rangeBar == null || itemSeries == null) {
+  if (!series.rangeBar || !itemSeries) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const dimensions = (0, _createGetRangeBarDimensions.createGetRangeBarDimensions)({
     verticalLayout: itemSeries.layout === 'vertical',
-    xAxisConfig: axesConfig.x,
-    yAxisConfig: axesConfig.y,
+    xAxisConfig: xAxis,
+    yAxisConfig: yAxis,
     series: itemSeries,
     numberOfGroups: series.rangeBar.seriesOrder.length
   })(identifier.dataIndex, series.rangeBar.seriesOrder.findIndex(id => id === itemSeries.id));
@@ -61,5 +59,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.mjs

@@ -1,25 +1,23 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis } from '@mui/x-charts/internals';
 import { createGetRangeBarDimensions } from "../createGetRangeBarDimensions.mjs";
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'rangeBar' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.rangeBar?.series[identifier.seriesId];
-  if (series.rangeBar == null || itemSeries == null) {
+  if (!series.rangeBar || !itemSeries) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const dimensions = createGetRangeBarDimensions({
     verticalLayout: itemSeries.layout === 'vertical',
-    xAxisConfig: axesConfig.x,
-    yAxisConfig: axesConfig.y,
+    xAxisConfig: xAxis,
+    yAxisConfig: yAxis,
     series: itemSeries,
     numberOfGroups: series.rangeBar.seriesOrder.length
   })(identifier.dataIndex, series.rangeBar.seriesOrder.findIndex(id => id === itemSeries.id));
@@ -55,5 +53,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/BarChartPremium/useBarChartPremiumProps.d.mts

@@ -11,9 +11,6 @@ import type { RangeBarPlotProps } from "./RangeBar/RangeBarPlot.mjs";
  * @returns An object with props for the children components of BarChartPremium
  */
 export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
-  chartsContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
-  barPlotPremiumProps: BarPlotPremiumProps;
-  rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   gridProps: import("@mui/x-charts").ChartsGridProps;
   clipPathProps: import("@mui/x-charts").ChartsClipPathProps;
@@ -25,4 +22,7 @@ export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
   axisHighlightProps: import("@mui/x-charts").ChartsAxisHighlightProps;
   legendProps: import("@mui/x-charts").ChartsLegendSlotExtension;
   children: React.ReactNode;
+  chartsContainerProps: ChartsContainerProps<'bar' | 'rangeBar', BarChartPluginSignatures>;
+  barPlotPremiumProps: BarPlotPremiumProps;
+  rangeBarPlotProps: RangeBarPlotProps;
 };

package/BarChartPremium/useBarChartPremiumProps.d.ts

@@ -11,9 +11,6 @@ import type { RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
  * @returns An object with props for the children components of BarChartPremium
  */
 export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
-  chartsContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
-  barPlotPremiumProps: BarPlotPremiumProps;
-  rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   gridProps: import("@mui/x-charts").ChartsGridProps;
   clipPathProps: import("@mui/x-charts").ChartsClipPathProps;
@@ -25,4 +22,7 @@ export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
   axisHighlightProps: import("@mui/x-charts").ChartsAxisHighlightProps;
   legendProps: import("@mui/x-charts").ChartsLegendSlotExtension;
   children: React.ReactNode;
+  chartsContainerProps: ChartsContainerProps<'bar' | 'rangeBar', BarChartPluginSignatures>;
+  barPlotPremiumProps: BarPlotPremiumProps;
+  rangeBarPlotProps: RangeBarPlotProps;
 };

package/CHANGELOG.md

@@ -1,5 +1,235 @@
 # Changelog
 
+## 9.10.0
+
+_Jul 17, 2026_
+
+We'd like to extend a big thank you to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` for Charts
+- ⚙️ Allow opt-in `data-*` attributes on `slotProps`. [Read more](https://mui.com/x/common-concepts/custom-components/#passing-data-attributes-to-slots)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@brijeshb42, @Janpot, @JCQuintas, @LukasTy, @noraleonte
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.10.0`.
+
+#### `@mui/x-data-grid-premium@9.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.10.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.10.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.10.0`
+
+- [charts] Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` (#23144) @JCQuintas
+
+#### `@mui/x-charts-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.10.0`.
+
+#### `@mui/x-charts-premium@9.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.10.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.10.0`, plus:
+
+- [tree-view] Fix pre-loaded items not caching (#23155) @noraleonte
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.6`
+
+- [scheduler] Carry custom event data through the edit dialog submit (#22874) @Anexus5919
+- [scheduler] Support array values for `CalendarEvent.resource` (#23109) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.6`.
+
+### Chat
+
+#### `@mui/x-chat@9.0.0-alpha.14`
+
+- [chat] Reuse `resolveComponentProps` from `@mui/utils` (#23095) @LukasTy
+
+#### `@mui/x-chat-headless@9.0.0-alpha.14`
+
+Internal changes.
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix bugs on Scheduler overview page (#23147) @noraleonte
+
+### Core
+
+- [code-infra] Fix changelog dependency exclusion and l10n routing (#23112) @LukasTy
+- [code-infra] Port codebase to use `tsgo` (#22826) @brijeshb42
+- [code-infra] Reduce `release:build` concurrency to mitigate `tsgo` OOM kills (#23139) @LukasTy
+- [core] Allow opt-in `data-*` attributes on `slotProps` (#22128) @LukasTy
+
+### Miscellaneous
+
+- [core] Ignore `code-infra-renovate[bot]` commits in changelog (#23153) @Janpot
+- [website] Fix broken `ChatBox` API link (#23149) @brijeshb42
+- [test] Fix WebGL benchmark timeout on CI (#23142) @JCQuintas
+
+## 9.9.0
+
+_Jul 9, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 [Data sampling](https://mui.com/x/react-charts/performance/#sampling) for better performance with large bar and line charts
+- 🗺️ [Maps zoom support](https://mui.com/x/react-charts/map/#zoom)
+- ☑️ Support [applying filters on demand](https://mui.com/x/react-data-grid/filtering/customization/#apply-filters-on-demand) in the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@mustafajw07, @sebastianfrey
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @brijeshb42, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.9.0`
+
+- [DataGrid] Add `dataSourceKeepPreviousData` prop (#22554) @LukasTy
+- [DataGrid] Add controlled filter panel for applying filters on demand (#23023) @sebastianfrey
+
+#### `@mui/x-data-grid-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.9.0`.
+
+#### `@mui/x-data-grid-premium@9.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.9.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.9.0`, plus:
+
+- [DateRangeCalendar] Avoid unnecessary month switch when the value is already visible (#22996) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.9.0`
+
+- [charts] Optimize and de-duplicate sampled axis-highlight band lookup (#23052) @JCQuintas
+- [charts] Unify tooltip item position getter and selector into a single selector API (#23041) @alexfauquette
+- [charts] Fix impossible condition in axis text angle warning (#23102) @sai6855
+
+#### `@mui/x-charts-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.9.0`, plus:
+
+- [charts-pro] Add data sampling for large bar and line charts (#22830) @JCQuintas
+- [charts-pro] Allow sampling on non-zoomable charts (#23051) @JCQuintas
+
+#### `@mui/x-charts-premium@9.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+#### Breaking changes
+
+The API of the `Unstable_ChartsGeoDataProviderPremium` got modified.
+Props `scale`, `rotation`, and `translation` are replaced by props `view` and `initialView`.
+Same behavior can be obtained with `view.zoomLevel`, `view.center`, and `view.translation`.
+See the [zoom view section](https://mui.com/x/react-charts/map/#control) for detailed information
+
+Same changes as in `@mui/x-charts-pro@9.9.0`, plus:
+
+- [charts-premium] Maps zoom support (#22709) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.9.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.5`
+
+- [scheduler] Introduce event resource helper utilities (#23022) @mustafajw07
+- [scheduler] Preserve multi-day event continuity across overflow (#22797) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.5`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.9.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix broken social preview image on shared docs links (#23055) @sai6855
+- [docs] Review and clean up react-chat docs demos & gallery; fix actions-bar layout (#22993) @hasdfa
+- [docs] Update the Pickers recommended date library bundle sizes (#23087) @LukasTy
+
+### Core
+
+- [mcp] Add `@mui/mcp` server and `@mui/x-agent-tools`. See the [README](https://github.com/mui/mui-x/blob/master/packages/mcp/README.md) for setup (#22947) @aemartos
+- [code-infra] Avoid OOM in the Netlify docs build and CircleCI lint step (#23086) @LukasTy
+- [code-infra] Group `@atlaskit/pragmatic-drag-and-drop` renovate updates (#23105) @LukasTy
+- [code-infra] Validate npm publishing through dry run (#23038) @brijeshb42
+- [docs-infra] Enable `webpackBuildWorker` to bound docs build memory (#23100) @Janpot
+
+### Miscellaneous
+
+- [test] Fix flaky "should render only the pageSize" Data Grid virtualization test (#23090) @LukasTy
+- [test] Track `@mui/x-chat` bundle size via native expand (#23049) @Janpot
+
 ## 9.8.0
 
 _Jul 2, 2026_

package/CandlestickChart/CandlestickPlot.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 export interface CandlestickPlotProps {}
-export declare function CandlestickPlot(): import("react/jsx-runtime").JSX.Element;
+export declare function CandlestickPlot(): React.JSX.Element;

package/CandlestickChart/CandlestickPlot.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 export interface CandlestickPlotProps {}
-export declare function CandlestickPlot(): import("react/jsx-runtime").JSX.Element;
+export declare function CandlestickPlot(): React.JSX.Element;

package/CandlestickChart/seriesConfig/OHLCTooltipContent.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { AxisTooltipContentProps, ItemTooltipContentProps } from '@mui/x-charts/internals';
-export declare function OHLCTooltipContent(props: AxisTooltipContentProps<'ohlc'> | ItemTooltipContentProps<'ohlc'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function OHLCTooltipContent(props: AxisTooltipContentProps<'ohlc'> | ItemTooltipContentProps<'ohlc'>): React.JSX.Element | null;