From 84f2235f2378b58353583a743a560e290914192a Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 1 Feb 2023 20:55:06 +0100
Subject: [PATCH] feat(core): add auto pan props

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/core/src/container/VueFlow/VueFlow.vue | 2 ++
 packages/core/src/store/state.ts                | 3 +++
 packages/core/src/types/flow.ts                 | 3 +++
 packages/core/src/types/store.ts                | 3 +++
 4 files changed, 11 insertions(+)

diff --git a/packages/core/src/container/VueFlow/VueFlow.vue b/packages/core/src/container/VueFlow/VueFlow.vue
index c0880eb7..2fab0314 100644
--- a/packages/core/src/container/VueFlow/VueFlow.vue
+++ b/packages/core/src/container/VueFlow/VueFlow.vue
@@ -42,6 +42,8 @@ const props = withDefaults(defineProps<FlowProps>(), {
   disableKeyboardA11y: undefined,
   edgesFocusable: undefined,
   nodesFocusable: undefined,
+  autoPanOnConnect: undefined,
+  autoPanOnNodeDrag: undefined,
 })
 
 const emit = defineEmits<{
diff --git a/packages/core/src/store/state.ts b/packages/core/src/store/state.ts
index b6df4726..94891c42 100644
--- a/packages/core/src/store/state.ts
+++ b/packages/core/src/store/state.ts
@@ -119,6 +119,9 @@ const defaultState = (): State => ({
   elevateEdgesOnSelect: false,
   elevateNodesOnSelect: true,
 
+  autoPanOnNodeDrag: true,
+  autoPanOnConnect: true,
+
   disableKeyboardA11y: false,
   ariaLiveMessage: '',
 
diff --git a/packages/core/src/types/flow.ts b/packages/core/src/types/flow.ts
index cf2fc8c2..d4a479cf 100644
--- a/packages/core/src/types/flow.ts
+++ b/packages/core/src/types/flow.ts
@@ -171,6 +171,9 @@ export interface FlowProps {
   edgesFocusable?: boolean
   nodesFocusable?: boolean
 
+  autoPanOnConnect?: boolean
+  autoPanOnNodeDrag?: boolean
+
   __experimentalFeatures?: {
     nestedFlow?: boolean
   }
diff --git a/packages/core/src/types/store.ts b/packages/core/src/types/store.ts
index 37ecb11d..d5e1f417 100644
--- a/packages/core/src/types/store.ts
+++ b/packages/core/src/types/store.ts
@@ -126,6 +126,9 @@ export interface State extends Omit<FlowOptions, 'id' | 'modelValue'> {
   elevateEdgesOnSelect: boolean
   elevateNodesOnSelect: boolean
 
+  autoPanOnConnect: boolean
+  autoPanOnNodeDrag: boolean
+
   disableKeyboardA11y: boolean
 
   ariaLiveMessage: string