@mui/x-tree-view-pro 7.22.1 → 8.0.0-alpha.1

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v7.22.1
+ * @mui/x-tree-view-pro v8.0.0-alpha.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -19,18 +19,6 @@ Object.defineProperty(exports, "unstable_resetCleanupTracking", {
     return _internals.unstable_resetCleanupTracking;
   }
 });
-var _TreeView = require("@mui/x-tree-view/TreeView");
-Object.keys(_TreeView).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeView[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _TreeView[key];
-    }
-  });
-});
 var _SimpleTreeView = require("@mui/x-tree-view/SimpleTreeView");
 Object.keys(_SimpleTreeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -67,19 +55,7 @@ Object.keys(_TreeItem).forEach(function (key) {
     }
   });
 });
-var _TreeItem2 = require("@mui/x-tree-view/TreeItem2");
-Object.keys(_TreeItem2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _TreeItem2[key];
-    }
-  });
-});
-var _useTreeItem = require("@mui/x-tree-view/useTreeItem2");
+var _useTreeItem = require("@mui/x-tree-view/useTreeItem");
 Object.keys(_useTreeItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -91,51 +67,51 @@ Object.keys(_useTreeItem).forEach(function (key) {
     }
   });
 });
-var _TreeItem2Icon = require("@mui/x-tree-view/TreeItem2Icon");
-Object.keys(_TreeItem2Icon).forEach(function (key) {
+var _TreeItemIcon = require("@mui/x-tree-view/TreeItemIcon");
+Object.keys(_TreeItemIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2Icon[key]) return;
+  if (key in exports && exports[key] === _TreeItemIcon[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2Icon[key];
+      return _TreeItemIcon[key];
     }
   });
 });
-var _TreeItem2Provider = require("@mui/x-tree-view/TreeItem2Provider");
-Object.keys(_TreeItem2Provider).forEach(function (key) {
+var _TreeItemProvider = require("@mui/x-tree-view/TreeItemProvider");
+Object.keys(_TreeItemProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2Provider[key]) return;
+  if (key in exports && exports[key] === _TreeItemProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2Provider[key];
+      return _TreeItemProvider[key];
     }
   });
 });
-var _TreeItem2DragAndDropOverlay = require("@mui/x-tree-view/TreeItem2DragAndDropOverlay");
-Object.keys(_TreeItem2DragAndDropOverlay).forEach(function (key) {
+var _TreeItemDragAndDropOverlay = require("@mui/x-tree-view/TreeItemDragAndDropOverlay");
+Object.keys(_TreeItemDragAndDropOverlay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2DragAndDropOverlay[key]) return;
+  if (key in exports && exports[key] === _TreeItemDragAndDropOverlay[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2DragAndDropOverlay[key];
+      return _TreeItemDragAndDropOverlay[key];
     }
   });
 });
-var _TreeItem2LabelInput = require("@mui/x-tree-view/TreeItem2LabelInput");
-Object.keys(_TreeItem2LabelInput).forEach(function (key) {
+var _TreeItemLabelInput = require("@mui/x-tree-view/TreeItemLabelInput");
+Object.keys(_TreeItemLabelInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2LabelInput[key]) return;
+  if (key in exports && exports[key] === _TreeItemLabelInput[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2LabelInput[key];
+      return _TreeItemLabelInput[key];
     }
   });
 });

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js

