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

package/esm/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/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js

@@ -1,4 +1,4 @@
-import { createSelector, selectorItemMetaLookup, selectorIsAnItemEdited } from '@mui/x-tree-view/internals';
+import { createSelector, selectorItemMetaLookup, selectorIsAnyItemBeingEdited } 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, selectorIsAnItemEdited, (_, itemId) => itemId], (itemsReordering, isEditing, itemId) => !isEditing && itemsReordering.isItemReorderable(itemId));
+export const selectorCanItemBeReordered = createSelector([selectorItemsReordering, selectorIsAnyItemBeingEdited, (_, itemId) => itemId], (itemsReordering, isEditing, itemId) => !isEditing && itemsReordering.isItemReorderable(itemId));

package/esm/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/esm/themeAugmentation/components.js

@@ -0,0 +1 @@
+export {};

package/esm/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/esm/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/esm/themeAugmentation/overrides.js

@@ -0,0 +1,4 @@
+// prettier-ignore
+
+// disable automatic export
+export {};

package/esm/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/esm/themeAugmentation/props.js

@@ -0,0 +1,2 @@
+// disable automatic export
+export {};

package/index.js

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

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

@@ -1,2 +1,2 @@
 export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
-export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingDefaultizedParameters, TreeViewItemReorderPosition } from './useTreeViewItemsReordering.types';
+export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingParametersWithDefaults, TreeViewItemReorderPosition } from "./useTreeViewItemsReordering.types.js";

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

@@ -73,7 +73,13 @@ const useTreeViewItemsReorderingItemPlugin = ({
           if (event.defaultMuiPrevented) {
             return;
           }
-          instance.stopDraggingItem(itemId);
+
+          // Check if the drag-and-drop was cancelled, possibly by pressing Escape
+          if (event.dataTransfer.dropEffect === 'none') {
+            instance.cancelDraggingItem();
+            return;
+          }
+          instance.completeDraggingItem(itemId);
         };
         return {
           draggable: true,

package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -106,7 +106,18 @@ const useTreeViewItemsReordering = ({
       });
     });
   }, [store]);
-  const stopDraggingItem = React.useCallback(itemId => {
+  const cancelDraggingItem = React.useCallback(() => {
+    const currentReorder = (0, _useTreeViewItemsReordering3.selectorCurrentItemReordering)(store.value);
+    if (currentReorder == null) {
+      return;
+    }
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
+      itemsReordering: (0, _extends2.default)({}, prevState.itemsReordering, {
+        currentReorder: null
+      })
+    }));
+  }, [store]);
+  const completeDraggingItem = React.useCallback(itemId => {
     const currentReorder = (0, _useTreeViewItemsReordering3.selectorCurrentItemReordering)(store.value);
     if (currentReorder == null || currentReorder.draggedItemId !== itemId) {
       return;
@@ -192,14 +203,15 @@ const useTreeViewItemsReordering = ({
       canItemBeDragged,
       getDroppingTargetValidActions,
       startDraggingItem,
-      stopDraggingItem,
+      cancelDraggingItem,
+      completeDraggingItem,
       setDragTargetItem
     }
   };
 };
 exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
 useTreeViewItemsReordering.itemPlugin = _useTreeViewItemsReordering2.useTreeViewItemsReorderingItemPlugin;
-useTreeViewItemsReordering.getDefaultizedParams = ({
+useTreeViewItemsReordering.applyDefaultValuesToParams = ({
   params
 }) => (0, _extends2.default)({}, params, {
   itemsReordering: params.itemsReordering ?? false