From 1deb41766b3dcd647b09197207348cce31330da0 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 17 Nov 2021 16:07:56 +0100
Subject: [PATCH] chore(deps): update revue-draggable to v0.3.4

* fix import path of utils in NodesSelection.vue
* remove scale (bug)

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 package.json                                     |  2 +-
 src/components/NodesSelection/NodesSelection.vue | 15 +++++----------
 yarn.lock                                        | 13 ++++---------
 3 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/package.json b/package.json
index d097210c..3d37bb8f 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "lint": "yarn lint:js"
   },
   "dependencies": {
-    "@braks/revue-draggable": "0.2.5",
+    "@braks/revue-draggable": "^0.3.4",
     "@types/d3": "^7.1.0",
     "@vueuse/core": "^6.6.2",
     "d3": "^7.1.1",
diff --git a/src/components/NodesSelection/NodesSelection.vue b/src/components/NodesSelection/NodesSelection.vue
index 6c39dea2..dec0f9f5 100644
--- a/src/components/NodesSelection/NodesSelection.vue
+++ b/src/components/NodesSelection/NodesSelection.vue
@@ -2,7 +2,7 @@
 import { Draggable, DraggableEventListener } from '@braks/revue-draggable'
 import { useHooks, useStore } from '../../composables'
 import { Node } from '../../types'
-import { getRectOfNodes, isNode } from '~/utils'
+import { getRectOfNodes, isNode } from '../../utils'
 
 const store = useStore()
 const hooks = useHooks()
@@ -56,22 +56,17 @@ const onContextMenu = (event: MouseEvent) => {
   const nodes = selectedNodes
   hooks.selectionContextMenu.trigger({ event, nodes })
 }
+
+const transform = computed(() => store.transform)
 </script>
 <template>
   <div
     class="vue-flow__nodesselection"
     :style="{
-      transform: `translate(${store.transform[0]}px,${store.transform[1]}px) scale(${store.transform[2]})`,
+      transform: `translate(${transform[0]}px,${transform[1]}px) scale(${transform[2]})`,
     }"
   >
-    <Draggable
-      :scale="store.transform[2]"
-      :grid="store.snapToGrid ? store.snapGrid : undefined"
-      :enable-user-select-hack="false"
-      @start="onStart"
-      @move="onDrag"
-      @stop="onStop"
-    >
+    <Draggable @start="onStart" @move="onDrag" @stop="onStop">
       <div class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" />
     </Draggable>
   </div>
diff --git a/yarn.lock b/yarn.lock
index a0515b23..705af0fe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -288,10 +288,10 @@
     "@babel/helper-validator-identifier" "^7.14.9"
     to-fast-properties "^2.0.0"
 
-"@braks/revue-draggable@0.2.5":
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/@braks/revue-draggable/-/revue-draggable-0.2.5.tgz#28a94ee4633aab25bcee28877511e0c9ad262f59"
-  integrity sha512-iKGLFXaurfEqoyPbkANv8ZuO1229krVvUQDDYN9le5WlVssFWcQtA3hNvBD2TPuwil226qXv9SqXGp5kgDhAsA==
+"@braks/revue-draggable@^0.3.4":
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/@braks/revue-draggable/-/revue-draggable-0.3.4.tgz#fd01a867c95148c0de2b951d76da1167e2e46d1a"
+  integrity sha512-94RqlmFPb/ARiOTrSwt0Zco5tFLK/pR6SgVl1efk3wWafngDY2GT7oa42UXuHtH2HmviCIZwWROgZG3H1G1ONA==
   dependencies:
     "@vueuse/core" "^5.1.3"
     vue-demi latest
@@ -5497,11 +5497,6 @@ validate-npm-package-name@^3.0.0:
   dependencies:
     builtins "^1.0.3"
 
-vite-plugin-css-injected-by-js@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/vite-plugin-css-injected-by-js/-/vite-plugin-css-injected-by-js-1.0.1.tgz#3cdef205a413ed39df2a8f4ff8160739ed656014"
-  integrity sha512-Z6tMEIeTesv/B23+1BDhoqRH1WXduat+P1aKMOpDMO/NLWlLF7c1TTJvXJebpH6HXSkrvySbfr5NnooeiSZsMQ==
-
 vite-svg-loader@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/vite-svg-loader/-/vite-svg-loader-2.2.0.tgz#b5d6ca948b03e45320cb4f96c44bf88f5bef0a2c"