@@ -7,19 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTreeViewItemsReorderingItemPlugin = exports.isAndroid = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-tree-view/internals");
+var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.selectors");
 const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
 exports.isAndroid = isAndroid;
 const useTreeViewItemsReorderingItemPlugin = ({
   props
 }) => {
   const {
-    itemsReordering,
-    instance
+    instance,
+    store,
+    itemsReordering
   } = (0, _internals.useTreeViewContext)();
   const {
     itemId
   } = props;
   const validActionsRef = React.useRef(null);
+  const draggedItemProperties = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingDraggedItemProperties, itemId);
+  const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingIsValidTarget, itemId);
   return {
     propsEnhancers: {
       root: ({
@@ -27,8 +31,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
         contentRefObject,
         externalEventHandlers
       }) => {
-        const draggable = instance.canItemBeDragged(itemId);
-        if (!draggable) {
+        if (!itemsReordering.enabled || itemsReordering.isItemReorderable && !itemsReordering.isItemReorderable(itemId)) {
           return {};
         }
         const handleDragStart = event => {
@@ -83,8 +86,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
         externalEventHandlers,
         contentRefObject
       }) => {
-        const currentDrag = itemsReordering.currentDrag;
-        if (!currentDrag || currentDrag.draggedItemId === itemId) {
+        if (!isValidTarget) {
           return {};
         }
         const handleDragOver = event => {
@@ -117,17 +119,13 @@ const useTreeViewItemsReorderingItemPlugin = ({
         };
       },
       dragAndDropOverlay: () => {
-        const currentDrag = itemsReordering.currentDrag;
-        if (!currentDrag || currentDrag.targetItemId !== itemId || currentDrag.action == null) {
+        if (!draggedItemProperties) {
           return {};
         }
-        const targetDepth = currentDrag.newPosition?.parentId == null ? 0 :
-        // The depth is always defined because drag&drop is only usable with Rich Tree View components.
-        instance.getItemMeta(currentDrag.newPosition.parentId).depth + 1;
         return {
-          action: currentDrag.action,
+          action: draggedItemProperties.action,
           style: {
-            '--TreeView-targetDepth': targetDepth
+            '--TreeView-targetDepth': draggedItemProperties.targetDepth
           }
         };
       }

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTreeViewItemsReordering = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-tree-view/internals");
 var _warning = require("@mui/x-internals/warning");
 var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.utils");
 var _useTreeViewItemsReordering2 = require("./useTreeViewItemsReordering.itemPlugin");
+var _useTreeViewItemsReordering3 = require("./useTreeViewItemsReordering.selectors");
 const useTreeViewItemsReordering = ({
   params,
-  instance,
-  state,
-  setState
+  store
 }) => {
   const canItemBeDragged = React.useCallback(itemId => {
     if (!params.itemsReordering) {
@@ -28,7 +28,7 @@ const useTreeViewItemsReordering = ({
     return true;
   }, [params.itemsReordering, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    const itemsReordering = state.itemsReordering;
+    const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
     if (!itemsReordering) {
       throw new Error('There is no ongoing reordering.');
     }
@@ -36,10 +36,10 @@ const useTreeViewItemsReordering = ({
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
-    const targetItemMeta = instance.getItemMeta(itemId);
-    const targetItemIndex = instance.getItemIndex(targetItemMeta.id);
-    const draggedItemMeta = instance.getItemMeta(itemsReordering.draggedItemId);
-    const draggedItemIndex = instance.getItemIndex(draggedItemMeta.id);
+    const targetItemMeta = (0, _internals.selectorItemMeta)(store.value, itemId);
+    const targetItemIndex = (0, _internals.selectorItemIndex)(store.value, targetItemMeta.id);
+    const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
+    const draggedItemIndex = (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
       index: draggedItemIndex
@@ -75,7 +75,7 @@ const useTreeViewItemsReordering = ({
       },
       'move-to-parent': targetItemMeta.parentId == null ? null : {
         parentId: targetItemMeta.parentId,
-        index: instance.getItemOrderedChildrenIds(targetItemMeta.parentId).length
+        index: (0, _internals.selectorItemOrderedChildrenIds)(store.value, targetItemMeta.parentId).length
       }
     };
     const validActions = {};
@@ -86,9 +86,9 @@ const useTreeViewItemsReordering = ({
       }
     });
     return validActions;
-  }, [instance, state.itemsReordering, params.canMoveItemToNewPosition]);
+  }, [store, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    setState(prevState => (0, _extends2.default)({}, prevState, {
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
       itemsReordering: {
         targetItemId: itemId,
         draggedItemId: itemId,
@@ -96,24 +96,25 @@ const useTreeViewItemsReordering = ({
         newPosition: null
       }
     }));
-  }, [setState]);
+  }, [store]);
   const stopDraggingItem = React.useCallback(itemId => {
-    if (state.itemsReordering == null || state.itemsReordering.draggedItemId !== itemId) {
+    const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
+    if (itemsReordering == null || itemsReordering.draggedItemId !== itemId) {
       return;
     }
-    if (state.itemsReordering.draggedItemId === state.itemsReordering.targetItemId || state.itemsReordering.action == null || state.itemsReordering.newPosition == null) {
-      setState(prevState => (0, _extends2.default)({}, prevState, {
+    if (itemsReordering.draggedItemId === itemsReordering.targetItemId || itemsReordering.action == null || itemsReordering.newPosition == null) {
+      store.update(prevState => (0, _extends2.default)({}, prevState, {
         itemsReordering: null
       }));
       return;
     }
-    const draggedItemMeta = instance.getItemMeta(state.itemsReordering.draggedItemId);
+    const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
-      index: instance.getItemIndex(draggedItemMeta.id)
+      index: (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id)
     };
-    const newPosition = state.itemsReordering.newPosition;
-    setState(prevState => (0, _extends2.default)({}, prevState, {
+    const newPosition = itemsReordering.newPosition;
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
       itemsReordering: null,
       items: (0, _useTreeViewItemsReordering.moveItemInTree)({
         itemToMoveId: itemId,
@@ -128,7 +129,7 @@ const useTreeViewItemsReordering = ({
       newPosition,
       oldPosition
     });
-  }, [setState, state.itemsReordering, instance, params.onItemPositionChange]);
+  }, [store, params.onItemPositionChange]);
   const setDragTargetItem = React.useCallback(({
     itemId,
     validActions,
@@ -137,16 +138,16 @@ const useTreeViewItemsReordering = ({
     cursorX,
     contentElement
   }) => {
-    setState(prevState => {
+    store.update(prevState => {
       const prevSubState = prevState.itemsReordering;
-      if (prevSubState == null || (0, _useTreeViewItemsReordering.isAncestor)(instance, itemId, prevSubState.draggedItemId)) {
+      if (prevSubState == null || (0, _useTreeViewItemsReordering.isAncestor)(store, itemId, prevSubState.draggedItemId)) {
         return prevState;
       }
       const action = (0, _useTreeViewItemsReordering.chooseActionToApply)({
         itemChildrenIndentation: params.itemChildrenIndentation,
         validActions,
         targetHeight,
-        targetDepth: prevState.items.itemMetaMap[itemId].depth,
+        targetDepth: prevState.items.itemMetaLookup[itemId].depth,
         cursorY,
         cursorX,
         contentElement
@@ -163,7 +164,13 @@ const useTreeViewItemsReordering = ({
         })
       });
     });
-  }, [instance, setState, params.itemChildrenIndentation]);
+  }, [store, params.itemChildrenIndentation]);
+  const pluginContextValue = React.useMemo(() => ({
+    itemsReordering: {
+      enabled: params.itemsReordering,
+      isItemReorderable: params.isItemReorderable
+    }
+  }), [params.itemsReordering, params.isItemReorderable]);
   return {
     instance: {
       canItemBeDragged,
@@ -172,12 +179,7 @@ const useTreeViewItemsReordering = ({
       stopDraggingItem,
       setDragTargetItem
     },
-    contextValue: {
-      itemsReordering: {
-        enabled: params.itemsReordering,
-        currentDrag: state.itemsReordering
-      }
-    }
+    contextValue: pluginContextValue
   };
 };
 exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
@@ -186,10 +188,10 @@ useTreeViewItemsReordering.getDefaultizedParams = ({
   params,
   experimentalFeatures
 }) => {
-  const canUseFeature = experimentalFeatures?.indentationAtItemLevel && experimentalFeatures?.itemsReordering;
+  const canUseFeature = experimentalFeatures?.itemsReordering;
   if (process.env.NODE_ENV !== 'production') {
     if (params.itemsReordering && !canUseFeature) {
-      (0, _warning.warnOnce)(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `<RichTreeViewPro />`component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
+      (0, _warning.warnOnce)(['MUI X: The items reordering feature requires the `itemsReordering` experimental feature to be enabled.', 'You can do it by passing `experimentalFeatures={{ itemsReordering: true }}` to the `<RichTreeViewPro />`component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
     }
   }
   return (0, _extends2.default)({}, params, {

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorItemsReorderingIsValidTarget = exports.selectorItemsReorderingDraggedItemProperties = exports.selectorItemsReordering = void 0;
+var _internals = require("@mui/x-tree-view/internals");
+/**
+ * Get the items reordering state.
+ * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
+ * @returns {TreeViewItemsReorderingState | null} The items reordering state.
+ */
+const selectorItemsReordering = state => state.itemsReordering;
+
+/**
+ * Get the properties of the dragged item.
+ * @param {TreeViewState<[UseTreeViewItemsSignature, UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
+ * @param {string} itemId The id of the item.
+ * @returns {TreeViewItemDraggedItemProperties | null} The properties of the dragged item if the current item is being dragged, `null` otherwise.
+ */
+exports.selectorItemsReordering = selectorItemsReordering;
+const selectorItemsReorderingDraggedItemProperties = exports.selectorItemsReorderingDraggedItemProperties = (0, _internals.createSelector)([selectorItemsReordering, _internals.selectorItemMetaLookup, (_, itemId) => itemId], (itemsReordering, itemMetaLookup, itemId) => {
+  if (!itemsReordering || itemsReordering.targetItemId !== itemId || itemsReordering.action == null) {
+    return null;
+  }
+  const targetDepth = itemsReordering.newPosition?.parentId == null ? 0 :
+  // The depth is always defined because drag&drop is only usable with Rich Tree View components.
+  itemMetaLookup[itemId].depth + 1;
+  return {
+    newPosition: itemsReordering.newPosition,
+    action: itemsReordering.action,
+    targetDepth
+  };
+});
+
+/**
+ * Check if the current item is a valid target for the dragged item.
+ * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
+ * @param {string} itemId The id of the item.
+ * @returns {boolean} `true` if the current item is a valid target for the dragged item, `false` otherwise.
+ */
+const selectorItemsReorderingIsValidTarget = exports.selectorItemsReorderingIsValidTarget = (0, _internals.createSelector)([selectorItemsReordering, (_, itemId) => itemId], (itemsReordering, itemId) => itemsReordering && itemsReordering.draggedItemId !== itemId);

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js

@@ -10,15 +10,15 @@ var _internals = require("@mui/x-tree-view/internals");
 /**
  * Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
  */
-const isAncestor = (instance, itemIdA, itemIdB) => {
-  const itemMetaA = instance.getItemMeta(itemIdA);
+const isAncestor = (store, itemIdA, itemIdB) => {
+  const itemMetaA = (0, _internals.selectorItemMeta)(store.value, itemIdA);
   if (itemMetaA.parentId === itemIdB) {
     return true;
   }
   if (itemMetaA.parentId == null) {
     return false;
   }
-  return isAncestor(instance, itemMetaA.parentId, itemIdB);
+  return isAncestor(store, itemMetaA.parentId, itemIdB);
 };
 
 /**
@@ -97,12 +97,12 @@ const moveItemInTree = ({
   newPosition,
   prevState
 }) => {
-  const itemToMoveMeta = prevState.itemMetaMap[itemToMoveId];
+  const itemToMoveMeta = prevState.itemMetaLookup[itemToMoveId];
   const oldParentId = oldPosition.parentId ?? _internals.TREE_VIEW_ROOT_PARENT_ID;
   const newParentId = newPosition.parentId ?? _internals.TREE_VIEW_ROOT_PARENT_ID;
 
   // 1. Update the `itemOrderedChildrenIds`.
-  const itemOrderedChildrenIds = (0, _extends2.default)({}, prevState.itemOrderedChildrenIds);
+  const itemOrderedChildrenIds = (0, _extends2.default)({}, prevState.itemOrderedChildrenIdsLookup);
   if (oldParentId === newParentId) {
     const updatedChildren = [...itemOrderedChildrenIds[oldParentId]];
     updatedChildren.splice(oldPosition.index, 1);
@@ -118,43 +118,51 @@ const moveItemInTree = ({
   }
 
   // 2. Update the `itemChildrenIndexes`
-  const itemChildrenIndexes = (0, _extends2.default)({}, prevState.itemChildrenIndexes);
+  const itemChildrenIndexes = (0, _extends2.default)({}, prevState.itemChildrenIndexesLookup);
   itemChildrenIndexes[oldParentId] = (0, _internals.buildSiblingIndexes)(itemOrderedChildrenIds[oldParentId]);
   if (newParentId !== oldParentId) {
     itemChildrenIndexes[newParentId] = (0, _internals.buildSiblingIndexes)(itemOrderedChildrenIds[newParentId]);
   }
 
-  // 3. Update the `itemMetaMap`
-  const itemMetaMap = (0, _extends2.default)({}, prevState.itemMetaMap);
+  // 3. Update the `itemMetaLookup`
+  const itemMetaLookup = (0, _extends2.default)({}, prevState.itemMetaLookup);
 
   // 3.1 Update the `expandable` property of the old and the new parent
+  function updateExpandable(itemId) {
+    const isExpandable = itemOrderedChildrenIds[itemId].length > 0;
+    if (itemMetaLookup[itemId].expandable !== isExpandable) {
+      itemMetaLookup[itemId] = (0, _extends2.default)({}, itemMetaLookup[itemId], {
+        expandable: isExpandable
+      });
+    }
+  }
   if (oldParentId !== _internals.TREE_VIEW_ROOT_PARENT_ID && oldParentId !== newParentId) {
-    itemMetaMap[oldParentId].expandable = itemOrderedChildrenIds[oldParentId].length > 0;
+    updateExpandable(oldParentId);
   }
   if (newParentId !== _internals.TREE_VIEW_ROOT_PARENT_ID && newParentId !== oldParentId) {
-    itemMetaMap[newParentId].expandable = itemOrderedChildrenIds[newParentId].length > 0;
+    updateExpandable(newParentId);
   }
 
   // 3.2 Update the `parentId` and `depth` properties of the item to move
   // The depth is always defined because drag&drop is only usable with Rich Tree View components.
-  const itemToMoveDepth = newPosition.parentId == null ? 0 : itemMetaMap[newParentId].depth + 1;
-  itemMetaMap[itemToMoveId] = (0, _extends2.default)({}, itemToMoveMeta, {
+  const itemToMoveDepth = newPosition.parentId == null ? 0 : itemMetaLookup[newParentId].depth + 1;
+  itemMetaLookup[itemToMoveId] = (0, _extends2.default)({}, itemToMoveMeta, {
     parentId: newPosition.parentId,
     depth: itemToMoveDepth
   });
 
   // 3.3 Update the depth of all the children of the item to move
   const updateItemDepth = (itemId, depth) => {
-    itemMetaMap[itemId] = (0, _extends2.default)({}, itemMetaMap[itemId], {
+    itemMetaLookup[itemId] = (0, _extends2.default)({}, itemMetaLookup[itemId], {
       depth
     });
     itemOrderedChildrenIds[itemId]?.forEach(childId => updateItemDepth(childId, depth + 1));
   };
   itemOrderedChildrenIds[itemToMoveId]?.forEach(childId => updateItemDepth(childId, itemToMoveDepth + 1));
   return (0, _extends2.default)({}, prevState, {
-    itemOrderedChildrenIds,
-    itemChildrenIndexes,
-    itemMetaMap
+    itemOrderedChildrenIdsLookup: itemOrderedChildrenIds,
+    itemChildrenIndexesLookup: itemChildrenIndexes,
+    itemMetaLookup
   });
 };
 exports.moveItemInTree = moveItemInTree;

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTczMDQzMzYwMDAwMA==";
+  const releaseInfo = "MTczMjIzMDAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "7.22.1",
+  "version": "8.0.0-alpha.1",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,23 +33,25 @@
     "directory": "packages/x-tree-view-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.7",
+    "@babel/runtime": "^7.26.0",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-license": "7.21.0",
-    "@mui/x-tree-view": "7.22.1",
-    "@mui/x-internals": "7.21.0"
+    "reselect": "^5.1.1",
+    "use-sync-external-store": "^1.2.2",
+    "@mui/x-internals": "8.0.0-alpha.1",
+    "@mui/x-license": "8.0.0-alpha.1",
+    "@mui/x-tree-view": "8.0.0-alpha.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.15.14 || ^6.0.0",
     "@mui/system": "^5.15.14 || ^6.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {