@mui/x-tree-view-pro 9.0.0-beta.0 → 9.0.0-rc.0

package/CHANGELOG.md

@@ -1,5 +1,159 @@
 # Changelog
 
+## 9.0.0-rc.0
+
+<!-- generated comparing v9.0.0-beta.0..master -->
+
+_Apr 7, 2026_
+
+We'd like to extend a big thank you to the 18 contributors who made this release possible.
+
+Special thanks go out to these community members for their valuable contributions:
+@mixelburg, @sibananda485, @youjin-hong
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @brijeshb42, @flaviendelangle, @JCQuintas, @LukasTy, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @romgrk, @siriwatknp, @ZeeshanTamboli
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-rc.0`
+
+- [DataGrid] Rename filter panel `Columns` label to singular `Column` (#21935) @youjin-hong
+- [DataGrid] Export `GridColumnUnsortedIconProps` for custom column icon slots (#21658) @mixelburg
+- [DataGrid] Remove `x-virtualizer`'s `virtualScroller` from public API (#21936) @romgrk
+- [DataGrid][virtualizer] Scrolling without render gaps (#21616) @romgrk
+
+#### `@mui/x-data-grid-pro@9.0.0-rc.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-rc.0`, plus:
+
+- [DataGridPro] Improve trigger for nested row reordering (#21642) @MBilalShafi
+- [DataGridPro] Undeprecate `onRowsScrollEnd` prop (#21912) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@9.0.0-rc.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-rc.0`, plus:
+
+- [DataGridPremium] Fix clipboard paste issue in portal (#21931) @sibananda485
+
+### Date and Time Pickers
+
+#### Breaking changes
+
+- Accessible DOM structure is now the only default. [Read more](https://next.mui.com/x/migration/migration-pickers-v8/#accessible-dom-structure-is-now-the-default)
+- The `PickerDay2` and `DateRangePickerDay2` components were propagated to stable while removing the previous defaults. [Read more](https://next.mui.com/x/migration/migration-pickers-v8/#day-slot)
+
+#### `@mui/x-date-pickers@9.0.0-rc.0`
+
+- [pickers] Remove `PickersDay` and `DateRangePickerDay` and promote their `2` versions as replacements (#21739) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-rc.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-rc.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-rc.0.0`
+
+- [charts] Make line visibility toggle start from the baseline (#21893) @alexfauquette
+- [charts] Remove the container overflow (#21955) @alexfauquette
+- [charts] Revert `theme.alpha` for non-channel token (#21965) @siriwatknp
+
+#### `@mui/x-charts-pro@9.0.0-rc.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.0-rc.0.0`, plus:
+
+- [charts-pro] Zoom slider touch improvements (#21832) @JCQuintas
+- [charts-pro] Add `seriesIds` filter to zoom slider preview (#21933) @JCQuintas
+- [charts-pro] Fix zoom slider preview with discard filter mode (#21883) @JCQuintas
+
+#### `@mui/x-charts-premium@9.0.0-rc.0.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-rc.0.0`, plus:
+
+- [charts-premium] Add series `valueFormatter` to candlestick chart (#21905) @JCQuintas
+- [charts-premium] Add zoom slider preview support for candlestick charts (#21914) @JCQuintas
+- [charts-premium] Allow color customization in `Candlestick` chart (#21838) @JCQuintas
+- [charts-premium] Support hide/show for OHLC (candlestick) series (#21807) @Copilot
+- [charts-premium] Add `dataset` support to `Candlestick` chart (#21872) @JCQuintas
+- [charts-premium] Add candlestick page to sidebar navigation (#21834) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-rc.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-rc.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-rc.0`, plus:
+
+- [RichTreeViewPro] Allow to auto-expand lazy loaded items (#21759) @flaviendelangle
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-alpha.0`
+
+- [scheduler] Add locale files, adapt l10n scripts, and add localization table to docs (#21870) @rita-codes
+- [scheduler] Add planned features to the docs (#21705) @rita-codes
+- [scheduler] Add scheduler to docs introduction (#21845) @rita-codes
+- [scheduler] Add wide docs to scheduler (#21860) @noraleonte
+- [scheduler] All day event bugfixes (#21884) @noraleonte
+- [scheduler] Autofocus title field (#21947) @noraleonte
+- [scheduler] Change default event creation trigger to single click (#21979) @rita-codes
+- [scheduler] Change order of the views on the view selector (#21904) @rita-codes
+- [scheduler] Disabled border color for the repeat day picker in dark mode (#21987) @rita-codes
+- [scheduler] Drop unused dependency (#21956) @flaviendelangle
+- [scheduler] Fix all-day event shifting to previous day in negative UTC offsets (#21994) @rita-codes
+- [scheduler] Fix dark theme localization demos (#21992) @noraleonte
+- [scheduler] Fix licensing confusion in docs (#21939) @rita-codes
+- [scheduler] Fix preferences menu width shift when toggling options + Improve preferences menu accessibility (#21902) @rita-codes
+- [scheduler] Prepare for the alpha launch (#21859) @rita-codes
+- [scheduler] Sync Base UI internals and apply good practices (#21946) @flaviendelangle
+- [scheduler] Update close modal aria label translation (#21940) @rita-codes
+- [scheduler] Add Spanish (es-ES) locale (#21900) @rita-codes
+- [scheduler] Improve French (fr-FR) locale (#21941) @rita-codes
+- [scheduler] Improve Romanian (ro-RO) locale (#21942) @rita-codes
+
+#### `@mui/x-scheduler-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-scheduler@9.0.0-alpha.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-rc.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix JSDOM → jsdom casing (#21907) @JCQuintas
+- [docs] Remove Joy UI references and dependency (#21937) @siriwatknp
+- [docs] Remove none generated files (#21886) @alexfauquette
+- [docs] Remove unused interactive demo code (#21945) @LukasTy
+- [docs] Revise the Funnel doc (#21677) @mapache-salvaje
+- [docs] Revise the Line chart docs (#21554) @mapache-salvaje
+- [docs] Revise the Radar doc (#21674) @mapache-salvaje
+- [docs] Revise the Sankey doc (#21678) @mapache-salvaje
+- [docs] Revise the Scatter chart docs (#21564) @mapache-salvaje
+
+### Core
+
+- [docs-infra] Update to the latest monorepo (#21971) @brijeshb42
+- [internal] Remove checks for `materialVersion >= 6` (#21975) @LukasTy
+
+### Miscellaneous
+
+- [core] Bump @mui/material to v9.0.0-beta.1 (#21858) @siriwatknp
+- [core] Update browserslistrc (#21974) @siriwatknp
+- [deps] Bump minimum core packages to 7.3.0 to adopt theme color manipulator (#21892) @siriwatknp
+- [telemetry] Prefer upstream remote over origin for `projectId` (#21882) @aemartos
+- [telemetry] Send `repoHash`, `[x]packageNameHash`, and `rootPathHash` alongside `projectId` (#21896) @aemartos
+- [test] Exclude flaky `DataGrid` argos test (#21977) @MBilalShafi
+- [test] Fix flaky `DataGrid` test (#22000) @arminmeh
+- [test] Remove `componentsProp` test from `describeConformance` (#21897) @ZeeshanTamboli
+- [x-license] Change `orderId` type from `number` to `string` (#21885) @aemartos
+
 ## 9.0.0-beta.0
 
 <!-- generated comparing v9.0.0-alpha.4..master -->
@@ -313,7 +467,7 @@ Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
 - Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
 - The `<RichTreeViewPro />` component has now virtualization enabled by default.
 - The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
-- The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
+- The items of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
 
 #### `@mui/x-tree-view@9.0.0-alpha.3`
 

package/RichTreeViewPro/RichTreeViewPro.js

@@ -59,8 +59,8 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
   }
 });
 const packageInfo = {
-  releaseDate: "MTc3NDU2OTYwMDAwMA==",
-  version: "9.0.0-beta.0",
+  releaseDate: "MTc3NTUyMDAwMDAwMA==",
+  version: "9.0.0-rc.0",
   name: 'x-tree-view-pro'
 };
 
@@ -369,6 +369,15 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {boolean} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
   onItemSelectionToggle: _propTypes.default.func,
+  /**
+   * Callback fired when the children of an item are loaded from the data source.
+   * Only relevant for lazy-loaded tree views.
+   * @param {object} parameters The parameters of the callback.
+   * @param {R[]} parameters.items The items that were loaded.
+   * @param {TreeViewItemId | null} parameters.parentId The id of the parent item whose children were loaded. `null` if the root items were loaded.
+   * @param {boolean} parameters.isCacheHit `true` if the items were loaded from the cache, `false` if they were fetched from the data source.
+   */
+  onItemsLazyLoaded: _propTypes.default.func,
   /**
    * Callback fired when Tree Items are selected/deselected.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.

package/RichTreeViewPro/RichTreeViewPro.mjs

@@ -52,8 +52,8 @@ export const RichTreeViewProRoot = styled('ul', {
   }
 });
 const packageInfo = {
-  releaseDate: "MTc3NDU2OTYwMDAwMA==",
-  version: "9.0.0-beta.0",
+  releaseDate: "MTc3NTUyMDAwMDAwMA==",
+  version: "9.0.0-rc.0",
   name: 'x-tree-view-pro'
 };
 
@@ -362,6 +362,15 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {boolean} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
   onItemSelectionToggle: PropTypes.func,
+  /**
+   * Callback fired when the children of an item are loaded from the data source.
+   * Only relevant for lazy-loaded tree views.
+   * @param {object} parameters The parameters of the callback.
+   * @param {R[]} parameters.items The items that were loaded.
+   * @param {TreeViewItemId | null} parameters.parentId The id of the parent item whose children were loaded. `null` if the root items were loaded.
+   * @param {boolean} parameters.isCacheHit `true` if the items were loaded from the cache, `false` if they were fetched from the data source.
+   */
+  onItemsLazyLoaded: PropTypes.func,
   /**
    * Callback fired when Tree Items are selected/deselected.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.

package/RichTreeViewPro/useExtractRichTreeViewProParameters.d.mts

@@ -138,18 +138,18 @@ export declare function useExtractRichTreeViewProParameters<R extends TreeViewVa
     onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
     onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
     onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
+    onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
+    onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
     onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
     onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
     onError?: React.ReactEventHandler<HTMLUListElement> | undefined;

package/RichTreeViewPro/useExtractRichTreeViewProParameters.d.ts

@@ -138,18 +138,18 @@ export declare function useExtractRichTreeViewProParameters<R extends TreeViewVa
     onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
     onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
     onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
+    onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
+    onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
     onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
     onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
     onError?: React.ReactEventHandler<HTMLUListElement> | undefined;

package/RichTreeViewPro/useExtractRichTreeViewProParameters.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useExtractRichTreeViewProParameters = useExtractRichTreeViewProParameters;
 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", "itemHeight", "onItemLabelChange", "isItemEditable", "domStructure", "dataSource", "dataSourceCache", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "disableVirtualization"];
+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", "dataSource", "dataSourceCache", "onItemsLazyLoaded", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "disableVirtualization"];
 function useExtractRichTreeViewProParameters(props) {
   const {
       // Props for Provider
@@ -48,6 +48,7 @@ function useExtractRichTreeViewProParameters(props) {
       // RichTreeViewProStore parameters
       dataSource,
       dataSourceCache,
+      onItemsLazyLoaded,
       itemsReordering,
       isItemReorderable,
       canMoveItemToNewPosition,
@@ -91,6 +92,7 @@ function useExtractRichTreeViewProParameters(props) {
     // RichTreeViewProStore parameters
     dataSource,
     dataSourceCache,
+    onItemsLazyLoaded,
     itemsReordering,
     isItemReorderable,
     canMoveItemToNewPosition,
@@ -102,7 +104,7 @@ function useExtractRichTreeViewProParameters(props) {
   // RichTreeViewStore parameters
   onItemLabelChange, isItemEditable, domStructure,
   // RichTreeViewProStore parameters
-  dataSource, dataSourceCache, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange, disableVirtualization]);
+  dataSource, dataSourceCache, onItemsLazyLoaded, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange, disableVirtualization]);
   return {
     apiRef,
     slots,

package/RichTreeViewPro/useExtractRichTreeViewProParameters.mjs

@@ -1,5 +1,5 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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", "dataSource", "dataSourceCache", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "disableVirtualization"];
+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", "dataSource", "dataSourceCache", "onItemsLazyLoaded", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "disableVirtualization"];
 import * as React from 'react';
 export function useExtractRichTreeViewProParameters(props) {
   const {
@@ -40,6 +40,7 @@ export function useExtractRichTreeViewProParameters(props) {
       // RichTreeViewProStore parameters
       dataSource,
       dataSourceCache,
+      onItemsLazyLoaded,
       itemsReordering,
       isItemReorderable,
       canMoveItemToNewPosition,
@@ -83,6 +84,7 @@ export function useExtractRichTreeViewProParameters(props) {
     // RichTreeViewProStore parameters
     dataSource,
     dataSourceCache,
+    onItemsLazyLoaded,
     itemsReordering,
     isItemReorderable,
     canMoveItemToNewPosition,
@@ -94,7 +96,7 @@ export function useExtractRichTreeViewProParameters(props) {
   // RichTreeViewStore parameters
   onItemLabelChange, isItemEditable, domStructure,
   // RichTreeViewProStore parameters
-  dataSource, dataSourceCache, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange, disableVirtualization]);
+  dataSource, dataSourceCache, onItemsLazyLoaded, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange, disableVirtualization]);
   return {
     apiRef,
     slots,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v9.0.0-beta.0
+ * @mui/x-tree-view-pro v9.0.0-rc.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v9.0.0-beta.0
+ * @mui/x-tree-view-pro v9.0.0-rc.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/RichTreeViewProStore/RichTreeViewProStore.d.mts

@@ -4,8 +4,9 @@ import { RichTreeViewProStoreParameters, RichTreeViewProState } from "./RichTree
 import { TreeViewLazyLoadingPlugin } from "../plugins/lazyLoading/index.mjs";
 import { TreeViewItemsReorderingPlugin } from "../plugins/itemsReordering/index.mjs";
 export declare class RichTreeViewProStore<R extends TreeViewValidItem<R>, Multiple extends boolean | undefined> extends ExtendableRichTreeViewStore<R, Multiple, RichTreeViewProState<R, Multiple>, RichTreeViewProStoreParameters<R, Multiple>> {
-  lazyLoading: TreeViewLazyLoadingPlugin;
+  lazyLoading: TreeViewLazyLoadingPlugin<R>;
   itemsReordering: TreeViewItemsReorderingPlugin;
+  disposeEffect: () => () => void;
   constructor(parameters: RichTreeViewProStoreParameters<R, Multiple>);
   buildPublicAPI(): {
     updateItemChildren: (itemId: import("@mui/x-tree-view").TreeViewItemId | null) => Promise<void>;

package/internals/RichTreeViewProStore/RichTreeViewProStore.d.ts

@@ -4,8 +4,9 @@ import { RichTreeViewProStoreParameters, RichTreeViewProState } from "./RichTree
 import { TreeViewLazyLoadingPlugin } from "../plugins/lazyLoading/index.js";
 import { TreeViewItemsReorderingPlugin } from "../plugins/itemsReordering/index.js";
 export declare class RichTreeViewProStore<R extends TreeViewValidItem<R>, Multiple extends boolean | undefined> extends ExtendableRichTreeViewStore<R, Multiple, RichTreeViewProState<R, Multiple>, RichTreeViewProStoreParameters<R, Multiple>> {
-  lazyLoading: TreeViewLazyLoadingPlugin;
+  lazyLoading: TreeViewLazyLoadingPlugin<R>;
   itemsReordering: TreeViewItemsReorderingPlugin;
+  disposeEffect: () => () => void;
   constructor(parameters: RichTreeViewProStoreParameters<R, Multiple>);
   buildPublicAPI(): {
     updateItemChildren: (itemId: import("@mui/x-tree-view").TreeViewItemId | null) => Promise<void>;

package/internals/RichTreeViewProStore/RichTreeViewProStore.js

@@ -12,6 +12,10 @@ var _itemsReordering = require("../plugins/itemsReordering");
 var _RichTreeViewProStore = require("./RichTreeViewProStore.utils");
 class RichTreeViewProStore extends _internals.ExtendableRichTreeViewStore {
   itemsReordering = new _itemsReordering.TreeViewItemsReorderingPlugin(this);
+  disposeEffect = () => {
+    this.lazyLoading.initEffect();
+    return this.timeoutManager.clearAll;
+  };
   constructor(parameters) {
     super(parameters, 'RichTreeViewPro', _RichTreeViewProStore.parametersToStateMapper);
     this.lazyLoading = new _lazyLoading.TreeViewLazyLoadingPlugin(this);

package/internals/RichTreeViewProStore/RichTreeViewProStore.mjs

@@ -4,7 +4,11 @@ import { TreeViewLazyLoadingPlugin } from "../plugins/lazyLoading/index.mjs";
 import { TreeViewItemsReorderingPlugin } from "../plugins/itemsReordering/index.mjs";
 import { parametersToStateMapper } from "./RichTreeViewProStore.utils.mjs";
 export class RichTreeViewProStore extends ExtendableRichTreeViewStore {
-  itemsReordering = (() => new TreeViewItemsReorderingPlugin(this))();
+  itemsReordering = new TreeViewItemsReorderingPlugin(this);
+  disposeEffect = () => {
+    this.lazyLoading.initEffect();
+    return this.timeoutManager.clearAll;
+  };
   constructor(parameters) {
     super(parameters, 'RichTreeViewPro', parametersToStateMapper);
     this.lazyLoading = new TreeViewLazyLoadingPlugin(this);

package/internals/RichTreeViewProStore/RichTreeViewProStore.types.d.mts

@@ -32,7 +32,7 @@ export interface RichTreeViewProStoreParameters<R extends TreeViewValidItem<R>,
   /**
    * The data source cache object.
    */
-  dataSourceCache?: DataSourceCache;
+  dataSourceCache?: DataSourceCache<R>;
   /**
    * If `true`, the reordering of items is enabled.
    * @default false
@@ -58,6 +58,19 @@ export interface RichTreeViewProStoreParameters<R extends TreeViewValidItem<R>,
     oldPosition: TreeViewItemReorderPosition;
     newPosition: TreeViewItemReorderPosition;
   }) => boolean;
+  /**
+   * Callback fired when the children of an item are loaded from the data source.
+   * Only relevant for lazy-loaded tree views.
+   * @param {object} parameters The parameters of the callback.
+   * @param {R[]} parameters.items The items that were loaded.
+   * @param {TreeViewItemId | null} parameters.parentId The id of the parent item whose children were loaded. `null` if the root items were loaded.
+   * @param {boolean} parameters.isCacheHit `true` if the items were loaded from the cache, `false` if they were fetched from the data source.
+   */
+  onItemsLazyLoaded?: (parameters: {
+    items: R[];
+    parentId: TreeViewItemId | null;
+    isCacheHit: boolean;
+  }) => void;
   /**
    * Callback fired when a Tree Item is moved in the tree.
    * @param {object} parameters The params describing the item re-ordering.

package/internals/RichTreeViewProStore/RichTreeViewProStore.types.d.ts

@@ -32,7 +32,7 @@ export interface RichTreeViewProStoreParameters<R extends TreeViewValidItem<R>,
   /**
    * The data source cache object.
    */
-  dataSourceCache?: DataSourceCache;
+  dataSourceCache?: DataSourceCache<R>;
   /**
    * If `true`, the reordering of items is enabled.
    * @default false
@@ -58,6 +58,19 @@ export interface RichTreeViewProStoreParameters<R extends TreeViewValidItem<R>,
     oldPosition: TreeViewItemReorderPosition;
     newPosition: TreeViewItemReorderPosition;
   }) => boolean;
+  /**
+   * Callback fired when the children of an item are loaded from the data source.
+   * Only relevant for lazy-loaded tree views.
+   * @param {object} parameters The parameters of the callback.
+   * @param {R[]} parameters.items The items that were loaded.
+   * @param {TreeViewItemId | null} parameters.parentId The id of the parent item whose children were loaded. `null` if the root items were loaded.
+   * @param {boolean} parameters.isCacheHit `true` if the items were loaded from the cache, `false` if they were fetched from the data source.
+   */
+  onItemsLazyLoaded?: (parameters: {
+    items: R[];
+    parentId: TreeViewItemId | null;
+    isCacheHit: boolean;
+  }) => void;
   /**
    * Callback fired when a Tree Item is moved in the tree.
    * @param {object} parameters The params describing the item re-ordering.

package/internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.d.mts

@@ -1,18 +1,27 @@
-import { TreeViewItemId } from '@mui/x-tree-view/models';
+import { TreeViewItemId, TreeViewValidItem } from '@mui/x-tree-view/models';
 import { RichTreeViewProStore } from "../../RichTreeViewProStore/RichTreeViewProStore.mjs";
 export declare const TREE_VIEW_LAZY_LOADED_ITEMS_INITIAL_STATE: {
   loading: {};
   errors: {};
 };
-export declare class TreeViewLazyLoadingPlugin {
+export declare class TreeViewLazyLoadingPlugin<R extends TreeViewValidItem<R>> {
   private store;
   private nestedDataManager;
   private cache;
-  constructor(store: RichTreeViewProStore<any, any>);
+  private isInsideOnItemsLazyLoaded;
+  private initStarted;
+  constructor(store: RichTreeViewProStore<R, any>);
+  /**
+   * Initialize lazy loading.
+   * Called from the store's disposeEffect (inside a useEffect) to avoid side effects during render.
+   * Uses a flag to ensure initialization only happens once (handles React 18 StrictMode double-firing effects).
+   */
+  initEffect: () => void;
   private init;
   private handleBeforeItemToggleExpansion;
   private setItemLoading;
   private setItemError;
+  private callOnItemsLazyLoaded;
   buildPublicAPI: () => {
     updateItemChildren: (itemId: TreeViewItemId | null) => Promise<void>;
   };
@@ -41,6 +50,9 @@ export declare class TreeViewLazyLoadingPlugin {
    * @param {boolean} [parameters.forceRefresh] Whether to force a refresh of the children when the cache already contains some data.
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
+  private getItemId;
+  private getInlineChildren;
+  private processNestedItemChildren;
   fetchItemChildren: ({
     itemId,
     forceRefresh

package/internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.d.ts

@@ -1,18 +1,27 @@
-import { TreeViewItemId } from '@mui/x-tree-view/models';
+import { TreeViewItemId, TreeViewValidItem } from '@mui/x-tree-view/models';
 import { RichTreeViewProStore } from "../../RichTreeViewProStore/RichTreeViewProStore.js";
 export declare const TREE_VIEW_LAZY_LOADED_ITEMS_INITIAL_STATE: {
   loading: {};
   errors: {};
 };
-export declare class TreeViewLazyLoadingPlugin {
+export declare class TreeViewLazyLoadingPlugin<R extends TreeViewValidItem<R>> {
   private store;
   private nestedDataManager;
   private cache;
-  constructor(store: RichTreeViewProStore<any, any>);
+  private isInsideOnItemsLazyLoaded;
+  private initStarted;
+  constructor(store: RichTreeViewProStore<R, any>);
+  /**
+   * Initialize lazy loading.
+   * Called from the store's disposeEffect (inside a useEffect) to avoid side effects during render.
+   * Uses a flag to ensure initialization only happens once (handles React 18 StrictMode double-firing effects).
+   */
+  initEffect: () => void;
   private init;
   private handleBeforeItemToggleExpansion;
   private setItemLoading;
   private setItemError;
+  private callOnItemsLazyLoaded;
   buildPublicAPI: () => {
     updateItemChildren: (itemId: TreeViewItemId | null) => Promise<void>;
   };
@@ -41,6 +50,9 @@ export declare class TreeViewLazyLoadingPlugin {
    * @param {boolean} [parameters.forceRefresh] Whether to force a refresh of the children when the cache already contains some data.
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
+  private getItemId;
+  private getInlineChildren;
+  private processNestedItemChildren;
   fetchItemChildren: ({
     itemId,
     forceRefresh

package/internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.js

@@ -15,14 +15,28 @@ const TREE_VIEW_LAZY_LOADED_ITEMS_INITIAL_STATE = exports.TREE_VIEW_LAZY_LOADED_
 };
 class TreeViewLazyLoadingPlugin {
   nestedDataManager = new _utils2.NestedDataManager(this);
+  isInsideOnItemsLazyLoaded = false;
+  initStarted = false;
   constructor(store) {
     this.store = store;
     this.cache = store.parameters.dataSourceCache ?? new _utils.DataSourceCacheDefault({});
     if (store.parameters.dataSource != null) {
-      this.init();
       store.subscribeEvent('beforeItemToggleExpansion', this.handleBeforeItemToggleExpansion);
     }
   }
+
+  /**
+   * Initialize lazy loading.
+   * Called from the store's disposeEffect (inside a useEffect) to avoid side effects during render.
+   * Uses a flag to ensure initialization only happens once (handles React 18 StrictMode double-firing effects).
+   */
+  initEffect = () => {
+    if (this.store.parameters.dataSource == null || this.initStarted) {
+      return;
+    }
+    this.initStarted = true;
+    this.init();
+  };
   init = () => {
     const store = this.store;
     // eslint-disable-next-line consistent-this
@@ -115,6 +129,21 @@ class TreeViewLazyLoadingPlugin {
       errors
     }));
   };
+  callOnItemsLazyLoaded(items, parentId, isCacheHit) {
+    if (this.isInsideOnItemsLazyLoaded) {
+      return;
+    }
+    this.isInsideOnItemsLazyLoaded = true;
+    try {
+      this.store.parameters.onItemsLazyLoaded?.({
+        items,
+        parentId,
+        isCacheHit
+      });
+    } finally {
+      this.isInsideOnItemsLazyLoaded = false;
+    }
+  }
   buildPublicAPI = () => {
     return {
       updateItemChildren: this.updateItemChildren
@@ -151,6 +180,27 @@ class TreeViewLazyLoadingPlugin {
    * @param {boolean} [parameters.forceRefresh] Whether to force a refresh of the children when the cache already contains some data.
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
+  getItemId = item => this.store.parameters.getItemId ? this.store.parameters.getItemId(item) : item.id;
+  getInlineChildren = item => (this.store.parameters.getItemChildren ? this.store.parameters.getItemChildren(item) : item.children) ?? [];
+  processNestedItemChildren = items => {
+    const {
+      getChildrenCount
+    } = this.store.parameters.dataSource;
+    for (const item of items) {
+      const children = this.getInlineChildren(item);
+      if (children.length === 0) {
+        continue;
+      }
+      const itemId = this.getItemId(item);
+      this.cache.set(itemId, children);
+      this.store.items.setItemChildren({
+        items: children,
+        parentId: itemId,
+        getChildrenCount
+      });
+      this.processNestedItemChildren(children);
+    }
+  };
   fetchItemChildren = async ({
     itemId,
     forceRefresh
@@ -186,6 +236,7 @@ class TreeViewLazyLoadingPlugin {
           getChildrenCount
         });
         this.setItemLoading(itemId, false);
+        this.callOnItemsLazyLoaded(cachedData, itemId, true);
         return;
       }
 
@@ -216,6 +267,10 @@ class TreeViewLazyLoadingPlugin {
         parentId: itemId,
         getChildrenCount
       });
+      // pre-cache any inline nested children so expanding them requires no extra network call
+      this.processNestedItemChildren(response);
+      // notify the user that new items have been loaded
+      this.callOnItemsLazyLoaded(response, itemId, false);
     } catch (error) {
       const childrenFetchError = error;
       // set the item error in the state

package/internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.mjs

@@ -7,15 +7,29 @@ export const TREE_VIEW_LAZY_LOADED_ITEMS_INITIAL_STATE = {
   errors: {}
 };
 export class TreeViewLazyLoadingPlugin {
-  nestedDataManager = (() => new NestedDataManager(this))();
+  nestedDataManager = new NestedDataManager(this);
+  isInsideOnItemsLazyLoaded = false;
+  initStarted = false;
   constructor(store) {
     this.store = store;
     this.cache = store.parameters.dataSourceCache ?? new DataSourceCacheDefault({});
     if (store.parameters.dataSource != null) {
-      this.init();
       store.subscribeEvent('beforeItemToggleExpansion', this.handleBeforeItemToggleExpansion);
     }
   }
+
+  /**
+   * Initialize lazy loading.
+   * Called from the store's disposeEffect (inside a useEffect) to avoid side effects during render.
+   * Uses a flag to ensure initialization only happens once (handles React 18 StrictMode double-firing effects).
+   */
+  initEffect = () => {
+    if (this.store.parameters.dataSource == null || this.initStarted) {
+      return;
+    }
+    this.initStarted = true;
+    this.init();
+  };
   init = () => {
     const store = this.store;
     // eslint-disable-next-line consistent-this
@@ -108,6 +122,21 @@ export class TreeViewLazyLoadingPlugin {
       errors
     }));
   };
+  callOnItemsLazyLoaded(items, parentId, isCacheHit) {
+    if (this.isInsideOnItemsLazyLoaded) {
+      return;
+    }
+    this.isInsideOnItemsLazyLoaded = true;
+    try {
+      this.store.parameters.onItemsLazyLoaded?.({
+        items,
+        parentId,
+        isCacheHit
+      });
+    } finally {
+      this.isInsideOnItemsLazyLoaded = false;
+    }
+  }
   buildPublicAPI = () => {
     return {
       updateItemChildren: this.updateItemChildren
@@ -144,6 +173,27 @@ export class TreeViewLazyLoadingPlugin {
    * @param {boolean} [parameters.forceRefresh] Whether to force a refresh of the children when the cache already contains some data.
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
+  getItemId = item => this.store.parameters.getItemId ? this.store.parameters.getItemId(item) : item.id;
+  getInlineChildren = item => (this.store.parameters.getItemChildren ? this.store.parameters.getItemChildren(item) : item.children) ?? [];
+  processNestedItemChildren = items => {
+    const {
+      getChildrenCount
+    } = this.store.parameters.dataSource;
+    for (const item of items) {
+      const children = this.getInlineChildren(item);
+      if (children.length === 0) {
+        continue;
+      }
+      const itemId = this.getItemId(item);
+      this.cache.set(itemId, children);
+      this.store.items.setItemChildren({
+        items: children,
+        parentId: itemId,
+        getChildrenCount
+      });
+      this.processNestedItemChildren(children);
+    }
+  };
   fetchItemChildren = async ({
     itemId,
     forceRefresh
@@ -179,6 +229,7 @@ export class TreeViewLazyLoadingPlugin {
           getChildrenCount
         });
         this.setItemLoading(itemId, false);
+        this.callOnItemsLazyLoaded(cachedData, itemId, true);
         return;
       }
 
@@ -209,6 +260,10 @@ export class TreeViewLazyLoadingPlugin {
         parentId: itemId,
         getChildrenCount
       });
+      // pre-cache any inline nested children so expanding them requires no extra network call
+      this.processNestedItemChildren(response);
+      // notify the user that new items have been loaded
+      this.callOnItemsLazyLoaded(response, itemId, false);
     } catch (error) {
       const childrenFetchError = error;
       // set the item error in the state

package/internals/plugins/lazyLoading/utils.d.mts

@@ -1,4 +1,4 @@
-import { TreeViewItemId } from '@mui/x-tree-view/models';
+import { TreeViewItemId, TreeViewValidItem } from '@mui/x-tree-view/models';
 import { TreeViewLazyLoadingPlugin } from "./TreeViewLazyLoadingPlugin.mjs";
 export declare enum RequestStatus {
   QUEUED = 0,
@@ -17,7 +17,7 @@ export declare class NestedDataManager {
   private settledRequests;
   private lazyLoadingPlugin;
   private maxConcurrentRequests;
-  constructor(lazyLoadingPlugin: TreeViewLazyLoadingPlugin, maxConcurrentRequests?: number);
+  constructor(lazyLoadingPlugin: TreeViewLazyLoadingPlugin<TreeViewValidItem<any>>, maxConcurrentRequests?: number);
   private processQueue;
   queue: (ids: TreeViewItemId[]) => Promise<void>;
   setRequestSettled: (id: TreeViewItemId) => Promise<void>;

package/internals/plugins/lazyLoading/utils.d.ts

@@ -1,4 +1,4 @@
-import { TreeViewItemId } from '@mui/x-tree-view/models';
+import { TreeViewItemId, TreeViewValidItem } from '@mui/x-tree-view/models';
 import { TreeViewLazyLoadingPlugin } from "./TreeViewLazyLoadingPlugin.js";
 export declare enum RequestStatus {
   QUEUED = 0,
@@ -17,7 +17,7 @@ export declare class NestedDataManager {
   private settledRequests;
   private lazyLoadingPlugin;
   private maxConcurrentRequests;
-  constructor(lazyLoadingPlugin: TreeViewLazyLoadingPlugin, maxConcurrentRequests?: number);
+  constructor(lazyLoadingPlugin: TreeViewLazyLoadingPlugin<TreeViewValidItem<any>>, maxConcurrentRequests?: number);
   private processQueue;
   queue: (ids: TreeViewItemId[]) => Promise<void>;
   setRequestSettled: (id: TreeViewItemId) => Promise<void>;

package/internals/plugins/lazyLoading/utils.mjs

@@ -13,9 +13,9 @@ export let RequestStatus = /*#__PURE__*/function (RequestStatus) {
  * Uses `ParentId` to uniquely identify a request
  */
 export class NestedDataManager {
-  pendingRequests = (() => new Set())();
-  queuedRequests = (() => new Set())();
-  settledRequests = (() => new Set())();
+  pendingRequests = new Set();
+  queuedRequests = new Set();
+  settledRequests = new Set();
   constructor(lazyLoadingPlugin, maxConcurrentRequests = MAX_CONCURRENT_REQUESTS) {
     this.lazyLoadingPlugin = lazyLoadingPlugin;
     this.maxConcurrentRequests = maxConcurrentRequests;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "9.0.0-beta.0",
+  "version": "9.0.0-rc.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Tree View components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -32,24 +32,24 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.6",
-    "@base-ui/utils": "^0.2.3",
-    "@mui/utils": "^7.3.7",
+    "@base-ui/utils": "^0.2.6",
+    "@mui/utils": "9.0.0-beta.1",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "9.0.0-alpha.4",
-    "@mui/x-tree-view": "9.0.0-alpha.4",
-    "@mui/x-license": "9.0.0-beta.0",
-    "@mui/x-virtualizer": "1.0.0-beta.1"
+    "@mui/x-license": "9.0.0-rc.0",
+    "@mui/x-tree-view": "9.0.0-rc.0",
+    "@mui/x-internals": "9.0.0-rc.0",
+    "@mui/x-virtualizer": "1.0.0-rc.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
-    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^7.3.0 || ^9.0.0-beta.0 || ^9.0.0",
+    "@mui/system": "^7.3.0 || ^9.0.0-beta.1",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },