@mui/x-tree-view 8.12.0 → 8.13.0

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

@@ -2,11 +2,10 @@ import * as React from 'react';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { TreeViewItemMeta, TreeViewPluginSignature } from "../../models/index.js";
 import { TreeViewBaseItem, TreeViewDefaultItemModelProperties, TreeViewItemId } from "../../../models/index.js";
-export type AddItemsParameters<R> = {
+export type SetItemChildrenParameters<R> = {
   items: readonly R[];
-  parentId?: TreeViewItemId;
-  depth: number;
-  getChildrenCount?: (item: R) => number;
+  parentId: TreeViewItemId | null;
+  getChildrenCount: (item: R) => number;
 };
 export interface UseTreeViewItemsPublicAPI<R extends {}> {
   /**
@@ -65,30 +64,25 @@ export interface UseTreeViewItemsInstance<R extends {}> extends Pick<UseTreeView
   areItemUpdatesPrevented: () => boolean;
   /**
    * Add an array of items to the tree.
-   * @param {AddItemsParameters<R>} args The items to add to the tree and information about their ancestors.
+   * @param {SetItemChildrenParameters<R>} args The items to add to the tree and information about their ancestors.
    */
-  addItems: (args: AddItemsParameters<R>) => void;
+  setItemChildren: (args: SetItemChildrenParameters<R>) => void;
   /**
    * Remove the children of an item.
-   * @param {TreeViewItemId} parentId The id of the item to remove the children of.
+   * @param {TreeViewItemId | null} parentId The id of the item to remove the children of.
    */
-  removeChildren: (parentId?: TreeViewItemId) => void;
-  /**
-   * Set the loading state of the tree.
-   * @param {boolean} loading True if the tree view is loading.
-   */
-  setTreeViewLoading: (loading: boolean) => void;
-  /**
-   * Set the error state of the tree.
-   * @param {Error | null} error The error on the tree view.
-   */
-  setTreeViewError: (error: Error | null) => void;
+  removeChildren: (parentId: TreeViewItemId | null) => void;
   /**
    * Event handler to fire when the `content` slot of a given Tree Item is clicked.
    * @param {React.MouseEvent} event The DOM event that triggered the change.
    * @param {TreeViewItemId} itemId The id of the item being clicked.
    */
   handleItemClick: (event: React.MouseEvent, itemId: TreeViewItemId) => void;
+  /**
+   * Mark a list of items as expandable.
+   * @param {TreeViewItemId[]} items The ids of the items to mark as expandable.
+   */
+  addExpandableItems: (items: TreeViewItemId[]) => void;
 }
 export interface UseTreeViewItemsParameters<R extends {
   children?: R[];
@@ -186,14 +180,6 @@ export interface UseTreeViewItemsState<R extends {}> {
         [itemId: string]: number;
       };
     };
-    /**
-     * The loading state of the tree.
-     */
-    loading: boolean;
-    /**
-     * The error state of the tree.
-     */
-    error: Error | null;
     /**
      * 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).

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

@@ -1,5 +1,6 @@
-import { TreeViewItemId } from "../../../models/index.js";
+import { TreeViewBaseItem, TreeViewItemId } from "../../../models/index.js";
 import { TreeViewItemMeta } from "../../models/index.js";
+import { UseTreeViewItemsParametersWithDefaults, UseTreeViewItemsState } from "./useTreeViewItems.types.js";
 export declare const TREE_VIEW_ROOT_PARENT_ID = "__TREE_VIEW_ROOT_PARENT_ID__";
 export declare const buildSiblingIndexes: (siblings: string[]) => {
   [itemId: string]: number;
@@ -12,4 +13,37 @@ export declare const buildSiblingIndexes: (siblings: string[]) => {
  */
 export declare const isItemDisabled: (itemMetaLookup: {
   [itemId: string]: TreeViewItemMeta;
-}, itemId: TreeViewItemId) => boolean;
+}, itemId: TreeViewItemId) => boolean;
+type State = UseTreeViewItemsState<any>['items'];
+export declare function buildItemsState(parameters: BuildItemsStateParameters): State;
+interface BuildItemsStateParameters extends Pick<BuildItemsLookupsParameters, 'items' | 'config'> {
+  disabledItemsFocusable: boolean;
+}
+export declare function buildItemsLookups(parameters: BuildItemsLookupsParameters): {
+  metaLookup: {
+    [itemId: string]: TreeViewItemMeta;
+  };
+  modelLookup: {
+    [itemId: string]: any;
+  };
+  orderedChildrenIds: string[];
+  childrenIndexes: {
+    [itemId: string]: number;
+  };
+  itemsChildren: {
+    id: string | null;
+    children: TreeViewBaseItem[];
+  }[];
+};
+interface BuildItemsLookupsParameters {
+  items: readonly TreeViewBaseItem[];
+  config: BuildItemsLookupConfig;
+  parentId: string | null;
+  depth: number;
+  isItemExpandable: (item: TreeViewBaseItem, children: TreeViewBaseItem[] | undefined) => boolean;
+  otherItemsMetaLookup: {
+    [itemId: string]: TreeViewItemMeta;
+  };
+}
+export interface BuildItemsLookupConfig extends Pick<UseTreeViewItemsParametersWithDefaults<TreeViewBaseItem>, 'isItemDisabled' | 'getItemLabel' | 'getItemChildren' | 'getItemId'> {}
+export {};

