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

package/RichTreeViewPro/RichTreeViewPro.js

@@ -1,13 +1,14 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RichTreeViewProRoot = exports.RichTreeViewPro = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -18,8 +19,8 @@ var _warning = require("@mui/x-internals/warning");
 var _zeroStyled = require("../internals/zero-styled");
 var _richTreeViewProClasses = require("./richTreeViewProClasses");
 var _RichTreeViewPro = require("./RichTreeViewPro.plugins");
-var _releaseInfo = require("../internals/utils/releaseInfo");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["slots", "slotProps"];
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiRichTreeViewPro');
 const useUtilityClasses = ownerState => {
   const {
@@ -52,7 +53,7 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
   outline: 0,
   position: 'relative'
 });
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+const releaseInfo = "MTc0NDg0MDgwMDAwMA==";
 
 /**
  *
@@ -69,6 +70,11 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
     props: inProps,
     name: 'MuiRichTreeViewPro'
   });
+  const {
+      slots,
+      slotProps
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   (0, _xLicense.useLicenseVerifier)('x-tree-view-pro', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
@@ -81,12 +87,8 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
   } = (0, _internals.useTreeView)({
     plugins: _RichTreeViewPro.RICH_TREE_VIEW_PRO_PLUGINS,
     rootRef: ref,
-    props
+    props: other
   });
-  const {
-    slots,
-    slotProps
-  } = props;
   const classes = useUtilityClasses(props);
   const Root = slots?.root ?? RichTreeViewProRoot;
   const rootProps = (0, _useSlotProps.default)({
@@ -99,6 +101,8 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.TreeViewProvider, {
     contextValue: contextValue,
     classes: classes,
+    slots: slots,
+    slotProps: slotProps,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.RichTreeViewItems, {
         slots: slots,

package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts

@@ -1,7 +1,5 @@
-import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters, UseTreeViewLazyLoadingParameters } from '@mui/x-tree-view/internals';
+import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, ConvertPluginsIntoSignatures, TreeViewCorePluginParameters, UseTreeViewLabelParameters, UseTreeViewLazyLoadingParameters } from '@mui/x-tree-view/internals';
 import { UseTreeViewItemsReorderingParameters } from "../internals/plugins/useTreeViewItemsReordering/index.js";
-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("@mui/x-tree-view/internals").UseTreeViewLazyLoadingSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").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").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLazyLoadingSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").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, UseTreeViewLabelParameters<R>, UseTreeViewLazyLoadingParameters<R>, UseTreeViewItemsReorderingParameters {}
+export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewLabelParameters<R>, UseTreeViewLazyLoadingParameters<R>, UseTreeViewItemsReorderingParameters {}

package/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -7,6 +7,6 @@ exports.RICH_TREE_VIEW_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-tree-view/internals");
 var _useTreeViewItemsReordering = require("../internals/plugins/useTreeViewItemsReordering");
 var _useTreeViewLazyLoading = require("../internals/plugins/useTreeViewLazyLoading");
-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, _useTreeViewLazyLoading.useTreeViewLazyLoading, _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.useTreeViewLabel, _useTreeViewLazyLoading.useTreeViewLazyLoading, _useTreeViewItemsReordering.useTreeViewItemsReordering];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/RichTreeViewPro/RichTreeViewPro.types.d.ts

@@ -2,17 +2,17 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { SlotComponentProps } from '@mui/utils/types';
-import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from '@mui/x-tree-view/internals';
+import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps, TreeViewSlots, TreeViewSlotProps } from '@mui/x-tree-view/internals';
 import { RichTreeViewProClasses } from "./richTreeViewProClasses.js";
-import { RichTreeViewProPluginParameters, RichTreeViewProPluginSlotProps, RichTreeViewProPluginSlots, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
-export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots, RichTreeViewItemsSlots {
+import { RichTreeViewProPluginParameters, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
+export interface RichTreeViewProSlots extends TreeViewSlots, RichTreeViewItemsSlots {
   /**
    * Element rendered at the root.
    * @default RichTreeViewProRoot
    */
   root?: React.ElementType;
 }
