react-cosmos-diagram 0.8.2 → 0.10.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 taehunlim
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -1,11 +1,11 @@
-import { EdgeProps } from './type';
+import { Edge, EdgeProps } from './type';
 import { EdgeLabelOptions } from './EdgeLabel';
-interface BaseEdgeProps extends Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd'>, EdgeLabelOptions {
+type BaseEdgeProps<EdgeType extends Edge = Edge> = Pick<EdgeProps<EdgeType>, 'style' | 'markerStart' | 'markerEnd'> & EdgeLabelOptions & {
     labelX?: number;
     labelY?: number;
     path: string;
-}
-declare function BaseEdge({ path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: BaseEdgeProps): import("react/jsx-runtime").JSX.Element;
+};
+declare function BaseEdge<EdgeType extends Edge = Edge>({ path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: BaseEdgeProps<EdgeType>): import("react/jsx-runtime").JSX.Element;
 declare namespace BaseEdge {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"BaseEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/BaseEdge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,KAAK,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CACpD,SAAS,CAAC,QAAQ,CAAC,EACnB,OAAO,GAAG,aAAa,GAAG,WAAW,CACvC,GACE,gBAAgB,GAAG;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEL,iBAAS,QAAQ,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EAC7C,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,CAAC,QAAQ,CAAC,2CAyBzB;kBAtCQ,QAAQ;;;AAyCjB,eAAe,QAAQ,CAAC"}

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

@@ -6,6 +6,9 @@ interface BezierPathOptions {
 interface BezierEdgeProps<EdgeType extends Edge = Edge> extends EdgeProps<EdgeType> {
     pathOptions?: BezierPathOptions;
 }
-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;
+declare const _default: import("react").MemoExoticComponent<{
+    <EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, pathOptions, }: BezierEdgeProps<EdgeType>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default _default;
 //# 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/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"}
+{"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;;;;;AAkDD,wBAAgC"}

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

@@ -2,11 +2,9 @@ import type { ComponentType, MouseEvent as ReactMouseEvent } from 'react';
 import { StoreApi } from 'zustand';
 import { ReactDiagramState } from '../../ReactDiagramProvider/type';
 import { Edge, EdgeProps } from '../type';
-import { WrapEdgeProps } from '../EdgeWrapper/type';
-export declare function getMouseHandler(id: string, getState: StoreApi<ReactDiagramState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
-declare const wrapEdge: (EdgeComponent: ComponentType<EdgeProps>) => import("react").MemoExoticComponent<{
-    (props: WrapEdgeProps): JSX.Element | null;
-    displayName: string;
-}>;
+import { EdgeWrapperProps } from '../EdgeWrapper/type';
+import { Node } from '../../Node/type';
+export declare function getMouseHandler<EdgeType extends Edge = Edge>(id: string, getState: StoreApi<ReactDiagramState<Node, EdgeType>>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: EdgeType) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
+declare const wrapEdge: <EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>(EdgeComponent: ComponentType<EdgeProps<EdgeType>>) => EdgeWrapperProps<EdgeType>;
 export default wrapEdge;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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,gBAAgB,EAAiB,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,wBAAgB,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACzD,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EACjE,OAAO,CAAC,EAAE,CACP,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,EAC/C,IAAI,EAAE,QAAQ,KACZ,IAAI,YAII,gBAAgB,WAAW,EAAE,UAAU,CAAC,uBAOvD;AAED,QAAA,MAAM,QAAQ,2MA0Sb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,22 +1,18 @@
 import { ComponentType, MemoExoticComponent, MouseEvent as ReactMouseEvent } from 'react';
-import { PortType, Connection, EdgePosition } from 'cosmos-diagram';
+import { Connection, EdgePosition } from 'cosmos-diagram';
 import { Edge } from '../type';
-export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
+import { Node, ReactDiagramProps } from '../../../types';
+import { ReactDiagramStore } from '../../ReactDiagramProvider/type';
+export type EdgeMouseHandler<EdgeType extends Edge = Edge> = (event: ReactMouseEvent, edge: EdgeType) => void;
 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;
+export type WrapEdgeProps<EdgeType extends Edge = Edge> = Edge & EdgePosition & Partial<Pick<ReactDiagramStore<Node, EdgeType>, 'rfId' | 'elementsSelectable'>> & Pick<ReactDiagramProps<Node, EdgeType>, 'edgeUpdaterRadius' | 'onEdgeUpdate' | 'onEdgeUpdateStart' | 'onEdgeUpdateEnd'> & {
     isFocusable: boolean;
-    edgeUpdaterRadius?: number;
-    onClick?: EdgeMouseHandler;
-    onDoubleClick?: EdgeMouseHandler;
-    onContextMenu?: EdgeMouseHandler;
-    onMouseEnter?: EdgeMouseHandler;
-    onMouseMove?: EdgeMouseHandler;
-    onMouseLeave?: EdgeMouseHandler;
-    onEdgeUpdate?: OnEdgeUpdateFunc;
-    onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, portType: PortType) => void;
-    onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, portType: PortType) => void;
+    onClick?: EdgeMouseHandler<EdgeType>;
+    onDoubleClick?: EdgeMouseHandler<EdgeType>;
+    onContextMenu?: EdgeMouseHandler<EdgeType>;
+    onMouseEnter?: EdgeMouseHandler<EdgeType>;
+    onMouseMove?: EdgeMouseHandler<EdgeType>;
+    onMouseLeave?: EdgeMouseHandler<EdgeType>;
 };
-export type EdgeWrapperProps = MemoExoticComponent<ComponentType<WrapEdgeProps>>;
+export type EdgeWrapperProps<EdgeType extends Edge = Edge> = MemoExoticComponent<ComponentType<WrapEdgeProps<EdgeType>>>;
 //# 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/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,gBAAgB,CAAC;AAEpE,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,gBAAgB,GAAG,mBAAmB,CAC/C,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,EAAG,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAC1D,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,QAAQ,KACZ,IAAI,CAAC;AAEV,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAC1D,UAAU,EAAE,QAAQ,EACpB,aAAa,EAAE,UAAU,KACvB,IAAI,CAAC;AA+BV,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,GAC3D,YAAY,GACZ,OAAO,CACJ,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC,CACxE,GACD,IAAI,CACD,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC/B,mBAAmB,GACnB,cAAc,GACd,mBAAmB,GACnB,iBAAiB,CACrB,GAAG;IACD,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CAC5C,CAAC;AAEL,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IACtD,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC"}

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

@@ -7,6 +7,9 @@ interface StepPathOptions {
 interface StepEdgeProps<EdgeType extends Edge = Edge> extends EdgeProps<EdgeType> {
     pathOptions?: StepPathOptions;
 }
-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;
+declare const _default: import("react").MemoExoticComponent<{
+    <EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, }: StepEdgeProps<EdgeType>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default _default;
 //# 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/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"}
+{"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;;;;;AAkDD,wBAA8B"}

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-import type { EdgeProps } from '../../types';
-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;
+import type { Edge, EdgeProps } from '../../types';
+declare const _default: import("react").MemoExoticComponent<{
+    <EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: EdgeProps<EdgeType>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default _default;
 //# 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/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"}
+{"version":3,"file":"StraightEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Edges/StraightEdge.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;AA4CnD,wBAAkC"}

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

@@ -12,7 +12,4 @@ export type EdgeProps<EdgeType extends Edge = Edge> = Pick<EdgeType, 'id' | 'dat
     markerEnd?: string;
     pathOptions?: any;
 };
-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/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,gBAAgB,CAAC;AAEhF,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"}
+{"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,gBAAgB,CAAC;AAEhF,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"}

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

@@ -1,10 +1,10 @@
 import type { ComponentType } from 'react';
 import { XYPosition } from 'cosmos-diagram';
-import { NodeProps } from '../type';
+import { Node, NodeProps } 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, }: NodeWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+declare const wrapNode: <NodeType extends Node<Record<string, unknown>, string> = Node<Record<string, unknown>, string>>(NodeComponent: ComponentType<NodeProps<NodeType>>) => 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, }: NodeWrapperProps<NodeType>): 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/react/src/components/Node/NodeWrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,aAAa,EAAc,MAAM,OAAO,CAAC;AAYtE,OAAO,EAGJ,UAAU,EACZ,MAAM,gBAAgB,CAAC;AACxB,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;6XA2CnD,gBAAgB;;EA8JrB,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,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAKpD,CAAC;AAEF,QAAA,MAAM,QAAQ;;;EA+Nb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,19 +1,19 @@
 import { MouseEvent } from 'react';
 import { Node } from '../type';
 import { CoordinateExtent, NodeOrigin } from 'cosmos-diagram';
