@mui/x-tree-view-pro 8.0.0-alpha.0 → 8.0.0-alpha.2

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

@@ -1,18 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getReleaseInfo = void 0;
-var _utils = require("@mui/utils");
+var _ponyfillGlobal = _interopRequireDefault(require("@mui/utils/ponyfillGlobal"));
 const getReleaseInfo = () => {
-  const releaseInfo = "MTczMTUzODgwMDAwMA==";
+  const releaseInfo = "MTczMjgzNDgwMDAwMA==";
   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
     if (releaseInfo === '__RELEASE' + '_INFO__') {
       // eslint-disable-next-line no-underscore-dangle
-      return _utils.ponyfillGlobal.__MUI_RELEASE_INFO__;
+      return _ponyfillGlobal.default.__MUI_RELEASE_INFO__;
     }
   }
   return releaseInfo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "8.0.0-alpha.0",
+  "version": "8.0.0-alpha.2",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -39,17 +39,19 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.0.0-alpha.0",
-    "@mui/x-tree-view": "8.0.0-alpha.0",
-    "@mui/x-license": "8.0.0-alpha.0"
+    "reselect": "^5.1.1",
+    "use-sync-external-store": "^1.2.2",
+    "@mui/x-license": "8.0.0-alpha.2",
+    "@mui/x-tree-view": "8.0.0-alpha.2",
+    "@mui/x-internals": "8.0.0-alpha.2"
   },
   "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": {