-export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginSlotProps, RichTreeViewItemsSlotProps {
+export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends TreeViewSlotProps, RichTreeViewItemsSlotProps {
   root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
 }
 export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;

package/esm/RichTreeViewPro/RichTreeViewPro.js

@@ -1,6 +1,8 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
@@ -11,7 +13,6 @@ import { warnOnce } from '@mui/x-internals/warning';
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
 import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.js";
 import { RICH_TREE_VIEW_PRO_PLUGINS } from "./RichTreeViewPro.plugins.js";
-import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeViewPro');
 const useUtilityClasses = ownerState => {
@@ -45,7 +46,7 @@ export const RichTreeViewProRoot = styled('ul', {
   outline: 0,
   position: 'relative'
 });
-const releaseInfo = getReleaseInfo();
+const releaseInfo = "MTc0NDg0MDgwMDAwMA==";
 
 /**
  *
@@ -62,6 +63,11 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
     props: inProps,
     name: 'MuiRichTreeViewPro'
   });
+  const {
+      slots,
+      slotProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   useLicenseVerifier('x-tree-view-pro', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
@@ -74,12 +80,8 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
   } = useTreeView({
     plugins: RICH_TREE_VIEW_PRO_PLUGINS,
     rootRef: ref,
-    props
+    props: other
   });
-  const {
-    slots,
-    slotProps
-  } = props;
   const classes = useUtilityClasses(props);
   const Root = slots?.root ?? RichTreeViewProRoot;
   const rootProps = useSlotProps({
@@ -92,6 +94,8 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
   return /*#__PURE__*/_jsx(TreeViewProvider, {
     contextValue: contextValue,
     classes: classes,
+    slots: slots,
+    slotProps: slotProps,
     children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
       children: [/*#__PURE__*/_jsx(RichTreeViewItems, {
         slots: slots,

package/esm/RichTreeViewPro/RichTreeViewPro.plugins.d.ts

@@ -1,7 +1,5 @@
-import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters, UseTreeViewLazyLoadingParameters } from '@mui/x-tree-view/internals';
+import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, ConvertPluginsIntoSignatures, TreeViewCorePluginParameters, UseTreeViewLabelParameters, UseTreeViewLazyLoadingParameters } from '@mui/x-tree-view/internals';
 import { UseTreeViewItemsReorderingParameters } from "../internals/plugins/useTreeViewItemsReordering/index.js";
-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("@mui/x-tree-view/internals").UseTreeViewLazyLoadingSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").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").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLazyLoadingSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").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, UseTreeViewLabelParameters<R>, UseTreeViewLazyLoadingParameters<R>, UseTreeViewItemsReorderingParameters {}
+export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewLabelParameters<R>, UseTreeViewLazyLoadingParameters<R>, UseTreeViewItemsReorderingParameters {}

package/esm/RichTreeViewPro/RichTreeViewPro.plugins.js

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

package/esm/RichTreeViewPro/RichTreeViewPro.types.d.ts

@@ -2,17 +2,17 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { SlotComponentProps } from '@mui/utils/types';
-import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from '@mui/x-tree-view/internals';
+import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps, TreeViewSlots, TreeViewSlotProps } from '@mui/x-tree-view/internals';
 import { RichTreeViewProClasses } from "./richTreeViewProClasses.js";
-import { RichTreeViewProPluginParameters, RichTreeViewProPluginSlotProps, RichTreeViewProPluginSlots, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
-export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots, RichTreeViewItemsSlots {
+import { RichTreeViewProPluginParameters, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
+export interface RichTreeViewProSlots extends TreeViewSlots, RichTreeViewItemsSlots {
   /**
    * Element rendered at the root.
    * @default RichTreeViewProRoot
    */
   root?: React.ElementType;
 }
-export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginSlotProps, RichTreeViewItemsSlotProps {
+export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends TreeViewSlotProps, RichTreeViewItemsSlotProps {
   root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
 }
 export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;

package/esm/index.js

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

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

@@ -14,7 +14,7 @@ export const useTreeViewItemsReorderingItemPlugin = ({
   } = props;
   const validActionsRef = React.useRef(null);
   const draggedItemProperties = useSelector(store, selectorDraggedItemProperties, itemId);
-  const canItemBeReordered = useSelector(store, selectorCanItemBeReordered);
+  const canItemBeReordered = useSelector(store, selectorCanItemBeReordered, itemId);
   const isValidTarget = useSelector(store, selectorIsItemValidReorderingTarget, itemId);
   return {
     propsEnhancers: {

package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
+import { selectorIsItemBeingEdited, selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
 import { chooseActionToApply, isAncestor, moveItemInTree } from "./useTreeViewItemsReordering.utils.js";
 import { useTreeViewItemsReorderingItemPlugin } from "./useTreeViewItemsReordering.itemPlugin.js";
 import { selectorCurrentItemReordering } from "./useTreeViewItemsReordering.selectors.js";
@@ -81,16 +81,22 @@ export const useTreeViewItemsReordering = ({
     return validActions;
   }, [store, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
-        currentReorder: {
-          targetItemId: itemId,
-          draggedItemId: itemId,
-          action: null,
-          newPosition: null
-        }
-      })
-    }));
+    store.update(prevState => {
+      const isItemBeingEditing = selectorIsItemBeingEdited(prevState, itemId);
+      if (isItemBeingEditing) {
+        return prevState;
+      }
+      return _extends({}, prevState, {
+        itemsReordering: _extends({}, prevState.itemsReordering, {
+          currentReorder: {
+            targetItemId: itemId,
+            draggedItemId: itemId,
+            action: null,
+            newPosition: null
+          }
+        })
+      });
+    });
   }, [store]);
   const stopDraggingItem = React.useCallback(itemId => {
     const currentReorder = selectorCurrentItemReordering(store.value);

package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts

@@ -383,7 +383,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
       newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
-  }, resultFuncArgs_1: string) => boolean;
+  }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean;
   memoizedResultFunc: ((resultFuncArgs_0: {
     isItemReorderable: (itemId: string) => boolean;
     currentReorder: {
@@ -392,7 +392,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
       newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
-  }, resultFuncArgs_1: string) => boolean) & {
+  }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -406,6 +406,34 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
       newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
+  }, ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & Partial<import("@mui/x-tree-view/internals/plugins/useTreeViewLabel/useTreeViewLabel.types").UseTreeViewLabelState> & {
+    cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
+  }) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      isItemEditable: ((item: any) => boolean) | boolean;
+      editedItemId: string | null;
+    } | undefined) => boolean;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      isItemEditable: ((item: any) => boolean) | boolean;
+      editedItemId: string | null;
+    } | undefined) => boolean) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => boolean;
+    dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature, true>];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
   }, (_: any, itemId: string) => string];
   recomputations: () => number;
   resetRecomputations: () => void;

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

