From 6d197d7f2a2effbdd1a96fb220bd7a5e9ddf85f4 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 21 Oct 2021 14:38:27 +0200
Subject: [PATCH] update: remove nodes selection props

---
 .../NodesSelection/NodesSelection.vue         | 27 ++++++-------------
 src/container/SelectionPane/SelectionPane.vue |  1 +
 2 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/src/components/NodesSelection/NodesSelection.vue b/src/components/NodesSelection/NodesSelection.vue
index cae73579..dcd4fc50 100644
--- a/src/components/NodesSelection/NodesSelection.vue
+++ b/src/components/NodesSelection/NodesSelection.vue
@@ -4,15 +4,6 @@ import { Node } from '~/types'
 import { isNode } from '~/utils/graph'
 import { useHooks, useStore } from '~/composables'
 
-interface NodesSelectionProps {
-  onSelectionDragStart?: (event: MouseEvent, nodes: Node[]) => void
-  onSelectionDrag?: (event: MouseEvent, nodes: Node[]) => void
-  onSelectionDragStop?: (event: MouseEvent, nodes: Node[]) => void
-  onSelectionContextMenu?: (event: MouseEvent, nodes: Node[]) => void
-}
-
-const props = defineProps<NodesSelectionProps>()
-
 const store = useStore()
 const hooks = useHooks()
 
@@ -37,12 +28,13 @@ const innerStyle = {
 }
 
 const onStart: DraggableEventListener = ({ event }) => {
-  hooks.selectionDragStart.trigger({ event, nodes: selectedNodes.value })
+  const nodes = selectedNodes.value
+  hooks.selectionDragStart.trigger({ event, nodes })
 }
 
 const onDrag: DraggableEventListener = ({ event, data }) => {
-  hooks.selectionDrag.trigger({ event, nodes: selectedNodes.value })
-
+  const nodes = selectedNodes.value
+  hooks.selectionDrag.trigger({ event, nodes })
   store.updateNodePosDiff({
     diff: {
       x: data.deltaX,
@@ -53,19 +45,16 @@ const onDrag: DraggableEventListener = ({ event, data }) => {
 }
 
 const onStop: DraggableEventListener = ({ event }) => {
+  const nodes = selectedNodes.value
+  hooks.selectionDragStop.trigger({ event, nodes })
   store.updateNodePosDiff({
     isDragging: false,
   })
-
-  hooks.selectionDragStop.trigger({ event, nodes: selectedNodes.value })
 }
 
 const onContextMenu = (event: MouseEvent) => {
-  const selectedNodes = store.selectedElements
-    ? store.selectedElements.filter(isNode).map((selectedNode) => store.nodes.find((node) => node.id === selectedNode.id))
-    : []
-
-  if (selectedNodes) hooks.selectionContextMenu.trigger({ event, nodes: selectedNodes as Node[] })
+  const nodes = selectedNodes.value
+  hooks.selectionContextMenu.trigger({ event, nodes })
 }
 </script>
 <template>
diff --git a/src/container/SelectionPane/SelectionPane.vue b/src/container/SelectionPane/SelectionPane.vue
index 36cf0d58..069566d0 100644
--- a/src/container/SelectionPane/SelectionPane.vue
+++ b/src/container/SelectionPane/SelectionPane.vue
@@ -16,6 +16,7 @@ const props = withDefaults(defineProps<SelectionPaneProps>(), {
   deleteKeyCode: 'Backspace',
   multiSelectionKeyCode: 'Meta',
 })
+
 const store = useStore()
 const hooks = useHooks()