From 9f957492fe2eb632983c7e083d329b9e21b4ebbd Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 12 Dec 2021 23:45:35 +0100
Subject: [PATCH] refactor(flow): apply default change handlers by default

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/composables/useElementState.ts | 4 ++--
 src/composables/useVueFlow.ts      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/composables/useElementState.ts b/src/composables/useElementState.ts
index 09091fa7..46fee38b 100644
--- a/src/composables/useElementState.ts
+++ b/src/composables/useElementState.ts
@@ -60,7 +60,7 @@ export const useEdgesState = (
   store: FlowStore,
   apply: (changes: EdgeChange[]) => GraphEdge[],
 ): ((options?: UseEdgesStateOptions) => UseEdgeState) => {
-  return ({ edges, applyDefault } = { applyDefault: false }) => {
+  return ({ edges, applyDefault } = { applyDefault: true }) => {
     if (edges && edges.length) store.setEdges(edges)
     if (applyDefault) store.hooksOn.OnEdgesChange((e) => apply(e))
     return {
@@ -96,7 +96,7 @@ export const useNodesState = (
   store: FlowStore,
   apply: (changes: NodeChange[]) => GraphNode[],
 ): ((options?: UseNodesStateOptions) => UseNodesState) => {
-  return ({ nodes, applyDefault } = { applyDefault: false }) => {
+  return ({ nodes, applyDefault } = { applyDefault: true }) => {
     if (nodes && nodes.length) store.setNodes(nodes)
     if (applyDefault) store.hooksOn.OnNodesChange((e) => apply(e))
     return {
diff --git a/src/composables/useVueFlow.ts b/src/composables/useVueFlow.ts
index ad0c3bd0..bdaf7c30 100644
--- a/src/composables/useVueFlow.ts
+++ b/src/composables/useVueFlow.ts
@@ -18,8 +18,8 @@ export default (options?: FlowOptions): UseVueFlow => {
     vueFlow = {
       id: store.id,
       store,
-      useNodesState: (nodes, applyDefault) => useNodesState(store, applyNodes)({ nodes, applyDefault }),
-      useEdgesState: (edges, applyDefault) => useEdgesState(store, applyEdges)({ edges, applyDefault }),
+      useNodesState: (nodes, applyDefault = true) => useNodesState(store, applyNodes)({ nodes, applyDefault }),
+      useEdgesState: (edges, applyDefault = true) => useEdgesState(store, applyEdges)({ edges, applyDefault }),
       applyNodeChanges: applyNodes,
       applyEdgeChanges: applyEdges,
       ...store.hooksOn,