-export type NodeMouseHandler = (event: MouseEvent, node: Node) => void;
-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'>> & {
+export type NodeMouseHandler<NodeType extends Node = Node> = (event: MouseEvent, node: NodeType) => void;
+export type NodeWrapperProps<NodeType extends Node = Node> = Pick<Node, 'id' | 'data' | 'style' | 'className' | 'selected' | 'intersected' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel' | 'width' | 'height'> & Required<Pick<NodeType, 'type' | 'zIndex'>> & {
     positionX: number;
     positionY: number;
     initialized: boolean;
     isSelectable: boolean;
     isDraggable: boolean;
-    onClick?: NodeMouseHandler;
-    onDoubleClick?: NodeMouseHandler;
-    onMouseEnter?: NodeMouseHandler;
-    onMouseMove?: NodeMouseHandler;
-    onMouseLeave?: NodeMouseHandler;
-    onContextMenu?: NodeMouseHandler;
+    onClick?: NodeMouseHandler<NodeType>;
+    onDoubleClick?: NodeMouseHandler<NodeType>;
+    onMouseEnter?: NodeMouseHandler<NodeType>;
+    onMouseMove?: NodeMouseHandler<NodeType>;
+    onMouseLeave?: NodeMouseHandler<NodeType>;
+    onContextMenu?: NodeMouseHandler<NodeType>;
     resizeObserver: ResizeObserver | null;
     isParent: boolean;
     rfId: string;

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