@@ -1,4 +1,4 @@
-import { createSelector, selectorItemMetaLookup } from '@mui/x-tree-view/internals';
+import { createSelector, selectorItemMetaLookup, selectorIsAnItemEdited } from '@mui/x-tree-view/internals';
 /**
  * Get the items reordering state.
  * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
@@ -47,4 +47,4 @@ export const selectorIsItemValidReorderingTarget = createSelector([selectorCurre
  * @param {string} itemId The id of the item.
  * @returns {boolean} `true` if the items can be reordered, `false` otherwise.
  */
-export const selectorCanItemBeReordered = createSelector([selectorItemsReordering, (_, itemId) => itemId], (itemsReordering, itemId) => itemsReordering.isItemReorderable(itemId));
+export const selectorCanItemBeReordered = createSelector([selectorItemsReordering, selectorIsAnItemEdited, (_, itemId) => itemId], (itemsReordering, isEditing, itemId) => !isEditing && itemsReordering.isItemReorderable(itemId));

package/index.js

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

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

@@ -22,7 +22,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
   } = props;
   const validActionsRef = React.useRef(null);
   const draggedItemProperties = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorDraggedItemProperties, itemId);
-  const canItemBeReordered = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorCanItemBeReordered);
+  const canItemBeReordered = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorCanItemBeReordered, itemId);
   const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorIsItemValidReorderingTarget, itemId);
   return {
     propsEnhancers: {

package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -89,16 +89,22 @@ const useTreeViewItemsReordering = ({
     return validActions;
   }, [store, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    store.update(prevState => (0, _extends2.default)({}, prevState, {
-      itemsReordering: (0, _extends2.default)({}, prevState.itemsReordering, {
-        currentReorder: {
-          targetItemId: itemId,
-          draggedItemId: itemId,
-          action: null,
-          newPosition: null
-        }
-      })
-    }));
+    store.update(prevState => {
+      const isItemBeingEditing = (0, _internals.selectorIsItemBeingEdited)(prevState, itemId);
+      if (isItemBeingEditing) {
+        return prevState;
+      }
+      return (0, _extends2.default)({}, prevState, {
+        itemsReordering: (0, _extends2.default)({}, prevState.itemsReordering, {
+          currentReorder: {
+            targetItemId: itemId,
+            draggedItemId: itemId,
+            action: null,
+            newPosition: null
+          }
+        })
+      });
+    });
   }, [store]);
   const stopDraggingItem = React.useCallback(itemId => {
     const currentReorder = (0, _useTreeViewItemsReordering3.selectorCurrentItemReordering)(store.value);

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

@@ -383,7 +383,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
       newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
-  }, resultFuncArgs_1: string) => boolean;
+  }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean;
   memoizedResultFunc: ((resultFuncArgs_0: {
     isItemReorderable: (itemId: string) => boolean;
     currentReorder: {
@@ -392,7 +392,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
       newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
-  }, resultFuncArgs_1: string) => boolean) & {
+  }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -406,6 +406,34 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
       newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
+  }, ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & Partial<import("@mui/x-tree-view/internals/plugins/useTreeViewLabel/useTreeViewLabel.types").UseTreeViewLabelState> & {
+    cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
+  }) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      isItemEditable: ((item: any) => boolean) | boolean;
+      editedItemId: string | null;
+    } | undefined) => boolean;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      isItemEditable: ((item: any) => boolean) | boolean;
+      editedItemId: string | null;
+    } | undefined) => boolean) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => boolean;
+    dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature, true>];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
   }, (_: any, itemId: string) => string];
   recomputations: () => number;
   resetRecomputations: () => void;

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

@@ -53,4 +53,4 @@ const selectorIsItemValidReorderingTarget = exports.selectorIsItemValidReorderin
  * @param {string} itemId The id of the item.
  * @returns {boolean} `true` if the items can be reordered, `false` otherwise.
  */
-const selectorCanItemBeReordered = exports.selectorCanItemBeReordered = (0, _internals.createSelector)([selectorItemsReordering, (_, itemId) => itemId], (itemsReordering, itemId) => itemsReordering.isItemReorderable(itemId));
+const selectorCanItemBeReordered = exports.selectorCanItemBeReordered = (0, _internals.createSelector)([selectorItemsReordering, _internals.selectorIsAnItemEdited, (_, itemId) => itemId], (itemsReordering, isEditing, itemId) => !isEditing && itemsReordering.isItemReorderable(itemId));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "8.0.0-beta.2",
+  "version": "8.0.0",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -33,23 +33,23 @@
     "directory": "packages/x-tree-view-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
-    "@mui/utils": "^7.0.0 || ^7.0.0-beta",
+    "@babel/runtime": "^7.27.0",
+    "@mui/utils": "^7.0.2",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
     "reselect": "^5.1.1",
-    "use-sync-external-store": "^1.4.0",
-    "@mui/x-internals": "8.0.0-beta.2",
-    "@mui/x-license": "8.0.0-beta.2",
-    "@mui/x-tree-view": "8.0.0-beta.2"
+    "use-sync-external-store": "^1.5.0",
+    "@mui/x-internals": "8.0.0",
+    "@mui/x-license": "8.0.0",
+    "@mui/x-tree-view": "8.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
@@ -76,10 +76,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -90,10 +86,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/esm/internals/utils/releaseInfo.d.ts

@@ -1 +0,0 @@
-export declare const getReleaseInfo: () => any;

package/esm/internals/utils/releaseInfo.js

@@ -1,13 +0,0 @@
-import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
-export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
-  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 ponyfillGlobal.__MUI_RELEASE_INFO__;
-    }
-  }
-  return releaseInfo;
-};

package/internals/utils/releaseInfo.d.ts

@@ -1 +0,0 @@
-export declare const getReleaseInfo: () => any;

package/internals/utils/releaseInfo.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getReleaseInfo = void 0;
-var _ponyfillGlobal = _interopRequireDefault(require("@mui/utils/ponyfillGlobal"));
-const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
-  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 _ponyfillGlobal.default.__MUI_RELEASE_INFO__;
-    }
-  }
-  return releaseInfo;
-};
-exports.getReleaseInfo = getReleaseInfo;

package/modern/RichTreeViewPro/RichTreeViewPro.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { RichTreeViewProProps } from "./RichTreeViewPro.types.js";
-export declare const RichTreeViewProRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-  ownerState: RichTreeViewProProps<any, any>;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.HTMLAttributes<HTMLUListElement> | keyof React.ClassAttributes<HTMLUListElement>>, {}>;
-type RichTreeViewProComponent = (<R extends {}, Multiple extends boolean | undefined = undefined>(props: RichTreeViewProProps<R, Multiple> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element) & {
-  propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Tree View](https://mui.com/x/react-tree-view/)
- *
- * API:
- *
- * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
- */
-declare const RichTreeViewPro: RichTreeViewProComponent;
-export { RichTreeViewPro };