refactor(core): replace PanOnScrollMode

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

Author: bcakmakoglu

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>

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'

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'
 

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'

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'

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
 }