@mui/x-tree-view-pro 8.10.2 → 8.11.1

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { selectorIsItemBeingEdited, selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
+import { itemsSelectors, labelSelectors } 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";
+import { itemsReorderingSelectors } from "./useTreeViewItemsReordering.selectors.js";
 export const useTreeViewItemsReordering = ({
   params,
   store
@@ -20,7 +20,7 @@ export const useTreeViewItemsReordering = ({
     return true;
   }, [params.itemsReordering, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    const currentReorder = selectorCurrentItemReordering(store.value);
+    const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
     if (!currentReorder) {
       throw new Error('There is no ongoing reordering.');
     }
@@ -28,11 +28,11 @@ export const useTreeViewItemsReordering = ({
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
-    const targetItemMeta = selectorItemMeta(store.value, itemId);
-    const targetItemIndex = selectorItemIndex(store.value, targetItemMeta.id);
-    const draggedItemMeta = selectorItemMeta(store.value, currentReorder.draggedItemId);
-    const draggedItemIndex = selectorItemIndex(store.value, draggedItemMeta.id);
-    const isTargetLastSibling = targetItemIndex === selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length - 1;
+    const targetItemMeta = itemsSelectors.itemMeta(store.state, itemId);
+    const targetItemIndex = itemsSelectors.itemIndex(store.state, targetItemMeta.id);
+    const draggedItemMeta = itemsSelectors.itemMeta(store.state, currentReorder.draggedItemId);
+    const draggedItemIndex = itemsSelectors.itemIndex(store.state, draggedItemMeta.id);
+    const isTargetLastSibling = targetItemIndex === itemsSelectors.itemOrderedChildrenIds(store.state, targetItemMeta.parentId).length - 1;
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
       index: draggedItemIndex
@@ -68,7 +68,7 @@ export const useTreeViewItemsReordering = ({
       } : null,
       'move-to-parent': targetItemMeta.parentId == null ? null : {
         parentId: targetItemMeta.parentId,
-        index: selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length
+        index: itemsSelectors.itemOrderedChildrenIds(store.state, targetItemMeta.parentId).length
       }
     };
     const validActions = {};
@@ -81,64 +81,56 @@ export const useTreeViewItemsReordering = ({
     return validActions;
   }, [store, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    store.update(prevState => {
-      const isItemBeingEditing = selectorIsItemBeingEdited(prevState, itemId);
-      if (isItemBeingEditing) {
-        return prevState;
+    const isItemBeingEdited = labelSelectors.isItemBeingEdited(store.state, itemId);
+    if (isItemBeingEdited) {
+      return;
+    }
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      currentReorder: {
+        targetItemId: itemId,
+        draggedItemId: itemId,
+        action: null,
+        newPosition: null
       }
-      return _extends({}, prevState, {
-        itemsReordering: _extends({}, prevState.itemsReordering, {
-          currentReorder: {
-            targetItemId: itemId,
-            draggedItemId: itemId,
-            action: null,
-            newPosition: null
-          }
-        })
-      });
-    });
+    }));
   }, [store]);
   const cancelDraggingItem = React.useCallback(() => {
-    const currentReorder = selectorCurrentItemReordering(store.value);
+    const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
     if (currentReorder == null) {
       return;
     }
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
-        currentReorder: null
-      })
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      currentReorder: null
     }));
   }, [store]);
   const completeDraggingItem = React.useCallback(itemId => {
-    const currentReorder = selectorCurrentItemReordering(store.value);
+    const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
     if (currentReorder == null || currentReorder.draggedItemId !== itemId) {
       return;
     }
     if (currentReorder.draggedItemId === currentReorder.targetItemId || currentReorder.action == null || currentReorder.newPosition == null) {
-      store.update(prevState => _extends({}, prevState, {
-        itemsReordering: _extends({}, prevState.itemsReordering, {
-          currentReorder: null
-        })
+      store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+        currentReorder: null
       }));
       return;
     }
-    const draggedItemMeta = selectorItemMeta(store.value, currentReorder.draggedItemId);
+    const draggedItemMeta = itemsSelectors.itemMeta(store.state, currentReorder.draggedItemId);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
-      index: selectorItemIndex(store.value, draggedItemMeta.id)
+      index: itemsSelectors.itemIndex(store.state, draggedItemMeta.id)
     };
     const newPosition = currentReorder.newPosition;
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
+    store.update({
+      itemsReordering: _extends({}, store.state.itemsReordering, {
         currentReorder: null
       }),
       items: moveItemInTree({
         itemToMoveId: itemId,
         newPosition,
         oldPosition,
-        prevState: prevState.items
+        prevState: store.state.items
       })
-    }));
+    });
     const onItemPositionChange = params.onItemPositionChange;
     onItemPositionChange?.({
       itemId,
@@ -154,40 +146,34 @@ export const useTreeViewItemsReordering = ({
     cursorX,
     contentElement
   }) => {
-    store.update(prevState => {
-      const prevItemReorder = prevState.itemsReordering.currentReorder;
-      if (prevItemReorder == null || isAncestor(store, itemId, prevItemReorder.draggedItemId)) {
-        return prevState;
-      }
-      const action = chooseActionToApply({
-        itemChildrenIndentation: params.itemChildrenIndentation,
-        validActions,
-        targetHeight,
-        targetDepth: prevState.items.itemMetaLookup[itemId].depth,
-        cursorY,
-        cursorX,
-        contentElement
-      });
-      const newPosition = action == null ? null : validActions[action];
-      if (prevItemReorder.targetItemId === itemId && prevItemReorder.action === action && prevItemReorder.newPosition?.parentId === newPosition?.parentId && prevItemReorder.newPosition?.index === newPosition?.index) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        itemsReordering: _extends({}, prevState.itemsReordering, {
-          currentReorder: _extends({}, prevItemReorder, {
-            targetItemId: itemId,
-            newPosition,
-            action
-          })
-        })
-      });
+    const prevItemReorder = store.state.itemsReordering.currentReorder;
+    if (prevItemReorder == null || isAncestor(store, itemId, prevItemReorder.draggedItemId)) {
+      return;
+    }
+    const action = chooseActionToApply({
+      itemChildrenIndentation: params.itemChildrenIndentation,
+      validActions,
+      targetHeight,
+      targetDepth: store.state.items.itemMetaLookup[itemId].depth,
+      cursorY,
+      cursorX,
+      contentElement
     });
+    const newPosition = action == null ? null : validActions[action];
+    if (prevItemReorder.targetItemId === itemId && prevItemReorder.action === action && prevItemReorder.newPosition?.parentId === newPosition?.parentId && prevItemReorder.newPosition?.index === newPosition?.index) {
+      return;
+    }
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      currentReorder: _extends({}, prevItemReorder, {
+        targetItemId: itemId,
+        newPosition,
+        action
+      })
+    }));
   }, [store, params.itemChildrenIndentation]);
   useEnhancedEffect(() => {
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
-        isItemReorderable: params.itemsReordering ? params.isItemReorderable ?? (() => true) : () => false
-      })
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      isItemReorderable: params.itemsReordering ? params.isItemReorderable ?? (() => true) : () => false
     }));
   }, [store, params.itemsReordering, params.isItemReorderable]);
   return {

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

@@ -1,445 +1,29 @@
 import { TreeViewState } from '@mui/x-tree-view/internals';
 import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
-/**
- * Get the properties of the current reordering.
- * @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.js").UseTreeViewItemsReorderingState & Partial<{}> & {
-  cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
-}) => {
-  draggedItemId: string;
-  targetItemId: string;
-  newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-  action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-} | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    isItemReorderable: (itemId: string) => boolean;
-    currentReorder: {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-  }) => {
+export declare const itemsReorderingSelectors: {
+  /**
+   * Gets the properties of the current reordering.
+   */
+  currentReorder: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
     draggedItemId: string;
     targetItemId: string;
     newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
     action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
   } | null;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    isItemReorderable: (itemId: string) => boolean;
