@mui/x-tree-view 8.27.1 → 9.0.0-alpha.0

package/CHANGELOG.md

@@ -1,13 +1,212 @@
 # Changelog
 
-> For full v8 changelog, please refer to the [v.8x branch](https://github.com/mui/mui-x/blob/v8.x/CHANGELOG.md).
+## 9.0.0-alpha.0
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+_Feb 16, 2026_
 
-## v8.27.1
+We'd like to extend a big thank you to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- Add support for virtualized items on `<RichTreeViewPro />`:
+
+  ```tsx
+  <RichTreeViewPro items={ITEMS} virtualization itemHeight={48} />
+  ```
+
+- Add Thai (`thTH`) locale on the Data Grid and the Date and Time Pickers (#21116) @siriwatknp
+- Add a new `AdapterDayjsBuddhist` adapter for Date and Time Pickers (#20984) @siriwatknp
+- Add support for virtualization in the rich tree view (#20780) @flaviendelangle
+- Add WebGL renderer to Heatmap (#20756) @bernardobelchior
+
+Special thanks go out to these community members for their valuable contributions:
+@jhe-iqbis
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @cherniavskii, @dav-is, @flaviendelangle, @Janpot, @JCQuintas, @mapache-salvaje, @MBilalShafi, @michelengelen, @mj12albert, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.0`
+
+- [DataGrid] Update default `logicOperator` behavior in filtering docs (#21098) @michelengelen
+- [DataGrid] Add `thTH` locale (#21116) @siriwatknp
+- [DataGrid] Fix initial filter value state in CustomMultiValueOperator demo (#21217) @sai6855
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.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.0.0-alpha.0`, plus:
+
+- [DataGridPro] Cleanup outdated rows on `dataSource` reference update (#21138) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.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.0.0-alpha.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.0`
+
+- [pickers] Add `AdapterDayjsBuddhist` adapter (#20984) @siriwatknp
+- [pickers] Add `thTH` locale (#21116) @siriwatknp
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.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.0.0-alpha.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.0`
+
+- [charts] Add Legend actions (#20404) @JCQuintas
+- [charts] Add `Chart` suffix to MUI Classes (#21042) @JCQuintas
+- [charts] Add `axesGap` props to put space between axes (#20904) @alexfauquette
+- [charts] Add `cleanIdentifier` function to charts series instance (#20832) @JCQuintas
+- [charts] Add `initialHiddenItems` prop to set initial state (#20894) @JCQuintas
+- [charts] Add `useXAxisCoordinates` and `useYAxisCoordinates` hooks (#20972) @bernardobelchior
+- [charts] Add axis slots and expose axis ticks hooks (#20935) @bernardobelchior
+- [charts] Change `line` legend marker to be a line (#21059) @JCQuintas
+- [charts] Codemod test pattern with function (#21111) @JCQuintas
+- [charts] Control the item tooltip (#20617) @alexfauquette
+- [charts] Enable keyboard navigation in radar chart (#20765) @alexfauquette
+- [charts] Export `CartesianChartSeriesType` and `StackableChartSeriesType` (#21012) @bernardobelchior
+- [charts] Export plugins from premium (#20866) @JCQuintas
+- [charts] Filter hidden series from axis tooltip (#21273) @Copilot
+- [charts] Filter hidden series from axis tooltip (#21273) @Copilot
+- [charts] Fix rename `getSVGPoint` to `getChartPoint` (#21335) @bernardobelchior
+- [charts] Fix cleanup function in useChartInteractionListener to correctly remove event listeners with options (#21218) @sai6855
+- [charts] Fix import rename in codemod (#21112) @JCQuintas
+- [charts] Fix multiple exports of `HighlightScope` (#21270) @bernardobelchior
+- [charts] Fix test inconsistency in charts (#20907) @JCQuintas
+- [charts] Fix tooltip position for stacked line series (#20901) @alexfauquette
+- [charts] Make Highlight scope a generic (#21189) @alexfauquette
+- [charts] Make `LegendItemParams.type` required (#21003) @alexfauquette
+- [charts] Make `seriesId` a string only (#20997) @alexfauquette
+- [charts] Make the `useChartRootRef` support typing parameter (#21023) @alexfauquette
+- [charts] Memoize HeatmapItem to avoid re-render when fading/highlighting (#20865) @bernardobelchior
+- [charts] Move axis id to `data-axis-id` attribute instead of class (#21037) @JCQuintas
+- [charts] Move `cleanIdentifier` and `serializeIdentifier` instance methods to `useChartSeriesConfig` plugin (#21025) @JCQuintas
+- [charts] Move `seriesConfig` to `useChartSeriesConfig` plugin (#21004) @JCQuintas
+- [charts] Move element refs to `useChartElementRef` plugin (#21099) @JCQuintas
+- [charts] Move types related to `seriesConfig` into the `useChartSeriesConfig` plugin folder (#21026) @JCQuintas
+- [charts] Remove `data-has-focused-item` from `ChartsSurface` (#21255) @bernardobelchior
+- [charts] Remove default generic of item identifiers (#21182) @alexfauquette
+- [charts] Remove deprecated `id` from `LegendItemParams` (#21055) @alexfauquette
+- [charts] Remove deprecated `ChartApi` export from `ChartContainer` (#20975) @JCQuintas
+- [charts] Remove deprecated `useAxisTooltip` in favor of `useAxesTooltip` (#20962) @Copilot
+- [charts] Remove deprecated series type helpers and functions (#20998) @alexfauquette
+- [charts] Rename `ChartContainer` to `ChartsContainer` (#21173) @JCQuintas
+- [charts] Rename `getSVGPoint` to `getChartPoint` (#21322) @bernardobelchior
+- [charts] Rename `TickItemType` to `TickItem` (#21008) @bernardobelchior
+- [charts] Replace props `id` by `seriesId` when necessary (#21057) @alexfauquette
+- [charts] Revert `touch-action: pan-y` removal when zoom is disabled (#20852) @bernardobelchior
+- [charts] The `useXxxSeries([])` return empty array (#21001) @alexfauquette
+- [charts] Use `NumberValue` in domain limit function (#21054) @JCQuintas
+
+#### `@mui/x-charts-pro@9.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
 
-<!-- generated comparing v8.27.0..v8.x -->
+Same changes as in `@mui/x-charts@9.0.0-alpha.0`, plus:
+
+- [charts-pro] Add border radius to heatmap (#20931) @bernardobelchior
+- [charts-pro] Add keyboard navigation to funnel (#20766) @alexfauquette
+- [charts-pro] Add keyboard navigation to heatmap (#20786) @alexfauquette
+- [charts-pro] Add keyboard navigation to sankey (#20777) @alexfauquette
+- [charts-pro] Fix Heatmap's `onItemClick` not triggering (#21016) @bernardobelchior
+- [charts-pro] Fix crash when two same-direction axes have a zoom preview (#20916) @bernardobelchior
+- [charts-pro] Handle edge case in export image (#21190) @bernardobelchior
+- [charts-pro] Prefer global pointer interaction tracker in Heatmap (#20697) @bernardobelchior
+- [charts-pro] Support composition for Sankey (#20604) @alexfauquette
+- [charts-pro] Update Heatmap identifier (#21124) @alexfauquette
+- [charts-pro] Update default value of `hideLegend` prop in `Heatmap` (#20961) @Copilot
+
+#### `@mui/x-charts-premium@9.0.0-alpha.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.0.0-alpha.0`, plus:
+
+- [charts-premium] Add WebGL renderer to Heatmap (#20756) @bernardobelchior
+- [charts-premium] Add `ChartContainerPremium` (#20910) @bernardobelchior
+- [charts-premium] Add `HeatmapPremium` (#20930) @bernardobelchior
+- [charts-premium] Add keyboard navigation to range-bar (#21272) @alexfauquette
+- [charts-premium] Extract `HeatmapSVGPlot` from `HeatmapPlot` component (#21015) @bernardobelchior
+- [charts-premium] Fix `ChartDataProviderPremium` tests (#20868) @bernardobelchior
+- [charts-premium] Fix links in comments for chart containers and data providers (#21105) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.0`
+
+_No changes._
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.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.0.0-alpha.0`, plus:
+
+- [RichTreeViewPro] Add support for virtualization (#20780) @flaviendelangle
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.0`
+
+- [codemod] Document and Clean the codemod utils (#21014) @alexfauquette
+
+### Docs
+
+- [docs] Add focus highlight in composition snipets (#20614) @alexfauquette
+- [docs] Add simple candlestick chart demo (#20912) @bernardobelchior
+- [docs] Fix Waterfall Chart documentation badge from Pro to Premium (#20888) @Copilot
+- [docs] Fix broken links on Data Grid Editing sub-pages (#20911) @arminmeh
+- [docs] Fix docs API for HeatmapPremium (#21137) @alexfauquette
+- [docs] Fix horizontal overflow in heatmap docs (#20968) @bernardobelchior
+- [docs] Move Range Bar Chart to existing charts (#21120) @bernardobelchior
+- [docs] Prepare the scheduler doc for the alpha (#21268) @flaviendelangle
+- [docs] Rewording of the heatmap item click (#20987) @alexfauquette
+- [scheduler][docs] Create the Quickstart page (#20913) @flaviendelangle
+- [charts][docs] Revise the Charts CSP doc (#20906) @mapache-salvaje
+- [charts][docs] Revise the Charts Composition doc (#20032) @mapache-salvaje
+- [charts][docs] Revise the Charts Hooks Overview doc (#20921) @mapache-salvaje
+- [charts][docs] Revise the Charts Legend doc (#20821) @mapache-salvaje
+- [charts][docs] Revise the Charts Localization doc (#20800) @mapache-salvaje
+- [charts][docs] Revise the Charts Plugins doc (#20933) @mapache-salvaje
+- [charts][docs] Revise the Charts Stacking doc (#20830) @mapache-salvaje
+- [charts][docs] Revise the Charts Styling doc (#20835) @mapache-salvaje
+- [charts][docs] Revise the Charts Toolbar doc (#20867) @mapache-salvaje
+- [charts][docs] Revise the Charts Tooltip doc (#20869) @mapache-salvaje
+- [charts][docs] Revise the Charts Zoom and Pan doc (#20893) @mapache-salvaje
+- [DataGrid][docs] Add a recipe for handling long text cell (#20754) @siriwatknp
+- [DataGrid][docs] Add high-level competitor comparison to Overview doc (DX-117) (#20870) @mapache-salvaje
+- [DataGrid][docs] Remove Bundling section from quickstart (#21177) @MBilalShafi
+
+### Core
+
+- [code-infra] Add `MUI_TEST_ENV` global (#21187) @Janpot
+- [code-infra] Fix `material-ui/disallow-react-api-in-server-components` (#20909) @JCQuintas
+- [code-infra] Fix `renameImports` codemod not preserving comments (#20977) @JCQuintas
+- [code-infra] Fix the label comparison to use lower case (#20934) @brijeshb42
+- [code-infra] Github action to sync title and label (#20922) @brijeshb42
+- [code-infra] Ignore scheduler demo with random data (#20982) @JCQuintas
+- [code-infra] Improve `codemod` testing setup (#20981) @JCQuintas
+- [code-infra] Only ignore renovate[bot] in changelog generation script (#21185) @bernardobelchior
+- [code-infra] Prepare for v9 (#20860) @JCQuintas
+- [code-infra] Set `rasterizehtml` version in pnpm catalog (#21175) @bernardobelchior
+- [code-infra] Update codeowners (#20886) @JCQuintas
+- [code-infra] V9 preparation (#20928) @JCQuintas
+- [code-infra] eslint rule rename (#21172) @Janpot
+- [code-infra][docs] V9 charts migration doc kickoff (#20973) @JCQuintas
+- [docs-infra] Add Cookie Banner and Analytics Provider (#21228) @dav-is
+- [docs-infra] Fix missing slots section on API page (#20915) @Janpot
+- [docs-infra] Fix two broken links (#20914) @Janpot
+- [docs-infra] Port demo changes (#20971) @Janpot
+- [internal] Add information about codemods to AGENTS.md (#21011) @bernardobelchior
+- [internal] Fix codemod versioning instructions in `AGENTS.md` (#21024) @bernardobelchior
+- [internal] Fix missing generated props in master (#21142) @bernardobelchior
+- [internal] Headless sorting plugin (#21089) @arminmeh
+- [internal] Remove duplicate code (#20896) @oliviertassinari
+
+### Miscellaneous
+
+- Bump next to ^15.5.11 (#21171) @Copilot
+- [core] Fix CI (#21223) @flaviendelangle
+- [PoC] Headless data grid (#20645) @cherniavskii
+
+## v8.27.1
 
 _Feb 13, 2026_
 

package/RichTreeView/RichTreeView.js

@@ -15,14 +15,12 @@ var _store = require("@mui/x-internals/store");
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _warning = require("@mui/x-internals/warning");
 var _richTreeViewClasses = require("./richTreeViewClasses");
 var _zeroStyled = require("../internals/zero-styled");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _RichTreeViewItems = require("../internals/components/RichTreeViewItems");
 var _lazyLoading = require("../internals/plugins/lazyLoading");
-var _useTreeViewRootProps = require("../internals/hooks/useTreeViewRootProps");
 var _TreeViewItemDepthContext = require("../internals/TreeViewItemDepthContext");
 var _useExtractRichTreeViewParameters = require("./useExtractRichTreeViewParameters");
 var _items = require("../internals/plugins/items");
@@ -81,27 +79,29 @@ const RichTreeView = exports.RichTreeView = /*#__PURE__*/React.forwardRef(functi
     }
   }
   const {
-    slots,
+    slots: inSlots,
     slotProps,
     apiRef,
     parameters,
     forwardedProps
   } = (0, _useExtractRichTreeViewParameters.useExtractRichTreeViewParameters)(props);
+
+  // Context hooks
   const store = (0, _useTreeViewStore.useTreeViewStore)(_RichTreeViewStore.RichTreeViewStore, parameters);
+
+  // Ref hooks
   const ref = React.useRef(null);
   const handleRef = (0, _useMergedRefs.useMergedRefs)(forwardedRef, ref);
-  const getRootProps = (0, _useTreeViewRootProps.useTreeViewRootProps)(store, forwardedProps, handleRef);
-  const classes = useUtilityClasses(props);
+
+  // Selector hooks
   const isLoading = (0, _store.useStore)(store, _lazyLoading.lazyLoadingSelectors.isItemLoading, null);
   const error = (0, _store.useStore)(store, _lazyLoading.lazyLoadingSelectors.itemError, null);
-  const Root = slots?.root ?? RichTreeViewRoot;
-  const rootProps = (0, _useSlotProps.default)({
-    elementType: Root,
-    externalSlotProps: slotProps?.root,
-    className: classes.root,
-    getSlotProps: getRootProps,
-    ownerState: props
-  });
+
+  // Feature hooks
+  const classes = useUtilityClasses(props);
+  const slots = React.useMemo(() => (0, _extends2.default)({
+    root: RichTreeViewRoot
+  }, inSlots), [inSlots]);
   if (isLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       children: "Loading..."
@@ -122,12 +122,13 @@ const RichTreeView = exports.RichTreeView = /*#__PURE__*/React.forwardRef(functi
     rootRef: ref,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewItemDepthContext.TreeViewItemDepthContext.Provider, {
       value: _items.itemsSelectors.itemDepth,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichTreeViewItems.RichTreeViewItems, {
-          slots: slots,
-          slotProps: slotProps
-        })
-      }))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichTreeViewItems.RichTreeViewItems, {
+        slots: slots,
+        slotProps: slotProps,
+        forwardedProps: forwardedProps,
+        ownerState: props,
+        rootRef: handleRef
+      })
     })
   });
 });
@@ -188,6 +189,13 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * @default false
    */
   disableSelection: _propTypes.default.bool,
+  /**
+   * When equal to 'flat', the tree is rendered as a flat list (children are rendered as siblings of their parents).
+   * When equal to 'nested', the tree is rendered with nested children (children are rendered inside the groupTransition slot of their children).
+   * Nested DOM structure is not compatible with collapse / expansion animations.
+   * @default 'nested'
+   */
+  domStructure: _propTypes.default.oneOf(['flat', 'nested']),
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
@@ -258,6 +266,11 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * @default 12px
    */
   itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  /**
+   * Sets the height in pixel of an item.
+   * If not provided, no height restriction is applied to the tree item content element.
+   */
+  itemHeight: _propTypes.default.number,
   items: _propTypes.default.array.isRequired,
   /**
    * Whether multiple items can be selected.

package/RichTreeView/RichTreeView.types.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system/styleFunctionSx';
-import { SlotComponentProps } from '@mui/utils/types';
 import { RichTreeViewClasses } from "./richTreeViewClasses.js";
 import { RichTreeViewItemsSlotProps, RichTreeViewItemsSlots } from "../internals/components/RichTreeViewItems.js";
 import { TreeViewSlotProps, TreeViewSlots } from "../internals/TreeViewProvider/TreeViewStyleContext.js";
@@ -9,16 +8,14 @@ import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.js";
 import { TreeViewValidItem } from "../models/items.js";
 import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.js";
 import { TreeViewPublicAPI } from "../internals/models/index.js";
-export interface RichTreeViewSlots extends TreeViewSlots, RichTreeViewItemsSlots {
+export interface RichTreeViewSlots extends TreeViewSlots, Omit<RichTreeViewItemsSlots, 'root'> {
   /**
    * Element rendered at the root.
    * @default RichTreeViewRoot
    */
   root?: React.ElementType;
 }
-export interface RichTreeViewSlotProps<R extends {}, Multiple extends boolean | undefined> extends TreeViewSlotProps, RichTreeViewItemsSlotProps {
-  root?: SlotComponentProps<'ul', {}, RichTreeViewProps<R, Multiple>>;
-}
+export interface RichTreeViewSlotProps<R extends {}, Multiple extends boolean | undefined> extends TreeViewSlotProps, RichTreeViewItemsSlotProps<RichTreeViewProps<R, Multiple>> {}
 export type RichTreeViewApiRef<R extends TreeViewValidItem<R> = any, Multiple extends boolean | undefined = any> = React.RefObject<Partial<TreeViewPublicAPI<RichTreeViewStore<R, Multiple>>> | undefined>;
 export interface RichTreeViewPropsBase extends React.HTMLAttributes<HTMLUListElement> {
   className?: string;

package/RichTreeView/useExtractRichTreeViewParameters.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useExtractRichTreeViewParameters = useExtractRichTreeViewParameters;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "items", "isItemDisabled", "isItemSelectionDisabled", "getItemLabel", "getItemChildren", "getItemId", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "onItemLabelChange", "isItemEditable"];
+const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "items", "isItemDisabled", "isItemSelectionDisabled", "getItemLabel", "getItemChildren", "getItemId", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "itemHeight", "onItemLabelChange", "isItemEditable", "domStructure"];
 function useExtractRichTreeViewParameters(props) {
   const {
       // Props for Provider
@@ -40,9 +40,11 @@ function useExtractRichTreeViewParameters(props) {
       onSelectedItemsChange,
       onItemSelectionToggle,
       onItemFocus,
+      itemHeight,
       // RichTreeViewStore parameters
       onItemLabelChange,
-      isItemEditable
+      isItemEditable,
+      domStructure
 
       // Forwarded props
     } = props,
@@ -73,14 +75,16 @@ function useExtractRichTreeViewParameters(props) {
     onSelectedItemsChange,
     onItemSelectionToggle,
     onItemFocus,
+    itemHeight,
     // RichTreeViewStore parameters
     onItemLabelChange,
-    isItemEditable
+    isItemEditable,
+    domStructure
   }), [
   // Shared parameters
-  disabledItemsFocusable, items, isItemDisabled, isItemSelectionDisabled, getItemLabel, getItemChildren, getItemId, onItemClick, itemChildrenIndentation, id, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpansionToggle, expansionTrigger, disableSelection, selectedItems, defaultSelectedItems, multiSelect, checkboxSelection, selectionPropagation, onSelectedItemsChange, onItemSelectionToggle, onItemFocus,
+  disabledItemsFocusable, items, isItemDisabled, isItemSelectionDisabled, getItemLabel, getItemChildren, getItemId, onItemClick, itemChildrenIndentation, id, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpansionToggle, expansionTrigger, disableSelection, selectedItems, defaultSelectedItems, multiSelect, checkboxSelection, selectionPropagation, onSelectedItemsChange, onItemSelectionToggle, onItemFocus, itemHeight,
   // RichTreeViewStore parameters
-  onItemLabelChange, isItemEditable]);
+  onItemLabelChange, isItemEditable, domStructure]);
   return {
     apiRef,
     slots,

package/SimpleTreeView/SimpleTreeView.js

@@ -192,6 +192,11 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
    * @default 12px
    */
   itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  /**
+   * Sets the height in pixel of an item.
+   * If not provided, no height restriction is applied to the tree item content element.
+   */
+  itemHeight: _propTypes.default.number,
   /**
    * Whether multiple items can be selected.
    * @default false

package/SimpleTreeView/useExtractSimpleTreeViewParameters.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useExtractSimpleTreeViewParameters = useExtractSimpleTreeViewParameters;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus"];
+const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "itemHeight"];
 function useExtractSimpleTreeViewParameters(props) {
   const {
       // Props for Provider
@@ -33,7 +33,8 @@ function useExtractSimpleTreeViewParameters(props) {
       selectionPropagation,
       onSelectedItemsChange,
       onItemSelectionToggle,
-      onItemFocus
+      onItemFocus,
+      itemHeight
 
       // SimpleTreeViewStore parameters
 
@@ -59,12 +60,13 @@ function useExtractSimpleTreeViewParameters(props) {
     selectionPropagation,
     onSelectedItemsChange,
     onItemSelectionToggle,
-    onItemFocus
+    onItemFocus,
+    itemHeight
 
     // SimpleTreeViewStore parameters
   }), [
   // Shared parameters
-  disabledItemsFocusable, onItemClick, itemChildrenIndentation, id, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpansionToggle, expansionTrigger, disableSelection, selectedItems, defaultSelectedItems, multiSelect, checkboxSelection, selectionPropagation, onSelectedItemsChange, onItemSelectionToggle, onItemFocus
+  disabledItemsFocusable, onItemClick, itemChildrenIndentation, id, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpansionToggle, expansionTrigger, disableSelection, selectedItems, defaultSelectedItems, multiSelect, checkboxSelection, selectionPropagation, onSelectedItemsChange, onItemSelectionToggle, onItemFocus, itemHeight
 
   // SimpleTreeViewStore parameters
   ]);

package/TreeItem/TreeItem.d.ts

@@ -15,7 +15,7 @@ export declare const TreeItemErrorContainer: import("@emotion/styled").StyledCom
 export declare const TreeItemLoadingContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/CircularProgress").CircularProgressProps, keyof import("@mui/material/CircularProgress").CircularProgressProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const TreeItemCheckbox: import("@emotion/styled").StyledComponent<Pick<Omit<CheckboxProps & {
   visible?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "aria-expanded" | "aria-disabled" | "onDoubleClick" | "aria-hidden" | "content" | "disabled" | "slots" | "slotProps" | "className" | "classes" | "color" | "sx" | "suppressHydrationWarning" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "icon" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "checked" | "visible" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "indeterminate" | "readOnly" | "required" | "size" | "component" | "checkedIcon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "inputProps" | "inputRef" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "aria-expanded" | "aria-disabled" | "onDoubleClick" | "aria-hidden" | "content" | "disabled" | "slots" | "slotProps" | "className" | "classes" | "color" | "sx" | "suppressHydrationWarning" | "id" | "lang" | "name" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "icon" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "checked" | "visible" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "indeterminate" | "readOnly" | "required" | "size" | "component" | "checkedIcon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "inputProps" | "inputRef" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLLIElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/TreeItem/TreeItem.js

@@ -27,7 +27,7 @@ var _TreeItemIcon = require("../TreeItemIcon");
 var _TreeItemDragAndDropOverlay = require("../TreeItemDragAndDropOverlay");
 var _TreeItemProvider = require("../TreeItemProvider");
 var _TreeItemLabelInput = require("../TreeItemLabelInput");
-var _TreeViewStyleContext = require("../internals/TreeViewProvider/TreeViewStyleContext");
+var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["visible"],
   _excluded2 = ["id", "itemId", "label", "disabled", "disableSelection", "children", "slots", "slotProps", "classes"];
@@ -52,6 +52,7 @@ const TreeItemContent = exports.TreeItemContent = (0, _zeroStyled.styled)('div',
   paddingLeft: `calc(${theme.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`,
   borderRadius: theme.shape.borderRadius,
   width: '100%',
+  height: 'var(--TreeView-itemHeight, unset)',
   boxSizing: 'border-box',
   // prevent width + padding to overflow
   position: 'relative',
@@ -173,7 +174,7 @@ if (process.env.NODE_ENV !== "production") TreeItemCheckbox.displayName = "TreeI
 const useUtilityClasses = classesProp => {
   const {
     classes: classesFromTreeView
-  } = (0, _TreeViewStyleContext.useTreeViewStyleContext)();
+  } = (0, _TreeViewProvider.useTreeViewStyleContext)();
   const classes = (0, _extends2.default)({}, classesProp, {
     root: (0, _clsx.default)(classesProp?.root, classesFromTreeView.root),
     content: (0, _clsx.default)(classesProp?.content, classesFromTreeView.itemContent),

package/TreeItemIcon/TreeItemIcon.js

@@ -13,7 +13,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _TreeViewStyleContext = require("../internals/TreeViewProvider/TreeViewStyleContext");
+var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ownerState"];
@@ -35,7 +35,7 @@ function TreeItemIcon(props) {
   const {
     slots: slotsFromTreeView,
     slotProps: slotPropsFromTreeView
-  } = (0, _TreeViewStyleContext.useTreeViewStyleContext)();
+  } = (0, _TreeViewProvider.useTreeViewStyleContext)();
   const slots = {
     collapseIcon: pickIcon(slotsFromTreeItem?.collapseIcon, slotsFromTreeView.collapseIcon, _icons.TreeViewCollapseIcon),
     expandIcon: pickIcon(slotsFromTreeItem?.expandIcon, slotsFromTreeView.expandIcon, _icons.TreeViewExpandIcon),

package/esm/RichTreeView/RichTreeView.js

@@ -8,14 +8,12 @@ import { useStore } from '@mui/x-internals/store';
 import Alert from '@mui/material/Alert';
 import Typography from '@mui/material/Typography';
 import composeClasses from '@mui/utils/composeClasses';
-import useSlotProps from '@mui/utils/useSlotProps';
 import { warnOnce } from '@mui/x-internals/warning';
 import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.js";
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
 import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
 import { RichTreeViewItems } from "../internals/components/RichTreeViewItems.js";
 import { lazyLoadingSelectors } from "../internals/plugins/lazyLoading/index.js";
-import { useTreeViewRootProps } from "../internals/hooks/useTreeViewRootProps.js";
 import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
 import { useExtractRichTreeViewParameters } from "./useExtractRichTreeViewParameters.js";
 import { itemsSelectors } from "../internals/plugins/items/index.js";
@@ -74,27 +72,29 @@ const RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps
     }
   }
   const {
-    slots,
+    slots: inSlots,
     slotProps,
     apiRef,
     parameters,
     forwardedProps
   } = useExtractRichTreeViewParameters(props);
+
+  // Context hooks
   const store = useTreeViewStore(RichTreeViewStore, parameters);
+
+  // Ref hooks
   const ref = React.useRef(null);
   const handleRef = useMergedRefs(forwardedRef, ref);
-  const getRootProps = useTreeViewRootProps(store, forwardedProps, handleRef);
-  const classes = useUtilityClasses(props);
+
+  // Selector hooks
   const isLoading = useStore(store, lazyLoadingSelectors.isItemLoading, null);
   const error = useStore(store, lazyLoadingSelectors.itemError, null);
-  const Root = slots?.root ?? RichTreeViewRoot;
-  const rootProps = useSlotProps({
-    elementType: Root,
-    externalSlotProps: slotProps?.root,
-    className: classes.root,
-    getSlotProps: getRootProps,
-    ownerState: props
-  });
+
+  // Feature hooks
+  const classes = useUtilityClasses(props);
+  const slots = React.useMemo(() => _extends({
+    root: RichTreeViewRoot
+  }, inSlots), [inSlots]);
   if (isLoading) {
     return /*#__PURE__*/_jsx(Typography, {
       children: "Loading..."
@@ -115,12 +115,13 @@ const RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps
     rootRef: ref,
     children: /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {
       value: itemsSelectors.itemDepth,
-      children: /*#__PURE__*/_jsx(Root, _extends({}, rootProps, {
-        children: /*#__PURE__*/_jsx(RichTreeViewItems, {
-          slots: slots,
-          slotProps: slotProps
-        })
-      }))
+      children: /*#__PURE__*/_jsx(RichTreeViewItems, {
+        slots: slots,
+        slotProps: slotProps,
+        forwardedProps: forwardedProps,
+        ownerState: props,
+        rootRef: handleRef
+      })
     })
   });
 });
@@ -181,6 +182,13 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * @default false
    */
   disableSelection: PropTypes.bool,
+  /**
+   * When equal to 'flat', the tree is rendered as a flat list (children are rendered as siblings of their parents).
+   * When equal to 'nested', the tree is rendered with nested children (children are rendered inside the groupTransition slot of their children).
+   * Nested DOM structure is not compatible with collapse / expansion animations.
+   * @default 'nested'
+   */
+  domStructure: PropTypes.oneOf(['flat', 'nested']),
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
@@ -251,6 +259,11 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * @default 12px
    */
   itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * Sets the height in pixel of an item.
+   * If not provided, no height restriction is applied to the tree item content element.
+   */
+  itemHeight: PropTypes.number,
   items: PropTypes.array.isRequired,
   /**
    * Whether multiple items can be selected.