From 17561604b6ca9c25bc345e3247c00ec1459d1834 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 21 Feb 2022 18:53:40 +0100
Subject: [PATCH] fix(nodes): clear all empty values before passing as props

Signed-off-by: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/components/Nodes/NodeWrapper.vue | 48 +++-------------------------
 1 file changed, 4 insertions(+), 44 deletions(-)

diff --git a/src/components/Nodes/NodeWrapper.vue b/src/components/Nodes/NodeWrapper.vue
index 211de3a9..b9724199 100644
--- a/src/components/Nodes/NodeWrapper.vue
+++ b/src/components/Nodes/NodeWrapper.vue
@@ -103,6 +103,8 @@ const updatePosition = (width: number, height: number) => {
   node.value.handleBounds = handleBounds
 }
 
+const removeEmpty = (obj: Record<string, any>) => Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null))
+
 store.updateNodePosition({ id: node.value.id, diff: { x: 0, y: 0 } })
 onMounted(() => {
   const dimensions = ref(getDimensions(nodeElement.value))
@@ -166,57 +168,15 @@ export default {
     >
       <slot
         v-bind="{
-          selected: node.selected,
           connectable: props.connectable,
-          sourcePosition: node.sourcePosition,
-          targetPosition: node.targetPosition,
-          isValidTargetPos: node.isValidTargetPos,
-          isValidSourcePos: node.isValidSourcePos,
-          label: node.label,
-          class: node.class,
-          style: node.style,
-          hidden: node.hidden,
-          id: node.id,
-          type: node.type,
-          data: node.data,
-          dragging: node.dragging,
-          handleBounds: node.handleBounds,
-          parentNode: node.parentNode,
-          isParent: node.isParent,
-          computedPosition: node.computedPosition,
-          position: node.position,
-          draggable: props.draggable,
-          selectable: props.selectable,
-          children: node.children,
-          dimensions: node.dimensions,
+          ...removeEmpty(node),
         }"
       >
         <component
           :is="props.component ?? node.type"
           v-bind="{
-            selected: node.selected,
             connectable: props.connectable,
-            sourcePosition: node.sourcePosition,
-            targetPosition: node.targetPosition,
-            isValidTargetPos: node.isValidTargetPos,
-            isValidSourcePos: node.isValidSourcePos,
-            label: node.label,
-            class: node.class,
-            style: node.style,
-            hidden: node.hidden,
-            id: node.id,
-            type: node.type,
-            data: node.data,
-            dragging: node.dragging,
-            handleBounds: node.handleBounds,
-            parentNode: node.parentNode,
-            isParent: node.isParent,
-            computedPosition: node.computedPosition,
-            position: node.position,
-            draggable: props.draggable,
-            selectable: props.selectable,
-            children: node.children,
-            dimensions: node.dimensions,
+            ...removeEmpty(node),
           }"
         />
       </slot>