@mui/x-tree-view 9.10.0 → 9.10.1

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # Changelog
 
+## 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/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v9.10.0
+ * @mui/x-tree-view v9.10.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v9.10.0
+ * @mui/x-tree-view v9.10.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/MinimalTreeViewStore/MinimalTreeViewStore.d.mts

@@ -1,5 +1,5 @@
 import { Store } from '@mui/x-internals/store';
-import { disposeSymbol } from '@mui/x-internals/disposable';
+import { DisposableStack, disposeSymbol } from '@mui/x-internals/disposable';
 import type { MinimalTreeViewParameters, TreeViewParametersToStateMapper, MinimalTreeViewState } from "./MinimalTreeViewStore.types.mjs";
 import type { TreeViewValidItem } from "../../models/index.mjs";
 import { TimeoutManager } from "./TimeoutManager.mjs";

package/internals/MinimalTreeViewStore/MinimalTreeViewStore.d.ts

@@ -1,5 +1,5 @@
 import { Store } from '@mui/x-internals/store';
-import { disposeSymbol } from '@mui/x-internals/disposable';
+import { DisposableStack, disposeSymbol } from '@mui/x-internals/disposable';
 import type { MinimalTreeViewParameters, TreeViewParametersToStateMapper, MinimalTreeViewState } from "./MinimalTreeViewStore.types.js";
 import type { TreeViewValidItem } from "../../models/index.js";
 import { TimeoutManager } from "./TimeoutManager.js";

package/internals/plugins/selection/TreeViewSelectionPlugin.js

