From d465d1bdda89d0f6bba6d18df11883357083fe0b Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 16 Jul 2024 00:55:19 +0200
Subject: [PATCH] refactor(core): replace `PanOnScrollMode`

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

diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index d856cf336..6bed770bc 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -17,7 +17,7 @@ const transform = computed(() => `translate(${viewport.value.x}px,${viewport.val
 
 <script lang="ts">
 export default {
-  name: 'Transform',
+  name: 'Viewport',
   compatConfig: { MODE: 3 },
 }
 </script>
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index df0d5dc01..117de9fa5 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -69,4 +69,4 @@ export { VueFlowError, ErrorCode, isErrorOfType } from './utils/errors'
 export * from './types'
 
 // todo: add more re-exports
-export { type Viewport } from '@xyflow/system'
+export { type Viewport, PanOnScrollMode } from '@xyflow/system'
diff --git a/packages/core/src/store/state.ts b/packages/core/src/store/state.ts
index b7caf66a8..85a798fd7 100644
--- a/packages/core/src/store/state.ts
+++ b/packages/core/src/store/state.ts
@@ -1,6 +1,6 @@
-import { isMacOs } from '@xyflow/system'
+import { PanOnScrollMode, isMacOs } from '@xyflow/system'
 import type { FlowOptions, State } from '../types'
-import { ConnectionLineType, ConnectionMode, PanOnScrollMode, SelectionMode } from '../types'
+import { ConnectionLineType, ConnectionMode, SelectionMode } from '../types'
 
 import { createHooks } from './hooks'
 
diff --git a/packages/core/src/types/flow.ts b/packages/core/src/types/flow.ts
index aec8f4ce9..36a9b4564 100644
--- a/packages/core/src/types/flow.ts
+++ b/packages/core/src/types/flow.ts
@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue'
 import type { KeyFilter } from '@vueuse/core'
-import type { Viewport } from '@xyflow/system'
+import type { PanOnScrollMode, Viewport } from '@xyflow/system'
 import type { VueFlowError } from '../utils'
 import type { DefaultEdgeOptions, Edge, EdgeProps, EdgeUpdatable, GraphEdge } from './edge'
 import type { CoordinateExtent, CoordinateExtentRange, GraphNode, Node, NodeProps } from './node'
@@ -13,7 +13,6 @@ import type {
   Connector,
   OnConnectStartParams,
 } from './connection'
-import type { PanOnScrollMode } from './zoom'
 import type { EdgeTypesObject, NodeTypesObject } from './components'
 import type { CustomEvent, EdgeMouseEvent, EdgeUpdateEvent, MouseTouchEvent, NodeDragEvent, NodeMouseEvent } from './hooks'
 import type { ValidConnectionFunc } from './handle'
diff --git a/packages/core/src/types/store.ts b/packages/core/src/types/store.ts
index b2a6fbb3c..8d725bedf 100644
--- a/packages/core/src/types/store.ts
+++ b/packages/core/src/types/store.ts
@@ -1,6 +1,6 @@
 import type { CSSProperties, ComputedRef, ToRefs } from 'vue'
 import type { KeyFilter } from '@vueuse/core'
-import type { PanZoomInstance, Viewport } from '@xyflow/system'
+import type { PanOnScrollMode, PanZoomInstance, Viewport } from '@xyflow/system'
 import type { ViewportHelper } from '../composables'
 import type {
   Dimensions,
@@ -28,7 +28,6 @@ import type {
 } from './connection'
 import type { DefaultEdgeOptions, Edge, EdgeUpdatable, GraphEdge } from './edge'
 import type { CoordinateExtent, CoordinateExtentRange, GraphNode, Node } from './node'
-import type { PanOnScrollMode } from './zoom'
 import type { CustomEvent, FlowHooks, FlowHooksEmit, FlowHooksOn } from './hooks'
 import type { EdgeChange, NodeChange, NodeDragItem } from './changes'
 import type { ConnectingHandle, ValidConnectionFunc } from './handle'
diff --git a/packages/core/src/types/zoom.ts b/packages/core/src/types/zoom.ts
index ccf1ce36b..05ae9994b 100644
--- a/packages/core/src/types/zoom.ts
+++ b/packages/core/src/types/zoom.ts
@@ -1,12 +1,6 @@
 import type { Viewport } from '@xyflow/system'
 import type { Rect, XYPosition } from './flow'
 
-export enum PanOnScrollMode {
-  Free = 'free',
-  Vertical = 'vertical',
-  Horizontal = 'horizontal',
-}
-
 export interface TransitionOptions {
   duration?: number
 }