-    currentReorder: {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-  }) => {
-    draggedItemId: string;
-    targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-  } | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => {
-    draggedItemId: string;
-    targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-  } | null;
-  dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
-    isItemReorderable: (itemId: string) => boolean;
-    currentReorder: {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-  }];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Get the properties of the dragged item.
- * @param {TreeViewState<[UseTreeViewItemsSignature, UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
- * @param {string} itemId The id of the item.
- * @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.js").TreeViewItemReorderPosition | null;
-  action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
-  targetDepth: number;
-} | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    draggedItemId: string;
-    targetItemId: string;
-    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.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
-    targetDepth: number;
-  } | null;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    draggedItemId: string;
-    targetItemId: string;
-    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.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
-    targetDepth: number;
-  } | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => {
+  /**
+   * Gets the properties of the dragged item.
+   */
+  draggedItemProperties: (args_0: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("@mui/x-tree-view/internals").UseTreeViewItemsState<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties> & Partial<{}>, itemId: string) => {
     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.js").UseTreeViewItemsReorderingState & Partial<{}> & {
-    cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
-  }) => {
-    draggedItemId: string;
-    targetItemId: string;
-    newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-  } | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      isItemReorderable: (itemId: string) => boolean;
-      currentReorder: {
-        draggedItemId: string;
-        targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-        action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-      } | null;
-    }) => {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      isItemReorderable: (itemId: string) => boolean;
-      currentReorder: {
-        draggedItemId: string;
-        targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-        action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-      } | null;
-    }) => {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-    dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
-      isItemReorderable: (itemId: string) => boolean;
-      currentReorder: {
-        draggedItemId: string;
-        targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-        action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-      } | null;
-    }];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("@mui/x-tree-view/internals").UseTreeViewItemsState<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties> & Partial<{}> & {
-    cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
-  }) => {
-    [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
-  }) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      disabledItemsFocusable: boolean;
-      itemModelLookup: {
-        [itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
-      };
-      itemMetaLookup: {
-        [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
-      };
-      itemOrderedChildrenIdsLookup: {
-        [parentItemId: string]: string[];
-      };
-      itemChildrenIndexesLookup: {
-        [parentItemId: string]: {
-          [itemId: string]: number;
-        };
-      };
-      loading: boolean;
-      error: Error | null;
-    }) => {
-      [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
-    };
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      disabledItemsFocusable: boolean;
-      itemModelLookup: {
-        [itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
-      };
-      itemMetaLookup: {
-        [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
-      };
-      itemOrderedChildrenIdsLookup: {
-        [parentItemId: string]: string[];
-      };
-      itemChildrenIndexesLookup: {
-        [parentItemId: string]: {
-          [itemId: string]: number;
-        };
-      };
-      loading: boolean;
-      error: Error | null;
-    }) => {
-      [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
-    }) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      [itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
-    };
-    dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, (_: any, itemId: string) => string];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Check if the current item is a valid target for the dragged item.
- * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
- * @param {string} itemId The id of the item.
- * @returns {boolean} `true` if the current item is a valid target for the dragged item, `false` otherwise.
- */
-export declare const selectorIsItemValidReorderingTarget: ((state: any, itemId: string) => boolean | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    draggedItemId: string;
-    targetItemId: string;
-    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.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-  } | null, resultFuncArgs_1: string) => boolean | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean | null;
-  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.js").TreeViewItemReorderPosition | null;
-    action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-  } | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      isItemReorderable: (itemId: string) => boolean;
-      currentReorder: {
-        draggedItemId: string;
-        targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-        action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-      } | null;
-    }) => {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      isItemReorderable: (itemId: string) => boolean;
-      currentReorder: {
-        draggedItemId: string;
-        targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-        action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-      } | null;
-    }) => {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-    dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
-      isItemReorderable: (itemId: string) => boolean;
-      currentReorder: {
-        draggedItemId: string;
-        targetItemId: string;
-        newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-        action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-      } | null;
-    }];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, (_: any, itemId: string) => string];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Check if the items can be reordered.
- * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
- * @param {string} itemId The id of the item.
- * @returns {boolean} `true` if the items can be reordered, `false` otherwise.
- */
-export declare const selectorCanItemBeReordered: ((state: any, itemId: string) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    isItemReorderable: (itemId: string) => boolean;
-    currentReorder: {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-  }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    isItemReorderable: (itemId: string) => boolean;
-    currentReorder: {
-      draggedItemId: string;
-      targetItemId: string;
-      newPosition: import("./useTreeViewItemsReordering.types.js").TreeViewItemReorderPosition | null;
-      action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
-    } | null;
-  }, resultFuncArgs_1: boolean, resultFuncArgs_2: string) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
-    isItemReorderable: (itemId: string) => boolean;
-    currentReorder: {
-      draggedItemId: string;
-      targetItemId: string;
-      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> & {
-    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;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, (_: any, itemId: string) => string];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
+  /**
+   * Checks whether an item is a valid target for the dragged item.
+   */
+  isItemValidDropTarget: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>, itemId: string) => boolean;
+  /**
+   * Checks whether an item can be reordered.
+   */
+  canItemBeReordered: (args_0: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewItemsReordering.types.js").UseTreeViewItemsReorderingState & Partial<{}>, itemId: string) => boolean;
 };