@mui/x-tree-view 8.15.0 → 8.17.0

package/CHANGELOG.md

@@ -5,6 +5,213 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.17.0
+
+_Nov 5, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `colorGetter` prop to cartesian charts series
+
+  <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
+
+- 🌎 Add Catalan (ca-ES) locale on the Data Grid
+- 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@frncesc, @Methuselah96, @samuelwalk, @htollefsen
+
+The following team members contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.17.0`
+
+- [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
+- [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
+- [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
+- [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
+- [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
+
+#### `@mui/x-data-grid-pro@8.17.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@8.17.0`.
+
+#### `@mui/x-data-grid-premium@8.17.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@8.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.17.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.17.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@8.17.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.17.0`
+
+- [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
+- [charts] Add series color callback (#20084) @bernardobelchior
+- [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
+- [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
+- [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
+- [charts] Organize series config (#20155) @bernardobelchior
+- [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
+- [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
+- [charts] Add `useDataset` hook (#20205) @JCQuintas
+- [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
+
+#### `@mui/x-charts-pro@8.17.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@8.17.0`, plus:
+
+- [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
+
+#### `@mui/x-charts-premium@8.17.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@8.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.17.0`
+
+- [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
+- [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.17.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@8.17.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.17.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix focus issues in the action column demo (#20178) @arminmeh
+- [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
+- [docs] Fix some external redirects (#20211) @Janpot
+
+### Core
+
+- [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
+- [code-infra] Fix publish workflow (#20140) @bernardobelchior
+- [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
+- [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
+- [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
+- [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
+- [code-infra] Stabilize screenshot testing (#19868) @Janpot
+
+## 8.16.0
+
+_Oct 29, 2025_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🖌️ Add `brush` zoom interaction to charts
+- 🔁 [Server-side update](https://mui.com/x/react-data-grid/server-side-data/#updating-server-side-data) in a grid with tree data/row grouping and aggregation will trigger re-fetch for all parent levels of that row to update aggregated values. See the [demo](https://mui.com/x/react-data-grid/server-side-data/aggregation/#usage-with-tree-data).
+
+Special thanks go out to the community members for their valuable contributions:
+@felix-wg, @frncesc, @sai6855
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @flaviendelangle, @JCQuintas, @MBilalShafi, @mbrookes, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.16.0`
+
+- [DataGrid] Ignore `Ctrl+A` key combination for the row selection in the community version (#20110) @felix-wg
+- [DataGrid][l10n] Improve Spanish (es-ES) locale (#20134) @frncesc
+
+#### `@mui/x-data-grid-pro@8.16.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@8.16.0`, plus:
+
+- [DataGridPro] Add explicit return type to `getVisibleRowsLookup()` to fix the build with `tsc` (#20116) @arminmeh
+- [DataGridPro] Retain the expansion state with expansion configuration props (#20126) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@8.16.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@8.16.0`, plus:
+
+- [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
+- [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.16.0`
+
+- [pickers] Prevent blur event propagation on individual sections (#19825) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.16.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@8.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.16.0`
+
+- [charts] Allow tooltip to anchor items (#19954) @alexfauquette
+- [charts] Fix behavior of grouped axis (#20118) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+- [charts] Fix AreaChartConnectNulls demo height not correctly resizing (#20078) @sai6855
+- [charts] Fix charts resizing overflow (#20080) @alexfauquette
+- [charts] Fix tooltip not showing on first render (#20115) @bernardobelchior
+- [charts] Handle `undefined` id and color in series (#20087) @bernardobelchior
+- [charts] Remove `useMemo` from isZoomOn*Enabled and isPanOn*Enabled hooks (#20132) @Copilot
+- [charts] Use static data for perf (#20072) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+
+#### `@mui/x-charts-pro@8.16.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@8.16.0`, plus:
+
+- [charts-pro] Add `brush` zoom interaction (#19899) @JCQuintas
+- [charts-pro] Add sankey performance check (#20069) @JCQuintas
+
+#### `@mui/x-charts-premium@8.16.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@8.16.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.16.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.16.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@8.16.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.16.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Setup eslint compat plugin (#20105) @brijeshb42
+- [code-infra] Improve store types (#20129) @JCQuintas
+- [docs] Update the callout in `rows` prop documentation (#20127) @MBilalShafi
+- [docs-infra] Refine changelog contributor acknowledgment messages (#20123) @mbrookes
+
+### Miscellaneous
+
+- [x-telemetry] Skip telemetry tests on browser mode (#20122) @bernardobelchior
+
 ## 8.15.0
 
 _Oct 23, 2025_

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.js";
-declare function TreeItemDragAndDropOverlay(props: TreeItemDragAndDropOverlayProps): React.JSX.Element | null;
+declare function TreeItemDragAndDropOverlay(props: TreeItemDragAndDropOverlayProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TreeItemDragAndDropOverlay {
   var propTypes: any;
 }

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js

@@ -1,14 +1,12 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TreeItemDragAndDropOverlay = TreeItemDragAndDropOverlay;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _createStyled = require("@mui/system/createStyled");

package/TreeItemIcon/TreeItemIcon.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { TreeItemIconProps } from "./TreeItemIcon.types.js";
-declare function TreeItemIcon(props: TreeItemIconProps): React.JSX.Element | null;
+declare function TreeItemIcon(props: TreeItemIconProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TreeItemIcon {
   var propTypes: any;
 }

package/TreeItemProvider/TreeItemProvider.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { TreeItemProviderProps } from "./TreeItemProvider.types.js";
-declare function TreeItemProvider(props: TreeItemProviderProps): React.JSX.Element;
+declare function TreeItemProvider(props: TreeItemProviderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TreeItemProvider {
   var propTypes: any;
 }

package/esm/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.js";
-declare function TreeItemDragAndDropOverlay(props: TreeItemDragAndDropOverlayProps): React.JSX.Element | null;
+declare function TreeItemDragAndDropOverlay(props: TreeItemDragAndDropOverlayProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TreeItemDragAndDropOverlay {
   var propTypes: any;
 }

package/esm/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { alpha } from '@mui/material/styles';
 import { shouldForwardProp } from '@mui/system/createStyled';

package/esm/TreeItemIcon/TreeItemIcon.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { TreeItemIconProps } from "./TreeItemIcon.types.js";
-declare function TreeItemIcon(props: TreeItemIconProps): React.JSX.Element | null;
+declare function TreeItemIcon(props: TreeItemIconProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TreeItemIcon {
   var propTypes: any;
 }

package/esm/TreeItemProvider/TreeItemProvider.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { TreeItemProviderProps } from "./TreeItemProvider.types.js";
-declare function TreeItemProvider(props: TreeItemProviderProps): React.JSX.Element;
+declare function TreeItemProvider(props: TreeItemProviderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TreeItemProvider {
   var propTypes: any;
 }

package/esm/icons/icons.js

@@ -1,5 +1,4 @@
 import { createSvgIcon } from '@mui/material/utils';
-import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TreeViewExpandIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"

package/esm/index.js

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

package/esm/internals/TreeViewProvider/TreeViewChildrenItemProvider.d.ts

@@ -5,7 +5,7 @@ interface TreeViewChildrenItemProviderProps {
   idAttribute: string | null;
   children: React.ReactNode;
 }
-export declare function TreeViewChildrenItemProvider(props: TreeViewChildrenItemProviderProps): React.JSX.Element;
+export declare function TreeViewChildrenItemProvider(props: TreeViewChildrenItemProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TreeViewChildrenItemProvider {
   var propTypes: any;
 }

package/esm/internals/TreeViewProvider/TreeViewProvider.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TreeViewProviderProps } from "./TreeViewProvider.types.js";
 import { TreeViewAnyPluginSignature } from "../models/index.js";
 /**
@@ -6,4 +5,4 @@ import { TreeViewAnyPluginSignature } from "../models/index.js";
  *
  * @ignore - do not document.
  */
-export declare function TreeViewProvider<TSignatures extends readonly TreeViewAnyPluginSignature[]>(props: TreeViewProviderProps<TSignatures>): React.JSX.Element;
+export declare function TreeViewProvider<TSignatures extends readonly TreeViewAnyPluginSignature[]>(props: TreeViewProviderProps<TSignatures>): import("react/jsx-runtime").JSX.Element;

package/esm/internals/components/RichTreeViewItems.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils/types';
 import { TreeItem, TreeItemProps } from "../../TreeItem/index.js";
 import { TreeViewItemId } from "../../models/index.js";
-export declare function RichTreeViewItems(props: RichTreeViewItemsProps): React.JSX.Element;
+export declare function RichTreeViewItems(props: RichTreeViewItemsProps): import("react/jsx-runtime").JSX.Element;
 interface RichTreeViewItemsOwnerState {
   itemId: TreeViewItemId;
   label: string;

package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts

@@ -4,7 +4,7 @@ export declare const expansionSelectors: {
   /**
    * Gets the expanded items as provided to the component.
    */
-  expandedItemsRaw: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => string[];
+  expandedItemsRaw: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => readonly string[];
   /**
    * Gets the expanded items as a Map.
    */

package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts

@@ -55,13 +55,13 @@ export interface UseTreeViewExpansionParameters {
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems?: string[];
+  expandedItems?: readonly string[];
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems?: string[];
+  defaultExpandedItems?: readonly string[];
   /**
    * Callback fired when Tree Items are expanded/collapsed.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
@@ -84,7 +84,7 @@ export interface UseTreeViewExpansionParameters {
 export type UseTreeViewExpansionParametersWithDefaults = DefaultizedProps<UseTreeViewExpansionParameters, 'defaultExpandedItems'>;
 export interface UseTreeViewExpansionState {
   expansion: {
-    expandedItems: string[];
+    expandedItems: readonly string[];
     expansionTrigger: 'content' | 'iconContainer';
   };
 }

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -37,7 +37,7 @@ export const useTreeViewLabel = ({
     }
   };
   useIsoLayoutEffect(() => {
-    store.set('label', _extends({}, store.state.items, {
+    store.set('label', _extends({}, store.state.label, {
       isItemEditable: params.isItemEditable
     }));
   }, [store, params.isItemEditable]);

package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js

@@ -45,9 +45,29 @@ export const useTreeViewSelectionItemPlugin = ({
   } = useTreeViewContext();
   const isCheckboxSelectionEnabled = useStore(store, selectionSelectors.isCheckboxSelectionEnabled);
   const isItemSelectionEnabled = useStore(store, selectionSelectors.canItemBeSelected, itemId);
-  const checkboxSelectionStatus = useStore(store, selectorCheckboxSelectionStatus, itemId);
+  const selectionStatus = useStore(store, selectorCheckboxSelectionStatus, itemId);
+  const isSelectionEnabledForItem = useStore(store, selectionSelectors.canItemBeSelected, itemId);
   return {
     propsEnhancers: {
+      root: () => {
+        // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
+        let ariaChecked;
+        if (selectionStatus === 'checked') {
+          // - each selected node has aria-checked set to true.
+          ariaChecked = true;
+        } else if (selectionStatus === 'indeterminate') {
+          ariaChecked = 'mixed';
+        } else if (!isSelectionEnabledForItem) {
+          // - if the tree contains nodes that are not selectable, aria-checked is not present on those nodes.
+          ariaChecked = undefined;
+        } else {
+          // - all nodes that are selectable but not selected have aria-checked set to false.
+          ariaChecked = false;
+        }
+        return {
+          'aria-checked': ariaChecked
+        };
+      },
       checkbox: ({
         externalEventHandlers,
         interactions
@@ -67,8 +87,8 @@ export const useTreeViewSelectionItemPlugin = ({
           onChange: handleChange,
           visible: isCheckboxSelectionEnabled,
           disabled: !isItemSelectionEnabled,
-          checked: checkboxSelectionStatus === 'checked',
-          indeterminate: checkboxSelectionStatus === 'indeterminate'
+          checked: selectionStatus === 'checked',
+          indeterminate: selectionStatus === 'indeterminate'
         };
       }
     }

package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts

@@ -130,6 +130,9 @@ export type UseTreeViewSelectionSignature = TreeViewPluginSignature<{
   state: UseTreeViewSelectionState;
   dependencies: [UseTreeViewItemsSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature];
 }>;
+export interface UseTreeItemRootSlotPropsFromSelection {
+  'aria-checked': React.AriaAttributes['aria-checked'];
+}
 export interface UseTreeItemCheckboxSlotPropsFromSelection {
   visible?: boolean;
   checked?: boolean;
@@ -139,5 +142,6 @@ export interface UseTreeItemCheckboxSlotPropsFromSelection {
   onChange?: TreeViewCancellableEventHandler<React.ChangeEvent<HTMLInputElement>>;
 }
 declare module '@mui/x-tree-view/useTreeItem' {
+  interface UseTreeItemRootSlotOwnProps extends UseTreeItemRootSlotPropsFromSelection {}
   interface UseTreeItemCheckboxSlotOwnProps extends UseTreeItemCheckboxSlotPropsFromSelection {}
 }

package/esm/useTreeItem/useTreeItem.js

@@ -54,7 +54,6 @@ export const useTreeItem = parameters => {
   const handleContentRef = useMergedRefs(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
   const treeId = useStore(store, idSelectors.treeId);
-  const isSelectionEnabledForItem = useStore(store, selectionSelectors.canItemBeSelected, itemId);
   const isCheckboxSelectionEnabled = useStore(store, selectionSelectors.isCheckboxSelectionEnabled);
   const idAttribute = generateTreeItemIdAttribute({
     itemId,
@@ -147,26 +146,12 @@ export const useTreeItem = parameters => {
   });
   const getRootProps = (externalProps = {}) => {
     const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));
-
-    // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-    let ariaSelected;
-    if (status.selected) {
-      // - each selected node has aria-selected set to true.
-      ariaSelected = true;
-    } else if (!isSelectionEnabledForItem) {
-      // - if the tree contains nodes that are not selectable, aria-selected is not present on those nodes.
-      ariaSelected = undefined;
-    } else {
-      // - all nodes that are selectable but not selected have aria-selected set to false.
-      ariaSelected = false;
-    }
     const props = _extends({}, externalEventHandlers, {
       ref: handleRootRef,
       role: 'treeitem',
       tabIndex: shouldBeAccessibleWithTab ? 0 : -1,
       id: idAttribute,
       'aria-expanded': status.expandable ? status.expanded : undefined,
-      'aria-selected': ariaSelected,
       'aria-disabled': status.disabled || undefined
     }, externalProps, {
       style: _extends({}, externalProps.style ?? {}, {

package/esm/useTreeItem/useTreeItem.types.d.ts

@@ -42,7 +42,6 @@ export interface UseTreeItemRootSlotPropsFromUseTreeItem {
   tabIndex: 0 | -1;
   id: string;
   'aria-expanded': React.AriaAttributes['aria-expanded'];
-  'aria-selected': React.AriaAttributes['aria-selected'];
   'aria-disabled': React.AriaAttributes['aria-disabled'];
   onFocus: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
   onBlur: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;

package/icons/icons.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TreeViewExpandIcon = exports.TreeViewCollapseIcon = void 0;
 var _utils = require("@mui/material/utils");
-var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 const TreeViewExpandIcon = exports.TreeViewExpandIcon = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"

package/index.js

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

package/internals/TreeViewProvider/TreeViewChildrenItemProvider.d.ts

@@ -5,7 +5,7 @@ interface TreeViewChildrenItemProviderProps {
   idAttribute: string | null;
   children: React.ReactNode;
 }
-export declare function TreeViewChildrenItemProvider(props: TreeViewChildrenItemProviderProps): React.JSX.Element;
+export declare function TreeViewChildrenItemProvider(props: TreeViewChildrenItemProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TreeViewChildrenItemProvider {
   var propTypes: any;
 }

package/internals/TreeViewProvider/TreeViewProvider.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TreeViewProviderProps } from "./TreeViewProvider.types.js";
 import { TreeViewAnyPluginSignature } from "../models/index.js";
 /**
@@ -6,4 +5,4 @@ import { TreeViewAnyPluginSignature } from "../models/index.js";
  *
  * @ignore - do not document.
  */
-export declare function TreeViewProvider<TSignatures extends readonly TreeViewAnyPluginSignature[]>(props: TreeViewProviderProps<TSignatures>): React.JSX.Element;
+export declare function TreeViewProvider<TSignatures extends readonly TreeViewAnyPluginSignature[]>(props: TreeViewProviderProps<TSignatures>): import("react/jsx-runtime").JSX.Element;

package/internals/components/RichTreeViewItems.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils/types';
 import { TreeItem, TreeItemProps } from "../../TreeItem/index.js";
 import { TreeViewItemId } from "../../models/index.js";
-export declare function RichTreeViewItems(props: RichTreeViewItemsProps): React.JSX.Element;
+export declare function RichTreeViewItems(props: RichTreeViewItemsProps): import("react/jsx-runtime").JSX.Element;
 interface RichTreeViewItemsOwnerState {
   itemId: TreeViewItemId;
   label: string;

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts

@@ -4,7 +4,7 @@ export declare const expansionSelectors: {
   /**
    * Gets the expanded items as provided to the component.
    */
-  expandedItemsRaw: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => string[];
+  expandedItemsRaw: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => readonly string[];
   /**
    * Gets the expanded items as a Map.
    */

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts

@@ -55,13 +55,13 @@ export interface UseTreeViewExpansionParameters {
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems?: string[];
+  expandedItems?: readonly string[];
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems?: string[];
+  defaultExpandedItems?: readonly string[];
   /**
    * Callback fired when Tree Items are expanded/collapsed.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
@@ -84,7 +84,7 @@ export interface UseTreeViewExpansionParameters {
 export type UseTreeViewExpansionParametersWithDefaults = DefaultizedProps<UseTreeViewExpansionParameters, 'defaultExpandedItems'>;
 export interface UseTreeViewExpansionState {
   expansion: {
-    expandedItems: string[];
+    expandedItems: readonly string[];
     expansionTrigger: 'content' | 'iconContainer';
   };
 }

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -44,7 +44,7 @@ const useTreeViewLabel = ({
     }
   };
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
-    store.set('label', (0, _extends2.default)({}, store.state.items, {
+    store.set('label', (0, _extends2.default)({}, store.state.label, {
       isItemEditable: params.isItemEditable
     }));
   }, [store, params.isItemEditable]);

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js

@@ -51,9 +51,29 @@ const useTreeViewSelectionItemPlugin = ({
   } = (0, _TreeViewProvider.useTreeViewContext)();
   const isCheckboxSelectionEnabled = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.isCheckboxSelectionEnabled);
   const isItemSelectionEnabled = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.canItemBeSelected, itemId);
-  const checkboxSelectionStatus = (0, _store.useStore)(store, selectorCheckboxSelectionStatus, itemId);
+  const selectionStatus = (0, _store.useStore)(store, selectorCheckboxSelectionStatus, itemId);
+  const isSelectionEnabledForItem = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.canItemBeSelected, itemId);
   return {
     propsEnhancers: {
+      root: () => {
+        // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
+        let ariaChecked;
+        if (selectionStatus === 'checked') {
+          // - each selected node has aria-checked set to true.
+          ariaChecked = true;
+        } else if (selectionStatus === 'indeterminate') {
+          ariaChecked = 'mixed';
+        } else if (!isSelectionEnabledForItem) {
+          // - if the tree contains nodes that are not selectable, aria-checked is not present on those nodes.
+          ariaChecked = undefined;
+        } else {
+          // - all nodes that are selectable but not selected have aria-checked set to false.
+          ariaChecked = false;
+        }
+        return {
+          'aria-checked': ariaChecked
+        };
+      },
       checkbox: ({
         externalEventHandlers,
         interactions
@@ -73,8 +93,8 @@ const useTreeViewSelectionItemPlugin = ({
           onChange: handleChange,
           visible: isCheckboxSelectionEnabled,
           disabled: !isItemSelectionEnabled,
-          checked: checkboxSelectionStatus === 'checked',
-          indeterminate: checkboxSelectionStatus === 'indeterminate'
+          checked: selectionStatus === 'checked',
+          indeterminate: selectionStatus === 'indeterminate'
         };
       }
     }

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts

@@ -130,6 +130,9 @@ export type UseTreeViewSelectionSignature = TreeViewPluginSignature<{
   state: UseTreeViewSelectionState;
   dependencies: [UseTreeViewItemsSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature];
 }>;
+export interface UseTreeItemRootSlotPropsFromSelection {
+  'aria-checked': React.AriaAttributes['aria-checked'];
+}
 export interface UseTreeItemCheckboxSlotPropsFromSelection {
   visible?: boolean;
   checked?: boolean;
@@ -139,5 +142,6 @@ export interface UseTreeItemCheckboxSlotPropsFromSelection {
   onChange?: TreeViewCancellableEventHandler<React.ChangeEvent<HTMLInputElement>>;
 }
 declare module '@mui/x-tree-view/useTreeItem' {
+  interface UseTreeItemRootSlotOwnProps extends UseTreeItemRootSlotPropsFromSelection {}
   interface UseTreeItemCheckboxSlotOwnProps extends UseTreeItemCheckboxSlotPropsFromSelection {}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "8.15.0",
+  "version": "8.17.0",
   "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": "8.14.0"
+    "@mui/x-internals": "8.17.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/useTreeItem/useTreeItem.js

@@ -61,7 +61,6 @@ const useTreeItem = parameters => {
   const handleContentRef = (0, _useMergedRefs.useMergedRefs)(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
   const treeId = (0, _store.useStore)(store, _useTreeViewId2.idSelectors.treeId);
-  const isSelectionEnabledForItem = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.canItemBeSelected, itemId);
   const isCheckboxSelectionEnabled = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.isCheckboxSelectionEnabled);
   const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
     itemId,
@@ -154,26 +153,12 @@ const useTreeItem = parameters => {
   });
   const getRootProps = (externalProps = {}) => {
     const externalEventHandlers = (0, _extends2.default)({}, (0, _extractEventHandlers.default)(parameters), (0, _extractEventHandlers.default)(externalProps));
-
-    // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-    let ariaSelected;
-    if (status.selected) {
-      // - each selected node has aria-selected set to true.
-      ariaSelected = true;
-    } else if (!isSelectionEnabledForItem) {
-      // - if the tree contains nodes that are not selectable, aria-selected is not present on those nodes.
-      ariaSelected = undefined;
-    } else {
-      // - all nodes that are selectable but not selected have aria-selected set to false.
-      ariaSelected = false;
-    }
     const props = (0, _extends2.default)({}, externalEventHandlers, {
       ref: handleRootRef,
       role: 'treeitem',
       tabIndex: shouldBeAccessibleWithTab ? 0 : -1,
       id: idAttribute,
       'aria-expanded': status.expandable ? status.expanded : undefined,
-      'aria-selected': ariaSelected,
       'aria-disabled': status.disabled || undefined
     }, externalProps, {
       style: (0, _extends2.default)({}, externalProps.style ?? {}, {

package/useTreeItem/useTreeItem.types.d.ts

@@ -42,7 +42,6 @@ export interface UseTreeItemRootSlotPropsFromUseTreeItem {
   tabIndex: 0 | -1;
   id: string;
   'aria-expanded': React.AriaAttributes['aria-expanded'];
-  'aria-selected': React.AriaAttributes['aria-selected'];
   'aria-disabled': React.AriaAttributes['aria-disabled'];
   onFocus: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
   onBlur: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;