@mui/x-tree-view-pro 7.12.1 → 7.14.0

package/CHANGELOG.md

@@ -3,6 +3,167 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.14.0
+
+_Aug 23, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Allow [filtering the axis on zoom](https://mui.com/x/react-charts/zoom-and-pan/#zoom-filtering), making the axis adapt by removing values outside the view.
+
+  <img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />
+
+- 📊 Improve bar chart performances
+- 🌍 Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid
+- 🌍 Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.14.0`
+
+- [DataGrid] Use readonly array result for `getTreeDataPath` (#11743) @pcorpet
+- [DataGrid] Use `event.key` for `Tab` and `Escape` keys (#14170) @k-rajat19
+- [DataGrid] Introduce selectors with arguments (#14236) @MBilalShafi
+- [DataGrid] include `api` in `gridCellParams` interface (#14201) @k-rajat19
+- [l10n] Improve Czech (cs-CZ) locale (#14135) @chirimiri22
+- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
+
+#### `@mui/x-data-grid-pro@7.14.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.14.0`.
+
+#### `@mui/x-data-grid-premium@7.14.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.14.0`, plus:
+
+- [DataGridPremium] Fix clipboard paste not working for a single cell on non-first page (#14261) @arminmeh
+- [DataGridPremium] Fix `onCellSelectionModelChange` not triggered when additional cell range is selected (#14199) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.14.0`
+
+- [l10n] Improve Chinese (zh-HK) locale (#13289) @yeeharn
+- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
+- [l10n] Improve Vietnamese (vi-VN) locale (#14238) @locnbk2002
+- [TimePicker] Handle `Space` and `Enter` on the `TimeClock` component @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.14.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.14.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.14.0`
+
+- [charts] Fix grid overflow with zooming (#14280) @alexfauquette
+- [charts] Improve bar chart performances (#14278) @alexfauquette
+- [charts] Test pointer events (#14042) @alexfauquette
+- [charts] Use `isPointInside` function for both graphs and axis (#14222) @JCQuintas
+
+#### `@mui/x-charts-pro@7.0.0-alpha.2` [![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.14.0`, plus:
+
+- [charts-pro] Zoom axis filtering (#14121) @JCQuintas
+
+### Docs
+
+- [docs] Consistent use of UTC and timezones (#14250) @oliviertassinari
+- [docs] Fix missing leading slashes in URLs (#14249) @oliviertassinari
+- [docs] Dash usage revision on pickers pages (#14260) @arthurbalduini
+
+### Core
+
+- [core] Follow JSDocs convention @oliviertassinari
+- [core] Prepare for material v6 (#14143) @LukasTy
+- [code-infra] Set up `eslint-plugin-testing-library` (#14232) @LukasTy
+- [infra] Updated mui-x roadmap links with new project URL (#14271) @michelengelen
+
+## 7.13.0
+
+_Aug 16, 2024_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Allow to [edit the label](https://mui.com/x/react-tree-view/rich-tree-view/editing/) of Tree View's items.
+
+  <img width="344" src="https://github.com/user-attachments/assets/1a6cf765-2dc8-4906-bd93-139086eed148" alt="Item label editing" />
+
+- 🔧 Improve rows accessibility on the Data Grid features "Tree Data" and "Row Grouping". Certain "Row Grouping" accessibility updates will only be applied if experimental feature flag is enabled. See the [documentation](https://mui.com/x/react-data-grid/row-grouping/#accessibility-changes-in-v8) for more information.
+- 🌍 Improve Vietnamese (vi-VN) locale on the Data Grid
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.13.0`
+
+- [DataGrid] Fix CSV export for `null` and `undefined` values (#14166) @k-rajat19
+- [DataGrid] Fix error logged during skeleton loading with nested data grid (#14186) @KenanYusuf
+- [DataGrid] Remove needless check in `useGridStateInitialization` (#14181) @k-rajat19
+- [DataGrid] Add recipe for persisting filters in local storage (#14208) @cherniavskii
+- [l10n] Improve Vietnamese (vi-VN) locale (#14216) @hungnd-casso
+
+#### `@mui/x-data-grid-pro@7.13.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.13.0`, plus:
+
+- [DataGridPro] Fix Tree Data and Row Grouping rows accessibility (#13623) @arminmeh
+
+#### `@mui/x-data-grid-premium@7.13.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.13.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.13.0`
+
+- [pickers] Fix date and time merging to retain milliseconds (#14173) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.13.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.13.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.13.0`
+
+- [charts] Add `baseline` property to the `LineChart` `series` (#14153) @JCQuintas
+- [charts] Fix issue where tooltip would disappear on mouse click (#14187) @alexfauquette
+- [charts] Rename `CartesianContextProvider` to `CartesianProvider` (#14102) @JCQuintas
+- [charts] Support axis with the same value for all data points (#14191) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-alpha.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.13.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.13.0`
+
+- [TreeView] Add label editing feature (#13388) @noraleonte
+- [TreeView] Fix the parameters passed for the `canMoveItemToNewPosition` prop (#14176) @flaviendelangle
+
+### Docs
+
+- [docs] Extract dataset in the Line chart docs (#14034) @alexfauquette
+- [docs] Remove redundant encoding in the mock data source server (#14185) @MBilalShafi
+- [docs] Use Netflix financial results to document bar charts (#13991) @alexfauquette
+- [docs] Remove relience of abbreviations (#14226) @oliviertassinari
+
+### Core
+
+- [core] Bump monorepo (#14141) @Janpot
+- [core] Fix ESLint issue (#14207) @LukasTy
+- [core] Fix Netlify build cache issue (#14182) @cherniavskii
+- [code-infra] Refactor Netlify `cache-docs` plugin setup (#14105) @LukasTy
+- [internals] Move utils needed for tree view virtualization to shared package (#14202) @flaviendelangle
+
 ## 7.12.1
 
 _Aug 8, 2024_
@@ -51,7 +212,7 @@ Same changes as in `@mui/x-date-pickers@7.12.1`.
 - [charts] Fix charts vendor publish config (#14073) @JCQuintas
 - [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
 
-#### `@mui/x-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-charts-pro@7.0.0-alpha.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-charts@7.12.1`, plus:
 

package/RichTreeViewPro/RichTreeViewPro.js

@@ -170,13 +170,14 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
       getItemOrderedChildrenIds: PropTypes.func.isRequired,
       getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
-      setItemExpansion: PropTypes.func.isRequired
+      setItemExpansion: PropTypes.func.isRequired,
+      updateItemLabel: PropTypes.func.isRequired
     })
   }),
   /**
    * Used to determine if a given item can move to some new position.
    * @param {object} params The params describing the item re-ordering.
-   * @param {string} params.itemId The id of the item to check.
+   * @param {string} params.itemId The id of the item that is being moved to a new position.
    * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
    * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
    * @returns {boolean} `true` if the item can move to the new position.
@@ -231,7 +232,8 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    */
   experimentalFeatures: PropTypes.shape({
     indentationAtItemLevel: PropTypes.bool,
-    itemsReordering: PropTypes.bool
+    itemsReordering: PropTypes.bool,
+    labelEditing: PropTypes.bool
   }),
   /**
    * Used to determine the id of a given item.
@@ -263,6 +265,16 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @returns {boolean} `true` if the item should be disabled.
    */
   isItemDisabled: PropTypes.func,
+  /**
+   * Determines if a given item is editable or not.
+   * Make sure to also enable the `labelEditing` experimental feature:
+   * `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }}  />`.
+   * By default, the items are not editable.
+   * @template R
+   * @param {R} item The item to check.
+   * @returns {boolean} `true` if the item is editable.
+   */
+  isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * Used to determine if a given item can be reordered.
    * @param {string} itemId The id of the item to check.
@@ -314,6 +326,12 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {string} itemId The id of the focused item.
    */
   onItemFocus: PropTypes.func,
+  /**
+   * Callback fired when the label of an item changes.
+   * @param {TreeViewItemId} itemId The id of the item that was edited.
+   * @param {string} newLabel The new label of the items.
+   */
+  onItemLabelChange: PropTypes.func,
   /**
    * Callback fired when a tree item is moved in the tree.
    * @param {object} params The params describing the item re-ordering.

package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts

@@ -1,8 +1,8 @@
-import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters } from '@mui/x-tree-view/internals';
+import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters } from '@mui/x-tree-view/internals';
 import { UseTreeViewItemsReorderingParameters } from '../internals/plugins/useTreeViewItemsReordering';
-export declare const RICH_TREE_VIEW_PRO_PLUGINS: readonly [import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewExpansionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewSelectionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewFocusSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewKeyboardNavigationSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewIconsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals/plugins/useTreeViewItemsReordering").UseTreeViewItemsReorderingSignature>];
+export declare const RICH_TREE_VIEW_PRO_PLUGINS: readonly [import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewExpansionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewSelectionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewFocusSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewKeyboardNavigationSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewIconsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals/plugins/useTreeViewItemsReordering").UseTreeViewItemsReorderingSignature>];
 export type RichTreeViewProPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PRO_PLUGINS>;
 export type RichTreeViewProPluginSlots = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slots'>;
 export type RichTreeViewProPluginSlotProps = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slotProps'>;
-export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewItemsReorderingParameters {
+export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewLabelParameters<R>, UseTreeViewItemsReorderingParameters {
 }

package/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -1,5 +1,5 @@
-import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons } from '@mui/x-tree-view/internals';
+import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel } from '@mui/x-tree-view/internals';
 import { useTreeViewItemsReordering } from '../internals/plugins/useTreeViewItemsReordering';
-export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewItemsReordering];
+export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel, useTreeViewItemsReordering];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/index.js

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

package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -27,16 +27,17 @@ export const useTreeViewItemsReordering = ({
     return true;
   }, [isItemsReorderingEnabled, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    if (!state.itemsReordering) {
+    const itemsReordering = state.itemsReordering;
+    if (!itemsReordering) {
       throw new Error('There is no ongoing reordering.');
     }
-    if (itemId === state.itemsReordering.draggedItemId) {
+    if (itemId === itemsReordering.draggedItemId) {
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
     const targetItemMeta = instance.getItemMeta(itemId);
     const targetItemIndex = instance.getItemIndex(targetItemMeta.id);
-    const draggedItemMeta = instance.getItemMeta(state.itemsReordering.draggedItemId);
+    const draggedItemMeta = instance.getItemMeta(itemsReordering.draggedItemId);
     const draggedItemIndex = instance.getItemIndex(draggedItemMeta.id);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
@@ -49,7 +50,7 @@ export const useTreeViewItemsReordering = ({
         isValid = false;
       } else if (canMoveItemToNewPosition) {
         isValid = canMoveItemToNewPosition({
-          itemId,
+          itemId: itemsReordering.draggedItemId,
           oldPosition,
           newPosition: positionAfterAction
         });

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

@@ -70,7 +70,7 @@ export interface UseTreeViewItemsReorderingParameters {
     /**
      * Used to determine if a given item can move to some new position.
      * @param {object} params The params describing the item re-ordering.
-     * @param {string} params.itemId The id of the item to check.
+     * @param {string} params.itemId The id of the item that is being moved to a new position.
      * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
      * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
      * @returns {boolean} `true` if the item can move to the new position.

package/internals/utils/releaseInfo.js

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

@@ -170,13 +170,14 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
       getItemOrderedChildrenIds: PropTypes.func.isRequired,
       getItemTree: PropTypes.func.isRequired,
       selectItem: PropTypes.func.isRequired,
-      setItemExpansion: PropTypes.func.isRequired
+      setItemExpansion: PropTypes.func.isRequired,
+      updateItemLabel: PropTypes.func.isRequired
     })
   }),
   /**
    * Used to determine if a given item can move to some new position.
    * @param {object} params The params describing the item re-ordering.
-   * @param {string} params.itemId The id of the item to check.
+   * @param {string} params.itemId The id of the item that is being moved to a new position.
    * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
    * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
    * @returns {boolean} `true` if the item can move to the new position.
@@ -231,7 +232,8 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    */
   experimentalFeatures: PropTypes.shape({
     indentationAtItemLevel: PropTypes.bool,
-    itemsReordering: PropTypes.bool
+    itemsReordering: PropTypes.bool,
+    labelEditing: PropTypes.bool
   }),
   /**
    * Used to determine the id of a given item.
@@ -263,6 +265,16 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @returns {boolean} `true` if the item should be disabled.
    */
   isItemDisabled: PropTypes.func,
+  /**
+   * Determines if a given item is editable or not.
+   * Make sure to also enable the `labelEditing` experimental feature:
+   * `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }}  />`.
+   * By default, the items are not editable.
+   * @template R
+   * @param {R} item The item to check.
+   * @returns {boolean} `true` if the item is editable.
+   */
+  isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * Used to determine if a given item can be reordered.
    * @param {string} itemId The id of the item to check.
@@ -314,6 +326,12 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {string} itemId The id of the focused item.
    */
   onItemFocus: PropTypes.func,
+  /**
+   * Callback fired when the label of an item changes.
+   * @param {TreeViewItemId} itemId The id of the item that was edited.
+   * @param {string} newLabel The new label of the items.
+   */
+  onItemLabelChange: PropTypes.func,
   /**
    * Callback fired when a tree item is moved in the tree.
    * @param {object} params The params describing the item re-ordering.

package/modern/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -1,5 +1,5 @@
-import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons } from '@mui/x-tree-view/internals';
+import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel } from '@mui/x-tree-view/internals';
 import { useTreeViewItemsReordering } from '../internals/plugins/useTreeViewItemsReordering';
-export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewItemsReordering];
+export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel, useTreeViewItemsReordering];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/modern/index.js

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

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

@@ -27,16 +27,17 @@ export const useTreeViewItemsReordering = ({
     return true;
   }, [isItemsReorderingEnabled, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    if (!state.itemsReordering) {
+    const itemsReordering = state.itemsReordering;
+    if (!itemsReordering) {
       throw new Error('There is no ongoing reordering.');
     }
-    if (itemId === state.itemsReordering.draggedItemId) {
+    if (itemId === itemsReordering.draggedItemId) {
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
     const targetItemMeta = instance.getItemMeta(itemId);
     const targetItemIndex = instance.getItemIndex(targetItemMeta.id);
-    const draggedItemMeta = instance.getItemMeta(state.itemsReordering.draggedItemId);
+    const draggedItemMeta = instance.getItemMeta(itemsReordering.draggedItemId);
     const draggedItemIndex = instance.getItemIndex(draggedItemMeta.id);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
@@ -49,7 +50,7 @@ export const useTreeViewItemsReordering = ({
         isValid = false;
       } else if (canMoveItemToNewPosition) {
         isValid = canMoveItemToNewPosition({
-          itemId,
+          itemId: itemsReordering.draggedItemId,
           oldPosition,
           newPosition: positionAfterAction
         });

package/modern/internals/utils/releaseInfo.js

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

@@ -179,13 +179,14 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
       getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
       getItemTree: _propTypes.default.func.isRequired,
       selectItem: _propTypes.default.func.isRequired,
-      setItemExpansion: _propTypes.default.func.isRequired
+      setItemExpansion: _propTypes.default.func.isRequired,
+      updateItemLabel: _propTypes.default.func.isRequired
     })
   }),
   /**
    * Used to determine if a given item can move to some new position.
    * @param {object} params The params describing the item re-ordering.
-   * @param {string} params.itemId The id of the item to check.
+   * @param {string} params.itemId The id of the item that is being moved to a new position.
    * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
    * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
    * @returns {boolean} `true` if the item can move to the new position.
@@ -240,7 +241,8 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    */
   experimentalFeatures: _propTypes.default.shape({
     indentationAtItemLevel: _propTypes.default.bool,
-    itemsReordering: _propTypes.default.bool
+    itemsReordering: _propTypes.default.bool,
+    labelEditing: _propTypes.default.bool
   }),
   /**
    * Used to determine the id of a given item.
@@ -272,6 +274,16 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @returns {boolean} `true` if the item should be disabled.
    */
   isItemDisabled: _propTypes.default.func,
+  /**
+   * Determines if a given item is editable or not.
+   * Make sure to also enable the `labelEditing` experimental feature:
+   * `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }}  />`.
+   * By default, the items are not editable.
+   * @template R
+   * @param {R} item The item to check.
+   * @returns {boolean} `true` if the item is editable.
+   */
+  isItemEditable: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
   /**
    * Used to determine if a given item can be reordered.
    * @param {string} itemId The id of the item to check.
@@ -323,6 +335,12 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {string} itemId The id of the focused item.
    */
   onItemFocus: _propTypes.default.func,
+  /**
+   * Callback fired when the label of an item changes.
+   * @param {TreeViewItemId} itemId The id of the item that was edited.
+   * @param {string} newLabel The new label of the items.
+   */
+  onItemLabelChange: _propTypes.default.func,
   /**
    * Callback fired when a tree item is moved in the tree.
    * @param {object} params The params describing the item re-ordering.

package/node/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.RICH_TREE_VIEW_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-tree-view/internals");
 var _useTreeViewItemsReordering = require("../internals/plugins/useTreeViewItemsReordering");
-const RICH_TREE_VIEW_PRO_PLUGINS = exports.RICH_TREE_VIEW_PRO_PLUGINS = [_internals.useTreeViewItems, _internals.useTreeViewExpansion, _internals.useTreeViewSelection, _internals.useTreeViewFocus, _internals.useTreeViewKeyboardNavigation, _internals.useTreeViewIcons, _useTreeViewItemsReordering.useTreeViewItemsReordering];
+const RICH_TREE_VIEW_PRO_PLUGINS = exports.RICH_TREE_VIEW_PRO_PLUGINS = [_internals.useTreeViewItems, _internals.useTreeViewExpansion, _internals.useTreeViewSelection, _internals.useTreeViewFocus, _internals.useTreeViewKeyboardNavigation, _internals.useTreeViewIcons, _internals.useTreeViewLabel, _useTreeViewItemsReordering.useTreeViewItemsReordering];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/node/index.js

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

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

@@ -36,16 +36,17 @@ const useTreeViewItemsReordering = ({
     return true;
   }, [isItemsReorderingEnabled, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    if (!state.itemsReordering) {
+    const itemsReordering = state.itemsReordering;
+    if (!itemsReordering) {
       throw new Error('There is no ongoing reordering.');
     }
-    if (itemId === state.itemsReordering.draggedItemId) {
+    if (itemId === itemsReordering.draggedItemId) {
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
     const targetItemMeta = instance.getItemMeta(itemId);
     const targetItemIndex = instance.getItemIndex(targetItemMeta.id);
-    const draggedItemMeta = instance.getItemMeta(state.itemsReordering.draggedItemId);
+    const draggedItemMeta = instance.getItemMeta(itemsReordering.draggedItemId);
     const draggedItemIndex = instance.getItemIndex(draggedItemMeta.id);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
@@ -58,7 +59,7 @@ const useTreeViewItemsReordering = ({
         isValid = false;
       } else if (canMoveItemToNewPosition) {
         isValid = canMoveItemToNewPosition({
-          itemId,
+          itemId: itemsReordering.draggedItemId,
           oldPosition,
           newPosition: positionAfterAction
         });

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 = "MTcyMzE1NDQwMDAwMA==";
+  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
   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.12.1",
+  "version": "7.14.0",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -34,15 +34,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.5",
-    "@mui/utils": "^5.16.5",
-    "@types/react-transition-group": "^4.4.10",
+    "@mui/system": "^5.16.7",
+    "@mui/utils": "^5.16.6",
+    "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "7.12.0",
-    "@mui/x-license": "7.12.0",
-    "@mui/x-tree-view": "7.12.1"
+    "@mui/x-internals": "7.14.0",
+    "@mui/x-license": "7.14.0",
+    "@mui/x-tree-view": "7.14.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",