merge main

.changeset/rotten-bikes-hunt.md

@@ -1,5 +0,0 @@
----
-'@xyflow/system': patch
----
-
-Added OnReconnect types

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

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",

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

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,

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<EdgeComponentProps, 'sourcePosition' | 'tar
  */
 export type SimpleBezierEdgeProps = EdgeComponentProps;
 
-export type OnReconnect<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newConnection: Connection) => void;
-
 /**
  * If you want to render a custom component for connection lines, you can set the
  * `connectionLineComponent` prop on the [`<ReactFlow />`](/api-reference/react-flow#connection-connectionLineComponent)

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

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

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",

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<EdgeType extends EdgeBase = EdgeBase> = (oldEdge: EdgeType, newConnection: Connection) => void;
-export type OnRecoonnectStart<EdgeType extends EdgeBase = EdgeBase> = (
+export type OnReconnectStart<EdgeType extends EdgeBase = EdgeBase> = (
   event: MouseEvent | TouchEvent,
   edge: EdgeType,
   handleType: HandleType