@mui/x-tree-view-pro 7.29.0 → 7.29.1

package/CHANGELOG.md

@@ -3,6 +3,83 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.1
+
+_Apr 23, 2025_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@lhilgert9
+
+Following are all team members who have contributed to this release:
+@arminmeh, @cherniavskii, @flaviendelangle, @LukasTy, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.1`
+
+- [DataGrid] Prevent scrollbars from showing on top (#17410) @romgrk
+
+#### `@mui/x-data-grid-pro@7.29.1` [![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.29.1`, plus:
+
+- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17492) @cherniavskii
+- [DataGridPro] Fix expandable rows detail content height updates (#17509) @arminmeh
+- [DataGridPro] Fix row virtualization not working in list view (#17404) @cherniavskii
+- [DataGridPro] Move locales re-export to allow proper tree shaking (#17438) @lhilgert9
+
+#### `@mui/x-data-grid-premium@7.29.1` [![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.29.1`, plus:
+
+- [DataGridPremium] Use `groupingValueGetter` for row grouping on the server (#17423) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@7.29.1` [![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.29.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@7.29.1` [![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@7.29.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@7.29.1` [![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@7.29.1`, plus:
+
+- [RichTreeViewPro] Fix drag and drop issue with label editing (#17415) @flaviendelangle
+
+### Docs
+
+- [docs] Use MUI X v7 packages in CodeSandbox and StackBlitz (#17516) @cherniavskii
+
+### Core
+
+- [core] Bump monorepo (#17437) @LukasTy
+
 ## 7.29.0
 
 _Apr 16, 2025_

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v7.29.0
+ * @mui/x-tree-view-pro v7.29.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -13,12 +13,15 @@ export const useTreeViewItemsReordering = ({
     if (!params.itemsReordering) {
       return false;
     }
+    if (state.editedItemId != null) {
+      return false;
+    }
     const isItemReorderable = params.isItemReorderable;
     if (isItemReorderable) {
       return isItemReorderable(itemId);
     }
     return true;
-  }, [params.itemsReordering, params.isItemReorderable]);
+  }, [params.itemsReordering, params.isItemReorderable, state.editedItemId]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
     const itemsReordering = state.itemsReordering;
     if (!itemsReordering) {
@@ -81,14 +84,19 @@ export const useTreeViewItemsReordering = ({
     return validActions;
   }, [instance, state.itemsReordering, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    setState(prevState => _extends({}, prevState, {
-      itemsReordering: {
-        targetItemId: itemId,
-        draggedItemId: itemId,
-        action: null,
-        newPosition: null
+    setState(prevState => {
+      if (prevState.editedItemId != null) {
+        return prevState;
       }
-    }));
+      return _extends({}, prevState, {
+        itemsReordering: {
+          targetItemId: itemId,
+          draggedItemId: itemId,
+          action: null,
+          newPosition: null
+        }
+      });
+    });
   }, [setState]);
   const stopDraggingItem = React.useCallback(itemId => {
     if (state.itemsReordering == null || state.itemsReordering.draggedItemId !== itemId) {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DefaultizedProps, TreeViewPluginSignature, UseTreeViewItemsSignature } from '@mui/x-tree-view/internals';
+import { DefaultizedProps, TreeViewPluginSignature, UseTreeViewItemsSignature, UseTreeViewLabelSignature } from '@mui/x-tree-view/internals';
 import { TreeViewItemId, TreeViewItemsReorderingAction, TreeViewCancellableEventHandler } from '@mui/x-tree-view/models';
 import { TreeItem2DragAndDropOverlayProps } from '@mui/x-tree-view/TreeItem2DragAndDropOverlay';
 export interface UseTreeViewItemsReorderingInstance {
@@ -116,6 +116,7 @@ export type UseTreeViewItemsReorderingSignature = TreeViewPluginSignature<{
     contextValue: UseTreeViewItemsReorderingContextValue;
     experimentalFeatures: 'itemsReordering';
     dependencies: [UseTreeViewItemsSignature];
+    optionalDependencies: [UseTreeViewLabelSignature];
 }>;
 export interface UseTreeItem2RootSlotPropsFromItemsReordering {
     draggable?: true;

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0NDc1NDQwMDAwMA==";
+  const releaseInfo = "MTc0NTM1OTIwMDAwMA==";
   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/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v7.29.0
+ * @mui/x-tree-view-pro v7.29.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -13,12 +13,15 @@ export const useTreeViewItemsReordering = ({
     if (!params.itemsReordering) {
       return false;
     }
+    if (state.editedItemId != null) {
+      return false;
+    }
     const isItemReorderable = params.isItemReorderable;
     if (isItemReorderable) {
       return isItemReorderable(itemId);
     }
     return true;
-  }, [params.itemsReordering, params.isItemReorderable]);
+  }, [params.itemsReordering, params.isItemReorderable, state.editedItemId]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
     const itemsReordering = state.itemsReordering;
     if (!itemsReordering) {
@@ -81,14 +84,19 @@ export const useTreeViewItemsReordering = ({
     return validActions;
   }, [instance, state.itemsReordering, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    setState(prevState => _extends({}, prevState, {
-      itemsReordering: {
-        targetItemId: itemId,
-        draggedItemId: itemId,
-        action: null,
-        newPosition: null
+    setState(prevState => {
+      if (prevState.editedItemId != null) {
+        return prevState;
       }
-    }));
+      return _extends({}, prevState, {
+        itemsReordering: {
+          targetItemId: itemId,
+          draggedItemId: itemId,
+          action: null,
+          newPosition: null
+        }
+      });
+    });
   }, [setState]);
   const stopDraggingItem = React.useCallback(itemId => {
     if (state.itemsReordering == null || state.itemsReordering.draggedItemId !== itemId) {

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0NDc1NDQwMDAwMA==";
+  const releaseInfo = "MTc0NTM1OTIwMDAwMA==";
   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/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v7.29.0
+ * @mui/x-tree-view-pro v7.29.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

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

@@ -21,12 +21,15 @@ const useTreeViewItemsReordering = ({
     if (!params.itemsReordering) {
       return false;
     }
+    if (state.editedItemId != null) {
+      return false;
+    }
     const isItemReorderable = params.isItemReorderable;
     if (isItemReorderable) {
       return isItemReorderable(itemId);
     }
     return true;
-  }, [params.itemsReordering, params.isItemReorderable]);
+  }, [params.itemsReordering, params.isItemReorderable, state.editedItemId]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
     const itemsReordering = state.itemsReordering;
     if (!itemsReordering) {
@@ -89,14 +92,19 @@ const useTreeViewItemsReordering = ({
     return validActions;
   }, [instance, state.itemsReordering, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    setState(prevState => (0, _extends2.default)({}, prevState, {
-      itemsReordering: {
-        targetItemId: itemId,
-        draggedItemId: itemId,
-        action: null,
-        newPosition: null
+    setState(prevState => {
+      if (prevState.editedItemId != null) {
+        return prevState;
       }
-    }));
+      return (0, _extends2.default)({}, prevState, {
+        itemsReordering: {
+          targetItemId: itemId,
+          draggedItemId: itemId,
+          action: null,
+          newPosition: null
+        }
+      });
+    });
   }, [setState]);
   const stopDraggingItem = React.useCallback(itemId => {
     if (state.itemsReordering == null || state.itemsReordering.draggedItemId !== itemId) {

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 = "MTc0NDc1NDQwMDAwMA==";
+  const releaseInfo = "MTc0NTM1OTIwMDAwMA==";
   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.29.0",
+  "version": "7.29.1",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -40,8 +40,8 @@
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
     "@mui/x-internals": "7.29.0",
-    "@mui/x-license": "7.29.0",
-    "@mui/x-tree-view": "7.29.0"
+    "@mui/x-license": "7.29.1",
+    "@mui/x-tree-view": "7.29.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",