react-cosmos-diagram 0.5.3 → 0.7.0

package/README.md

@@ -10,6 +10,8 @@ npm install react-cosmos-diagram
 -  Customizable support for nodes, ports, and edges
 -  Written in [Typescript](https://www.typescriptlang.org/)
 
+## [demo](https://codesandbox.io/p/sandbox/blue-framework-hv666c?file=%2Fsrc%2FApp.tsx%3A47%2C66)
+
 ## Quickstart
 
 ```jsx
@@ -99,9 +101,9 @@ function Diagram() {
       edgeConnected.current = false;
    }, []);
 
-   const onEdgeUpdateEnd = useCallback((_e: any, edge: Edge) => {
+   const onEdgeUpdateEnd = useCallback((_e: any, currentEdge: Edge) => {
       if (!edgeConnected.current) {
-         setEdges((edges) => edges.filter((e) => e.id !== edge.id));
+         setEdges((edges) => edges.filter((edge) => edge.id !== currentEdge.id));
       }
 
       edgeConnected.current = true;

package/dist/esm/components/A11yDescriptions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/A11yDescriptions/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/A11yDescriptions/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}

package/dist/esm/components/Background/LinePath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinePath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Background/LinePath.tsx"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CAQ/D;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LinePath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Background/LinePath.tsx"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CAQ/D;AAED,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Background/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Background/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AASzC,iBAAS,UAAU,CAAC,EACjB,GAAG,EACH,SAAa,EACb,KAAiB,GACnB,EAAE,eAAe,2CA6CjB;kBAjDQ,UAAU;;;;AAqDnB,wBAAgC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Background/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AASzC,iBAAS,UAAU,CAAC,EACjB,GAAG,EACH,SAAa,EACb,KAAiB,GACnB,EAAE,eAAe,2CA6CjB;kBAjDQ,UAAU;;;;AAqDnB,wBAAgC"}

package/dist/esm/components/Background/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Background/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Background/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/dist/esm/components/DragBox/index.d.ts

@@ -1,4 +1,4 @@
-import { Rect } from '../../types';
+import { Rect } from '@diagram/core';
 declare function DragBox({ rect }: {
     rect: Rect;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/DragBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/DragBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,iBAAS,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,kDAexC;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/DragBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,iBAAS,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,kDAexC;AAED,eAAe,OAAO,CAAC"}

package/dist/esm/components/Edges/Anchor.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
-import { Position } from '../../types';
+import { Position } from '@diagram/core';
 type EventNames = 'onMouseDown';
 type AnchorEvents = {
     [H in EventNames]?: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;

package/dist/esm/components/Edges/Anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,KAAK,UAAU,GAAG,aAAa,CAAC;AAGhC,KAAK,YAAY,GAAG;KAChB,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,CACjB,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAC7C,IAAI;CACX,CAAC;AAEF,UAAU,WAAY,SAAQ,aAAa,CAAC,WAAW,CAAC,EAAE,YAAY;IACnE,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACf;AAwBD,iBAAS,MAAM,CAAC,EACb,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAW,EACX,WAAW,EAGX,IAAI,GACN,EAAE,WAAW,2CAiBb;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,KAAK,UAAU,GAAG,aAAa,CAAC;AAGhC,KAAK,YAAY,GAAG;KAChB,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,CACjB,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAC7C,IAAI;CACX,CAAC;AAEF,UAAU,WAAY,SAAQ,aAAa,CAAC,WAAW,CAAC,EAAE,YAAY;IACnE,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACf;AAwBD,iBAAS,MAAM,CAAC,EACb,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAW,EACX,WAAW,EAGX,IAAI,GACN,EAAE,WAAW,2CAiBb;AAED,eAAe,MAAM,CAAC"}

package/dist/esm/components/Edges/BaseEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/BaseEdge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,UAAU,aACP,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC,EAC3D,gBAAgB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,QAAQ,CAAC,EACf,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,WAAW,GACb,EAAE,aAAa,2CAyBf;kBAtCQ,QAAQ;;;AAyCjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"BaseEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/BaseEdge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,UAAU,aACP,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC,EAC3D,gBAAgB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,QAAQ,CAAC,EACf,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,WAAW,GACb,EAAE,aAAa,2CAyBf;kBAtCQ,QAAQ;;;AAyCjB,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Edges/BezierEdge.d.ts

@@ -1,22 +1,11 @@
 /// <reference types="react" />
-import { Position } from '../../types';
-import { EdgeProps } from './type';
+import { Edge, EdgeProps } from './type';
 interface BezierPathOptions {
     curvature?: number;
 }
-interface BezierEdgeProps<T = any> extends EdgeProps<T> {
+interface BezierEdgeProps<EdgeType extends Edge = Edge> extends EdgeProps<EdgeType> {
     pathOptions?: BezierPathOptions;
 }
-interface GetBezierPathParams {
-    sourceX: number;
-    sourceY: number;
-    sourcePosition?: Position;
-    targetX: number;
-    targetY: number;
-    targetPosition?: Position;
-    curvature?: number;
-}
-export declare const getBezierPath: ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, curvature, }: GetBezierPathParams) => [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const BezierEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, pathOptions, }: BezierEdgeProps) => import("react/jsx-runtime").JSX.Element>;
 export default BezierEdge;
 //# sourceMappingURL=BezierEdge.d.ts.map

package/dist/esm/components/Edges/BezierEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BezierEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/BezierEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,UAAU,iBAAiB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,eAAe,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,UAAU,mBAAmB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB;AA0CD,eAAO,MAAM,aAAa,uFAQvB,mBAAmB,qFAyCrB,CAAC;AAEF,QAAA,MAAM,UAAU,+OAkBV,eAAe,6CA4BpB,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BezierEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/BezierEdge.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,UAAU,iBAAiB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,CACnD,SAAQ,SAAS,CAAC,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,QAAA,MAAM,UAAU,+OAkBV,eAAe,6CA4BpB,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/esm/components/Edges/EdgeLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeLabel.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/EdgeLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACT,SAAS,EACT,aAAa,EACb,cAAc,EACd,iBAAiB,EACnB,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,gBAAgB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,UAAU,cAAe,SAAQ,cAAc,CAAC,UAAU,CAAC,EAAE,gBAAgB;IAC1E,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,iBAAS,SAAS,CAAC,EAChB,CAAC,EACD,CAAC,EACD,KAAK,EACL,UAAe,EACf,WAAkB,EAClB,YAAiB,EACjB,cAAuB,EACvB,mBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACT,EAAE,iBAAiB,CAAC,cAAc,CAAC,kDA4DnC;;AACD,wBAA+B"}
+{"version":3,"file":"EdgeLabel.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/EdgeLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACT,SAAS,EACT,aAAa,EACb,cAAc,EACd,iBAAiB,EACnB,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,gBAAgB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,UAAU,cAAe,SAAQ,cAAc,CAAC,UAAU,CAAC,EAAE,gBAAgB;IAC1E,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,iBAAS,SAAS,CAAC,EAChB,CAAC,EACD,CAAC,EACD,KAAK,EACL,UAAe,EACf,WAAkB,EAClB,YAAiB,EACjB,cAAuB,EACvB,mBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACT,EAAE,iBAAiB,CAAC,cAAc,CAAC,kDA4DnC;;AACD,wBAA+B"}

package/dist/esm/components/Edges/EdgeWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/src/components/Edges/EdgeWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAKpE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CACP,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,EAC/C,IAAI,EAAE,IAAI,KACR,IAAI,YAII,gBAAgB,WAAW,EAAE,UAAU,CAAC,uBAOvD;AAED,QAAA,MAAM,QAAQ,kBAAmB,cAAc,SAAS,CAAC;YAC1B,aAAa,GAAG,WAAW,GAAG,IAAI;;EA6QhE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/react/src/components/Edges/EdgeWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CACP,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,EAC/C,IAAI,EAAE,IAAI,KACR,IAAI,YAII,gBAAgB,WAAW,EAAE,UAAU,CAAC,uBAOvD;AAED,QAAA,MAAM,QAAQ,kBAAmB,cAAc,SAAS,CAAC;YAC1B,aAAa,GAAG,WAAW,GAAG,IAAI;;EAoShE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Edges/EdgeWrapper/type.d.ts

@@ -1,16 +1,9 @@
 import { ComponentType, MemoExoticComponent, MouseEvent as ReactMouseEvent } from 'react';
-import { Position, Connection } from '../../../types';
-import { PortType } from '../../Port/type';
+import { PortType, Connection, EdgePosition } from '@diagram/core';
 import { Edge } from '../type';
 export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
-export type OnEdgeUpdateFunc<T = any> = (originEdge: Edge<T>, newConnection: Connection) => void;
-export type WrapEdgeProps<T = any> = Edge<T> & {
-    sourceX: number;
-    sourceY: number;
-    targetX: number;
-    targetY: number;
-    sourcePosition: Position;
-    targetPosition: Position;
+export type OnEdgeUpdateFunc<EdgeType extends Edge = Edge> = (originEdge: EdgeType, newConnection: Connection) => void;
+export type WrapEdgeProps<EdgeData extends Record<string, unknown> = Record<string, unknown>> = Edge<EdgeData> & EdgePosition & {
     elementsSelectable?: boolean;
     rfId?: string;
     isFocusable: boolean;

package/dist/esm/components/Edges/EdgeWrapper/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/src/components/Edges/EdgeWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,aAAa,EACb,mBAAmB,EACnB,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAE5E,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,GAAG,IAAI,CACrC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,EACnB,aAAa,EAAE,UAAU,KACvB,IAAI,CAAC;AAEV,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IAErB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAEhC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,iBAAiB,CAAC,EAAE,CACjB,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAChB,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CACf,KAAK,EAAE,UAAU,GAAG,UAAU,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAChB,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CACnD,aAAa,CAAC,aAAa,CAAC,CAC9B,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/react/src/components/Edges/EdgeWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,aAAa,EACb,mBAAmB,EACnB,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAE5E,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAC1D,UAAU,EAAE,QAAQ,EACpB,aAAa,EAAE,UAAU,KACvB,IAAI,CAAC;AAEV,MAAM,MAAM,aAAa,CACtB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE,IAAI,CAAC,QAAQ,CAAC,GACf,YAAY,GAAG;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IAErB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAEhC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,iBAAiB,CAAC,EAAE,CACjB,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAChB,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CACf,KAAK,EAAE,UAAU,GAAG,UAAU,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAChB,IAAI,CAAC;CACZ,CAAC;AAEL,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CACnD,aAAa,CAAC,aAAa,CAAC,CAC9B,CAAC"}

package/dist/esm/components/Edges/StepEdge.d.ts

@@ -1,32 +1,12 @@
 /// <reference types="react" />
-import { EdgeProps } from './type';
-import { Position } from '../../types';
+import { Edge, EdgeProps } from './type';
 interface StepPathOptions {
     offset?: number;
     borderRadius?: number;
 }
-interface StepEdgeProps<T = any> extends EdgeProps<T> {
+interface StepEdgeProps<EdgeType extends Edge = Edge> extends EdgeProps<EdgeType> {
     pathOptions?: StepPathOptions;
 }
-interface GetStepPathParams {
-    sourceX: number;
-    sourceY: number;
-    sourcePosition?: Position;
-    targetX: number;
-    targetY: number;
-    targetPosition?: Position;
-    borderRadius?: number;
-    centerX?: number;
-    centerY?: number;
-    offset?: number;
-}
-export declare function getStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetStepPathParams): [
-    path: string,
-    labelX: number,
-    labelY: number,
-    offsetX: number,
-    offsetY: number
-];
 declare const StepEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, }: StepEdgeProps) => import("react/jsx-runtime").JSX.Element>;
 export default StepEdge;
 //# sourceMappingURL=StepEdge.d.ts.map

package/dist/esm/components/Edges/StepEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/StepEdge.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAc,MAAM,aAAa,CAAC;AAEnD,UAAU,eAAe;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,aAAa,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,eAAe,CAAC;CAChC;AAED,UAAU,iBAAiB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CAClB;AAsID,wBAAgB,WAAW,CAAC,EACzB,OAAO,EACP,OAAO,EACP,cAAgC,EAChC,OAAO,EACP,OAAO,EACP,cAA6B,EAC7B,YAAgB,EAChB,OAAO,EACP,OAAO,EACP,MAAW,GACb,EAAE,iBAAiB,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;CACjB,CAyBA;AAED,QAAA,MAAM,QAAQ,+OAkBR,aAAa,6CA4BlB,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"StepEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/StepEdge.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,UAAU,eAAe;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,CACjD,SAAQ,SAAS,CAAC,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,eAAe,CAAC;CAChC;AAED,QAAA,MAAM,QAAQ,+OAkBR,aAAa,6CA4BlB,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Edges/StraightEdge.d.ts

@@ -1,12 +1,5 @@
 /// <reference types="react" />
 import type { EdgeProps } from '../../types';
-interface GetStraightPathParams {
-    sourceX: number;
-    sourceY: number;
-    targetX: number;
-    targetY: number;
-}
-export declare const getStraightPath: ({ sourceX, sourceY, targetX, targetY, }: GetStraightPathParams) => [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number];
 declare const StraightEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: EdgeProps) => import("react/jsx-runtime").JSX.Element>;
 export default StraightEdge;
 //# sourceMappingURL=StraightEdge.d.ts.map

package/dist/esm/components/Edges/StraightEdge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StraightEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/StraightEdge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,UAAU,qBAAqB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,4CAKzB,qBAAqB,qFAqBvB,CAAC;AAEF,QAAA,MAAM,YAAY,kMAeZ,SAAS,6CAyBd,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StraightEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/StraightEdge.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,QAAA,MAAM,YAAY,kMAeZ,SAAS,6CAyBd,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/esm/components/Edges/type.d.ts

@@ -1,45 +1,18 @@
 import { CSSProperties } from 'react';
 import { EdgeLabelOptions } from './EdgeLabel';
-import { WrapEdgeProps } from './EdgeWrapper/type';
-export declare enum MarkerType {
-    Arrow = "arrow"
-}
-export type EdgeMarker = {
-    type: MarkerType;
-    color?: string;
-    width?: number;
-    height?: number;
-    markerUnits?: string;
-    orient?: string;
-    strokeWidth?: number;
-};
-interface DefaultEdge<T = any> {
-    id: string;
-    type?: string;
-    source: string;
-    target: string;
-    sourcePort?: string | null;
-    targetPort?: string | null;
+import { CoreEdge, DefaultCoreEdgeOptions, EdgePosition } from '@diagram/core';
+export type DefaultEdgeOptions = DefaultCoreEdgeOptions<Edge>;
+export type Edge<EdgeData extends Record<string, unknown> = Record<string, unknown>, EdgeType extends string | undefined = string | undefined> = CoreEdge<EdgeData, EdgeType> & EdgeLabelOptions & {
     style?: CSSProperties;
-    data?: T;
     className?: string;
-    sourceNode?: Node;
-    targetNode?: Node;
-    selected?: boolean;
-    markerStart?: EdgeMarker;
-    markerEnd?: EdgeMarker;
-    zIndex?: number;
-    ariaLabel?: string;
     focusable?: boolean;
-    hidden?: boolean;
-    deletable?: boolean;
-}
-export type Edge<T = any> = DefaultEdge<T> & EdgeLabelOptions;
-export type EdgeProps<T = any> = Pick<Edge<T>, 'id' | 'data' | 'style' | 'selected' | 'source' | 'target'> & Pick<WrapEdgeProps, 'sourceX' | 'sourceY' | 'targetX' | 'targetY' | 'sourcePosition' | 'targetPosition' | 'sourcePort' | 'targetPort'> & EdgeLabelOptions & {
+};
+export type EdgeProps<EdgeType extends Edge = Edge> = Pick<EdgeType, 'id' | 'data' | 'style' | 'selected' | 'source' | 'target'> & EdgePosition & EdgeLabelOptions & {
     markerStart?: string;
     markerEnd?: string;
     pathOptions?: any;
 };
-export type DefaultEdgeOptions = Omit<Edge, 'id' | 'source' | 'target' | 'sourcePort' | 'targetPort' | 'sourceNode' | 'targetNode'>;
-export {};
+export type EdgeComponentProps<PathOptions> = Pick<Edge, 'id' | 'markerStart' | 'markerEnd' | 'style' | 'sourcePort' | 'targetPort'> & EdgePosition & EdgeLabelOptions & {
+    pathOptions?: PathOptions;
+};
 //# sourceMappingURL=type.d.ts.map

package/dist/esm/components/Edges/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,oBAAY,UAAU;IACnB,KAAK,UAAU;CACjB;AAED,MAAM,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,UAAU,WAAW,CAAC,CAAC,GAAG,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAClC,IAAI,CAAC,CAAC,CAAC,EACP,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAC5D,GACE,IAAI,CACD,aAAa,EACX,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,YAAY,CAChB,GACD,gBAAgB,GAAG;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEL,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAClC,IAAI,EACF,IAAI,GACJ,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,CAChB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;AAE9D,MAAM,MAAM,IAAI,CACb,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,QAAQ,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IACvD,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC7B,gBAAgB,GAAG;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEL,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CACvD,QAAQ,EACR,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAC5D,GACE,YAAY,GACZ,gBAAgB,GAAG;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEL,MAAM,MAAM,kBAAkB,CAAC,WAAW,IAAI,IAAI,CAC/C,IAAI,EACJ,IAAI,GAAG,aAAa,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,YAAY,CAC5E,GACE,YAAY,GACZ,gBAAgB,GAAG;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC5B,CAAC"}

package/dist/esm/components/Node/NodeWrapper/index.d.ts

@@ -1,10 +1,10 @@
 import type { ComponentType } from 'react';
-import { XYPosition } from '../../../types';
+import { XYPosition } from '@diagram/core';
 import { NodeProps } from '../type';
-import { WrapNodeProps } from './type';
+import { NodeWrapperProps } from './type';
 export declare const arrowKeyDiffs: Record<string, XYPosition>;
 declare const wrapNode: (NodeComponent: ComponentType<NodeProps>) => import("react").MemoExoticComponent<{
-    ({ id, type, data, positionX, positionY, sourcePosition, targetPosition, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, width, height, className, selected, isSelectable, isDraggable, intersected, hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }: WrapNodeProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ id, type, data, positionX, positionY, sourcePosition, targetPosition, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, width, height, className, selected, isSelectable, isDraggable, intersected, nodeOrigin, nodeExtent, hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }: NodeWrapperProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 }>;
 export default wrapNode;

package/dist/esm/components/Node/NodeWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/src/components/Node/NodeWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,aAAa,EAAc,MAAM,OAAO,CAAC;AAYtE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAKpD,CAAC;AAEF,QAAA,MAAM,QAAQ,kBAAmB,cAAc,SAAS,CAAC;6XAyCnD,aAAa;;EAkJlB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/react/src/components/Node/NodeWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,aAAa,EAAc,MAAM,OAAO,CAAC;AAYtE,OAAO,EAGJ,UAAU,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAKpD,CAAC;AAEF,QAAA,MAAM,QAAQ,kBAAmB,cAAc,SAAS,CAAC;qZA2CnD,gBAAgB;;EA6JrB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/Node/NodeWrapper/type.d.ts

@@ -1,7 +1,8 @@
 import { MouseEvent } from 'react';
 import { Node } from '../type';
+import { CoordinateExtent, NodeOrigin } from '@diagram/core';
 export type NodeMouseHandler = (event: MouseEvent, node: Node) => void;
-export type WrapNodeProps<T = any> = Pick<Node<T>, 'id' | 'data' | 'style' | 'className' | 'selected' | 'intersected' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel' | 'width' | 'height'> & Required<Pick<Node<T>, 'type' | 'zIndex'>> & {
+export type NodeWrapperProps<NodeData extends Record<string, unknown> = Record<string, unknown>> = Pick<Node<NodeData>, 'id' | 'data' | 'style' | 'className' | 'selected' | 'intersected' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel' | 'width' | 'height'> & Required<Pick<Node<NodeData>, 'type' | 'zIndex'>> & {
     positionX: number;
     positionY: number;
     initialized: boolean;
@@ -19,5 +20,7 @@ export type WrapNodeProps<T = any> = Pick<Node<T>, 'id' | 'data' | 'style' | 'cl
     disableKeyboardA11y: boolean;
     noDragClassName: string;
     noPanClassName: string;
+    nodeOrigin: NodeOrigin;
+    nodeExtent: CoordinateExtent;
 };
 //# sourceMappingURL=type.d.ts.map

package/dist/esm/components/Node/NodeWrapper/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/src/components/Node/NodeWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CACtC,IAAI,CAAC,CAAC,CAAC,EACL,IAAI,GACJ,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,QAAQ,GACR,WAAW,GACX,OAAO,GACP,QAAQ,CACZ,GACE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACzB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/react/src/components/Node/NodeWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,gBAAgB,CACzB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE,IAAI,CACL,IAAI,CAAC,QAAQ,CAAC,EACZ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,QAAQ,GACR,WAAW,GACX,OAAO,GACP,QAAQ,CACZ,GACE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,gBAAgB,CAAA;CAC9B,CAAC"}

package/dist/esm/components/Node/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,2CAQjC;AACD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,2CAQjC;AACD,eAAe,KAAK,CAAC"}

package/dist/esm/components/Node/type.d.ts

@@ -1,43 +1,11 @@
+import { Position, CoreNode } from '@diagram/core';
+import { NodeWrapperProps } from './NodeWrapper/type';
 import { CSSProperties } from 'react';
-import { internalsSymbol } from '../../utils';
-import { Position, XYPosition, CoordinateExtent } from '../../types';
-import { PortBounds } from '../Port/type';
-import { WrapNodeProps } from './NodeWrapper/type';
-export type Node<T = any, U extends string | undefined = string | undefined> = {
-    id: string;
-    position: XYPosition;
-    data: T;
-    type?: U;
+export type Node<NodeData extends Record<string, unknown> = Record<string, unknown>, NodeType extends string = string> = CoreNode<NodeData, NodeType> & {
     style?: CSSProperties;
     className?: string;
-    sourcePosition?: Position;
-    targetPosition?: Position;
-    hidden?: boolean;
-    selected?: boolean;
-    intersected?: boolean;
-    dragging?: boolean;
-    draggable?: boolean;
-    selectable?: boolean;
-    connectable?: boolean;
-    deletable?: boolean;
-    dragHandle?: string;
-    width?: number;
-    height?: number;
-    parentNode?: string;
-    zIndex?: number;
-    extent?: 'parent' | CoordinateExtent;
-    expandParent?: boolean;
-    positionAbsolute?: XYPosition;
-    ariaLabel?: string;
-    focusable?: boolean;
-    resizing?: boolean;
-    [internalsSymbol]?: {
-        z?: number;
-        portBounds?: PortBounds;
-        isParent?: boolean;
-    };
 };
-export type NodeProps<T = any> = Pick<WrapNodeProps<T>, 'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'intersected' | 'positionX' | 'positionY' | 'zIndex' | 'width' | 'height'> & {
+export type NodeProps<NodeData extends Record<string, unknown> = Record<string, unknown>> = Pick<NodeWrapperProps<NodeData>, 'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'intersected' | 'positionX' | 'positionY' | 'zIndex' | 'width' | 'height'> & {
     targetPosition?: Position;
     sourcePosition?: Position;
 };

package/dist/esm/components/Node/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IAAI;IAC5E,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,UAAU,CAAC;IACrB,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,eAAe,CAAC,CAAC,EAAE;QACjB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAClC,aAAa,CAAC,CAAC,CAAC,EACd,IAAI,GACJ,MAAM,GACN,YAAY,GACZ,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CACZ,GAAG;IACD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,IAAI,CACb,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC/B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,CAClB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE,IAAI,CACL,gBAAgB,CAAC,QAAQ,CAAC,EACxB,IAAI,GACJ,MAAM,GACN,YAAY,GACZ,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CACZ,GAAG;IACD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC5B,CAAC"}

package/dist/esm/components/Node/utils.d.ts

@@ -1,10 +1,7 @@
 import { MouseEvent, RefObject } from 'react';
 import { StoreApi } from 'zustand';
 import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
-import { PortElement } from '../Port/type';
 import { Node } from './type';
-export type NodeOrigin = [number, number];
-export declare const getPortBounds: (selector: string, nodeElement: HTMLDivElement, zoom: number, nodeOrigin: NodeOrigin) => PortElement[] | null;
 export declare function getMouseHandler(id: string, getState: StoreApi<ReactDiagramState>['getState'], handler?: (event: MouseEvent, node: Node) => void): ((event: MouseEvent) => void) | undefined;
 export declare function handleNodeClick({ id, store, isSelectable, unselect, nodeRef, }: {
     id: string;

package/dist/esm/components/Node/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,eAAO,MAAM,aAAa,aACb,MAAM,eACH,cAAc,QACrB,MAAM,6BAEZ,WAAW,EAAE,GAAG,IAyBlB,CAAC;AAEF,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,YAIpC,UAAU,uBAIzB;AAED,wBAAgB,eAAe,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,OAAO,GACT,EAAE;IACA,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACJ,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;QAClD,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,QAoBA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAE/E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,YAIpC,UAAU,uBAIzB;AAED,wBAAgB,eAAe,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,OAAO,GACT,EAAE;IACA,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACJ,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;QAClD,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,QAoBA"}

package/dist/esm/components/Port/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { PortProps } from './type';
-declare function Port({ type, position }: PortProps): import("react/jsx-runtime").JSX.Element | null;
+import { PortProps } from '@diagram/core';
+declare function Port({ id, type, position }: PortProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Port {
     var displayName: string;
 }

package/dist/esm/components/Port/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,kDA4C1C;kBA5CQ,IAAI;;;;AAgDb,wBAA0B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Port/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAc,SAAS,EAA4B,MAAM,eAAe,CAAC;AAKhF,iBAAS,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,kDAqE9C;kBArEQ,IAAI;;;;AAyEb,wBAA0B"}

package/dist/esm/components/ReactDiagramProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ReactDiagramProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAQxD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/ReactDiagramProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAQxD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/dist/esm/components/ReactDiagramProvider/type.d.ts

@@ -1,10 +1,10 @@
+import { MouseEvent as ReactMouseEvent } from 'react';
 import { ZoomBehavior, Selection as D3Selection } from 'd3';
-import { Node, Edge, DefaultEdgeOptions, Transform, GridStep, CoordinateExtent, OnError, XYPosition, OnConnect, OnConnectStart, OnConnectEnd } from '../../types';
-import { NodeInternals, NodeDimensionUpdate } from '../../store/type';
+import type { Transform, CoordinateExtent, XYPosition, GridStep, OnConnectStart, OnConnect, OnConnectEnd, PanBy, NodeInternals, UpdateConnection, NodeDragItem, NodeOrigin, ConnectingPort } from '@diagram/core';
+import { Node, Edge, DefaultEdgeOptions, OnError } from '../../types';
+import { NodeDimensionUpdate } from '../../store/type';
 import { NodeChange, OnNodesChange, OnEdgesChange } from '../../hooks/useNodesEdgesState/type';
-import { NodeDragItem, NodeDragHandler } from '../../hooks/useDrag/type';
-import { NodeOrigin } from '../Node/utils';
-import { PortType } from '../Port/type';
+export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
 export type UnSelectNodesParams = {
     nodes?: Node[];
 };
@@ -37,8 +37,8 @@ export type ReactDiagramStore = {
     onNodeDragEnd?: NodeDragHandler;
     onEdgesChange?: OnEdgesChange;
     connectionPosition: XYPosition;
-    connectionNodeId: string | null;
-    connectionPortType: PortType | null;
+    connectionStartPort: ConnectingPort | null;
+    connectionEndPort: ConnectingPort | null;
     onConnect?: OnConnect;
     onConnectStart?: OnConnectStart;
     onConnectEnd?: OnConnectEnd;
@@ -57,9 +57,11 @@ export type ReactDiagramActions = {
     setEdges: (edges: Edge[]) => void;
     updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
     updateNodesPosition: (nodeDragItems: NodeDragItem[] | Node[], dragging: boolean, updateFunc?: (node: NodeDragItem | Node) => void) => void;
+    updateNodesIntersection: () => void;
     triggerNodeChanges: (changes: NodeChange[]) => void;
     cancelConnection: () => void;
-    panBy: (delta: XYPosition) => void;
+    updateConnection: UpdateConnection;
+    panBy: PanBy;
     setNodeExtent: (nodeExtent: CoordinateExtent) => void;
     setTranslateExtent: (translateExtent: CoordinateExtent) => void;
     setMinZoom: (minZoom: number) => void;

package/dist/esm/components/ReactDiagramProvider/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ReactDiagramProvider/type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/ReactDiagramProvider/type.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/SelectionBox/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Rect } from '../../types';
+import { Rect } from '@diagram/core';
 declare function SelectionBox({ rect, transform }: {
     rect: Rect;
     transform: string;

package/dist/esm/components/SelectionBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/SelectionBox/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA8B3E;;AAED,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/SelectionBox/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA8B3E;;AAED,wBAAkC"}

package/dist/esm/components/SelectionBox/type.d.ts

@@ -1,3 +1,3 @@
-import { Rect } from '../../types';
+import { Rect } from '@diagram/core';
 export type SelectionBoxRect = Rect;
 //# sourceMappingURL=type.d.ts.map

package/dist/esm/components/SelectionBox/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/SelectionBox/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/SelectionBox/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC"}

package/dist/esm/components/StoreUpdater/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactDiagramProps } from '../../types';
-export type StoreUpdaterProps = Pick<ReactDiagramProps, 'nodes' | 'onNodesChange' | 'onNodeDrag' | 'onNodeDragStart' | 'onNodeDragEnd' | 'edges' | 'onEdgesChange' | 'smoothStep' | 'centerStep' | 'gridStep' | 'elevateNodesOnSelect' | 'nodesDraggable' | 'autoPanOnNodeDrag' | 'autoPanOnConnect' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'connectionRadius' | 'onError' | 'nodeExtent' | 'translateExtent' | 'minZoom' | 'maxZoom'> & {
+export type StoreUpdaterProps = Pick<ReactDiagramProps, 'nodeOrigin' | 'nodes' | 'onNodesChange' | 'onNodeDrag' | 'onNodeDragStart' | 'onNodeDragEnd' | 'edges' | 'onEdgesChange' | 'smoothStep' | 'centerStep' | 'gridStep' | 'elevateNodesOnSelect' | 'nodesDraggable' | 'autoPanOnNodeDrag' | 'autoPanOnConnect' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'connectionRadius' | 'onError' | 'nodeExtent' | 'translateExtent' | 'minZoom' | 'maxZoom'> & {
     rfId: string;
 };
-declare const StoreUpdater: ({ nodes, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, edges, onEdgesChange, smoothStep, centerStep, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
+declare const StoreUpdater: ({ nodes, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, edges, onEdgesChange, nodeOrigin, smoothStep, centerStep, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
 export default StoreUpdater;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/StoreUpdater/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/StoreUpdater/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAoB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQlE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACjC,iBAAiB,EACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,kBAAkB,GAClB,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,SAAS,CACb,GAAG;IACD,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,QAAA,MAAM,YAAY,gUAwBf,iBAAiB,SAmDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/StoreUpdater/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACjC,iBAAiB,EACf,YAAY,GACZ,OAAO,GACP,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,kBAAkB,GAClB,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,SAAS,CACb,GAAG;IACD,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,QAAA,MAAM,YAAY,4UAyBf,iBAAiB,SAsDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/container/ConnectionLineRenderer/ConnectionPath.d.ts

@@ -1,5 +1,5 @@
+import { PortType } from '@diagram/core';
 import { Edge } from '../../types';
-import { PortType } from '../../components/Port/type';
 import { EdgeWrapperComponent } from '../../components/Edges/EdgeWrapper/type';
 import { ConnectionLineComponent } from './type';
 type ConnectionPathProps = {

package/dist/esm/container/ConnectionLineRenderer/ConnectionPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionPath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ConnectionLineRenderer/ConnectionPath.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAY,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;CACpC,CAAC;AASF,iBAAS,cAAc,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,GACb,EAAE,mBAAmB,kDAgFrB;kBAtFQ,cAAc;;;AA0FvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ConnectionPath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ConnectionLineRenderer/ConnectionPath.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,QAAQ,EAAmB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;CACpC,CAAC;AASF,iBAAS,cAAc,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,GACb,EAAE,mBAAmB,kDAmFrB;kBAzFQ,cAAc;;;AA6FvB,eAAe,cAAc,CAAC"}

package/dist/esm/container/ConnectionLineRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ConnectionLineRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,2BAA2B,GAAG;IAChC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC;AAQF,iBAAS,sBAAsB,CAAC,EAC7B,cAAc,EACd,SAAS,EACT,SAAS,GACX,EAAE,2BAA2B,kDA8B7B;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ConnectionLineRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,2BAA2B,GAAG;IAChC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC;AAOF,iBAAS,sBAAsB,CAAC,EAC7B,cAAc,EACd,SAAS,EACT,SAAS,GACX,EAAE,2BAA2B,kDAiC7B;AAED,eAAe,sBAAsB,CAAC"}