react-cosmos-diagram 0.2.0 → 0.4.0

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

@@ -0,0 +1,8 @@
+type LinePathProps = {
+    scaledGap: [number, number];
+    lineWidth?: number;
+    color: string;
+};
+declare function LinePath({ color, scaledGap, lineWidth }: LinePathProps): import("react/jsx-runtime").JSX.Element;
+export default LinePath;
+//# sourceMappingURL=LinePath.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BackgroundProps } from './type';
+declare function Background({ gap, lineWidth, color, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Background {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof Background>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+export type BackgroundProps = {
+    color?: string;
+    gap?: number | [number, number];
+    lineWidth?: number;
+};
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,6 +1,6 @@
 import { MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
 import { Position } from '../../types';
-type EventNames = 'onMouseDown' | 'onMouseEnter' | 'onMouseOut';
+type EventNames = 'onMouseDown';
 type AnchorEvents = {
     [H in EventNames]?: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
 };
@@ -11,6 +11,6 @@ interface AnchorProps extends SVGAttributes<SVGGElement>, AnchorEvents {
     radius?: number;
     type: string;
 }
-declare function Anchor({ position, centerX, centerY, radius, onMouseDown, onMouseEnter, onMouseOut, type, }: AnchorProps): import("react/jsx-runtime").JSX.Element;
+declare function Anchor({ position, centerX, centerY, radius, onMouseDown, type, }: AnchorProps): import("react/jsx-runtime").JSX.Element;
 export default Anchor;
 //# sourceMappingURL=Anchor.d.ts.map

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,GAAG,cAAc,GAAG,YAAY,CAAC;AAEhE,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,EACX,YAAY,EACZ,UAAU,EACV,IAAI,GACN,EAAE,WAAW,2CAiBb;AAED,eAAe,MAAM,CAAC"}
+{"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"}

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;;EAoPhE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"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"}

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

@@ -1,4 +1,4 @@
-import { MouseEvent as ReactMouseEvent } from 'react';
+import { ComponentType, MemoExoticComponent, MouseEvent as ReactMouseEvent } from 'react';
 import { Position, Connection } from '../../../types';
 import { PortType } from '../../Port/type';
 import { Edge } from '../type';
@@ -14,6 +14,7 @@ export type WrapEdgeProps<T = any> = Edge<T> & {
     elementsSelectable?: boolean;
     rfId?: string;
     isFocusable: boolean;
+    edgeUpdaterRadius?: number;
     onClick?: EdgeMouseHandler;
     onDoubleClick?: EdgeMouseHandler;
     onContextMenu?: EdgeMouseHandler;
@@ -24,4 +25,5 @@ export type WrapEdgeProps<T = any> = Edge<T> & {
     onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, portType: PortType) => void;
     onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, portType: PortType) => void;
 };
+export type EdgeWrapperComponent = MemoExoticComponent<ComponentType<WrapEdgeProps>>;
 //# sourceMappingURL=type.d.ts.map

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,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAEtD,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,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"}
+{"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"}

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

@@ -1,9 +1,16 @@
 import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import { StoreApi } from 'zustand';
-import { OnConnect } from '../../types';
+import { OnConnect, XYPosition } from '../../types';
 import { ReactDiagramState } from '../ReactDiagramProvider/type';
 import { PortType } from './type';
+type ConnectionPort = {
+    type: PortType;
+    nodeId: string;
+    x: number;
+    y: number;
+};
 export declare const getHostForElement: (element: HTMLElement) => Document | ShadowRoot;
+export declare const getClosestPort: (pos: XYPosition, connectionRadius: number, ports: ConnectionPort[]) => ConnectionPort | null;
 export declare const handlePointerDown: ({ isAnchor, event, nodeId, portType, getState, setState, onConnect, onEdgeUpdateEnd, }: {
     isAnchor?: boolean | undefined;
     event: ReactMouseEvent | ReactTouchEvent;
@@ -14,4 +21,5 @@ export declare const handlePointerDown: ({ isAnchor, event, nodeId, portType, ge
     onConnect: OnConnect;
     onEdgeUpdateEnd?: ((evt: MouseEvent | TouchEvent) => void) | undefined;
 }) => void;
+export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC,OAAO,EAAoB,SAAS,EAAc,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAc,MAAM,QAAQ,CAAC;AAqB9C,eAAO,MAAM,iBAAiB,YAClB,WAAW,KACpB,QAAQ,GAAG,UAC2D,CAAC;AAgI1E,eAAO,MAAM,iBAAiB;;WAWpB,eAAe,GAAG,eAAe;YAChC,MAAM;cACJ,QAAQ;cACR,SAAS,iBAAiB,CAAC,CAAC,UAAU,CAAC;cACvC,SAAS,iBAAiB,CAAC,CAAC,UAAU,CAAC;eACtC,SAAS;6BACI,UAAU,GAAG,UAAU,KAAK,IAAI;MACvD,IAmHH,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC,OAAO,EAGJ,SAAS,EAET,UAAU,EACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAc,MAAM,QAAQ,CAAC;AAa9C,KAAK,cAAc,GAAG;IAEnB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAClB,WAAW,KACpB,QAAQ,GAAG,UAC2D,CAAC;AA2G1E,eAAO,MAAM,cAAc,QACnB,UAAU,oBACG,MAAM,SACjB,cAAc,EAAE,KACvB,cAAc,GAAG,IAenB,CAAC;AAwBF,eAAO,MAAM,iBAAiB;;WAWpB,eAAe,GAAG,eAAe;YAChC,MAAM;cACJ,QAAQ;cACR,SAAS,iBAAiB,CAAC,CAAC,UAAU,CAAC;cACvC,SAAS,iBAAiB,CAAC,CAAC,UAAU,CAAC;eACtC,SAAS;6BACI,UAAU,GAAG,UAAU,KAAK,IAAI;MACvD,IAoHH,CAAC"}

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

@@ -18,12 +18,14 @@ export type ReactDiagramStore = {
     defaultEdgeOptions?: DefaultEdgeOptions;
     domNode: HTMLDivElement | null;
     nodeOrigin: NodeOrigin;
+    smoothStep: boolean;
+    centerStep: boolean;
     gridStep?: GridStep;
-    nodesSelectionActive: boolean;
     elevateNodesOnSelect: boolean;
     nodesDraggable: boolean;
     multiSelectionActive: boolean;
     elementsSelectable: boolean;
+    selectionBoxActive: boolean;
     d3Zoom: ZoomBehavior<Element, unknown> | null;
     d3Selection: D3Selection<Element, unknown, null, undefined> | null;
     minZoom: number;
@@ -44,6 +46,7 @@ export type ReactDiagramStore = {
     autoPanOnConnect: boolean;
     nodeExtent: CoordinateExtent;
     translateExtent: CoordinateExtent;
+    connectionRadius: number;
 };
 export type ReactDiagramActions = {
     setNodes: (nodes: Node[]) => void;
@@ -53,7 +56,7 @@ export type ReactDiagramActions = {
     resetSelectedElements: () => void;
     setEdges: (edges: Edge[]) => void;
     updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-    updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
+    updateNodesPosition: (nodeDragItems: NodeDragItem[] | Node[], dragging: boolean, updateFunc?: (node: NodeDragItem | Node) => void) => void;
     triggerNodeChanges: (changes: NodeChange[]) => void;
     cancelConnection: () => void;
     panBy: (delta: XYPosition) => 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/src/components/ReactDiagramProvider/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC;AAE5D,OAAO,EACJ,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EACJ,UAAU,EACV,aAAa,EACb,aAAa,EACf,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,mBAAmB,GAAG;IAC/B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;IAExB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAE5B,MAAM,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC9C,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,kBAAkB,EAAE,UAAU,CAAC;IAC/B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kBAAkB,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,eAAe,EAAE,gBAAgB,CAAC;IAElC,gBAAgB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,EAAE,CAAC;IACvB,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAElC,oBAAoB,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CAClB,aAAa,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EACtC,QAAQ,EAAE,OAAO,EACjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,KAC9C,IAAI,CAAC;IACV,kBAAkB,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAEpD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEnC,aAAa,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC"}

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":";AAGA,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,2CA4B3E;;AAED,wBAAkC"}
+{"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"}

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' | 'gridStep' | 'elevateNodesOnSelect' | 'nodesDraggable' | 'autoPanOnNodeDrag' | 'autoPanOnConnect' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'onError' | 'nodeExtent' | 'translateExtent' | 'minZoom' | 'maxZoom'> & {
+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'> & {
     rfId: string;
 };
-declare const StoreUpdater: ({ nodes, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, edges, onEdgesChange, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
+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;
 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,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,SAAS,CACb,GAAG;IACD,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,QAAA,MAAM,YAAY,sRAqBf,iBAAiB,SAgDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"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"}

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

@@ -0,0 +1,17 @@
+import { Edge } from '../../types';
+import { PortType } from '../../components/Port/type';
+import { EdgeWrapperComponent } from '../../components/Edges/EdgeWrapper/type';
+import { ConnectionLineComponent } from './type';
+type ConnectionPathProps = {
+    nodeId: string;
+    portType: PortType;
+    edge: Edge;
+    Component?: ConnectionLineComponent;
+    EdgeWrapper: EdgeWrapperComponent;
+};
+declare function ConnectionPath({ nodeId, portType, edge, Component, EdgeWrapper, }: ConnectionPathProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ConnectionPath {
+    var displayName: string;
+}
+export default ConnectionPath;
+//# sourceMappingURL=ConnectionPath.d.ts.map

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

@@ -0,0 +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,EAAE,IAAI,CAAC;IACX,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,kDAoErB;kBA1EQ,cAAc;;;AA8EvB,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { ConnectionLineComponent } from './type';
+import { EdgeTypesWrapped } from '../EdgeRenderer/type';
+type ConnectionLineRendererProps = {
+    containerStyle?: CSSProperties;
+    edgeTypes: EdgeTypesWrapped;
+    component?: ConnectionLineComponent;
+};
+declare function ConnectionLineRenderer({ containerStyle, edgeTypes, component, }: ConnectionLineRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export default ConnectionLineRenderer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,kDAgC7B;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ComponentType } from 'react';
+import { Node, Position } from '../../types';
+import { PortElement } from '../../components/Port/type';
+export type ConnectionLineComponentProps = {
+    fromNode?: Node;
+    fromPort?: PortElement;
+    fromX: number;
+    fromY: number;
+    toX: number;
+    toY: number;
+    fromPosition: Position;
+    toPosition: Position;
+};
+export type ConnectionLineComponent = ComponentType<ConnectionLineComponentProps>;
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ConnectionLineRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,MAAM,4BAA4B,GAAG;IACxC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,QAAQ,CAAC;IACvB,UAAU,EAAE,QAAQ,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAChC,aAAa,CAAC,4BAA4B,CAAC,CAAC"}

package/dist/esm/container/DragSelection/index.d.ts

@@ -4,8 +4,5 @@ type DragSelectionProps = {
     dragSelectionKeyPressed?: boolean;
 };
 declare function DragSelection({ children, dragSelectionKeyPressed, }: DragSelectionProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DragSelection {
-    var displayName: string;
-}
 export default DragSelection;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/DragSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAiBtE,KAAK,kBAAkB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AASF,iBAAS,aAAa,CAAC,EACpB,QAAQ,EACR,uBAAuB,GACzB,EAAE,kBAAkB,2CAsLpB;kBAzLQ,aAAa;;;AA6LtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/DragSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAiBtE,KAAK,kBAAkB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAcF,iBAAS,aAAa,CAAC,EACpB,QAAQ,EACR,uBAAuB,GACzB,EAAE,kBAAkB,2CA0LpB;AAED,eAAe,aAAa,CAAC"}

package/dist/esm/container/EdgeRenderer/index.d.ts

@@ -2,12 +2,12 @@
 import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
 import { ReactDiagramProps } from '../../types';
 import { EdgeTypesWrapped } from './type';
-type GraphViewEdgeProps = Pick<ReactDiagramState, 'rfId'> & Pick<ReactDiagramProps, 'onEdgeClick' | 'onEdgeDoubleClick' | 'onEdgeContextMenu' | 'onEdgeMouseEnter' | 'onEdgeMouseMove' | 'onEdgeMouseLeave' | 'onEdgeUpdate' | 'onEdgeUpdateStart' | 'onEdgeUpdateEnd'>;
+type GraphViewEdgeProps = Pick<ReactDiagramState, 'rfId'> & Pick<ReactDiagramProps, 'edgeUpdaterRadius' | 'onEdgeClick' | 'onEdgeDoubleClick' | 'onEdgeContextMenu' | 'onEdgeMouseEnter' | 'onEdgeMouseMove' | 'onEdgeMouseLeave' | 'onEdgeUpdate' | 'onEdgeUpdateStart' | 'onEdgeUpdateEnd'>;
 type RequiredProps = Required<Pick<ReactDiagramProps, 'noPanClassName'>>;
 type EdgeRendererProps = GraphViewEdgeProps & RequiredProps & {
     edgeTypes: EdgeTypesWrapped;
 };
-declare function EdgeRenderer({ rfId, edgeTypes, noPanClassName, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
+declare function EdgeRenderer({ rfId, edgeTypes, noPanClassName, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EdgeRenderer {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GACtD,IAAI,CACD,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,iBAAiB,CACrB,CAAC;AAEL,KAAK,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzE,KAAK,iBAAiB,GAAG,kBAAkB,GACxC,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAUL,iBAAS,YAAY,CAAC,EACnB,IAAI,EACJ,SAAS,EACT,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GACjB,EAAE,iBAAiB,2CA6InB;kBA1JQ,YAAY;;;;AA8JrB,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GACtD,IAAI,CACD,iBAAiB,EACf,mBAAmB,GACnB,aAAa,GACb,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,iBAAiB,CACrB,CAAC;AAEL,KAAK,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzE,KAAK,iBAAiB,GAAG,kBAAkB,GACxC,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAUL,iBAAS,YAAY,CAAC,EACnB,IAAI,EACJ,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GACjB,EAAE,iBAAiB,2CA8InB;kBA5JQ,YAAY;;;;AAgKrB,wBAAkC"}

package/dist/esm/container/EdgeRenderer/type.d.ts

@@ -1,10 +1,10 @@
-import { ComponentType, MemoExoticComponent } from 'react';
+import { ComponentType } from 'react';
 import { EdgeProps } from '../../components/Edges/type';
-import { WrapEdgeProps } from '../../components/Edges/EdgeWrapper/type';
+import { EdgeWrapperComponent } from '../../components/Edges/EdgeWrapper/type';
 export type EdgeTypes = {
     [key: string]: ComponentType<EdgeProps>;
 };
 export type EdgeTypesWrapped = {
-    [key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>>;
+    [key: string]: EdgeWrapperComponent;
 };
 //# sourceMappingURL=type.d.ts.map

package/dist/esm/container/EdgeRenderer/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CACnE,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;CACtC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,aAAa,GAAG,QAAQ,CAC1B,IAAI,CACD,iBAAiB,EACf,2BAA2B,GAC3B,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,gBAAgB,CACpB,CACH,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC1B,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,CACvB,GACE,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AASL,iBAAS,YAAY,CAAC,EACnB,SAAS,EAET,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACV,EAAE,iBAAiB,2CA+HnB;kBAzIQ,YAAY;;;;AA6IrB,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,aAAa,GAAG,QAAQ,CAC1B,IAAI,CACD,iBAAiB,EACf,2BAA2B,GAC3B,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,gBAAgB,CACpB,CACH,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC1B,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,CACvB,GACE,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AASL,iBAAS,YAAY,CAAC,EACnB,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACV,EAAE,iBAAiB,2CA+HnB;kBAxIQ,YAAY;;;;AA4IrB,wBAAkC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/Pane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAE,iBAAiB,EAA8B,MAAM,aAAa,CAAC;AAG5E,MAAM,MAAM,SAAS,GAAG,QAAQ,CAC7B,IAAI,CACD,iBAAiB,EACf,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,iBAAiB,CACrB,GAAG;IACD,QAAQ,EAAE,SAAS,CAAC;CACtB,CACH,GACE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AA6BnE,iBAAS,IAAI,CAAC,EACX,cAAc,EACd,OAAO,EACP,OAAO,EACP,OAAO,EACP,eAAe,EACf,eAAe,EACf,QAAQ,EAER,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,SAAS,2CA4JX;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/Pane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAE,iBAAiB,EAA8B,MAAM,aAAa,CAAC;AAG5E,MAAM,MAAM,SAAS,GAAG,QAAQ,CAC7B,IAAI,CACD,iBAAiB,EACf,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,iBAAiB,CACrB,GAAG;IACD,QAAQ,EAAE,SAAS,CAAC;CACtB,CACH,GACE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AA4BnE,iBAAS,IAAI,CAAC,EACX,cAAc,EACd,OAAO,EACP,OAAO,EACP,OAAO,EACP,eAAe,EACf,eAAe,EACf,QAAQ,EAER,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,SAAS,2CA4JX;AAED,eAAe,IAAI,CAAC"}

package/dist/esm/container/ReactDiagram/DiagramView.d.ts

@@ -8,7 +8,7 @@ export type DiagramViewProps = ReactDiagramCommonProps & Required<Pick<ReactDiag
     edgeTypes: EdgeTypesWrapped;
     rfId: string;
 };
-declare function DiagramView({ rfId, noPanClassName, panning, defaultViewport, multiSelectionKeyCode, onMove, onMoveStart, onMoveEnd, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, connectionEdgeContainerStyle, connectionEdgeStyle, connectionEdgeType, connectionEdgeComponent, }: DiagramViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DiagramView({ rfId, noPanClassName, panning, defaultViewport, multiSelectionKeyCode, onMove, onMoveStart, onMoveEnd, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, ConnectionLineContainerStyle, ConnectionLineComponent, }: DiagramViewProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DiagramView {
     var displayName: string;
 }

package/dist/esm/container/ReactDiagram/DiagramView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiagramView.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/DiagramView.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAC/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACnD,QAAQ,CACL,IAAI,CACD,iBAAiB,EACf,SAAS,GACT,iBAAiB,GACjB,2BAA2B,GAC3B,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,CAChB,CACH,GAAG;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEL,iBAAS,WAAW,CAAC,EAClB,IAAI,EAIJ,cAAc,EACd,OAAO,EAEP,eAAe,EAEf,qBAAqB,EAErB,MAAM,EACN,WAAW,EACX,SAAS,EAGT,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAGhB,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,EAGf,4BAA4B,EAC5B,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,GACzB,EAAE,gBAAgB,2CAgDlB;kBA9FQ,WAAW;;;;AAkGpB,wBAAiC"}
+{"version":3,"file":"DiagramView.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/DiagramView.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAC/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACnD,QAAQ,CACL,IAAI,CACD,iBAAiB,EACf,SAAS,GACT,iBAAiB,GACjB,2BAA2B,GAC3B,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,CAChB,CACH,GAAG;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEL,iBAAS,WAAW,CAAC,EAClB,IAAI,EAIJ,cAAc,EACd,OAAO,EAEP,eAAe,EAEf,qBAAqB,EAErB,MAAM,EACN,WAAW,EACX,SAAS,EAGT,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAGhB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,EAGf,4BAA4B,EAC5B,uBAAuB,GACzB,EAAE,gBAAgB,2CAgDlB;kBA7FQ,WAAW;;;;AAiGpB,wBAAiC"}

package/dist/esm/container/ReactDiagram/index.d.ts

@@ -8,16 +8,18 @@ declare const ReactDiagram: import("react").ForwardRefExoticComponent<import("re
     disableKeyboardA11y?: boolean | undefined;
     nodeExtent?: import("../../types").CoordinateExtent | undefined;
     nodeOrigin?: NodeOrigin | undefined;
+    smoothStep?: boolean | undefined;
+    centerStep?: boolean | undefined;
     gridStep?: import("../../types").GridStep | undefined;
     elevateNodesOnSelect?: boolean | undefined;
     nodes?: import("../../types").Node<any, string | undefined>[] | undefined;
     nodeTypes?: NodeTypes | undefined;
     edges?: import("../../types").Edge<any>[] | undefined;
     edgeTypes?: EdgeTypes | undefined;
-    connectionEdgeContainerStyle?: import("react").CSSProperties | undefined;
-    connectionEdgeStyle?: import("react").CSSProperties | undefined;
-    connectionEdgeType?: import("../../types").ConnectionEdgeType | undefined;
-    connectionEdgeComponent?: import("../../types").ConnectionEdgeComponent | undefined;
+    edgeUpdaterRadius?: number | undefined;
+    ConnectionLineContainerStyle?: import("react").CSSProperties | undefined;
+    ConnectionLineComponent?: import("../ConnectionLineRenderer/type").ConnectionLineComponent | undefined;
+    connectionRadius?: number | undefined;
     onNodesChange?: import("../../types").OnNodesChange | undefined;
     onNodeClick?: import("../../components/Node/NodeWrapper/type").NodeMouseHandler | undefined;
     onNodeDoubleClick?: import("../../components/Node/NodeWrapper/type").NodeMouseHandler | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAA0C,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAazD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAyIjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAA0C,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAazD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiJjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/esm/hooks/useDrag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/hooks/useDrag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAsB/D,KAAK,aAAa,GAAG;IAClB,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,iBAAS,OAAO,CAAC,EACd,OAAO,EACP,MAAM,EACN,YAAY,EACZ,eAAe,GACjB,EAAE,aAAa,WAqOf;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/hooks/useDrag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAyB/D,KAAK,aAAa,GAAG;IAClB,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAKF,iBAAS,OAAO,CAAC,EACd,OAAO,EACP,MAAM,EACN,YAAY,EACZ,eAAe,GACjB,EAAE,aAAa,WAwQf;AAED,eAAe,OAAO,CAAC"}

package/dist/esm/hooks/useDrag/type.d.ts

@@ -1,18 +1,11 @@
 import { MouseEvent as ReactMouseEvent } from 'react';
 import { D3DragEvent, SubjectPosition } from 'd3';
-import { XYPosition, CoordinateExtent } from '../../types';
+import { XYPosition } from '../../types';
 import { Node } from '../../types';
 export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;
-export type NodeDragItem = {
-    id: string;
-    position: XYPosition;
-    positionAbsolute: XYPosition;
+export type FilteredNode = Required<Pick<Node, 'id' | 'position' | 'positionAbsolute' | 'width' | 'height'>> & Pick<Node, 'extent' | 'parentNode' | 'dragging'>;
+export type NodeDragItem = FilteredNode & {
     distance: XYPosition;
-    width?: number | null;
-    height?: number | null;
-    extent?: 'parent' | CoordinateExtent;
-    parentNode?: string;
-    dragging?: boolean;
 };
 export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
 //# sourceMappingURL=type.d.ts.map

package/dist/esm/hooks/useDrag/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/hooks/useDrag/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC;AAE9E,MAAM,MAAM,YAAY,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,UAAU,CAAC;IACrB,gBAAgB,EAAE,UAAU,CAAC;IAE7B,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,CAC3B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EAAE,KACX,IAAI,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/hooks/useDrag/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC;AAE9E,MAAM,MAAM,YAAY,GAAG,QAAQ,CAChC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,UAAU,GAAG,kBAAkB,GAAG,OAAO,GAAG,QAAQ,CAAC,CACzE,GACE,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACvC,QAAQ,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,CAC3B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EAAE,KACX,IAAI,CAAC"}

package/dist/esm/hooks/useDrag/utils.d.ts

@@ -5,15 +5,16 @@ import { Node } from '../../components/Node/type';
 import { NodeOrigin } from '../../components/Node/utils';
 import { NodeDragItem } from './type';
 export declare function isParentSelected(node: Node, nodeInternals: NodeInternals): boolean;
-export declare function getDragItems(nodeInternals: NodeInternals, nodesDraggable: boolean, mousePosition: XYPosition, nodeId?: string): NodeDragItem[];
-export declare function calcNextPosition(node: NodeDragItem | Node, nextPosition: XYPosition, nodeInternals: NodeInternals, nodeExtent?: CoordinateExtent, nodeOrigin?: NodeOrigin, onError?: OnError): {
+export declare const getDragItems: (nodeInternals: NodeInternals, nodesDraggable: boolean, mousePosition: XYPosition, nodeId?: string) => NodeDragItem[];
+export declare const calcNextPosition: (node: NodeDragItem | Node, nextPosition: XYPosition, nodeInternals: NodeInternals, nodeExtent?: CoordinateExtent, nodeOrigin?: NodeOrigin, onError?: OnError) => {
     position: XYPosition;
     positionAbsolute: XYPosition;
 };
-export declare function getEventHandlerParams({ nodeId, dragItems, nodeInternals, }: {
-    nodeId?: string;
+export declare const getEventHandlerParams: ({ nodeId, dragItems, nodeInternals, }: {
+    nodeId?: string | undefined;
     dragItems: NodeDragItem[];
     nodeInternals: NodeInternals;
-}): [Node, Node[]];
-export declare function hasSelector(target: Element, selector: string, nodeRef: RefObject<Element>): boolean;
+}) => [Node, Node[]];
+export declare const hasSelector: (target: Element, selector: string, nodeRef: RefObject<Element>) => boolean;
+export declare const hasChangedPosition: (beforePositions: XYPosition, currentPosition: XYPosition) => boolean;
 //# sourceMappingURL=utils.d.ts.map

package/dist/esm/hooks/useDrag/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/hooks/useDrag/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,wBAAgB,gBAAgB,CAC7B,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,OAAO,CAgBT;AAED,wBAAgB,YAAY,CACzB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,OAAO,EACvB,aAAa,EAAE,UAAU,EACzB,MAAM,CAAC,EAAE,MAAM,GACf,YAAY,EAAE,CA0BhB;AAED,wBAAgB,gBAAgB,CAC7B,IAAI,EAAE,YAAY,GAAG,IAAI,EACzB,YAAY,EAAE,UAAU,EACxB,aAAa,EAAE,aAAa,EAC5B,UAAU,CAAC,EAAE,gBAAgB,EAC7B,UAAU,GAAE,UAAmB,EAC/B,OAAO,CAAC,EAAE,OAAO,GACjB;IAAE,QAAQ,EAAE,UAAU,CAAC;IAAC,gBAAgB,EAAE,UAAU,CAAA;CAAE,CAuExD;AAED,wBAAgB,qBAAqB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,aAAa,GACf,EAAE;IACA,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC/B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAiBjB;AAED,wBAAgB,WAAW,CACxB,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,GAC3B,OAAO,CAUT"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/hooks/useDrag/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAgB,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEpD,wBAAgB,gBAAgB,CAC7B,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,OAAO,CAgBT;AAED,eAAO,MAAM,YAAY,iDAEN,OAAO,iBACR,UAAU,WAChB,MAAM,KACf,YAAY,EAwBd,CAAC;AAEF,eAAO,MAAM,gBAAgB,SACpB,YAAY,GAAG,IAAI,gBACX,UAAU,6CAEX,gBAAgB,qCAEnB,OAAO;cACL,UAAU;sBAAoB,UAAU;CAuEtD,CAAC;AAEF,eAAO,MAAM,qBAAqB;;eAMpB,YAAY,EAAE;;MAExB,CAAC,IAAI,EAAE,IAAI,EAAE,CAiBhB,CAAC;AAEF,eAAO,MAAM,WAAW,WACb,OAAO,YACL,MAAM,WACP,UAAU,OAAO,CAAC,KAC3B,OAUF,CAAC;AAEF,eAAO,MAAM,kBAAkB,oBACX,UAAU,mBACV,UAAU,KAC3B,OAEuC,CAAC"}

package/dist/esm/hooks/useGetPointerPosition.d.ts

@@ -1,9 +1,21 @@
 import { UseDragEvent } from './useDrag/type';
+import { XYPosition } from '../types';
+type NodeSize = {
+    width: number;
+    height: number;
+};
+type StepPositionParams = {
+    position: XYPosition;
+    nodeSize?: NodeSize;
+};
+type GetStepPosition = (params?: StepPositionParams) => XYPosition;
+export type PointerPosition = XYPosition & {
+    getStepPosition?: GetStepPosition;
+};
 declare function useGetPointerPosition(): ({ sourceEvent }: UseDragEvent) => {
     x: number;
     y: number;
-    xSnapped: number;
-    ySnapped: number;
+    getStepPosition: GetStepPosition;
 };
 export default useGetPointerPosition;
 //# sourceMappingURL=useGetPointerPosition.d.ts.map

package/dist/esm/hooks/useGetPointerPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetPointerPosition.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/hooks/useGetPointerPosition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,iBAAS,qBAAqB;;;;;EA+B7B;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"useGetPointerPosition.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/hooks/useGetPointerPosition.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,QAAQ,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACvB,QAAQ,EAAE,UAAU,CAAC;IAErB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,MAAM,CAAC,EAAE,kBAAkB,KAAK,UAAU,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IACxC,eAAe,CAAC,EAAE,eAAe,CAAC;CACpC,CAAC;AAEF,iBAAS,qBAAqB;;;;EAsD7B;AAED,eAAe,qBAAqB,CAAC"}

package/dist/esm/index.d.ts

@@ -9,4 +9,5 @@ export { internalsSymbol, rectToBox, boxToRect, clamp } from './utils';
 export { isNode, isEdge, addEdge, updateEdge, } from './utils/graph';
 export * from './types';
 export default ReactDiagram;
+export { default as Background } from './components/Background';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["react-diagram/packages/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EACJ,OAAO,IAAI,UAAU,EACrB,aAAa,GACf,MAAM,+BAA+B,CAAC;AAEvC,cAAc,4BAA4B,CAAC;AAK3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EACJ,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,GAEZ,MAAM,eAAe,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["react-diagram/packages/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EACJ,OAAO,IAAI,UAAU,EACrB,aAAa,GACf,MAAM,+BAA+B,CAAC;AAEvC,cAAc,4BAA4B,CAAC;AAK3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EACJ,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,GAEZ,MAAM,eAAe,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,eAAe,YAAY,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}