From 947baefa029bcd521901f930292e21d8157c4ebf Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 14 Dec 2021 14:00:44 +0100
Subject: [PATCH] update(nodes): Add draggable,selectable and connectable as
 props to nodes

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/NodeRenderer/NodeRenderer.vue |  1 -
 src/types/node.ts                           | 32 +++++++++------------
 src/utils/graph.ts                          |  5 ++++
 3 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/container/NodeRenderer/NodeRenderer.vue b/src/container/NodeRenderer/NodeRenderer.vue
index eec4ab3f..f6091e72 100644
--- a/src/container/NodeRenderer/NodeRenderer.vue
+++ b/src/container/NodeRenderer/NodeRenderer.vue
@@ -32,7 +32,6 @@ export default {
       :selectable="typeof node.selectable === 'undefined' ? store.elementsSelectable : node.selectable"
       :connectable="typeof node.connectable === 'undefined' ? store.nodesConnectable : node.connectable"
       :snap-grid="snapGrid(node)"
-      :select-nodes-on-drag="store.selectNodesOnDrag"
     >
       <template #default="nodeProps">
         <slot :name="`node-${node.type}`" v-bind="nodeProps"></slot>
diff --git a/src/types/node.ts b/src/types/node.ts
index b014b1f3..b8ad2ed7 100644
--- a/src/types/node.ts
+++ b/src/types/node.ts
@@ -26,19 +26,24 @@ export interface Node<T = any> extends Element<T> {
 }
 
 export interface GraphNode<T = any> extends Node<T> {
-  handleBounds: {
-    source?: HandleElement[]
-    target?: HandleElement[]
-  }
+  computedPosition: XYZPosition
+  handleBounds: HandleBounds
+  dimensions: Dimensions
   parentNode?: GraphNode<T>
   isParent?: boolean
-  computedPosition: XYZPosition
   selected?: boolean
   dragging?: boolean
-  dimensions: Dimensions
 }
 
 export interface NodeProps<T = any> {
+  id: string
+  dimensions: Dimensions
+  handleBounds: HandleBounds
+  computedPosition: XYZPosition
+  position: XYPosition
+  draggable?: boolean
+  selectable?: boolean
+  connectable?: boolean
   label?:
     | string
     | {
@@ -48,26 +53,15 @@ export interface NodeProps<T = any> {
   class?: string
   style?: CSSProperties
   hidden?: boolean
-  id: string
   type?: string
   data?: T
   selected?: boolean
-  connectable?: boolean
   targetPosition?: Position
   sourcePosition?: Position
   dragging?: boolean
   isValidTargetPos?: ValidConnectionFunc
   isValidSourcePos?: ValidConnectionFunc
-  handleBounds: {
-    source?: HandleElement[]
-    target?: HandleElement[]
-  }
-  parentNode?: GraphNode[]
+  parentNode?: GraphNode<T>[]
   isParent?: boolean
-  computedPosition: XYZPosition
-  position: XYPosition
-  draggable?: boolean
-  selectable?: boolean
-  children?: Node[]
-  dimensions?: Dimensions
+  children?: Node<T>[]
 }
diff --git a/src/utils/graph.ts b/src/utils/graph.ts
index c7e5a935..cd68a1ec 100644
--- a/src/utils/graph.ts
+++ b/src/utils/graph.ts
@@ -77,6 +77,9 @@ export const parseNode = (node: Node, nodeExtent: CoordinateExtent, defaults?: P
         },
         isParent: !!(node.children && node.children.length),
         dragging: false,
+        draggable: undefined,
+        selectable: undefined,
+        connectable: undefined,
         ...defaults,
       }
     : defaults
@@ -101,6 +104,8 @@ export const parseEdge = (edge: Edge, defaults?: Partial<GraphEdge>): GraphEdge
         sourceY: 0,
         targetX: 0,
         targetY: 0,
+        updatable: undefined,
+        selectable: undefined,
         ...defaults,
       }
     : defaults