@@ -250,20 +250,27 @@ function propagateSelection({
     if (selectionPropagation.descendants) {
       const selectDescendants = itemId => {
         if (itemId !== addedItemId) {
-          shouldRegenerateModel = true;
-          newModelLookup[itemId] = true;
+          if (_selectors.selectionSelectors.canItemBeSelected(store.state, itemId)) {
+            shouldRegenerateModel = true;
+            newModelLookup[itemId] = true;
+          }
         }
         _items.itemsSelectors.itemOrderedChildrenIds(store.state, itemId).forEach(selectDescendants);
       };
       selectDescendants(addedItemId);
     }
     if (selectionPropagation.parents) {
-      const checkAllDescendantsSelected = itemId => {
+      const checkAllSelectableDescendantsSelected = itemId => {
+        if (!_selectors.selectionSelectors.canItemBeSelected(store.state, itemId)) {
+          // Non-selectable items don't count; still recurse for isItemSelectionDisabled case
+          const children = _items.itemsSelectors.itemOrderedChildrenIds(store.state, itemId);
+          return children.every(checkAllSelectableDescendantsSelected);
+        }
         if (!newModelLookup[itemId]) {
           return false;
         }
         const children = _items.itemsSelectors.itemOrderedChildrenIds(store.state, itemId);
-        return children.every(checkAllDescendantsSelected);
+        return children.every(checkAllSelectableDescendantsSelected);
       };
       const selectParents = itemId => {
         const parentId = _items.itemsSelectors.itemParentId(store.state, itemId);
@@ -271,9 +278,11 @@ function propagateSelection({
           return;
         }
         const siblings = _items.itemsSelectors.itemOrderedChildrenIds(store.state, parentId);
-        if (siblings.every(checkAllDescendantsSelected)) {
-          shouldRegenerateModel = true;
-          newModelLookup[parentId] = true;
+        if (siblings.every(checkAllSelectableDescendantsSelected)) {
+          if (_selectors.selectionSelectors.canItemBeSelected(store.state, parentId)) {
+            shouldRegenerateModel = true;
+            newModelLookup[parentId] = true;
+          }
           selectParents(parentId);
         }
       };

package/internals/plugins/selection/TreeViewSelectionPlugin.mjs

@@ -242,20 +242,27 @@ function propagateSelection({
     if (selectionPropagation.descendants) {
       const selectDescendants = itemId => {
         if (itemId !== addedItemId) {
-          shouldRegenerateModel = true;
-          newModelLookup[itemId] = true;
+          if (selectionSelectors.canItemBeSelected(store.state, itemId)) {
+            shouldRegenerateModel = true;
+            newModelLookup[itemId] = true;
+          }
         }
         itemsSelectors.itemOrderedChildrenIds(store.state, itemId).forEach(selectDescendants);
       };
       selectDescendants(addedItemId);
     }
     if (selectionPropagation.parents) {
-      const checkAllDescendantsSelected = itemId => {
+      const checkAllSelectableDescendantsSelected = itemId => {
+        if (!selectionSelectors.canItemBeSelected(store.state, itemId)) {
+          // Non-selectable items don't count; still recurse for isItemSelectionDisabled case
+          const children = itemsSelectors.itemOrderedChildrenIds(store.state, itemId);
+          return children.every(checkAllSelectableDescendantsSelected);
+        }
         if (!newModelLookup[itemId]) {
           return false;
         }
         const children = itemsSelectors.itemOrderedChildrenIds(store.state, itemId);
-        return children.every(checkAllDescendantsSelected);
+        return children.every(checkAllSelectableDescendantsSelected);
       };
       const selectParents = itemId => {
         const parentId = itemsSelectors.itemParentId(store.state, itemId);
@@ -263,9 +270,11 @@ function propagateSelection({
           return;
         }
         const siblings = itemsSelectors.itemOrderedChildrenIds(store.state, parentId);
-        if (siblings.every(checkAllDescendantsSelected)) {
-          shouldRegenerateModel = true;
-          newModelLookup[parentId] = true;
+        if (siblings.every(checkAllSelectableDescendantsSelected)) {
+          if (selectionSelectors.canItemBeSelected(store.state, parentId)) {
+            shouldRegenerateModel = true;
+            newModelLookup[parentId] = true;
+          }
           selectParents(parentId);
         }
       };

package/internals/plugins/selection/itemPlugin.js

@@ -16,10 +16,12 @@ const selectorCheckboxSelectionStatus = (0, _store.createSelector)((state, itemI
   let hasUnSelectedDescendant = false;
   const traverseDescendants = itemToTraverseId => {
     if (itemToTraverseId !== itemId) {
-      if (_selectors2.selectionSelectors.isItemSelected(state, itemToTraverseId)) {
-        hasSelectedDescendant = true;
-      } else {
-        hasUnSelectedDescendant = true;
+      if (_selectors2.selectionSelectors.canItemBeSelected(state, itemToTraverseId)) {
+        if (_selectors2.selectionSelectors.isItemSelected(state, itemToTraverseId)) {
+          hasSelectedDescendant = true;
+        } else {
+          hasUnSelectedDescendant = true;
+        }
       }
     }
     _selectors.itemsSelectors.itemOrderedChildrenIds(state, itemToTraverseId).forEach(traverseDescendants);
@@ -52,19 +54,28 @@ const useSelectionItemPlugin = ({
   const isCheckboxSelectionEnabled = (0, _store.useStore)(store, _selectors2.selectionSelectors.isCheckboxSelectionEnabled);
   const isFeatureEnabledForItem = (0, _store.useStore)(store, _selectors2.selectionSelectors.isFeatureEnabledForItem, itemId);
   const canItemBeSelected = (0, _store.useStore)(store, _selectors2.selectionSelectors.canItemBeSelected, itemId);
+  const isItemDisabled = (0, _store.useStore)(store, _selectors.itemsSelectors.isItemDisabled, itemId);
+  const isItemSelectable = (0, _store.useStore)(store, _selectors2.selectionSelectors.isItemSelectable, itemId);
   const selectionStatus = (0, _store.useStore)(store, selectorCheckboxSelectionStatus, itemId);
+
+  // An item is "inherently not selectable" when disabled or excluded via isItemSelectionDisabled,
+  // regardless of the global disableSelection flag. Such items must not have aria-checked.
+  const isItemInherentlyNotSelectable = isItemDisabled || !isItemSelectable;
   return {
     propsEnhancers: {
       root: () => {
         // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
         let ariaChecked;
-        if (selectionStatus === 'checked') {
+        if (isItemInherentlyNotSelectable) {
+          // - if the tree contains nodes that are not selectable, aria-checked is not present on those nodes.
+          ariaChecked = undefined;
+        } else if (selectionStatus === 'checked') {
           // - each selected node has aria-checked set to true.
           ariaChecked = true;
         } else if (selectionStatus === 'indeterminate') {
           ariaChecked = 'mixed';
         } else if (!canItemBeSelected) {
-          // - if the tree contains nodes that are not selectable, aria-checked is not present on those nodes.
+          // disableSelection=true with an unselected item: aria-checked is not present.
           ariaChecked = undefined;
         } else {
           // - all nodes that are selectable but not selected have aria-checked set to false.

package/internals/plugins/selection/itemPlugin.mjs

@@ -10,10 +10,12 @@ const selectorCheckboxSelectionStatus = createSelector((state, itemId) => {
   let hasUnSelectedDescendant = false;
   const traverseDescendants = itemToTraverseId => {
     if (itemToTraverseId !== itemId) {
-      if (selectionSelectors.isItemSelected(state, itemToTraverseId)) {
-        hasSelectedDescendant = true;
-      } else {
-        hasUnSelectedDescendant = true;
+      if (selectionSelectors.canItemBeSelected(state, itemToTraverseId)) {
+        if (selectionSelectors.isItemSelected(state, itemToTraverseId)) {
+          hasSelectedDescendant = true;
+        } else {
+          hasUnSelectedDescendant = true;
+        }
       }
     }
     itemsSelectors.itemOrderedChildrenIds(state, itemToTraverseId).forEach(traverseDescendants);
@@ -46,19 +48,28 @@ export const useSelectionItemPlugin = ({
   const isCheckboxSelectionEnabled = useStore(store, selectionSelectors.isCheckboxSelectionEnabled);
   const isFeatureEnabledForItem = useStore(store, selectionSelectors.isFeatureEnabledForItem, itemId);
   const canItemBeSelected = useStore(store, selectionSelectors.canItemBeSelected, itemId);
+  const isItemDisabled = useStore(store, itemsSelectors.isItemDisabled, itemId);
+  const isItemSelectable = useStore(store, selectionSelectors.isItemSelectable, itemId);
   const selectionStatus = useStore(store, selectorCheckboxSelectionStatus, itemId);
+
+  // An item is "inherently not selectable" when disabled or excluded via isItemSelectionDisabled,
+  // regardless of the global disableSelection flag. Such items must not have aria-checked.
+  const isItemInherentlyNotSelectable = isItemDisabled || !isItemSelectable;
   return {
     propsEnhancers: {
       root: () => {
         // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
         let ariaChecked;
-        if (selectionStatus === 'checked') {
+        if (isItemInherentlyNotSelectable) {
+          // - if the tree contains nodes that are not selectable, aria-checked is not present on those nodes.
+          ariaChecked = undefined;
+        } else if (selectionStatus === 'checked') {
           // - each selected node has aria-checked set to true.
           ariaChecked = true;
         } else if (selectionStatus === 'indeterminate') {
           ariaChecked = 'mixed';
         } else if (!canItemBeSelected) {
-          // - if the tree contains nodes that are not selectable, aria-checked is not present on those nodes.
+          // disableSelection=true with an unselected item: aria-checked is not present.
           ariaChecked = undefined;
         } else {
           // - all nodes that are selectable but not selected have aria-checked set to false.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "9.10.0",
+  "version": "9.10.1",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.10.0"
+    "@mui/x-internals": "^9.10.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",