From 69021e8bbe41d892536d7421126499322a5e1ad4 Mon Sep 17 00:00:00 2001 From: moklick Date: Wed, 14 May 2025 11:45:58 +0200 Subject: [PATCH 1/3] chore(react): use OnReconnet from system --- packages/react/src/index.ts | 1 + packages/react/src/types/component-props.ts | 2 +- packages/react/src/types/edges.ts | 4 +--- packages/system/src/types/general.ts | 2 +- 4 files changed, 4 insertions(+), 5 deletions(-) diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index eb106f18..3397a677 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -107,6 +107,7 @@ export { type ConnectionInProgress, type NoConnection, type NodeConnection, + type OnReconnect, } from '@xyflow/system'; // we need this workaround to prevent a duplicate identifier error diff --git a/packages/react/src/types/component-props.ts b/packages/react/src/types/component-props.ts index e1bf01e1..9bea9004 100644 --- a/packages/react/src/types/component-props.ts +++ b/packages/react/src/types/component-props.ts @@ -20,6 +20,7 @@ import type { OnError, ColorMode, SnapGrid, + OnReconnect, } from '@xyflow/system'; import type { @@ -29,7 +30,6 @@ import type { Node, Edge, ConnectionLineComponent, - OnReconnect, OnInit, DefaultEdgeOptions, FitViewOptions, diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts index ca3f91fe..a5c22c75 100644 --- a/packages/react/src/types/edges.ts +++ b/packages/react/src/types/edges.ts @@ -8,12 +8,12 @@ import type { SmoothStepPathOptions, DefaultEdgeOptionsBase, HandleType, - Connection, ConnectionLineType, Handle, EdgePosition, StepPathOptions, OnError, + OnReconnect, FinalConnectionState, } from '@xyflow/system'; @@ -233,8 +233,6 @@ export type StraightEdgeProps = Omit = (oldEdge: EdgeType, newConnection: Connection) => void; - /** * If you want to render a custom component for connection lines, you can set the * `connectionLineComponent` prop on the [``](/api-reference/react-flow#connection-connectionLineComponent) diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts index 3444fdaf..d15a4b54 100644 --- a/packages/system/src/types/general.ts +++ b/packages/system/src/types/general.ts @@ -81,7 +81,7 @@ export type OnConnect = (connection: Connection) => void; export type OnConnectEnd = (event: MouseEvent | TouchEvent, connectionState: FinalConnectionState) => void; export type OnReconnect = (oldEdge: EdgeType, newConnection: Connection) => void; -export type OnRecoonnectStart = ( +export type OnReconnectStart = ( event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType From b1314be04dee07e7589a8c99c9c953006788a152 Mon Sep 17 00:00:00 2001 From: moklick Date: Wed, 14 May 2025 11:47:04 +0200 Subject: [PATCH 2/3] chore(changeset): add --- .changeset/shiny-mails-rescue.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/shiny-mails-rescue.md diff --git a/.changeset/shiny-mails-rescue.md b/.changeset/shiny-mails-rescue.md new file mode 100644 index 00000000..21e3286c --- /dev/null +++ b/.changeset/shiny-mails-rescue.md @@ -0,0 +1,5 @@ +--- +'@xyflow/react': patch +--- + +Use OnReconnect from system From 9893b6321bbe25ebfad23179438f58136da76204 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 14 May 2025 09:49:12 +0000 Subject: [PATCH 3/3] chore(packages): bump --- .changeset/rotten-bikes-hunt.md | 5 ----- .changeset/shiny-mails-rescue.md | 5 ----- packages/react/CHANGELOG.md | 9 +++++++++ packages/react/package.json | 2 +- packages/svelte/CHANGELOG.md | 7 +++++++ packages/svelte/package.json | 2 +- packages/system/CHANGELOG.md | 6 ++++++ packages/system/package.json | 2 +- 8 files changed, 25 insertions(+), 13 deletions(-) delete mode 100644 .changeset/rotten-bikes-hunt.md delete mode 100644 .changeset/shiny-mails-rescue.md diff --git a/.changeset/rotten-bikes-hunt.md b/.changeset/rotten-bikes-hunt.md deleted file mode 100644 index e4dd48ad..00000000 --- a/.changeset/rotten-bikes-hunt.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@xyflow/system': patch ---- - -Added OnReconnect types diff --git a/.changeset/shiny-mails-rescue.md b/.changeset/shiny-mails-rescue.md deleted file mode 100644 index 21e3286c..00000000 --- a/.changeset/shiny-mails-rescue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@xyflow/react': patch ---- - -Use OnReconnect from system diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 495cfd7c..069e22d1 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,14 @@ # @xyflow/react +## 12.6.2 + +### Patch Changes + +- [#5257](https://github.com/xyflow/xyflow/pull/5257) [`b1314be0`](https://github.com/xyflow/xyflow/commit/b1314be04dee07e7589a8c99c9c953006788a152) Thanks [@moklick](https://github.com/moklick)! - Use OnReconnect from system + +- Updated dependencies [[`a95f0e2f`](https://github.com/xyflow/xyflow/commit/a95f0e2fbfc2d070d9bd70b753d1606a87332e3f)]: + - @xyflow/system@0.0.59 + ## 12.6.1 ### Patch Changes diff --git a/packages/react/package.json b/packages/react/package.json index c85ed8ed..3d83001c 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@xyflow/react", - "version": "12.6.1", + "version": "12.6.2", "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.", "keywords": [ "react", diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md index 6b5c3b22..cca4d7a7 100644 --- a/packages/svelte/CHANGELOG.md +++ b/packages/svelte/CHANGELOG.md @@ -1,5 +1,12 @@ # @xyflow/svelte +## 0.1.39 + +### Patch Changes + +- Updated dependencies [[`a95f0e2f`](https://github.com/xyflow/xyflow/commit/a95f0e2fbfc2d070d9bd70b753d1606a87332e3f)]: + - @xyflow/system@0.0.59 + ## 0.1.38 ### Patch Changes diff --git a/packages/svelte/package.json b/packages/svelte/package.json index c29caebd..b91d26b1 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -1,6 +1,6 @@ { "name": "@xyflow/svelte", - "version": "0.1.38", + "version": "0.1.39", "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.", "keywords": [ "svelte", diff --git a/packages/system/CHANGELOG.md b/packages/system/CHANGELOG.md index d8ce85fe..751f6b2e 100644 --- a/packages/system/CHANGELOG.md +++ b/packages/system/CHANGELOG.md @@ -1,5 +1,11 @@ # @xyflow/system +## 0.0.59 + +### Patch Changes + +- [#5255](https://github.com/xyflow/xyflow/pull/5255) [`a95f0e2f`](https://github.com/xyflow/xyflow/commit/a95f0e2fbfc2d070d9bd70b753d1606a87332e3f) Thanks [@peterkogo](https://github.com/peterkogo)! - Added OnReconnect types + ## 0.0.58 ### Patch Changes diff --git a/packages/system/package.json b/packages/system/package.json index 998f2f46..9fa5d593 100644 --- a/packages/system/package.json +++ b/packages/system/package.json @@ -1,6 +1,6 @@ { "name": "@xyflow/system", - "version": "0.0.58", + "version": "0.0.59", "description": "xyflow core system that powers React Flow and Svelte Flow.", "keywords": [ "node-based UI",