package/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isItemDisabled = exports.buildSiblingIndexes = exports.TREE_VIEW_ROOT_PARENT_ID = void 0;
+exports.TREE_VIEW_ROOT_PARENT_ID = void 0;
+exports.buildItemsLookups = buildItemsLookups;
+exports.buildItemsState = buildItemsState;
+exports.isItemDisabled = exports.buildSiblingIndexes = void 0;
 const TREE_VIEW_ROOT_PARENT_ID = exports.TREE_VIEW_ROOT_PARENT_ID = '__TREE_VIEW_ROOT_PARENT_ID__';
 const buildSiblingIndexes = siblings => {
   const siblingsIndexLookup = {};
@@ -44,4 +47,118 @@ const isItemDisabled = (itemMetaLookup, itemId) => {
   }
   return false;
 };
-exports.isItemDisabled = isItemDisabled;
+exports.isItemDisabled = isItemDisabled;
+function buildItemsState(parameters) {
+  const {
+    config,
+    items: itemsParam,
+    disabledItemsFocusable
+  } = parameters;
+  const itemMetaLookup = {};
+  const itemModelLookup = {};
+  const itemOrderedChildrenIdsLookup = {};
+  const itemChildrenIndexesLookup = {};
+  function processSiblings(items, parentId, depth) {
+    const parentIdWithDefault = parentId ?? TREE_VIEW_ROOT_PARENT_ID;
+    const {
+      metaLookup,
+      modelLookup,
+      orderedChildrenIds,
+      childrenIndexes,
+      itemsChildren
+    } = buildItemsLookups({
+      config,
+      items,
+      parentId,
+      depth,
+      isItemExpandable: (item, children) => !!children && children.length > 0,
+      otherItemsMetaLookup: itemMetaLookup
+    });
+    Object.assign(itemMetaLookup, metaLookup);
+    Object.assign(itemModelLookup, modelLookup);
+    itemOrderedChildrenIdsLookup[parentIdWithDefault] = orderedChildrenIds;
+    itemChildrenIndexesLookup[parentIdWithDefault] = childrenIndexes;
+    for (const item of itemsChildren) {
+      processSiblings(item.children || [], item.id, depth + 1);
+    }
+  }
+  processSiblings(itemsParam, null, 0);
+  return {
+    disabledItemsFocusable,
+    itemMetaLookup,
+    itemModelLookup,
+    itemOrderedChildrenIdsLookup,
+    itemChildrenIndexesLookup,
+    domStructure: 'nested'
+  };
+}
+function buildItemsLookups(parameters) {
+  const {
+    config,
+    items,
+    parentId,
+    depth,
+    isItemExpandable,
+    otherItemsMetaLookup
+  } = parameters;
+  const metaLookup = {};
+  const modelLookup = {};
+  const orderedChildrenIds = [];
+  const itemsChildren = [];
+  const processItem = item => {
+    const id = config.getItemId ? config.getItemId(item) : item.id;
+    checkId({
+      id,
+      parentId,
+      item,
+      itemMetaLookup: otherItemsMetaLookup,
+      siblingsMetaLookup: metaLookup
+    });
+    const label = config.getItemLabel ? config.getItemLabel(item) : item.label;
+    if (label == null) {
+      throw new Error(['MUI X: The Tree View component requires all items to have a `label` property.', 'Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.', 'An item was provided without label in the `items` prop:', JSON.stringify(item)].join('\n'));
+    }
+    const children = (config.getItemChildren ? config.getItemChildren(item) : item.children) || [];
+    itemsChildren.push({
+      id,
+      children
+    });
+    modelLookup[id] = item;
+    metaLookup[id] = {
+      id,
+      label,
+      parentId,
+      idAttribute: undefined,
+      expandable: isItemExpandable(item, children),
+      disabled: config.isItemDisabled ? config.isItemDisabled(item) : false,
+      depth
+    };
+    orderedChildrenIds.push(id);
+  };
+  for (const item of items) {
+    processItem(item);
+  }
+  return {
+    metaLookup,
+    modelLookup,
+    orderedChildrenIds,
+    childrenIndexes: buildSiblingIndexes(orderedChildrenIds),
+    itemsChildren
+  };
+}
+function checkId({
+  id,
+  parentId,
+  item,
+  itemMetaLookup,
+  siblingsMetaLookup
+}) {
+  if (id == null) {
+    throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', 'An item was provided without id in the `items` prop:', JSON.stringify(item)].join('\n'));
+  }
+  if (siblingsMetaLookup[id] != null ||
+  // Ignore items with the same parent id, because it's the same item from the previous generation.
+  itemMetaLookup[id] != null && itemMetaLookup[id].parentId !== parentId) {
+    throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', `Two items were provided with the same id in the \`items\` prop: "${id}"`].join('\n'));
+  }
+}

