feat(nodeWrap): add onNodeDragStop callback

src/GraphView/index.js

@@ -81,6 +81,7 @@ const GraphView = memo((props) => {
       <NodeRenderer
         nodeTypes={props.nodeTypes}
         onElementClick={props.onElementClick}
+        onNodeDragStop={props.onNodeDragStop}
         onConnect={props.onConnect}
       />
       <EdgeRenderer

src/NodeRenderer/NodeTypes/wrapNode.js

@@ -36,7 +36,9 @@ export default NodeComponent => memo((props) => {
   const nodeElement = useRef(null);
   const { state, dispatch } = useContext(GraphContext);
   const [offset, setOffset] = useState({ x: 0, y: 0 });
-  const { data, onClick, type, id, __rg, onConnect } = props;
+  const {
+    data, onClick, type, id, __rg, onConnect, onNodeDragStop
+  } = props;
   const { position } = __rg;
   const [ x, y, k ] = state.transform;
   const selected = state.selectedElements.filter(isNode).map(e => e.id).includes(id);
@@ -90,6 +92,15 @@ export default NodeComponent => memo((props) => {
     onClick({ id, type, data, position });
   };
 
+  const onStop = () => {
+    onNodeDragStop({
+      id,
+      type,
+      data,
+      position
+    });
+  }
+
   const onDrop = (evt) => {
     evt.preventDefault();
 
@@ -108,6 +119,7 @@ export default NodeComponent => memo((props) => {
       grid={[1, 1]}
       onStart={onStart}
       onDrag={onDrag}
+      onStop={onStop}
       scale={k}
     >
       <div

src/NodeRenderer/index.js

@@ -16,6 +16,7 @@ class NodeRenderer extends PureComponent {
       <NodeComponent
         key={d.id}
         onClick={this.props.onElementClick}
+        onNodeDragStop={this.props.onNodeDragStop}
         onConnect={this.props.onConnect}
         {...d}
       />

src/ReactGraph/index.js

@@ -28,7 +28,7 @@ class ReactGraph extends PureComponent {
     const {
       style, onElementClick, children, onLoad,
       onMove, onChange, elements, onElementsRemove,
-      onConnect
+      onConnect, onNodeDragStop
     } = this.props;
 
     const { nodes, edges } = elements
@@ -44,6 +44,7 @@ class ReactGraph extends PureComponent {
             onChange={onChange}
             onElementClick={onElementClick}
             onConnect={onConnect}
+            onNodeDragStop={onNodeDragStop}
             nodeTypes={this.nodeTypes}
             edgeTypes={this.edgeTypes}
           />
@@ -60,6 +61,7 @@ class ReactGraph extends PureComponent {
 ReactGraph.defaultProps = {
   onElementClick: () => {},
   onElementsRemove: () => {},
+  onNodeDragStop: () => {},
   onConnect: () => {},
 	onLoad: () => {},
   onMove: () => {},