fix(useDrag): calculate offset for drag handlers

example/package-lock.json

@@ -27,14 +27,14 @@
     },
     "..": {
       "name": "react-flow-renderer",
-      "version": "10.0.9-next.0",
+      "version": "10.1.0",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.17.8",
         "classcat": "^5.0.3",
+        "d3-drag": "^3.0.0",
         "d3-selection": "^3.0.0",
         "d3-zoom": "^3.0.0",
-        "react-draggable": "^4.4.4",
         "zustand": "^3.7.1"
       },
       "devDependencies": {
@@ -3270,13 +3270,6 @@
         "mimic-response": "^1.0.0"
       }
     },
-    "../node_modules/clsx": {
-      "version": "1.1.1",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "../node_modules/color-convert": {
       "version": "1.9.3",
       "dev": true,
@@ -7302,15 +7295,6 @@
         "node": ">=0.12"
       }
     },
-    "../node_modules/prop-types": {
-      "version": "15.8.1",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
     "../node_modules/protocols": {
       "version": "1.4.8",
       "dev": true,
@@ -7465,22 +7449,6 @@
         "react": "17.0.2"
       }
     },
-    "../node_modules/react-draggable": {
-      "version": "4.4.4",
-      "license": "MIT",
-      "dependencies": {
-        "clsx": "^1.1.1",
-        "prop-types": "^15.6.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.3.0",
-        "react-dom": ">= 16.3.0"
-      }
-    },
-    "../node_modules/react-is": {
-      "version": "16.13.1",
-      "license": "MIT"
-    },
     "../node_modules/read-cache": {
       "version": "1.0.0",
       "dev": true,
@@ -34076,6 +34044,7 @@
         "babel-preset-react-app": "^10.0.1",
         "classcat": "^5.0.3",
         "cypress": "^9.5.1",
+        "d3-drag": "^3.0.0",
         "d3-selection": "^3.0.0",
         "d3-zoom": "^3.0.0",
         "postcss": "^8.4.8",
@@ -34084,7 +34053,6 @@
         "prettier": "2.5.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "react-draggable": "^4.4.4",
         "release-it": "^14.12.5",
         "rimraf": "^3.0.2",
         "rollup": "^2.70.1",
@@ -36158,9 +36126,6 @@
             "mimic-response": "^1.0.0"
           }
         },
-        "clsx": {
-          "version": "1.1.1"
-        },
         "color-convert": {
           "version": "1.9.3",
           "dev": true,
@@ -38625,14 +38590,6 @@
           "version": "0.2.0",
           "dev": true
         },
-        "prop-types": {
-          "version": "15.8.1",
-          "requires": {
-            "loose-envify": "^1.4.0",
-            "object-assign": "^4.1.1",
-            "react-is": "^16.13.1"
-          }
-        },
         "protocols": {
           "version": "1.4.8",
           "dev": true
@@ -38724,16 +38681,6 @@
             "scheduler": "^0.20.2"
           }
         },
-        "react-draggable": {
-          "version": "4.4.4",
-          "requires": {
-            "clsx": "^1.1.1",
-            "prop-types": "^15.6.0"
-          }
-        },
-        "react-is": {
-          "version": "16.13.1"
-        },
         "read-cache": {
           "version": "1.0.0",
           "dev": true,