package/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.js

@@ -10,9 +10,9 @@ exports.useTreeViewJSXItems = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@mui/x-internals/store");
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = require("@base-ui-components/utils/useEventCallback");
+var _useMergedRefs = require("@base-ui-components/utils/useMergedRefs");
+var _useIsoLayoutEffect = require("@base-ui-components/utils/useIsoLayoutEffect");
 var _TreeViewProvider = require("../../TreeViewProvider");
 var _TreeViewChildrenItemProvider = require("../../TreeViewProvider/TreeViewChildrenItemProvider");
 var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.utils");
@@ -26,7 +26,7 @@ const useTreeViewJSXItems = ({
   store
 }) => {
   instance.preventItemUpdates();
-  const insertJSXItem = (0, _useEventCallback.default)(item => {
+  const insertJSXItem = (0, _useEventCallback.useEventCallback)(item => {
     if (store.state.items.itemMetaLookup[item.id] != null) {
       throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', `Two items were provided with the same id in the \`items\` prop: "${item.id}"`].join('\n'));
     }
@@ -64,7 +64,7 @@ const useTreeViewJSXItems = ({
       })
     }));
   };
-  const mapFirstCharFromJSX = (0, _useEventCallback.default)((itemId, firstChar) => {
+  const mapFirstCharFromJSX = (0, _useEventCallback.useEventCallback)((itemId, firstChar) => {
     instance.updateFirstCharMap(firstCharMap => {
       firstCharMap[itemId] = firstChar;
       return firstCharMap;
@@ -113,11 +113,11 @@ const useTreeViewJSXItemsItemPlugin = ({
   } = parentContext;
   const expandable = (0, _useTreeItemUtils.itemHasChildren)(children);
   const pluginContentRef = React.useRef(null);
-  const handleContentRef = (0, _useForkRef.default)(pluginContentRef, contentRef);
+  const handleContentRef = (0, _useMergedRefs.useMergedRefs)(pluginContentRef, contentRef);
   const treeId = (0, _store.useStore)(store, _useTreeViewId2.idSelectors.treeId);
 
   // Prevent any flashing
-  (0, _useEnhancedEffect.default)(() => {
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
       itemId,
       treeId,
@@ -129,7 +129,7 @@ const useTreeViewJSXItemsItemPlugin = ({
       unregisterChild(idAttribute);
     };
   }, [store, instance, registerChild, unregisterChild, itemId, id, treeId]);
-  (0, _useEnhancedEffect.default)(() => {
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     return instance.insertJSXItem({
       id: itemId,
       idAttribute: id,

package/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js

@@ -1,7 +1,6 @@
 "use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,7 +9,7 @@ exports.useTreeViewKeyboardNavigation = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@mui/x-internals/store");
 var _RtlProvider = require("@mui/system/RtlProvider");
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useEventCallback = require("@base-ui-components/utils/useEventCallback");
 var _tree = require("../../utils/tree");
 var _plugins = require("../../utils/plugins");
 var _useTreeViewLabel = require("../useTreeViewLabel");
@@ -28,7 +27,7 @@ const useTreeViewKeyboardNavigation = ({
 }) => {
   const isRtl = (0, _RtlProvider.useRtl)();
   const firstCharMap = React.useRef({});
-  const updateFirstCharMap = (0, _useEventCallback.default)(callback => {
+  const updateFirstCharMap = (0, _useEventCallback.useEventCallback)(callback => {
     firstCharMap.current = callback(firstCharMap.current);
   });
   const itemMetaLookup = (0, _store.useStore)(store, _useTreeViewItems.itemsSelectors.itemMetaLookup);

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTreeViewLabel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useIsoLayoutEffect = require("@base-ui-components/utils/useIsoLayoutEffect");
 var _useTreeViewLabel = require("./useTreeViewLabel.itemPlugin");
 var _useTreeViewLabel2 = require("./useTreeViewLabel.selectors");
 const useTreeViewLabel = ({
@@ -43,7 +43,7 @@ const useTreeViewLabel = ({
       params.onItemLabelChange(itemId, label);
     }
   };
-  (0, _useEnhancedEffect.default)(() => {
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     store.set('label', (0, _extends2.default)({}, store.state.items, {
       isItemEditable: params.isItemEditable
     }));

package/internals/plugins/useTreeViewLazyLoading/index.d.ts

@@ -1,2 +1,2 @@
-export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance } from "./useTreeViewLazyLoading.types.js";
+export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance, DataSource } from "./useTreeViewLazyLoading.types.js";
 export { lazyLoadingSelectors } from "./useTreeViewLazyLoading.selectors.js";

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

@@ -12,9 +12,13 @@ export declare const lazyLoadingSelectors: {
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string) => boolean;
+  isItemLoading: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => boolean;
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string) => boolean;
+  itemHasError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => boolean;
+  /**
+   * Get an item error.
+   */
+  itemError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => Error | null | undefined;
 };

package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.lazyLoadingSelectors = void 0;
 var _store = require("@mui/x-internals/store");
+var _useTreeViewItems = require("../useTreeViewItems");
 const lazyLoadingSelectors = exports.lazyLoadingSelectors = {
   /**
    * Gets the data source used to lazy load items.
@@ -13,9 +14,13 @@ const lazyLoadingSelectors = exports.lazyLoadingSelectors = {
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (0, _store.createSelector)((state, itemId) => state.lazyLoading?.dataSource.loading[itemId] ?? false),
+  isItemLoading: (0, _store.createSelector)((state, itemId) => state.lazyLoading?.dataSource.loading[itemId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID] ?? false),
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (0, _store.createSelector)((state, itemId) => !!state.lazyLoading?.dataSource.errors[itemId])
+  itemHasError: (0, _store.createSelector)((state, itemId) => !!state.lazyLoading?.dataSource.errors[itemId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID]),
+  /**
+   * Get an item error.
+   */
+  itemError: (0, _store.createSelector)((state, itemId) => state.lazyLoading?.dataSource.errors[itemId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID])
 };

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

@@ -5,7 +5,7 @@ import { TreeViewItemId } from "../../../models/index.js";
 import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
 import { UseTreeViewExpansionSignature } from "../useTreeViewExpansion/index.js";
 import { UseTreeViewSelectionSignature } from "../useTreeViewSelection/index.js";
-type DataSource<R extends {}> = {
+export type DataSource<R extends {}> = {
   /**
    * Used to determine the number of children the item has.
    * Only relevant for lazy-loaded trees.
@@ -43,7 +43,7 @@ export interface UseTreeViewLazyLoadingInstance extends UseTreeViewLazyLoadingPu
    * @param {TreeViewItemId[]} parentIds The ids of the items to fetch the children of.
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
-  fetchItems: (parentIds?: TreeViewItemId[]) => Promise<void>;
+  fetchItems: (parentIds: TreeViewItemId[]) => Promise<void>;
   /**
    * Method used for fetching an item's children.
    * Only relevant for lazy-loaded tree views.
@@ -54,21 +54,21 @@ export interface UseTreeViewLazyLoadingInstance extends UseTreeViewLazyLoadingPu
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
   fetchItemChildren: (parameters: {
-    itemId: TreeViewItemId;
+    itemId: TreeViewItemId | null;
     forceRefresh?: boolean;
   }) => Promise<void>;
   /**
    * Set the loading state of an item.
-   * @param {TreeViewItemId} itemId The id of the item to set the loading state of.
+   * @param {TreeViewItemId} itemId The id of the item to set the loading state of. If `null` is passed, it will set the loading state of the root.
    * @param {boolean} isLoading True if the item is loading.
    */
-  setDataSourceLoading: (itemId: TreeViewItemId, isLoading: boolean) => void;
+  setDataSourceLoading: (itemId: TreeViewItemId | null, isLoading: boolean) => void;
   /**
    * Set the error state of an item.
-   * @param {TreeViewItemId} itemId The id of the item to set the error state of.
+   * @param {TreeViewItemId} itemId The id of the item to set the error state of. If `null` is passed, it will set the error state of the root.
    * @param {Error | null} error The error caught on the item.
    */
-  setDataSourceError: (itemId: TreeViewItemId, error: Error | null) => void;
+  setDataSourceError: (itemId: TreeViewItemId | null, error: Error | null) => void;
 }
 export interface UseTreeViewLazyLoadingParameters<R extends {}> {
   /**
@@ -97,5 +97,4 @@ export type UseTreeViewLazyLoadingSignature = TreeViewPluginSignature<{
   instance: UseTreeViewLazyLoadingInstance;
   state: UseTreeViewLazyLoadingState;
   dependencies: [UseTreeViewItemsSignature, UseTreeViewExpansionSignature, UseTreeViewSelectionSignature];
-}>;
-export {};
+}>;

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

@@ -25,11 +25,20 @@ const selectorCheckboxSelectionStatus = (0, _store.createSelector)((state, itemI
     _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemToTraverseId).forEach(traverseDescendants);
   };
   traverseDescendants(itemId);
-  if (hasSelectedDescendant && hasUnSelectedDescendant) {
+  const shouldSelectBasedOnDescendants = _useTreeViewSelection.selectionSelectors.propagationRules(state).parents;
+  if (shouldSelectBasedOnDescendants) {
+    if (hasSelectedDescendant && hasUnSelectedDescendant) {
+      return 'indeterminate';
+    }
+    if (hasSelectedDescendant && !hasUnSelectedDescendant) {
+      return 'checked';
+    }
+    return 'empty';
+  }
+  if (hasSelectedDescendant) {
     return 'indeterminate';
   }
-  const shouldSelectBasedOnDescendants = _useTreeViewSelection.selectionSelectors.propagationRules(state).parents;
-  return shouldSelectBasedOnDescendants && hasSelectedDescendant && !hasUnSelectedDescendant ? 'checked' : 'empty';
+  return 'empty';
 });
 const useTreeViewSelectionItemPlugin = ({
   props

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.js

@@ -9,7 +9,7 @@ exports.useTreeViewSelection = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsistency");
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useIsoLayoutEffect = require("@base-ui-components/utils/useIsoLayoutEffect");
 var _tree = require("../../utils/tree");
 var _useTreeViewSelection = require("./useTreeViewSelection.utils");
 var _useTreeViewSelection2 = require("./useTreeViewSelection.selectors");
@@ -176,7 +176,7 @@ const useTreeViewSelection = ({
     }
     setSelectedItems(event, newSelectedItems);
   };
-  (0, _useEnhancedEffect.default)(() => {
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     store.set('selection', {
       selectedItems: params.selectedItems === undefined ? store.state.selection.selectedItems : params.selectedItems,
       isEnabled: !params.disableSelection,

package/internals/useTreeView/useTreeView.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useRefWithInit = require("@base-ui-components/utils/useRefWithInit");
 var _store = require("@mui/x-internals/store");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useMergedRefs = require("@base-ui-components/utils/useMergedRefs");
 var _corePlugins = require("../corePlugins");
 var _useExtractPluginParamsFromProps = require("./useExtractPluginParamsFromProps");
 var _useTreeViewBuildContext = require("./useTreeViewBuildContext");
@@ -55,7 +55,7 @@ const useTreeView = ({
   const instance = (0, _useRefWithInit.useRefWithInit)(() => ({})).current;
   const publicAPI = useTreeViewApiInitialization(apiRef);
   const innerRootRef = React.useRef(null);
-  const handleRootRef = (0, _useForkRef.default)(innerRootRef, rootRef);
+  const handleRootRef = (0, _useMergedRefs.useMergedRefs)(innerRootRef, rootRef);
   const store = (0, _useRefWithInit.useRefWithInit)(() => {
     const initialState = {};
     for (const plugin of plugins) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "8.12.0",
+  "version": "8.13.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -31,7 +31,7 @@
     "directory": "packages/x-tree-view"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.2",
+    "@babel/runtime": "^7.28.4",
     "@base-ui-components/utils": "0.1.1",
     "@mui/utils": "^7.3.2",
     "@types/react-transition-group": "^4.4.12",

package/useTreeItem/useTreeItem.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@mui/x-internals/store");
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useMergedRefs = require("@base-ui-components/utils/useMergedRefs");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _useTreeItemUtils = require("../hooks/useTreeItemUtils");
 var _TreeViewItemDepthContext = require("../internals/TreeViewItemDepthContext");
@@ -57,8 +57,8 @@ const useTreeItem = parameters => {
   });
   const rootRefObject = React.useRef(null);
   const contentRefObject = React.useRef(null);
-  const handleRootRef = (0, _useForkRef.default)(rootRef, pluginRootRef, rootRefObject);
-  const handleContentRef = (0, _useForkRef.default)(contentRef, contentRefObject);
+  const handleRootRef = (0, _useMergedRefs.useMergedRefs)(rootRef, pluginRootRef, rootRefObject);
+  const handleContentRef = (0, _useMergedRefs.useMergedRefs)(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
   const treeId = (0, _store.useStore)(store, _useTreeViewId2.idSelectors.treeId);
   const isSelectionEnabledForItem = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.canItemBeSelected, itemId);

package/esm/internals/hooks/useLazyRef.d.ts

@@ -1 +0,0 @@
-export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/esm/internals/hooks/useLazyRef.js

@@ -1 +0,0 @@
-export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/esm/internals/hooks/useOnMount.d.ts

@@ -1 +0,0 @@
-export { default as useOnMount } from '@mui/utils/useOnMount';

package/esm/internals/hooks/useOnMount.js

@@ -1 +0,0 @@
-export { default as useOnMount } from '@mui/utils/useOnMount';

package/esm/internals/hooks/useTimeout.d.ts

@@ -1 +0,0 @@
-export { default as useTimeout } from '@mui/utils/useTimeout';

package/esm/internals/hooks/useTimeout.js

@@ -1 +0,0 @@
-export { default as useTimeout } from '@mui/utils/useTimeout';

package/internals/hooks/useLazyRef.d.ts

@@ -1 +0,0 @@
-export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/internals/hooks/useLazyRef.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useLazyRef", {
-  enumerable: true,
-  get: function () {
-    return _useLazyRef.default;
-  }
-});
-var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));

package/internals/hooks/useOnMount.d.ts

@@ -1 +0,0 @@
-export { default as useOnMount } from '@mui/utils/useOnMount';

package/internals/hooks/useOnMount.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useOnMount", {
-  enumerable: true,
-  get: function () {
-    return _useOnMount.default;
-  }
-});
-var _useOnMount = _interopRequireDefault(require("@mui/utils/useOnMount"));

package/internals/hooks/useTimeout.d.ts

@@ -1 +0,0 @@
-export { default as useTimeout } from '@mui/utils/useTimeout';

package/internals/hooks/useTimeout.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useTimeout", {
-  enumerable: true,
-  get: function () {
-    return _useTimeout.default;
-  }
-});
-var _useTimeout = _interopRequireDefault(require("@mui/utils/useTimeout"));