@mui/x-tree-view 7.9.0 → 7.10.0

package/CHANGELOG.md

@@ -3,6 +3,80 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.10.0
+
+_Jul 11, 2024_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Add selectors to support showing child row count in footer in the Data Grid
+- ✨ New APIs for retrieving current item tree and item's children IDs in the Tree View
+- 🌍 Improve Spanish (es-ES) locale on the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.10.0`
+
+- [DataGrid] Add selectors to support showing child row count in footer (#13725) @KenanYusuf
+- [DataGrid] Fix incorrect panels position when using a toolbar (#13474) @oukunan
+- [DataGrid] Set default variant to `'standard'` in `GridFilterInputMultipleValue` (#13129) @tarunrajput
+- [DataGrid] Use `readonly` on more array props (#13331) @pcorpet
+- [l10n] Improve Spanish (es-ES) locale (#13772) @joserealdev
+
+#### `@mui/x-data-grid-pro@7.10.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@7.10.0`, plus:
+
+- [DataGridPro] Keep bottom pinned row at the bottom (#13313) @romgrk
+
+#### `@mui/x-data-grid-premium@7.10.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@7.10.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.10.0`
+
+- [fields] Prevent infinite recursion when ensuring selection (#13779) @LukasTy
+- [fields] Unify fields behavior regardless of the `readOnly` flag (#13688) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.10.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@7.10.0`, plus:
+
+- [DateRangePicker] Fix `calendarHeader` slot props propagation (#13780) @LukasTy
+- [DateTimeRangePicker] Resolve `format` from given `views` (#13743) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.10.0`
+
+- [charts] Fix displaying area of a `LineChart` when using the `log` scale (#13791) @alexfauquette
+- [charts] Use correct click handler prop on pie chart `OnSeriesItemClick` documentation (#13761) @tonyhallett
+
+### Tree View
+
+#### `@mui/x-tree-view@7.10.0`
+
+- [TreeView] Add `getItemTree` and `getItemOrderedChildrenIds` methods to the public API (#13804) @flaviendelangle
+- [TreeView] Add utility function to check if an optional plugin is present (#13788) @flaviendelangle
+
+### Docs
+
+- [docs] Add missing default `loading` prop value (#13604) @oliviertassinari
+- [docs] Add the `DateTimeRangePicker` to the "Commonly used components" demo (#13775) @flaviendelangle
+- [docs] Fix Pickers customization playground overflow (#13742) @LukasTy
+- [docs] Move Pickers dialog guidelines to accessibility page (#13778) @arthurbalduini
+
+### Core
+
+- [core] Sort `DATA_GRID_PROPS_DEFAULT_VALUES` alphabetically (#13783) @oliviertassinari
+- [test] Fix split infinitive use in tests @oliviertassinari
+
 ## 7.9.0
 
 _Jul 5, 2024_

package/RichTreeView/RichTreeView.js

@@ -138,6 +138,8 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
       focusItem: PropTypes.func.isRequired,
       getItem: PropTypes.func.isRequired,
       getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
       setItemExpansion: PropTypes.func.isRequired
     })

package/SimpleTreeView/SimpleTreeView.js

@@ -96,6 +96,8 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
       focusItem: PropTypes.func.isRequired,
       getItem: PropTypes.func.isRequired,
       getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
       setItemExpansion: PropTypes.func.isRequired
     })

package/TreeView/TreeView.js

@@ -73,6 +73,8 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
       focusItem: PropTypes.func.isRequired,
       getItem: PropTypes.func.isRequired,
       getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
       setItemExpansion: PropTypes.func.isRequired
     })

package/index.js

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

package/internals/corePlugins/corePlugins.d.ts

@@ -4,7 +4,7 @@ import { ConvertPluginsIntoSignatures } from '../models';
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the tree view components.
  */
-export declare const TREE_VIEW_CORE_PLUGINS: readonly [import("../models").TreeViewPlugin<import("./useTreeViewInstanceEvents").UseTreeViewInstanceEventsSignature>, import("../models").TreeViewPlugin<import("./useTreeViewId").UseTreeViewIdSignature>];
+export declare const TREE_VIEW_CORE_PLUGINS: readonly [import("../models").TreeViewPlugin<import("./useTreeViewInstanceEvents").UseTreeViewInstanceEventsSignature>, import("../models").TreeViewPlugin<import("./useTreeViewOptionalPlugins").UseTreeViewOptionalPluginsSignature>, import("../models").TreeViewPlugin<import("./useTreeViewId").UseTreeViewIdSignature>];
 export type TreeViewCorePluginSignatures = ConvertPluginsIntoSignatures<typeof TREE_VIEW_CORE_PLUGINS>;
 export interface TreeViewCorePluginParameters extends UseTreeViewIdParameters {
 }

package/internals/corePlugins/corePlugins.js

@@ -1,7 +1,8 @@
 import { useTreeViewInstanceEvents } from './useTreeViewInstanceEvents';
+import { useTreeViewOptionalPlugins } from './useTreeViewOptionalPlugins';
 import { useTreeViewId } from './useTreeViewId';
 /**
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the tree view components.
  */
-export const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents, useTreeViewId];
+export const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents, useTreeViewOptionalPlugins, useTreeViewId];

package/internals/corePlugins/useTreeViewOptionalPlugins/index.d.ts

@@ -0,0 +1,2 @@
+export { useTreeViewOptionalPlugins } from './useTreeViewOptionalPlugins';
+export type { UseTreeViewOptionalPluginsSignature } from './useTreeViewOptionalPlugins.types';

package/internals/corePlugins/useTreeViewOptionalPlugins/index.js

@@ -0,0 +1 @@
+export { useTreeViewOptionalPlugins } from './useTreeViewOptionalPlugins';

package/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.d.ts

@@ -0,0 +1,3 @@
+import { TreeViewPlugin } from '../../models';
+import { UseTreeViewOptionalPluginsSignature } from './useTreeViewOptionalPlugins.types';
+export declare const useTreeViewOptionalPlugins: TreeViewPlugin<UseTreeViewOptionalPluginsSignature>;

package/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.js

@@ -0,0 +1,12 @@
+export const useTreeViewOptionalPlugins = ({
+  plugins
+}) => {
+  const pluginSet = new Set(plugins);
+  const getAvailablePlugins = () => pluginSet;
+  return {
+    instance: {
+      getAvailablePlugins
+    }
+  };
+};
+useTreeViewOptionalPlugins.params = {};

package/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.d.ts

@@ -0,0 +1,8 @@
+import { TreeViewPlugin, TreeViewAnyPluginSignature, TreeViewPluginSignature } from '../../models';
+interface UseTreeViewOptionalPluginsInstance {
+    getAvailablePlugins: () => Set<TreeViewPlugin<TreeViewAnyPluginSignature>>;
+}
+export type UseTreeViewOptionalPluginsSignature = TreeViewPluginSignature<{
+    instance: UseTreeViewOptionalPluginsInstance;
+}>;
+export {};

package/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.js

@@ -0,0 +1 @@
+export {};

package/internals/models/plugin.d.ts

@@ -15,6 +15,7 @@ export interface TreeViewPluginOptions<TSignature extends TreeViewAnyPluginSigna
     models: TreeViewUsedModels<TSignature>;
     setState: React.Dispatch<React.SetStateAction<TreeViewUsedState<TSignature>>>;
     rootRef: React.RefObject<HTMLUListElement>;
+    plugins: TreeViewPlugin<TreeViewAnyPluginSignature>[];
 }
 type TreeViewModelsInitializer<TSignature extends TreeViewAnyPluginSignature> = {
     [TControlled in keyof TSignature['models']]: {

package/internals/plugins/useTreeViewItems/useTreeViewItems.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children"];
 import * as React from 'react';
 import { publishTreeViewEvent } from '../../utils/publishTreeViewEvent';
 import { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from './useTreeViewItems.utils';
@@ -37,7 +39,6 @@ const updateItemsState = ({
       depth
     };
     itemMap[id] = item;
-    itemOrderedChildrenIds[id] = [];
     const parentIdWithDefault = parentId ?? TREE_VIEW_ROOT_PARENT_ID;
     if (!itemOrderedChildrenIds[parentIdWithDefault]) {
       itemOrderedChildrenIds[parentIdWithDefault] = [];
@@ -66,6 +67,18 @@ export const useTreeViewItems = ({
 }) => {
   const getItemMeta = React.useCallback(itemId => state.items.itemMetaMap[itemId], [state.items.itemMetaMap]);
   const getItem = React.useCallback(itemId => state.items.itemMap[itemId], [state.items.itemMap]);
+  const getItemTree = React.useCallback(() => {
+    const getItemFromItemId = id => {
+      const _state$items$itemMap$ = state.items.itemMap[id],
+        item = _objectWithoutPropertiesLoose(_state$items$itemMap$, _excluded);
+      const newChildren = state.items.itemOrderedChildrenIds[id];
+      if (newChildren) {
+        item.children = newChildren.map(getItemFromItemId);
+      }
+      return item;
+    };
+    return state.items.itemOrderedChildrenIds[TREE_VIEW_ROOT_PARENT_ID].map(getItemFromItemId);
+  }, [state.items.itemMap, state.items.itemOrderedChildrenIds]);
   const isItemDisabled = React.useCallback(itemId => {
     if (itemId == null) {
       return false;
@@ -140,7 +153,7 @@ export const useTreeViewItems = ({
         label: item.label,
         itemId: item.id,
         id: item.idAttribute,
-        children: state.items.itemOrderedChildrenIds[id].map(getPropsFromItemId)
+        children: state.items.itemOrderedChildrenIds[id]?.map(getPropsFromItemId)
       };
     };
     return state.items.itemOrderedChildrenIds[TREE_VIEW_ROOT_PARENT_ID].map(getPropsFromItemId);
@@ -153,11 +166,14 @@ export const useTreeViewItems = ({
     }),
     publicAPI: {
       getItem,
-      getItemDOMElement
+      getItemDOMElement,
+      getItemTree,
+      getItemOrderedChildrenIds
     },
     instance: {
       getItemMeta,
       getItem,
+      getItemTree,
       getItemsToRender,
       getItemIndex,
       getItemDOMElement,

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

@@ -1,5 +1,5 @@
 import { TreeViewItemMeta, DefaultizedProps, TreeViewPluginSignature } from '../../models';
-import { TreeViewItemId } from '../../../models';
+import { TreeViewBaseItem, TreeViewItemId } from '../../../models';
 interface TreeViewItemProps {
     label: string;
     itemId: string;
@@ -20,6 +20,18 @@ export interface UseTreeViewItemsPublicAPI<R extends {}> {
      * @returns {HTMLElement | null} The DOM element of the item with the given id.
      */
     getItemDOMElement: (itemId: TreeViewItemId) => HTMLElement | null;
+    /**
+     * Get the ids of a given item's children.
+     * Those ids are returned in the order they should be rendered.
+     * @param {TreeViewItemId | null} itemId The id of the item to get the children of.
+     * @returns {TreeViewItemId[]} The ids of the item's children.
+     */
+    getItemOrderedChildrenIds: (itemId: TreeViewItemId | null) => TreeViewItemId[];
+    /**
+     * Get all the items in the same format as provided by `props.items`.
+     * @returns {TreeViewItemProps[]} The items in the tree.
+     */
+    getItemTree: () => TreeViewBaseItem[];
 }
 export interface UseTreeViewItemsInstance<R extends {}> extends UseTreeViewItemsPublicAPI<R> {
     /**
@@ -36,13 +48,6 @@ export interface UseTreeViewItemsInstance<R extends {}> extends UseTreeViewItems
      * @returns {TreeViewItemProps[]} The items to render.
      */
     getItemsToRender: () => TreeViewItemProps[];
-    /**
-     * Get the ids of a given item's children.
-     * Those ids are returned in the order they should be rendered.
-     * @param {TreeViewItemId | null} itemId The id of the item to get the children of.
-     * @returns {TreeViewItemId[]} The ids of the item's children.
-     */
-    getItemOrderedChildrenIds: (itemId: TreeViewItemId | null) => TreeViewItemId[];
     /**
      * Check if a given item is disabled.
      * An item is disabled if it was marked as disabled or if one of its ancestors is disabled.

package/internals/useTreeView/useTreeView.js

@@ -119,7 +119,8 @@ export const useTreeView = ({
       state,
       setState,
       rootRef: innerRootRef,
-      models
+      models,
+      plugins
     });
     if (pluginResponse.getRootProps) {
       rootPropsGetters.push(pluginResponse.getRootProps);

package/internals/utils/plugins.d.ts

@@ -0,0 +1,2 @@
+import { TreeViewAnyPluginSignature, TreeViewInstance, TreeViewPlugin } from '../models';
+export declare const hasPlugin: <TSignature extends TreeViewAnyPluginSignature, TInstance extends TreeViewInstance<[], [TSignature]>>(instance: TInstance, plugin: TreeViewPlugin<TSignature>) => instance is Omit<TInstance, keyof TSignature["instance"]> & TSignature["instance"];

package/internals/utils/plugins.js

@@ -0,0 +1,4 @@
+export const hasPlugin = (instance, plugin) => {
+  const plugins = instance.getAvailablePlugins();
+  return plugins.has(plugin);
+};

package/modern/RichTreeView/RichTreeView.js

@@ -138,6 +138,8 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
       focusItem: PropTypes.func.isRequired,
       getItem: PropTypes.func.isRequired,
       getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
       setItemExpansion: PropTypes.func.isRequired
     })

package/modern/SimpleTreeView/SimpleTreeView.js

@@ -96,6 +96,8 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
       focusItem: PropTypes.func.isRequired,
       getItem: PropTypes.func.isRequired,
       getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
       setItemExpansion: PropTypes.func.isRequired
     })

package/modern/TreeView/TreeView.js

@@ -73,6 +73,8 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
       focusItem: PropTypes.func.isRequired,
       getItem: PropTypes.func.isRequired,
       getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
       setItemExpansion: PropTypes.func.isRequired
     })

package/modern/index.js

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

package/modern/internals/corePlugins/corePlugins.js

@@ -1,7 +1,8 @@
 import { useTreeViewInstanceEvents } from './useTreeViewInstanceEvents';
+import { useTreeViewOptionalPlugins } from './useTreeViewOptionalPlugins';
 import { useTreeViewId } from './useTreeViewId';
 /**
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the tree view components.
  */
-export const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents, useTreeViewId];
+export const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents, useTreeViewOptionalPlugins, useTreeViewId];

package/modern/internals/corePlugins/useTreeViewOptionalPlugins/index.js

@@ -0,0 +1 @@
+export { useTreeViewOptionalPlugins } from './useTreeViewOptionalPlugins';

package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.js

@@ -0,0 +1,12 @@
+export const useTreeViewOptionalPlugins = ({
+  plugins
+}) => {
+  const pluginSet = new Set(plugins);
+  const getAvailablePlugins = () => pluginSet;
+  return {
+    instance: {
+      getAvailablePlugins
+    }
+  };
+};
+useTreeViewOptionalPlugins.params = {};

package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.js

@@ -0,0 +1 @@
+export {};

package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children"];
 import * as React from 'react';
 import { publishTreeViewEvent } from '../../utils/publishTreeViewEvent';
 import { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from './useTreeViewItems.utils';
@@ -37,7 +39,6 @@ const updateItemsState = ({
       depth
     };
     itemMap[id] = item;
-    itemOrderedChildrenIds[id] = [];
     const parentIdWithDefault = parentId ?? TREE_VIEW_ROOT_PARENT_ID;
     if (!itemOrderedChildrenIds[parentIdWithDefault]) {
       itemOrderedChildrenIds[parentIdWithDefault] = [];
@@ -66,6 +67,18 @@ export const useTreeViewItems = ({
 }) => {
   const getItemMeta = React.useCallback(itemId => state.items.itemMetaMap[itemId], [state.items.itemMetaMap]);
   const getItem = React.useCallback(itemId => state.items.itemMap[itemId], [state.items.itemMap]);
+  const getItemTree = React.useCallback(() => {
+    const getItemFromItemId = id => {
+      const _state$items$itemMap$ = state.items.itemMap[id],
+        item = _objectWithoutPropertiesLoose(_state$items$itemMap$, _excluded);
+      const newChildren = state.items.itemOrderedChildrenIds[id];
+      if (newChildren) {
+        item.children = newChildren.map(getItemFromItemId);
+      }
+      return item;
+    };
+    return state.items.itemOrderedChildrenIds[TREE_VIEW_ROOT_PARENT_ID].map(getItemFromItemId);
+  }, [state.items.itemMap, state.items.itemOrderedChildrenIds]);
   const isItemDisabled = React.useCallback(itemId => {
     if (itemId == null) {
       return false;
@@ -140,7 +153,7 @@ export const useTreeViewItems = ({
         label: item.label,
         itemId: item.id,
         id: item.idAttribute,
-        children: state.items.itemOrderedChildrenIds[id].map(getPropsFromItemId)
+        children: state.items.itemOrderedChildrenIds[id]?.map(getPropsFromItemId)
       };
     };
     return state.items.itemOrderedChildrenIds[TREE_VIEW_ROOT_PARENT_ID].map(getPropsFromItemId);
@@ -153,11 +166,14 @@ export const useTreeViewItems = ({
     }),
     publicAPI: {
       getItem,
-      getItemDOMElement
+      getItemDOMElement,
+      getItemTree,
+      getItemOrderedChildrenIds
     },
     instance: {
       getItemMeta,
       getItem,
+      getItemTree,
       getItemsToRender,
       getItemIndex,
       getItemDOMElement,

package/modern/internals/useTreeView/useTreeView.js

@@ -119,7 +119,8 @@ export const useTreeView = ({
       state,
       setState,
       rootRef: innerRootRef,
-      models
+      models,
+      plugins
     });
     if (pluginResponse.getRootProps) {
       rootPropsGetters.push(pluginResponse.getRootProps);

package/modern/internals/utils/plugins.js

@@ -0,0 +1,4 @@
+export const hasPlugin = (instance, plugin) => {
+  const plugins = instance.getAvailablePlugins();
+  return plugins.has(plugin);
+};

package/node/RichTreeView/RichTreeView.js

@@ -147,6 +147,8 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
       focusItem: _propTypes.default.func.isRequired,
       getItem: _propTypes.default.func.isRequired,
       getItemDOMElement: _propTypes.default.func.isRequired,
+      getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
+      getItemTree: _propTypes.default.func.isRequired,
       selectItem: _propTypes.default.func.isRequired,
       setItemExpansion: _propTypes.default.func.isRequired
     })

package/node/SimpleTreeView/SimpleTreeView.js

@@ -105,6 +105,8 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
       focusItem: _propTypes.default.func.isRequired,
       getItem: _propTypes.default.func.isRequired,
       getItemDOMElement: _propTypes.default.func.isRequired,
+      getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
+      getItemTree: _propTypes.default.func.isRequired,
       selectItem: _propTypes.default.func.isRequired,
       setItemExpansion: _propTypes.default.func.isRequired
     })

package/node/TreeView/TreeView.js

@@ -82,6 +82,8 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
       focusItem: _propTypes.default.func.isRequired,
       getItem: _propTypes.default.func.isRequired,
       getItemDOMElement: _propTypes.default.func.isRequired,
+      getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
+      getItemTree: _propTypes.default.func.isRequired,
       selectItem: _propTypes.default.func.isRequired,
       setItemExpansion: _propTypes.default.func.isRequired
     })

package/node/index.js

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

package/node/internals/corePlugins/corePlugins.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TREE_VIEW_CORE_PLUGINS = void 0;
 var _useTreeViewInstanceEvents = require("./useTreeViewInstanceEvents");
+var _useTreeViewOptionalPlugins = require("./useTreeViewOptionalPlugins");
 var _useTreeViewId = require("./useTreeViewId");
 /**
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the tree view components.
  */
-const TREE_VIEW_CORE_PLUGINS = exports.TREE_VIEW_CORE_PLUGINS = [_useTreeViewInstanceEvents.useTreeViewInstanceEvents, _useTreeViewId.useTreeViewId];
+const TREE_VIEW_CORE_PLUGINS = exports.TREE_VIEW_CORE_PLUGINS = [_useTreeViewInstanceEvents.useTreeViewInstanceEvents, _useTreeViewOptionalPlugins.useTreeViewOptionalPlugins, _useTreeViewId.useTreeViewId];

package/node/internals/corePlugins/useTreeViewOptionalPlugins/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useTreeViewOptionalPlugins", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewOptionalPlugins.useTreeViewOptionalPlugins;
+  }
+});
+var _useTreeViewOptionalPlugins = require("./useTreeViewOptionalPlugins");

package/node/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewOptionalPlugins = void 0;
+const useTreeViewOptionalPlugins = ({
+  plugins
+}) => {
+  const pluginSet = new Set(plugins);
+  const getAvailablePlugins = () => pluginSet;
+  return {
+    instance: {
+      getAvailablePlugins
+    }
+  };
+};
+exports.useTreeViewOptionalPlugins = useTreeViewOptionalPlugins;
+useTreeViewOptionalPlugins.params = {};

package/node/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/plugins/useTreeViewItems/useTreeViewItems.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTreeViewItems = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _publishTreeViewEvent = require("../../utils/publishTreeViewEvent");
 var _useTreeViewItems = require("./useTreeViewItems.utils");
 var _TreeViewItemDepthContext = require("../../TreeViewItemDepthContext");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const updateItemsState = ({
@@ -46,7 +48,6 @@ const updateItemsState = ({
       depth
     };
     itemMap[id] = item;
-    itemOrderedChildrenIds[id] = [];
     const parentIdWithDefault = parentId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID;
     if (!itemOrderedChildrenIds[parentIdWithDefault]) {
       itemOrderedChildrenIds[parentIdWithDefault] = [];
@@ -75,6 +76,18 @@ const useTreeViewItems = ({
 }) => {
   const getItemMeta = React.useCallback(itemId => state.items.itemMetaMap[itemId], [state.items.itemMetaMap]);
   const getItem = React.useCallback(itemId => state.items.itemMap[itemId], [state.items.itemMap]);
+  const getItemTree = React.useCallback(() => {
+    const getItemFromItemId = id => {
+      const _state$items$itemMap$ = state.items.itemMap[id],
+        item = (0, _objectWithoutPropertiesLoose2.default)(_state$items$itemMap$, _excluded);
+      const newChildren = state.items.itemOrderedChildrenIds[id];
+      if (newChildren) {
+        item.children = newChildren.map(getItemFromItemId);
+      }
+      return item;
+    };
+    return state.items.itemOrderedChildrenIds[_useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID].map(getItemFromItemId);
+  }, [state.items.itemMap, state.items.itemOrderedChildrenIds]);
   const isItemDisabled = React.useCallback(itemId => {
     if (itemId == null) {
       return false;
@@ -149,7 +162,7 @@ const useTreeViewItems = ({
         label: item.label,
         itemId: item.id,
         id: item.idAttribute,
-        children: state.items.itemOrderedChildrenIds[id].map(getPropsFromItemId)
+        children: state.items.itemOrderedChildrenIds[id]?.map(getPropsFromItemId)
       };
     };
     return state.items.itemOrderedChildrenIds[_useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID].map(getPropsFromItemId);
@@ -162,11 +175,14 @@ const useTreeViewItems = ({
     }),
     publicAPI: {
       getItem,
-      getItemDOMElement
+      getItemDOMElement,
+      getItemTree,
+      getItemOrderedChildrenIds
     },
     instance: {
       getItemMeta,
       getItem,
+      getItemTree,
       getItemsToRender,
       getItemIndex,
       getItemDOMElement,

package/node/internals/useTreeView/useTreeView.js

@@ -129,7 +129,8 @@ const useTreeView = ({
       state,
       setState,
       rootRef: innerRootRef,
-      models
+      models,
+      plugins
     });
     if (pluginResponse.getRootProps) {
       rootPropsGetters.push(pluginResponse.getRootProps);

package/node/internals/utils/plugins.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasPlugin = void 0;
+const hasPlugin = (instance, plugin) => {
+  const plugins = instance.getAvailablePlugins();
+  return plugins.has(plugin);
+};
+exports.hasPlugin = hasPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.9.0",
+  "version": "7.10.0",
   "description": "The community edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",