@mui/x-tree-view-pro 8.1.0 → 8.3.0

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

@@ -5,12 +5,12 @@ import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReorderin
  * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
  * @returns {TreeViewItemsReorderingState['currentReorder']} The properties of the current reordering.
  */
-export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types").UseTreeViewItemsReorderingState & Partial<{}> & {
+export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types.js").UseTreeViewItemsReorderingState & Partial<{}> & {
   cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
 }) => {
   draggedItemId: string;
   targetItemId: string;
-  newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+  newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
   action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
 } | null) & {
   clearCache: () => void;
@@ -22,13 +22,13 @@ export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree
     currentReorder: {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
   }) => {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
@@ -36,13 +36,13 @@ export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree
     currentReorder: {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
   }) => {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null) & {
     clearCache: () => void;
@@ -52,7 +52,7 @@ export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree
   lastResult: () => {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null;
   dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
@@ -60,7 +60,7 @@ export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree
     currentReorder: {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
   }];
@@ -79,7 +79,7 @@ export declare const selectorCurrentItemReordering: ((state: import("@mui/x-tree
  * @returns {TreeViewItemDraggedItemProperties | null} The properties of the dragged item if the current item is being dragged, `null` otherwise.
  */
 export declare const selectorDraggedItemProperties: ((state: any, itemId: string) => {
-  newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+  newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
   action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
   targetDepth: number;
 } | null) & {
@@ -90,24 +90,24 @@ export declare const selectorDraggedItemProperties: ((state: any, itemId: string
   resultFunc: (resultFuncArgs_0: {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null, resultFuncArgs_1: {
     [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
   }, resultFuncArgs_2: string) => {
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
     targetDepth: number;
   } | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null, resultFuncArgs_1: {
     [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
   }, resultFuncArgs_2: string) => {
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
     targetDepth: number;
   } | null) & {
@@ -116,16 +116,16 @@ export declare const selectorDraggedItemProperties: ((state: any, itemId: string
     resetResultsCount: () => void;
   };
   lastResult: () => {
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
     targetDepth: number;
   } | null;
-  dependencies: [((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types").UseTreeViewItemsReorderingState & Partial<{}> & {
+  dependencies: [((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types.js").UseTreeViewItemsReorderingState & Partial<{}> & {
     cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
   }) => {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null) & {
     clearCache: () => void;
@@ -137,13 +137,13 @@ export declare const selectorDraggedItemProperties: ((state: any, itemId: string
       currentReorder: {
         draggedItemId: string;
         targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
         action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
       } | null;
     }) => {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
     memoizedResultFunc: ((resultFuncArgs_0: {
@@ -151,13 +151,13 @@ export declare const selectorDraggedItemProperties: ((state: any, itemId: string
       currentReorder: {
         draggedItemId: string;
         targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
         action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
       } | null;
     }) => {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null) & {
       clearCache: () => void;
@@ -167,7 +167,7 @@ export declare const selectorDraggedItemProperties: ((state: any, itemId: string
     lastResult: () => {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
     dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
@@ -175,7 +175,7 @@ export declare const selectorDraggedItemProperties: ((state: any, itemId: string
       currentReorder: {
         draggedItemId: string;
         targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
         action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
       } | null;
     }];
@@ -275,13 +275,13 @@ export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId:
   resultFunc: (resultFuncArgs_0: {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null, resultFuncArgs_1: string) => boolean | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null, resultFuncArgs_1: string) => boolean | null) & {
     clearCache: () => void;
@@ -289,12 +289,12 @@ export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId:
     resetResultsCount: () => void;
   };
   lastResult: () => boolean | null;
-  dependencies: [((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types").UseTreeViewItemsReorderingState & Partial<{}> & {
+  dependencies: [((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types.js").UseTreeViewItemsReorderingState & Partial<{}> & {
     cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
   }) => {
     draggedItemId: string;
     targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null) & {
     clearCache: () => void;
@@ -306,13 +306,13 @@ export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId:
       currentReorder: {
         draggedItemId: string;
         targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
         action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
       } | null;
     }) => {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
     memoizedResultFunc: ((resultFuncArgs_0: {
@@ -320,13 +320,13 @@ export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId:
       currentReorder: {
         draggedItemId: string;
         targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
         action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
       } | null;
     }) => {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null) & {
       clearCache: () => void;
@@ -336,7 +336,7 @@ export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId:
     lastResult: () => {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
     dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
@@ -344,7 +344,7 @@ export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId:
       currentReorder: {
         draggedItemId: string;
         targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
         action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
       } | null;
     }];
@@ -380,7 +380,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
     currentReorder: {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
   }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean;
@@ -389,7 +389,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
     currentReorder: {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
       action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
     } | null;
   }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean) & {
@@ -403,7 +403,7 @@ export declare const selectorCanItemBeReordered: ((state: any, itemId: string) =
     currentReorder: {
       draggedItemId: string;
       targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
+      newPosition: import("./useTreeViewItemsReordering.types.js").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> & {

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, _internals.selectorIsAnItemEdited, (_, itemId) => itemId], (itemsReordering, isEditing, itemId) => !isEditing && itemsReordering.isItemReorderable(itemId));
+const selectorCanItemBeReordered = exports.selectorCanItemBeReordered = (0, _internals.createSelector)([selectorItemsReordering, _internals.selectorIsAnyItemBeingEdited, (_, itemId) => itemId], (itemsReordering, isEditing, itemId) => !isEditing && itemsReordering.isItemReorderable(itemId));

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

@@ -22,10 +22,14 @@ export interface UseTreeViewItemsReorderingInstance {
    */
   startDraggingItem: (itemId: TreeViewItemId) => void;
   /**
-   * Stop the reordering of a given item.
-   * @param {TreeViewItemId} itemId The id of the item to stop the reordering for.
+   * Complete the reordering of a given item.
+   * @param {TreeViewItemId} itemId The id of the item to complete the reordering for.
    */
-  stopDraggingItem: (itemId: TreeViewItemId) => void;
+  completeDraggingItem: (itemId: TreeViewItemId) => void;
+  /**
+   * Cancel the current reordering operation and reset the state.
+   */
+  cancelDraggingItem: () => void;
   /**
    * Set the new target item for the ongoing reordering.
    * The action will be determined based on the position of the cursor inside the target and the valid actions for this target.
@@ -90,7 +94,7 @@ export interface UseTreeViewItemsReorderingParameters {
     newPosition: TreeViewItemReorderPosition;
   }) => void;
 }
-export type UseTreeViewItemsReorderingDefaultizedParameters = DefaultizedProps<UseTreeViewItemsReorderingParameters, 'itemsReordering'>;
+export type UseTreeViewItemsReorderingParametersWithDefaults = DefaultizedProps<UseTreeViewItemsReorderingParameters, 'itemsReordering'>;
 export interface UseTreeViewItemsReorderingState {
   itemsReordering: {
     isItemReorderable: (itemId: string) => boolean;
@@ -104,7 +108,7 @@ export interface UseTreeViewItemsReorderingState {
 }
 export type UseTreeViewItemsReorderingSignature = TreeViewPluginSignature<{
   params: UseTreeViewItemsReorderingParameters;
-  defaultizedParams: UseTreeViewItemsReorderingDefaultizedParameters;
+  paramsWithDefaults: UseTreeViewItemsReorderingParametersWithDefaults;
   instance: UseTreeViewItemsReorderingInstance;
   state: UseTreeViewItemsReorderingState;
   dependencies: [UseTreeViewItemsSignature];

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "8.1.0",
-  "description": "The Pro plan edition of the Tree View components (MUI X).",
+  "version": "8.3.0",
   "author": "MUI Team",
+  "description": "The Pro plan edition of the MUI X Tree View components.",
   "main": "./index.js",
   "license": "SEE LICENSE IN LICENSE",
   "bugs": {
@@ -33,7 +33,7 @@
     "directory": "packages/x-tree-view-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "@mui/utils": "^7.0.2",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
@@ -41,9 +41,9 @@
     "react-transition-group": "^4.4.5",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.0.0",
-    "@mui/x-license": "8.0.0",
-    "@mui/x-tree-view": "8.1.0"
+    "@mui/x-internals": "8.3.0",
+    "@mui/x-license": "8.3.0",
+    "@mui/x-tree-view": "8.3.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/themeAugmentation/index.d.ts

@@ -1,3 +1,3 @@
-export type * from './overrides';
-export type * from './props';
-export type * from './components';
+export type * from "./overrides.js";
+export type * from "./props.js";
+export type * from "./components.js";

package/themeAugmentation/overrides.d.ts

@@ -1,12 +1,8 @@
 import { RichTreeViewProClassKey } from "../RichTreeViewPro/index.js";
-
-// prettier-ignore
 export interface TreeViewComponentNameToClassKey {
   MuiRichTreeViewPro: RichTreeViewProClassKey;
 }
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey extends TreeViewComponentNameToClassKey {}
 }
-
-// disable automatic export
 export {};

package/themeAugmentation/overrides.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/themeAugmentation/props.d.ts

@@ -5,6 +5,4 @@ export interface TreeViewComponentsPropsList {
 declare module '@mui/material/styles' {
   interface ComponentsPropsList extends TreeViewComponentsPropsList {}
 }
-
-// disable automatic export
 export {};

package/themeAugmentation/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});