Merge branch 'main' into feat/multiselect

src/components/Nodes/utils.ts

@@ -19,21 +19,14 @@ export const getHandleBounds = (
     (handle): HandleElement => {
       const bounds = handle.getBoundingClientRect();
       const dimensions = getDimensions(handle);
-      const nodeIdAttr = handle.getAttribute('data-nodeid');
+      const handleId = handle.getAttribute('data-handleid');
       const handlePosition = (handle.getAttribute('data-handlepos') as unknown) as Position;
-      const nodeIdSplitted = nodeIdAttr ? nodeIdAttr.split('__') : null;
-
-      let handleId = null;
-
-      if (nodeIdSplitted) {
-        handleId = (nodeIdSplitted.length ? nodeIdSplitted[1] : nodeIdSplitted) as string;
-      }
 
       return {
         id: handleId,
         position: handlePosition,
-        x: (bounds.left - parentBounds.left) * (1 / k),
-        y: (bounds.top - parentBounds.top) * (1 / k),
+        x: (bounds.left - parentBounds.left) / k,
+        y: (bounds.top - parentBounds.top) / k,
         ...dimensions,
       };
     }

src/components/Nodes/wrapNode.tsx

@@ -214,10 +214,13 @@ export default (NodeComponent: ComponentType<NodeComponentProps>) => {
               id={id}
               data={data}
               type={type}
+              xPos={xPos}
+              yPos={yPos}
               selected={selected}
               isConnectable={isConnectable}
               sourcePosition={sourcePosition}
               targetPosition={targetPosition}
+              isDragging={isDragging}
             />
           </Provider>
         </div>