@mui/x-charts 9.10.0 → 9.11.0

package/BarChart/BarChart.js

@@ -137,7 +137,9 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-proptypes *
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures: _propTypes.default.object,
+  experimentalFeatures: _propTypes.default.shape({
+    keyboardActivation: _propTypes.default.bool
+  }),
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -291,7 +293,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-proptypes *
   onHighlightedAxisChange: _propTypes.default.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {ChartsActivationEvent | ChartsActivationEvent<SVGElement>} event The event source of the callback.
    *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */

package/BarChart/BarChart.mjs

@@ -130,7 +130,9 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-proptypes *
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures: PropTypes.object,
+  experimentalFeatures: PropTypes.shape({
+    keyboardActivation: PropTypes.bool
+  }),
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -284,7 +286,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-proptypes *
   onHighlightedAxisChange: PropTypes.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {ChartsActivationEvent | ChartsActivationEvent<SVGElement>} event The event source of the callback.
    *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */

package/BarChart/BarPlot.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BarElementSlotProps, BarElementSlots } from "./BarElement.mjs";
-import type { BarItemIdentifier } from "../models/index.mjs";
+import type { BarItemIdentifier, ChartsActivationEvent } from "../models/index.mjs";
 import type { BarLabelSlotProps, BarLabelSlots } from "./BarLabel/BarLabelItem.mjs";
 import type { RendererType } from "../ScatterChart/index.mjs";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
@@ -17,10 +17,10 @@ export interface BarPlotProps {
   skipAnimation?: boolean;
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent} event The event source of the callback.
+   * @param {ChartsActivationEvent} event The event source of the callback.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
-  onItemClick?(event: MouseEvent, barItemIdentifier: BarItemIdentifier): void;
+  onItemClick?(event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier): void;
   /**
    * Defines the border radius of the bar element.
    */

package/BarChart/BarPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BarElementSlotProps, BarElementSlots } from "./BarElement.js";
-import type { BarItemIdentifier } from "../models/index.js";
+import type { BarItemIdentifier, ChartsActivationEvent } from "../models/index.js";
 import type { BarLabelSlotProps, BarLabelSlots } from "./BarLabel/BarLabelItem.js";
 import type { RendererType } from "../ScatterChart/index.js";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
@@ -17,10 +17,10 @@ export interface BarPlotProps {
   skipAnimation?: boolean;
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent} event The event source of the callback.
+   * @param {ChartsActivationEvent} event The event source of the callback.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
-  onItemClick?(event: MouseEvent, barItemIdentifier: BarItemIdentifier): void;
+  onItemClick?(event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier): void;
   /**
    * Defines the border radius of the bar element.
    */

package/BarChart/BarPlot.js

@@ -102,7 +102,7 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes /* remove-proptypes */
   className: _propTypes.default.string,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {ChartsActivationEvent | ChartsActivationEvent<SVGElement>} event The event source of the callback.
    *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */

package/BarChart/BarPlot.mjs

@@ -95,7 +95,7 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes /* remove-proptypes */
   className: PropTypes.string,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {ChartsActivationEvent | ChartsActivationEvent<SVGElement>} event The event source of the callback.
    *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */

package/BarChart/BatchBarPlot/BatchBarPlot.d.mts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { BarItemIdentifier } from "../../models/index.mjs";
+import type { BarItemIdentifier, ChartsActivationEvent } from "../../models/index.mjs";
 import type { IndividualBarPlotProps } from "../IndividualBarPlot.mjs";
 interface BatchBarPlotProps extends Omit<IndividualBarPlotProps, 'onItemClick'> {
-  onItemClick?: (event: MouseEvent, barItemIdentifier: BarItemIdentifier) => void;
+  onItemClick?: (event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier) => void;
 }
 export declare function BatchBarPlot({
   completedData,

package/BarChart/BatchBarPlot/BatchBarPlot.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { BarItemIdentifier } from "../../models/index.js";
+import type { BarItemIdentifier, ChartsActivationEvent } from "../../models/index.js";
 import type { IndividualBarPlotProps } from "../IndividualBarPlot.js";
 interface BatchBarPlotProps extends Omit<IndividualBarPlotProps, 'onItemClick'> {
-  onItemClick?: (event: MouseEvent, barItemIdentifier: BarItemIdentifier) => void;
+  onItemClick?: (event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier) => void;
 }
 export declare function BatchBarPlot({
   completedData,

package/BarChart/IndividualBarPlot.d.mts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import type { BarPlotSlotProps, BarPlotSlots } from "./BarPlot.mjs";
-import type { BarItemIdentifier } from "../models/index.mjs";
+import type { BarItemIdentifier, ChartsActivationEvent } from "../models/index.mjs";
 import type { MaskData, ProcessedBarSeriesData } from "./types.mjs";
 export interface IndividualBarPlotProps {
   completedData: ProcessedBarSeriesData[];
   masksData: MaskData[];
   borderRadius?: number;
   skipAnimation?: boolean;
-  onItemClick?: (event: MouseEvent, barItemIdentifier: BarItemIdentifier) => void;
+  onItemClick?: (event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier) => void;
   slotProps?: BarPlotSlotProps;
   slots?: BarPlotSlots;
 }

package/BarChart/IndividualBarPlot.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import type { BarPlotSlotProps, BarPlotSlots } from "./BarPlot.js";
-import type { BarItemIdentifier } from "../models/index.js";
+import type { BarItemIdentifier, ChartsActivationEvent } from "../models/index.js";
 import type { MaskData, ProcessedBarSeriesData } from "./types.js";
 export interface IndividualBarPlotProps {
   completedData: ProcessedBarSeriesData[];
   masksData: MaskData[];
   borderRadius?: number;
   skipAnimation?: boolean;
-  onItemClick?: (event: MouseEvent, barItemIdentifier: BarItemIdentifier) => void;
+  onItemClick?: (event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier) => void;
   slotProps?: BarPlotSlotProps;
   slots?: BarPlotSlots;
 }

package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.mts

@@ -2,16 +2,16 @@ import type { AllSeriesType } from "../../../models/seriesType/index.mjs";
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'bar'>, seriesIndex: number, colors: readonly string[]): {
   id: string;
   color: string;
-  data?: ReadonlyArray<import("../../../index.mjs").BarValueType | null>;
+  data?: ReadonlyArray<import("@mui/x-charts/models").BarValueType | null>;
   dataKey?: string;
-  valueGetter?: (item: import("../../../internals/index.mjs").DatasetElementType<unknown>) => import("../../../index.mjs").BarValueType | null;
+  valueGetter?: (item: import("../../../internals/index.mjs").DatasetElementType<unknown>) => import("@mui/x-charts/models").BarValueType | null;
   label?: string | ((location: 'tooltip' | 'legend') => string);
   layout?: 'horizontal' | 'vertical';
   minBarSize?: number;
   barLabel?: 'value' | ((item: import("@mui/x-charts/BarChart").BarItem, context: import("@mui/x-charts/BarChart").BarLabelContext) => string | null | undefined);
   type: 'bar';
   barLabelPlacement?: 'center' | 'outside';
-  stackOffset?: import("../../../index.mjs").StackOffsetType;
+  stackOffset?: import("@mui/x-charts/models").StackOffsetType;
   colorGetter?: ((data: import("../../../internals/index.mjs").ColorCallbackValue<number | null>) => string) | undefined;
   valueFormatter?: import("../../../internals/index.mjs").SeriesValueFormatter<number | null> | undefined;
   highlightScope?: import("../../../internals/index.mjs").CommonHighlightScope | undefined;
@@ -19,5 +19,5 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ba
   xAxisId?: import("../../../internals/index.mjs").AxisId;
   yAxisId?: import("../../../internals/index.mjs").AxisId;
   stack?: string;
-  stackOrder?: import("../../../index.mjs").StackOrderType;
+  stackOrder?: import("@mui/x-charts/models").StackOrderType;
 };

package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts

@@ -2,16 +2,16 @@ import type { AllSeriesType } from "../../../models/seriesType/index.js";
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'bar'>, seriesIndex: number, colors: readonly string[]): {
   id: string;
   color: string;
-  data?: ReadonlyArray<import("../../../index.js").BarValueType | null>;
+  data?: ReadonlyArray<import("@mui/x-charts/models").BarValueType | null>;
   dataKey?: string;
-  valueGetter?: (item: import("../../../internals/index.js").DatasetElementType<unknown>) => import("../../../index.js").BarValueType | null;
+  valueGetter?: (item: import("../../../internals/index.js").DatasetElementType<unknown>) => import("@mui/x-charts/models").BarValueType | null;
   label?: string | ((location: 'tooltip' | 'legend') => string);
   layout?: 'horizontal' | 'vertical';
   minBarSize?: number;
   barLabel?: 'value' | ((item: import("@mui/x-charts/BarChart").BarItem, context: import("@mui/x-charts/BarChart").BarLabelContext) => string | null | undefined);
   type: 'bar';
   barLabelPlacement?: 'center' | 'outside';
-  stackOffset?: import("../../../index.js").StackOffsetType;
+  stackOffset?: import("@mui/x-charts/models").StackOffsetType;
   colorGetter?: ((data: import("../../../internals/index.js").ColorCallbackValue<number | null>) => string) | undefined;
   valueFormatter?: import("../../../internals/index.js").SeriesValueFormatter<number | null> | undefined;
   highlightScope?: import("../../../internals/index.js").CommonHighlightScope | undefined;
@@ -19,5 +19,5 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ba
   xAxisId?: import("../../../internals/index.js").AxisId;
   yAxisId?: import("../../../internals/index.js").AxisId;
   stack?: string;
-  stackOrder?: import("../../../index.js").StackOrderType;
+  stackOrder?: import("@mui/x-charts/models").StackOrderType;
 };

package/BarChart/seriesConfig/bar/keyboardFocusHandler.js

@@ -6,5 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _createCommonKeyboardFocusHandler = require("../../../internals/createCommonKeyboardFocusHandler");
 var _composition = require("../../../models/seriesType/composition");
-const keyboardFocusHandler = (0, _createCommonKeyboardFocusHandler.createCommonKeyboardFocusHandler)(_composition.composableCartesianSeriesTypes);
+const allowCycles = false;
+const useCurrentSeriesMaxLength = false;
+const keyboardFocusHandler = (0, _createCommonKeyboardFocusHandler.createCommonKeyboardFocusHandler)(_composition.composableCartesianSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
 var _default = exports.default = keyboardFocusHandler;

package/BarChart/seriesConfig/bar/keyboardFocusHandler.mjs

@@ -1,4 +1,6 @@
 import { createCommonKeyboardFocusHandler } from "../../../internals/createCommonKeyboardFocusHandler.mjs";
 import { composableCartesianSeriesTypes } from "../../../models/seriesType/composition.mjs";
-const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableCartesianSeriesTypes);
+const allowCycles = false;
+const useCurrentSeriesMaxLength = false;
+const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableCartesianSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
 export default keyboardFocusHandler;

package/BarChart/useRegisterItemClickHandlers.d.mts

@@ -1,6 +1,7 @@
 import type { BarItemIdentifier } from "../models/seriesType/index.mjs";
+import type { ChartsActivationEvent } from "../models/events.mjs";
 /**
  * Hook that registers pointer event handlers for chart item clicking.
  * @param onItemClick Callback for item click events.
  */
-export declare function useRegisterItemClickHandlers(onItemClick: ((event: MouseEvent, barItemIdentifier: BarItemIdentifier) => void) | undefined): void;
+export declare function useRegisterItemClickHandlers(onItemClick: ((event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier) => void) | undefined): void;

package/BarChart/useRegisterItemClickHandlers.d.ts

@@ -1,6 +1,7 @@
 import type { BarItemIdentifier } from "../models/seriesType/index.js";
+import type { ChartsActivationEvent } from "../models/events.js";
 /**
  * Hook that registers pointer event handlers for chart item clicking.
  * @param onItemClick Callback for item click events.
  */
-export declare function useRegisterItemClickHandlers(onItemClick: ((event: MouseEvent, barItemIdentifier: BarItemIdentifier) => void) | undefined): void;
+export declare function useRegisterItemClickHandlers(onItemClick: ((event: ChartsActivationEvent, barItemIdentifier: BarItemIdentifier) => void) | undefined): void;

package/BarChart/useRegisterItemClickHandlers.js

@@ -12,6 +12,7 @@ var _ChartsProvider = require("../context/ChartsProvider");
 var _getChartPoint = require("../internals/getChartPoint");
 var _useStore = require("../internals/store/useStore");
 var _useChartCartesianAxisPosition = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors");
+var _useRegisterItemActivation = require("../internals/useRegisterItemActivation");
 /**
  * Hook that registers pointer event handlers for chart item clicking.
  * @param onItemClick Callback for item click events.
@@ -22,6 +23,13 @@ function useRegisterItemClickHandlers(onItemClick) {
   } = (0, _ChartsProvider.useChartsContext)();
   const chartsLayerContainerRef = (0, _useChartsLayerContainerRef.useChartsLayerContainerRef)();
   const store = (0, _useStore.useStore)();
+  (0, _useRegisterItemActivation.useRegisterItemActivation)({
+    type: 'bar'
+  }, onItemClick && ((event, item) => onItemClick(event, {
+    type: 'bar',
+    seriesId: item.seriesId,
+    dataIndex: item.dataIndex
+  })));
   React.useEffect(() => {
     const element = chartsLayerContainerRef.current;
     if (!element || !onItemClick) {

package/BarChart/useRegisterItemClickHandlers.mjs

@@ -6,7 +6,7 @@ import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 import { getChartPoint } from "../internals/getChartPoint.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
 import { selectorBarItemAtPosition } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs";
-
+import { useRegisterItemActivation } from "../internals/useRegisterItemActivation.mjs";
 /**
  * Hook that registers pointer event handlers for chart item clicking.
  * @param onItemClick Callback for item click events.
@@ -17,6 +17,13 @@ export function useRegisterItemClickHandlers(onItemClick) {
   } = useChartsContext();
   const chartsLayerContainerRef = useChartsLayerContainerRef();
   const store = useStore();
+  useRegisterItemActivation({
+    type: 'bar'
+  }, onItemClick && ((event, item) => onItemClick(event, {
+    type: 'bar',
+    seriesId: item.seriesId,
+    dataIndex: item.dataIndex
+  })));
   React.useEffect(() => {
     const element = chartsLayerContainerRef.current;
     if (!element || !onItemClick) {

package/CHANGELOG.md

@@ -1,5 +1,229 @@
 # Changelog
 
+## 9.11.0
+
+_Aug 6, 2026_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Add `addItems()` and `getItemSelection()` API methods to Tree View
+
+Special thanks go out to these community members for their valuable contributions:
+@12joan, @Anexus5919, @kevincorizi-sbt, @mixelburg, @mustafajw07, @strazto
+
+The following team members contributed to this release:
+@flaviendelangle, @hasdfa, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.11.0`
+
+- [DataGrid] Fix `updateRows` stripping class prototypes from rows in datasource mode (#22288) @mixelburg
+- [DataGrid] Do not re-fetch data when an `Activity` becomes visible (#22603) @12joan
+- [DataGrid] Fix toolbar button stealing focus when a sibling's disabled state changes (#23204) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@9.11.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.11.0`.
+
+#### `@mui/x-data-grid-premium@9.11.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.11.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.11.0`
+
+- [pickers] Fix day shift when editing dates predating timezone standardization (#23296) @JCQuintas
+
+#### `@mui/x-date-pickers-pro@9.11.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.11.0`, plus:
+
+- [DateRangePicker] Fix disabled filler cells showing the range highlight (#23293) @JCQuintas
+
+### Charts
+
+#### `@mui/x-charts@9.11.0`
+
+- [charts] Activate the focused item with `Enter`/`Space` (#23218) @JCQuintas
+- [charts] Extract the axis click payload builders (#23215) @JCQuintas
+- [charts] Fix `GestureManager` event listener leak on chart unmount (#23283) @kevincorizi-sbt
+- [charts] Fix `slotProps.legend.position` and `direction` in `RadarChart` (#23254) @JCQuintas
+- [charts] Fix axis clicks being discarded on slight pointer movement (#23244) @noraleonte
+- [charts] Fix image export of charts sized by their parent element (#23255) @JCQuintas
+- [charts] Forward `experimentalFeatures` on `RadarChart` and `Heatmap` (#23216) @JCQuintas
+- [charts] Hide focus indicator when the chart loses focus (#23213) @JCQuintas
+
+#### `@mui/x-charts-pro@9.11.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.11.0`.
+
+#### `@mui/x-charts-premium@9.11.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.11.0`, plus:
+
+- [charts-premium] Fix `RangeBar` type override (#23217) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.11.0`
+
+- [tree view] Add `addItems()` API method (#23159) @JCQuintas
+- [tree view] Add `getItemSelection` API method (#23257) @noraleonte
+- [tree view] Ignore `keepExistingSelection` when `multiSelect` is `false` (#23242) @JCQuintas
+- [tree view] Prevent duplicate ids in multi-select arrow navigation (#23006) @Anexus5919
+
+#### `@mui/x-tree-view-pro@9.11.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.11.0`, plus:
+
+- [tree view] Discard superseded lazy-loading responses (#23005) @Anexus5919
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.8`
+
+- [scheduler] Add `localeText` prop to standalone views (#23210) @rita-codes
+- [scheduler] Finetune touch experience for time grid events and introduce editing drawer (#22624) @noraleonte
+- [scheduler] Introduce the edit dialog form context & lifecycle contract (#23284) @rita-codes
+- [scheduler] Refactor edit dialog General tab into section components (#23206) @rita-codes
+- [scheduler] Replace copied Base UI internals with `@base-ui/react/internals` imports (#21972) @flaviendelangle
+- [scheduler] Hide resource picker when no resources are provided (#23290) @mustafajw07
+- [scheduler] Support multi-resource occurrences in `EventTimeline` (#23240) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.8` [![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.8`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.11.0`
+
+- [codemod] Remove unused `@babel/core` and `@babel/traverse` dependencies (#23245) @LukasTy
+
+### Docs
+
+- [docs] Add recipe for adding new rows from clipboard copy (#22913) @michelengelen
+- [docs] Clarify the package versions in v8 upgrade guides (#22376) @strazto
+- [docs] Replace README peer dependency lists with an npm install command (#23256) @LukasTy
+
+### Core
+
+- [code-infra] Align action pin version comments (#23238) @LukasTy
+
+### Miscellaneous
+
+- [chat] Drop the undeclared `@mui/icons-material` dependency (#23252) @LukasTy
+- [chat] Sanitize image part URLs and share the URL allow-list with markdown (#23058) @hasdfa
+- [test] Type the `PickersTextField` test stub instead of `as any` (#23194) @LukasTy
+
+## 9.10.1
+
+_Jul 23, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🦮 Improve accessibility of the Charts and Pickers components.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@kevincorizi-sbt, @mustafajw07, @SamanPandey-in
+
+The following team members contributed to this release:
+@brijeshb42, @hasdfa, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.1`
+
+- [data grid] Fix `getColumn` return type not reflecting that it can return undefined (#23165) @JCQuintas
+
+#### `@mui/x-data-grid-pro@9.10.1` [![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.1`.
+
+#### `@mui/x-data-grid-premium@9.10.1` [![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.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.1`
+
+- [pickers] Fix format placeholder brightness with a start adornment (#23189) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.10.1` [![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.1`, plus:
+
+- [DateRangePicker] Fix broken active range position underline in single input range fields (#23166) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.10.1`
+
+- [charts] Fix pie chart disappearing when an arc spans almost the full circle (#23145) @JCQuintas
+- [charts] Set `aria-hidden` on accessibility proxy divs at initialization (#23186) @kevincorizi-sbt
+- [charts] Fix keyboard navigation on series with different lengths (#23182) @JCQuintas
+- [charts] Fix out of bounds keyboard navigation (#23180) @silviuaavram
+
+#### `@mui/x-charts-pro@9.10.1` [![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.1`, plus:
+
+- [charts-pro] Fix highlight shifting on sampled bar charts (#23190) @noraleonte
+- [charts-pro] Sampled band highlight falls back to single-band width for Date/object values (#23024) @SamanPandey-in
+
+#### `@mui/x-charts-premium@9.10.1` [![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.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.1`
+
+- [TreeView] Fix selection propagation to exclude disabled items (#23012) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.10.1` [![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.1`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.7`
+
+- [scheduler] Polish `EventCalendar` rendering for multi-resource events (#23161) @mustafajw07
+- [scheduler] Responsive header (#22954) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.7` [![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.7`, plus:
+
+- [scheduler-premium] Add the dependencies data model (#23117) @rita-codes
+- [scheduler-premium] Dependencies - Render the FS arrow (#23162) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix clearing, layout shift, and prop leak in Pickers demos (#23191) @LukasTy
+
+### Core
+
+- [code-infra] Validate working of specific code-infra canary (#23207) @brijeshb42
+
+### Miscellaneous
+
+- [chat] Normalize message part link URLs (#23187) @hasdfa
+- [x-chat] Fix object URL leaks for submitted attachments (#23198) @hasdfa
+- [internals] Make disposable types self-contained without `esnext.disposable` lib (#23164) @JCQuintas
+
 ## 9.10.0
 
 _Jul 17, 2026_

package/ChartsAxisHighlight/getSampledBandHighlight.d.mts

@@ -2,7 +2,7 @@ import type { D3OrdinalScale } from "../models/axis.mjs";
 interface SampledBandHighlightParams {
   scale: D3OrdinalScale;
   /** The highlighted value. */
-  value: number | Date;
+  value: string | number | Date;
   /** The data index of the highlighted value, when known (O(1) lookup). */
   dataIndex: number | undefined;
   /** The axis data. */

package/ChartsAxisHighlight/getSampledBandHighlight.d.ts

@@ -2,7 +2,7 @@ import type { D3OrdinalScale } from "../models/axis.js";
 interface SampledBandHighlightParams {
   scale: D3OrdinalScale;
   /** The highlighted value. */
-  value: number | Date;
+  value: string | number | Date;
   /** The data index of the highlighted value, when known (O(1) lookup). */
   dataIndex: number | undefined;
   /** The axis data. */

package/ChartsAxisHighlight/getSampledBandHighlight.js

@@ -4,6 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSampledBandHighlight = getSampledBandHighlight;
+var _getSampledBucketRegion = require("../internals/getSampledBucketRegion");
+function findDataIndex(data, value) {
+  if (value instanceof Date) {
+    const time = value.getTime();
+    return data.findIndex(item => item instanceof Date && item.getTime() === time);
+  }
+  return data.indexOf(value);
+}
 /**
  * Computes the band highlight rectangle along the ordinal axis.
  * When the series is sampled (`bucketSize > 1`), the band is widened to cover the whole merged bucket.
@@ -20,12 +28,16 @@ function getSampledBandHighlight({
   let bandStart = scale(value) - halfPadding;
   let bandSize = step;
   if (bucketSize > 1 && data) {
-    const index = dataIndex ?? data.indexOf(value);
+    const index = dataIndex ?? findDataIndex(data, value);
     if (index >= 0) {
       const bucketStart = Math.floor(index / bucketSize) * bucketSize;
       const bucketEnd = Math.min(bucketStart + bucketSize - 1, data.length - 1);
-      bandStart = scale(data[bucketStart]) - halfPadding;
-      bandSize = (bucketEnd - bucketStart + 1) * step;
+      const {
+        regionStart,
+        regionSize
+      } = (0, _getSampledBucketRegion.getSampledBucketRegion)(scale, data, bucketStart, bucketEnd);
+      bandStart = regionStart;
+      bandSize = regionSize;
     }
   }
   return {

package/ChartsAxisHighlight/getSampledBandHighlight.mjs

@@ -1,3 +1,11 @@
+import { getSampledBucketRegion } from "../internals/getSampledBucketRegion.mjs";
+function findDataIndex(data, value) {
+  if (value instanceof Date) {
+    const time = value.getTime();
+    return data.findIndex(item => item instanceof Date && item.getTime() === time);
+  }
+  return data.indexOf(value);
+}
 /**
  * Computes the band highlight rectangle along the ordinal axis.
  * When the series is sampled (`bucketSize > 1`), the band is widened to cover the whole merged bucket.
@@ -14,12 +22,16 @@ export function getSampledBandHighlight({
   let bandStart = scale(value) - halfPadding;
   let bandSize = step;
   if (bucketSize > 1 && data) {
-    const index = dataIndex ?? data.indexOf(value);
+    const index = dataIndex ?? findDataIndex(data, value);
     if (index >= 0) {
       const bucketStart = Math.floor(index / bucketSize) * bucketSize;
       const bucketEnd = Math.min(bucketStart + bucketSize - 1, data.length - 1);
-      bandStart = scale(data[bucketStart]) - halfPadding;
-      bandSize = (bucketEnd - bucketStart + 1) * step;
+      const {
+        regionStart,
+        regionSize
+      } = getSampledBucketRegion(scale, data, bucketStart, bucketEnd);
+      bandStart = regionStart;
+      bandSize = regionSize;
     }
   }
   return {

package/ChartsContainer/ChartsContainer.js

@@ -108,7 +108,9 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes /* remove-prop
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures: _propTypes.default.any,
+  experimentalFeatures: _propTypes.default.shape({
+    keyboardActivation: _propTypes.default.bool
+  }),
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -248,7 +250,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes /* remove-prop
   /**
    * Callback fired when clicking close to an item.
    * This is only available for scatter plot for now.
-   * @param {MouseEvent} event Mouse event caught at the svg level
+   * @param {ChartsActivationEvent} event Event caught at the svg level
    * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
   onItemClick: _propTypes.default.func,