refactor(on-before-delete): async

packages/react/src/hooks/useReactFlow.ts

@@ -118,7 +118,7 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
   }, []);
 
   const deleteElements = useCallback<Instance.DeleteElements>(
-    ({ nodes: nodesToRemove = [], edges: edgesToRemove = [], onBeforeDelete }) => {
+    async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [], onBeforeDelete }) => {
       const {
         nodes,
         edges,
@@ -130,7 +130,7 @@ export default function useReactFlow<NodeType extends Node = Node, EdgeType exte
         onEdgesChange,
         onDelete,
       } = store.getState();
-      const { nodes: matchingNodes, edges: matchingEdges } = getElementsToRemove({
+      const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
         nodesToRemove,
         edgesToRemove,
         nodes,

packages/react/src/types/instance.ts

@@ -32,10 +32,10 @@ export namespace Instance {
     NodeType,
     EdgeType
   >;
-  export type DeleteElements = (params: DeleteElementsOptions) => {
+  export type DeleteElements = (params: DeleteElementsOptions) => Promise<{
     deletedNodes: Node[];
     deletedEdges: Edge[];
-  };
+  }>;
   export type GetIntersectingNodes<NodeType extends Node = Node> = (
     node: NodeType | { id: Node['id'] } | Rect,
     partially?: boolean,