diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte index 59ea1847..c5b6f00c 100644 --- a/packages/svelte/src/lib/components/Handle/Handle.svelte +++ b/packages/svelte/src/lib/components/Handle/Handle.svelte @@ -60,7 +60,7 @@ cancelConnection: store.cancelConnection, panBy: store.panBy, onConnect: (connection) => { - const edge = store.onedgecreate ? store.onedgecreate(connection) : connection; + const edge = store.onbeforeconnect?.(connection) ?? connection; if (!edge) { return; diff --git a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte index 0f367670..2e1e9f4f 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte +++ b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte @@ -35,7 +35,7 @@ onerror, ondelete, onbeforedelete, - onedgecreate, + onbeforeconnect, onconnect, onconnectstart, onconnectend, diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts index 048ce33d..077995b4 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/types.ts +++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts @@ -30,7 +30,7 @@ import type { DefaultEdgeOptions, FitViewOptions, OnDelete, - OnEdgeCreate, + OnBeforeConnect, OnBeforeDelete, IsValidConnection } from '$lib/types'; @@ -358,7 +358,7 @@ export type SvelteFlowProps = NodeEvents & onbeforedelete?: OnBeforeDelete; /** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */ - onedgecreate?: OnEdgeCreate; + onbeforeconnect?: OnBeforeConnect; /** This event gets fired when a connection successfully completes and an edge is created. */ onconnect?: OnConnect; diff --git a/packages/svelte/src/lib/store/initial-store.svelte.ts b/packages/svelte/src/lib/store/initial-store.svelte.ts index 5bbf8149..ac56fa8a 100644 --- a/packages/svelte/src/lib/store/initial-store.svelte.ts +++ b/packages/svelte/src/lib/store/initial-store.svelte.ts @@ -48,7 +48,7 @@ import type { EdgeTypes, FitViewOptions, OnDelete, - OnEdgeCreate, + OnBeforeConnect, OnBeforeDelete, IsValidConnection, Edge, @@ -284,7 +284,7 @@ export const getInitialStore = (signals: StoreSignals) => { onlyRenderVisibleElements: boolean = $derived(signals.props.onlyRenderVisibleElements ?? false); onerror: OnError = $derived(signals.props.onerror ?? devWarn); ondelete?: OnDelete = $derived(signals.props.ondelete ?? undefined); - onedgecreate?: OnEdgeCreate = $derived(signals.props.onedgecreate); + onbeforeconnect?: OnBeforeConnect = $derived(signals.props.onbeforeconnect); onconnect?: OnConnect = $derived(signals.props.onconnect); onconnectstart?: OnConnectStart = $derived(signals.props.onconnectstart); onconnectend?: OnConnectEnd = $derived(signals.props.onconnectend); diff --git a/packages/svelte/src/lib/types/general.ts b/packages/svelte/src/lib/types/general.ts index 82462762..46a66024 100644 --- a/packages/svelte/src/lib/types/general.ts +++ b/packages/svelte/src/lib/types/general.ts @@ -35,7 +35,7 @@ export type HandleProps = HandlePropsSystem & { export type FitViewOptions = FitViewOptionsBase; export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void; -export type OnEdgeCreate = (connection: Connection) => Edge | Connection | void; +export type OnBeforeConnect = (connection: Connection) => Edge | Connection | void; export type OnBeforeDelete< NodeType extends Node = Node, EdgeType extends Edge = Edge