fix(nodes): calculate correct position

dist/ReactGraph.js

@@ -29837,8 +29837,8 @@
   var pointToRendererPoint = function pointToRendererPoint(_ref, transform) {
     var x = _ref.x,
         y = _ref.y;
-    var rendererX = x * (1 / [transform[2]]) - transform[0];
+    var rendererX = (x - transform[0]) * (1 / [transform[2]]);
-    var rendererY = y * (1 / [transform[2]]) - transform[1];
+    var rendererY = (y - transform[1]) * (1 / [transform[2]]);
     return {
       x: rendererX,
       y: rendererY

example/build/example.e31bb0bc.js

@@ -37641,8 +37641,8 @@ var getEdgeId = function getEdgeId(e) {
 var pointToRendererPoint = function pointToRendererPoint(_ref, transform) {
   var x = _ref.x,
       y = _ref.y;
-  var rendererX = x * (1 / [transform[2]]) - transform[0];
+  var rendererX = (x - transform[0]) * (1 / [transform[2]]);
-  var rendererY = y * (1 / [transform[2]]) - transform[1];
+  var rendererY = (y - transform[1]) * (1 / [transform[2]]);
   return {
     x: rendererX,
     y: rendererY

src/graph-utils.js

@@ -26,14 +26,14 @@ export const removeElements = (elements, elementsToRemove) => {
 const getEdgeId = (e) => `react-graph__edge-${e.source}-${e.target}`;
 
 const pointToRendererPoint = ({ x, y }, transform) => {
-  const rendererX = x * (1 / [transform[2]]) - transform[0];
+  const rendererX = (x - transform[0]) * (1 / [transform[2]]);
-  const rendererY = y * (1 / [transform[2]]) - transform[1];
+  const rendererY = (y - transform[1]) * (1 / [transform[2]]);
 
   return {
     x: rendererX,
     y: rendererY
   };
-}
+};
 
 export const parseElement = (e, transform) => {
   if (isEdge(e)) {