feat(props): add onNodesDelete and onEdgesDelete handler

2022-02-20 21:17:59 +01:00
parent f7dd26bb21
commit e011375c3d
6 changed files with 25 additions and 2 deletions
@@ -45,6 +45,8 @@ interface StoreUpdaterProps {
  defaultEdgeOptions?: DefaultEdgeOptions;
  fitView?: boolean;
  fitViewOptions?: FitViewOptions;
+  onNodesDelete?: (nodes: Node[]) => void;
+  onEdgesDelete?: (edges: Edge[]) => void;
 }

 const selector = (s: ReactFlowState) => ({
@@ -100,6 +102,8 @@ const StoreUpdater = ({
  defaultEdgeOptions,
  fitView,
  fitViewOptions,
+  onNodesDelete,
+  onEdgesDelete,
 }: StoreUpdaterProps) => {
  const {
    setNodes,
@@ -137,6 +141,8 @@ const StoreUpdater = ({
  useDirectStoreUpdater('connectOnClick', connectOnClick, store.setState);
  useDirectStoreUpdater('fitViewOnInit', fitView, store.setState);
  useDirectStoreUpdater('fitViewOnInitOptions', fitViewOptions, store.setState);
+  useDirectStoreUpdater('onNodesDelete', onNodesDelete, store.setState);
+  useDirectStoreUpdater('onEdgesDelete', onEdgesDelete, store.setState);

  useStoreUpdater<Node[]>(nodes, setNodes);
  useStoreUpdater<Edge[]>(edges, setEdges);