diff --git a/packages/react/src/components/Handle/index.tsx b/packages/react/src/components/Handle/index.tsx index 41bf492c..86f8da2a 100644 --- a/packages/react/src/components/Handle/index.tsx +++ b/packages/react/src/components/Handle/index.tsx @@ -12,6 +12,7 @@ import { XYHandle, getHostForElement, isMouseEvent, + addEdge, type HandleProps, type Connection, type HandleType, @@ -19,7 +20,6 @@ import { import { useStore, useStoreApi } from '../../hooks/useStore'; import { useNodeId } from '../../contexts/NodeIdContext'; -import { addEdge } from '../../utils/'; import { type ReactFlowState } from '../../types'; export type HandleComponentProps = HandleProps & Omit, 'id'>; diff --git a/packages/react/src/hooks/useNodesEdgesState.ts b/packages/react/src/hooks/useNodesEdgesState.ts index c134472b..766ee049 100644 --- a/packages/react/src/hooks/useNodesEdgesState.ts +++ b/packages/react/src/hooks/useNodesEdgesState.ts @@ -12,9 +12,12 @@ import type { Node, NodeChange, Edge, EdgeChange } from '../types'; */ export function useNodesState( initialNodes: NodeType[] -): [NodeType[], Dispatch>, (changes: NodeChange[]) => void] { +): [NodeType[], Dispatch>, (changes: NodeChange[]) => void] { const [nodes, setNodes] = useState(initialNodes); - const onNodesChange = useCallback((changes: NodeChange[]) => setNodes((nds) => applyNodeChanges(changes, nds)), []); + const onNodesChange = useCallback( + (changes: NodeChange[]) => setNodes((nds) => applyNodeChanges(changes, nds)), + [] + ); return [nodes, setNodes, onNodesChange]; } @@ -28,9 +31,12 @@ export function useNodesState( */ export function useEdgesState( initialEdges: EdgeType[] -): [EdgeType[], Dispatch>, (changes: EdgeChange[]) => void] { +): [EdgeType[], Dispatch>, (changes: EdgeChange[]) => void] { const [edges, setEdges] = useState(initialEdges); - const onEdgesChange = useCallback((changes: EdgeChange[]) => setEdges((eds) => applyEdgeChanges(changes, eds)), []); + const onEdgesChange = useCallback( + (changes: EdgeChange[]) => setEdges((eds) => applyEdgeChanges(changes, eds)), + [] + ); return [edges, setEdges, onEdgesChange]; } diff --git a/packages/react/src/types/instance.ts b/packages/react/src/types/instance.ts index 0bf01b20..6b37fd14 100644 --- a/packages/react/src/types/instance.ts +++ b/packages/react/src/types/instance.ts @@ -45,9 +45,6 @@ export namespace Instance { area: Rect, partially?: boolean ) => boolean; - export type getConnectedEdges = (id: string | (Node | { id: Node['id'] })[]) => Edge[]; - export type getIncomers = (node: string | Node | { id: Node['id'] }) => Node[]; - export type getOutgoers = (node: string | Node | { id: Node['id'] }) => Node[]; export type UpdateNode = ( id: string, diff --git a/packages/svelte/src/lib/container/Pane/Pane.svelte b/packages/svelte/src/lib/container/Pane/Pane.svelte index 21ed2a61..cce95636 100644 --- a/packages/svelte/src/lib/container/Pane/Pane.svelte +++ b/packages/svelte/src/lib/container/Pane/Pane.svelte @@ -30,10 +30,14 @@