@mui/x-tree-view-pro 7.12.0 → 7.13.0

package/{build/CHANGELOG.md → CHANGELOG.md}

@@ -3,6 +3,155 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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-date-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_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Charts get a new component to display color mapping in the legend
+- 🚀 The `@mui/x-charts-pro` is released in alpha version 🧪. This new package introduces two main features:
+  - The Heatmap component
+  - The zoom interaction on the bar, line, and scatter charts
+- 🌍 Improve Dutch (nl-NL) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.12.1`
+
+- [DataGrid] Fix `checkboxSelectionVisibleOnly` behavior with server-side pagination (#14083) @MBilalShafi
+- [DataGrid] Fix `columnHeadersContainerRef` being `undefined` before mount (#14051) @samwato
+- [DataGrid] Support Yarn PnP (#14126) @cherniavskii
+
+#### `@mui/x-data-grid-pro@7.12.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.12.1`.
+
+#### `@mui/x-data-grid-premium@7.12.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.12.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.12.1`
+
+- [l10n] Improve Dutch (nlNL) locale (pickers) (#14036) @Robin1896
+
+#### `@mui/x-date-pickers-pro@7.12.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.12.1`.
+
+### Charts
+
+#### `@mui/x-charts@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')
+
+Same changes as in `@mui/x-charts@7.12.1`, plus:
+
+- [charts-pro] Release the pro package in alpha (#13859) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.12.1`
+
+### Docs
+
+- [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
+- [docs] Disable ad in `Rich Tree View-Ordering` page (#14123) @oliviertassinari
+- [docs] Redesign Date and Time Pickers overview page (#13241) @noraleonte
+
+- [CHANGELOG] Polish details @oliviertassinari
+- [code-infra] Use concurrency 1 in CircleCI (#14110) @JCQuintas
+- [infra] Re-added the removal of `Latest Version` section (#14132) @michelengelen
+
 ## 7.12.0
 
 _Aug 1, 2024_
@@ -24,9 +173,9 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 
 - 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
 
-  <img width="384" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
+  <img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
 
-- 📦 Support Common JS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
+- 📦 Support CommonJS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
 
   - This modifies how the package imports D3.js. It will impact you if you use `d3` packages installed by `@mui/x-charts` and don't have them in your `package.json`. You shouldn't be affected otherwise.
   - For more context, the initial issue is caused by D3 only exporting ESM.

package/{build/RichTreeViewPro → 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/{build/RichTreeViewPro → 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/{build/RichTreeViewPro → 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/{build/index.js → index.js}

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

package/{build/modern/internals → 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/{build/internals → 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/{build/internals → internals}/utils/releaseInfo.js

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

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

package/{build → 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/{build/modern → modern}/internals/utils/releaseInfo.js

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

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

package/{build/node → 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/{build/node → 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 = "MTcyMjQ2MzIwMDAwMA==";
+  const releaseInfo = "MTcyMzc1NTYwMDAwMA==";
   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,9 +1,9 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "7.12.0",
+  "version": "7.13.0",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
-  "main": "src/index.ts",
+  "main": "./node/index.js",
   "license": "SEE LICENSE IN LICENSE",
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
@@ -15,7 +15,8 @@
   },
   "sideEffects": false,
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "directory": "build"
   },
   "keywords": [
     "react",
@@ -39,9 +40,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-license": "7.12.0",
-    "@mui/x-internals": "7.12.0",
-    "@mui/x-tree-view": "7.12.0"
+    "@mui/x-internals": "7.13.0",
+    "@mui/x-license": "7.13.0",
+    "@mui/x-tree-view": "7.13.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -50,22 +51,18 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.5",
-    "@types/prop-types": "^15.7.12",
-    "rimraf": "^5.0.9"
+  "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    }
   },
   "engines": {
     "node": ">=14.0.0"
   },
-  "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "pnpm build:modern && pnpm build:node && pnpm build:stable && pnpm build:types && pnpm build:copy-files ",
-    "build:modern": "node ../../scripts/build.mjs modern",
-    "build:node": "node ../../scripts/build.mjs node",
-    "build:stable": "node ../../scripts/build.mjs stable",
-    "build:copy-files": "node ../../scripts/copyFiles.mjs",
-    "build:types": "node ../../scripts/buildTypes.mjs",
-    "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
-  }
+  "private": false,
+  "module": "./index.js",
+  "types": "./index.d.ts"
 }

package/build/LICENSE

@@ -1,11 +0,0 @@
-Commercial License
-
-Copyright (c) 2020 Material-UI SAS
-
-MUI X Pro (https://mui.com/pricing/) is commercial software. You MUST agree to the
-End User License Agreement (EULA: https://mui.com/r/x-license-eula) to be able to
-use the software.
-
-This means that you either need to purchase a commercial license at
-https://mui.com/r/x-get-license?scope=pro or be eligible for the Evaluation (trial)
-licenses detailed at https://mui.com/r/x-license-trial.

package/build/README.md

@@ -1,26 +0,0 @@
-# MUI X Tree View
-
-This package is the Pro plan edition of the Tree View components.
-It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
-
-## Installation
-
-Install the package in your project directory with:
-
-```bash
-npm install @mui/x-tree-view-pro
-```
-
-This component has the following peer dependencies that you will need to install as well.
-
-```json
-"peerDependencies": {
-  "@mui/material": "^5.15.14",
-  "react": "^17.0.0 || ^18.0.0",
-  "react-dom": "^17.0.0 || ^18.0.0"
-},
-```
-
-## Documentation
-
-Visit [https://mui.com/x/react-tree-view/](https://mui.com/x/react-tree-view/) to view the full documentation.