refactor(react/svelte): cleanup types

packages/svelte/src/lib/actions/drag/index.ts

@@ -1,7 +1,7 @@
 import { get, type Writable } from 'svelte/store';
 import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
 import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent, Transform, Node as RFNode } from '@reactflow/system';
+import type { XYPosition, CoordinateExtent, Transform } from '@reactflow/system';
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
 import type { Node } from '$lib/types';
@@ -62,7 +62,7 @@ export default function drag(
 
     dragItems = dragItems.map((n) => {
       const nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
-      const updatedPos = calcNextPosition(n, nextPosition, get(nodes) as RFNode[]);
+      const updatedPos = calcNextPosition(n, nextPosition, get(nodes));
 
       // we want to make sure that we only fire a change event when there is a changes
       hasChange =
@@ -89,7 +89,7 @@ export default function drag(
       const pointerPos = getPointerPosition(event);
       console.log(pointerPos);
       lastPos = pointerPos;
-      dragItems = getDragItems(get(nodes) as RFNode[], pointerPos, nodeId);
+      dragItems = getDragItems(get(nodes), pointerPos, nodeId);
     })
     .on('drag', (event: UseDragEvent) => {
       const pointerPos = getPointerPosition(event);

packages/svelte/src/lib/actions/drag/utils.ts

@@ -1,13 +1,7 @@
-import type {
-  CoordinateExtent,
-  Node,
-  NodeDragItem,
-  NodeInternals,
-  NodeOrigin,
-  XYPosition
-} from '@reactflow/system';
+import type { CoordinateExtent, NodeDragItem, NodeOrigin, XYPosition } from '@reactflow/system';
+import { clampPosition, isNumeric } from '@reactflow/utils';
 
-import { clampPosition, isNumeric } from '../../../utils';
+import type { Node } from '$lib/types';
 
 export function isParentSelected(node: Node, nodes: Node[]): boolean {
   if (!node.parentNode) {
@@ -122,31 +116,3 @@ export function calcNextPosition(
     positionAbsolute
   };
 }
-
-// returns two params:
-// 1. the dragged node (or the first of the list, if we are dragging a node selection)
-// 2. array of selected nodes (for multi selections)
-export function getEventHandlerParams({
-  nodeId,
-  dragItems,
-  nodeInternals
-}: {
-  nodeId?: string;
-  dragItems: NodeDragItem[];
-  nodeInternals: NodeInternals;
-}): [Node, Node[]] {
-  const extentedDragItems: Node[] = dragItems.map((n) => {
-    const node = nodeInternals.get(n.id)!;
-
-    return {
-      ...node,
-      position: n.position,
-      positionAbsolute: n.positionAbsolute
-    };
-  });
-
-  return [
-    nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0],
-    extentedDragItems
-  ];
-}

packages/svelte/src/lib/actions/zoom/index.ts

@@ -1,8 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
-import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
-import type { D3ZoomEvent } from 'd3-zoom';
+import { zoom as d3Zoom, zoomIdentity, type D3ZoomEvent } from 'd3-zoom';
 import type { D3SelectionInstance, D3ZoomInstance, Transform } from '@reactflow/system';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>