@@ -1 +1 @@
-{"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,gBAAgB,CAAC;AAE9D,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"}
+{"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,gBAAgB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAC1D,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,QAAQ,KACZ,IAAI,CAAC;AAEV,MAAM,MAAM,gBAAgB,CACzB,QAAQ,SAAS,IAAI,GAAG,IAAI,IAE3B,IAAI,CACL,IAAI,EACF,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,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG;IAC3C,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,QAAQ,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,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,CAAC;CAC/B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { NodeProps } from './type';
-declare function Nodes({ data }: NodeProps): import("react/jsx-runtime").JSX.Element;
+import { Node, NodeProps } from './type';
+declare function Nodes<NodeType extends Node = Node>({ data }: NodeProps<NodeType>): import("react/jsx-runtime").JSX.Element;
 export default Nodes;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIzC,iBAAS,KAAK,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,QAAQ,CAAC,2CAQzE;AACD,eAAe,KAAK,CAAC"}

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

@@ -5,7 +5,7 @@ export type Node<NodeData extends Record<string, unknown> = Record<string, unkno
     style?: CSSProperties;
     className?: string;
 };
-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'> & {
+export type NodeProps<NodeType extends Node = Node> = Pick<NodeWrapperProps<NodeType>, '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/react/src/components/Node/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEpD,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"}
+{"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,gBAAgB,CAAC;AAEpD,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,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CACvD,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

@@ -2,12 +2,12 @@ import { MouseEvent, RefObject } from 'react';
 import { StoreApi } from 'zustand';
 import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
 import { Node } from './type';
-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, }: {
+export declare function getMouseHandler<NodeType extends Node = Node>(id: string, getState: StoreApi<ReactDiagramState<NodeType>>['getState'], handler?: (event: MouseEvent, node: NodeType) => void): ((event: MouseEvent) => void) | undefined;
+export declare function handleNodeClick<NodeType extends Node = Node>({ id, store, isSelectable, unselect, nodeRef, }: {
     id: string;
     store: {
-        getState: StoreApi<ReactDiagramState>['getState'];
-        setState: StoreApi<ReactDiagramState>['setState'];
+        getState: StoreApi<ReactDiagramState<NodeType>>['getState'];
+        setState: StoreApi<ReactDiagramState<NodeType>>['setState'];
     };
     isSelectable?: boolean;
     unselect?: boolean;

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

@@ -1 +1 @@
-{"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"}
+{"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,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EACzD,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,YAIxC,UAAU,uBAIzB;AAED,wBAAgB,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EAC3D,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,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAC5D,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;KAC9D,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/ReactDiagramProvider/type.d.ts

@@ -1,19 +1,18 @@
-import { MouseEvent as ReactMouseEvent } from 'react';
 import { ZoomBehavior, Selection as D3Selection } from 'd3';
 import type { Transform, CoordinateExtent, XYPosition, GridStep, OnConnectStart, OnConnect, OnConnectEnd, PanBy, NodeInternals, UpdateConnection, NodeDragItem, NodeOrigin, ConnectingPort } from 'cosmos-diagram';
 import { Node, Edge, DefaultEdgeOptions, OnError } from '../../types';
 import { NodeChange, OnNodesChange, OnEdgesChange, NodeDimensionUpdate } from '../../hooks/useNodesEdgesState/type';
-export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
-export type UnSelectNodesParams = {
-    nodes?: Node[];
+export type NodeDragHandler<NodeType extends Node = Node> = (event: MouseEvent | TouchEvent, node: NodeType, nodes: NodeType[]) => void;
+export type UnSelectNodesParams<NodeType extends Node = Node> = {
+    nodes?: NodeType[];
 };
-export type ReactDiagramStore = {
+export type ReactDiagramStore<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
     rfId: string;
     width: number;
     height: number;
     transform: Transform;
-    nodeInternals: NodeInternals;
-    edges: Edge[];
+    nodeInternals: NodeInternals<NodeType>;
+    edges: EdgeType[];
     defaultEdgeOptions?: DefaultEdgeOptions;
     domNode: HTMLDivElement | null;
     nodeOrigin: NodeOrigin;
@@ -30,11 +29,11 @@ export type ReactDiagramStore = {
     minZoom: number;
     maxZoom: number;
     onError?: OnError;
-    onNodesChange: OnNodesChange | null;
-    onNodeDragStart?: NodeDragHandler;
-    onNodeDrag?: NodeDragHandler;
-    onNodeDragEnd?: NodeDragHandler;
-    onEdgesChange?: OnEdgesChange;
+    onNodesChange: OnNodesChange<NodeType> | null;
+    onNodeDragStart?: NodeDragHandler<NodeType>;
+    onNodeDrag?: NodeDragHandler<NodeType>;
+    onNodeDragEnd?: NodeDragHandler<NodeType>;
+    onEdgesChange?: OnEdgesChange<EdgeType>;
     connectionPosition: XYPosition;
     connectionStartPort: ConnectingPort | null;
     connectionEndPort: ConnectingPort | null;
@@ -47,17 +46,17 @@ export type ReactDiagramStore = {
     translateExtent: CoordinateExtent;
     connectionRadius: number;
 };
-export type ReactDiagramActions = {
-    setNodes: (nodes: Node[]) => void;
-    getNodes: () => Node[];
+export type ReactDiagramActions<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+    setNodes: (nodes: NodeType[]) => void;
+    getNodes: () => NodeType[];
     addSelectedNodes: (nodeIds: string[]) => void;
-    unselectNodes: (params?: UnSelectNodesParams) => void;
+    unselectNodes: (params?: UnSelectNodesParams<NodeType>) => void;
     resetSelectedElements: () => void;
-    setEdges: (edges: Edge[]) => void;
+    setEdges: (edges: EdgeType[]) => void;
     updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
-    updateNodesPosition: (nodeDragItems: NodeDragItem[] | Node[], dragging: boolean, updateFunc?: (node: NodeDragItem | Node) => void) => void;
+    updateNodesPosition: (nodeDragItems: NodeDragItem[] | NodeType[], dragging: boolean, updateFunc?: (node: NodeDragItem | NodeType) => void) => void;
     updateNodesIntersection: () => void;
-    triggerNodeChanges: (changes: NodeChange[]) => void;
+    triggerNodeChanges: (changes: NodeChange<NodeType>[]) => void;
     cancelConnection: () => void;
     updateConnection: UpdateConnection;
     panBy: PanBy;
@@ -66,5 +65,5 @@ export type ReactDiagramActions = {
     setMinZoom: (minZoom: number) => void;
     setMaxZoom: (minZoom: number) => void;
 };
-export type ReactDiagramState = ReactDiagramStore & ReactDiagramActions;
+export type ReactDiagramState<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ReactDiagramStore<NodeType, EdgeType> & ReactDiagramActions<NodeType, EdgeType>;
 //# sourceMappingURL=type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/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/StoreUpdater/index.d.ts

@@ -1,7 +1,9 @@
 import { ReactDiagramProps } from '../../types';
-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'> & {
+import { Edge } from '../../components/Edges/type';
+import { Node } from '../../components/Node/type';
+export type StoreUpdaterProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = Pick<ReactDiagramProps<NodeType, EdgeType>, '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, nodeOrigin, smoothStep, centerStep, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
+declare const StoreUpdater: <NodeType extends Node<Record<string, unknown>, string> = Node<Record<string, unknown>, string>, EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>({ 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<NodeType, EdgeType>) => 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/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"}
+{"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;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAMlD,MAAM,MAAM,iBAAiB,CAC1B,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC3B,IAAI,CACL,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACnC,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;AAgDF,QAAA,MAAM,YAAY,klBAkJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,15 +1,15 @@
 import { PortType } from 'cosmos-diagram';
 import { Edge } from '../../types';
-import { EdgeWrapperProps } from '../../components/Edges/EdgeWrapper/type';
 import { ConnectionLineComponent } from './type';
-type ConnectionPathProps = {
+import { EdgeWrapperProps } from '../../components/Edges/EdgeWrapper/type';
+type ConnectionPathProps<EdgeType extends Edge = Edge> = {
     nodeId: string;
     portType: PortType;
     edge?: Edge;
     Component?: ConnectionLineComponent;
-    EdgeWrapper: EdgeWrapperProps;
+    EdgeWrapper: EdgeWrapperProps<EdgeType>;
 };
-declare function ConnectionPath({ nodeId, portType, edge, Component, EdgeWrapper, }: ConnectionPathProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ConnectionPath<EdgeType extends Edge = Edge>({ nodeId, portType, edge, Component, EdgeWrapper, }: ConnectionPathProps<EdgeType>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ConnectionPath {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"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,gBAAgB,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,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,gBAAgB,CAAC;CAChC,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"}
+{"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,gBAAgB,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,KAAK,mBAAmB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CAC1C,CAAC;AASF,iBAAS,cAAc,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACnD,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,GACb,EAAE,mBAAmB,CAAC,QAAQ,CAAC,kDAqF/B;kBA3FQ,cAAc;;;AA+FvB,eAAe,cAAc,CAAC"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,KAAK,2BAA2B,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC;AAOF,iBAAS,sBAAsB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EAC3D,cAAc,EACd,SAAS,EACT,SAAS,GACX,EAAE,2BAA2B,CAAC,QAAQ,CAAC,kDAiCvC;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
+import { Edge } from '../../components/Edges/type';
 import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
-import { ReactDiagramProps } from '../../types';
+import { Node, ReactDiagramProps } from '../../types';
 import { EdgeTypesWrapped } from './type';
-type GraphViewEdgeProps = Pick<ReactDiagramState, 'rfId'> & Pick<ReactDiagramProps, 'edgeUpdaterRadius' | 'onEdgeClick' | 'onEdgeDoubleClick' | 'onEdgeContextMenu' | 'onEdgeMouseEnter' | 'onEdgeMouseMove' | 'onEdgeMouseLeave' | 'onEdgeUpdate' | 'onEdgeUpdateStart' | 'onEdgeUpdateEnd'>;
+type GraphViewEdgeProps<EdgeType extends Edge = Edge> = Pick<ReactDiagramState<Node, EdgeType>, 'rfId'> & Pick<ReactDiagramProps<Node, EdgeType>, 'edgeUpdaterRadius' | 'onEdgeClick' | 'onEdgeDoubleClick' | 'onEdgeContextMenu' | 'onEdgeMouseEnter' | 'onEdgeMouseMove' | 'onEdgeMouseLeave' | 'onEdgeUpdate' | 'onEdgeUpdateStart' | 'onEdgeUpdateEnd'>;
 type RequiredProps = Required<Pick<ReactDiagramProps, 'noPanClassName'>>;
-type EdgeRendererProps = GraphViewEdgeProps & RequiredProps & {
-    edgeTypes: EdgeTypesWrapped;
+type EdgeRendererProps<EdgeType extends Edge = Edge> = GraphViewEdgeProps<EdgeType> & RequiredProps & {
+    edgeTypes: EdgeTypesWrapped<EdgeType>;
 };
-declare function EdgeRenderer({ rfId, edgeTypes, noPanClassName, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
+declare function EdgeRenderer<EdgeType extends Edge = Edge>({ rfId, edgeTypes, noPanClassName, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, }: EdgeRendererProps<EdgeType>): import("react/jsx-runtime").JSX.Element;
 declare namespace EdgeRenderer {
     var displayName: string;
 }
-declare const _default: import("react").MemoExoticComponent<typeof EdgeRenderer>;
+declare const _default: typeof EdgeRenderer;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,kBAAkB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CACzD,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,EACjC,MAAM,CACR,GACE,IAAI,CACD,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC/B,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,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAChD,kBAAkB,CAAC,QAAQ,CAAC,GACzB,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CACxC,CAAC;AAUR,iBAAS,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACjD,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,CAAC,QAAQ,CAAC,2CA8I7B;kBA5JQ,YAAY;;;;AAgKrB,wBAAyD"}

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

@@ -1,9 +1,9 @@
 import { ComponentType } from 'react';
-import { EdgeProps } from '../../components/Edges/type';
+import { Edge, EdgeProps } from '../../components/Edges/type';
 import { EdgeWrapperProps } from '../../components/Edges/EdgeWrapper/type';
-export type EdgeTypes = Record<string, ComponentType<EdgeProps & {
-    data: any;
+export type EdgeTypes<EdgeType extends Edge = Edge> = Record<string, ComponentType<EdgeProps<EdgeType> & {
+    data?: any;
     type: any;
 }>>;
-export type EdgeTypesWrapped = Record<string, EdgeWrapperProps>;
+export type EdgeTypesWrapped<EdgeType extends Edge = Edge> = Record<string, EdgeWrapperProps<EdgeType>>;
 //# 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/react/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,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,MAAM,CAC3B,MAAM,EACN,aAAa,CACV,SAAS,GAAG;IAET,IAAI,EAAE,GAAG,CAAC;IAEV,IAAI,EAAE,GAAG,CAAC;CACZ,CACH,CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,MAAM,CACzD,MAAM,EACN,aAAa,CACV,SAAS,CAAC,QAAQ,CAAC,GAAG;IAEnB,IAAI,CAAC,EAAE,GAAG,CAAC;IAEX,IAAI,EAAE,GAAG,CAAC;CACZ,CACH,CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,MAAM,CAChE,MAAM,EACN,gBAAgB,CAAC,QAAQ,CAAC,CAC5B,CAAC"}

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

@@ -1,8 +1,9 @@
 import type { PortElement, NodePortBounds } from 'cosmos-diagram';
 import { Rect, Transform, Position, XYPosition } from 'cosmos-diagram';
 import { Node } from '../../components/Node/type';
+import { Edge } from '../../components/Edges/type';
 import { EdgeTypes, EdgeTypesWrapped } from './type';
-export declare const createEdgeTypes: (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
+export declare const createEdgeTypes: <EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>(edgeTypes: EdgeTypes<EdgeType>) => EdgeTypesWrapped<EdgeType>;
 export declare function getPortPosition(position: Position, nodeRect: Rect, port?: PortElement | null): XYPosition;
 export declare function getPort(bounds: PortElement[], portId?: string | null): PortElement | null;
 interface EdgePositions {

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAQlE,OAAO,EAEJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,cAAe,SAAS,KAAG,gBA0BtD,CAAC;AAEF,wBAAgB,eAAe,CAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,GAAE,WAAW,GAAG,IAAW,GAC/B,UAAU,CA4BZ;AAED,wBAAgB,OAAO,CACpB,MAAM,EAAE,WAAW,EAAE,EACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACtB,WAAW,GAAG,IAAI,CAYpB;AAED,UAAU,aAAa;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,mBACV,IAAI,cACR,WAAW,kBACP,QAAQ,kBACR,IAAI,cACR,WAAW,kBACP,QAAQ,KACxB,aAkBF,CAAC;AAEF,UAAU,mBAAmB;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACX,EAAE,mBAAmB,GAAG,OAAO,CAkC/B;AAED,wBAAgB,WAAW,CACxB,IAAI,CAAC,EAAE,IAAI,GACX,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,OAAO,CAAC,CAoBxC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAQlE,OAAO,EAEJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAa,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,wLAgC3B,CAAC;AAEF,wBAAgB,eAAe,CAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,GAAE,WAAW,GAAG,IAAW,GAC/B,UAAU,CA4BZ;AAED,wBAAgB,OAAO,CACpB,MAAM,EAAE,WAAW,EAAE,EACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACtB,WAAW,GAAG,IAAI,CAYpB;AAED,UAAU,aAAa;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,mBACV,IAAI,cACR,WAAW,kBACP,QAAQ,kBACR,IAAI,cACR,WAAW,kBACP,QAAQ,KACxB,aAkBF,CAAC;AAEF,UAAU,mBAAmB;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACX,EAAE,mBAAmB,GAAG,OAAO,CAkC/B;AAED,wBAAgB,WAAW,CACxB,IAAI,CAAC,EAAE,IAAI,GACX,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,OAAO,CAAC,CAoBxC"}