react-cosmos-diagram 0.7.4 → 0.8.0

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

@@ -4,7 +4,7 @@ import { 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, nodeOrigin, nodeExtent, hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }: NodeWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ id, type, data, positionX, positionY, sourcePosition, targetPosition, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, width, height, className, selected, isSelectable, isDraggable, intersected, hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }: NodeWrapperProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 }>;
 export default wrapNode;

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

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

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

@@ -2,8 +2,7 @@ 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 { NodeDimensionUpdate } from '../../store/type';
-import { NodeChange, OnNodesChange, OnEdgesChange } from '../../hooks/useNodesEdgesState/type';
+import { NodeChange, OnNodesChange, OnEdgesChange, NodeDimensionUpdate } from '../../hooks/useNodesEdgesState/type';
 export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
 export type UnSelectNodesParams = {
     nodes?: Node[];

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":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC;AAE5D,OAAO,KAAK,EACT,SAAS,EACT,gBAAgB,EAChB,UAAU,EAEV,QAAQ,EACR,cAAc,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,cAAc,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACJ,UAAU,EACV,aAAa,EACb,aAAa,EACf,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,CAC3B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EAAE,KACX,IAAI,CAAC;AAEV,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;IAE/B,mBAAmB,EAAE,cAAc,GAAG,IAAI,CAAC;IAC3C,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAC;IAEzC,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,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAEpD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IAEnC,KAAK,EAAE,KAAK,CAAC;IAEb,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"}
+{"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/container/DiagramRenderer/index.d.ts

@@ -5,7 +5,7 @@ export type DiagramRendererProps = Omit<PaneProps, 'translateExtent' | 'minZoom'
     multiSelectionKeyCode?: KeyCode;
     dragSelectionKeyCode?: KeyCode;
 };
-declare function DiagramRenderer({ children, multiSelectionKeyCode, dragSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, }: DiagramRendererProps): import("react/jsx-runtime").JSX.Element;
+declare function DiagramRenderer({ children, multiSelectionKeyCode, dragSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, }: DiagramRendererProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DiagramRenderer {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/DiagramRenderer/index.tsx"],"names":[],"mappings":";AAGA,OAA4B,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAK/E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACpC,SAAS,EACT,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CACzD,GAAG;IACD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAWF,iBAAS,eAAe,CAAC,EACtB,QAAQ,EACR,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,OAAO,EACP,eAAe,EACf,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,oBAAoB,2CAgCtB;kBA1CQ,eAAe;;;;AA8CxB,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/DiagramRenderer/index.tsx"],"names":[],"mappings":";AAGA,OAA4B,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAK/E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACpC,SAAS,EACT,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CACzD,GAAG;IACD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAWF,iBAAS,eAAe,CAAC,EACtB,QAAQ,EACR,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,OAAO,EACP,eAAe,EACf,MAAM,EACN,WAAW,EACX,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GAClB,EAAE,oBAAoB,2CAoCtB;kBAlDQ,eAAe;;;;AAsDxB,wBAAqC"}

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

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 type DragSelectionProps = {
-    dragSelectionKeyPressed?: boolean;
+    isSelecting?: boolean;
     children: ReactNode;
 };
-declare function DragSelection({ dragSelectionKeyPressed, children, }: DragSelectionProps): import("react/jsx-runtime").JSX.Element;
+declare function DragSelection({ isSelecting, children }: DragSelectionProps): import("react/jsx-runtime").JSX.Element;
 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/react/src/container/DragSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBtE,KAAK,kBAAkB,GAAG;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF,iBAAS,aAAa,CAAC,EACpB,uBAAuB,EACvB,QAAQ,GACV,EAAE,kBAAkB,2CA8LpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/DragSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBtE,KAAK,kBAAkB,GAAG;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF,iBAAS,aAAa,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAiMnE;AAED,eAAe,aAAa,CAAC"}

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

@@ -3,7 +3,7 @@ import { ReactDiagramProps } from '../../types';
 export type PaneProps = Required<Pick<ReactDiagramProps, 'noPanClassName' | 'panning' | 'minZoom' | 'maxZoom' | 'defaultViewport' | 'translateExtent'> & {
     children: ReactNode;
     selection: boolean;
-}> & Pick<ReactDiagramProps, 'onMove' | 'onMoveStart' | 'onMoveEnd'>;
-declare const Pane: ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, }: PaneProps) => import("react/jsx-runtime").JSX.Element;
+}> & Pick<ReactDiagramProps, 'onMove' | 'onMoveStart' | 'onMoveEnd' | 'onPaneClick' | 'onPaneMouseEnter' | 'onPaneMouseMove' | 'onPaneMouseLeave'>;
+declare const Pane: ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, }: PaneProps) => import("react/jsx-runtime").JSX.Element;
 export default Pane;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/Pane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,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;IACpB,SAAS,EAAE,OAAO,CAAC;CACrB,CACH,GACE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AAEnE,QAAA,MAAM,IAAI,0IAaP,SAAS,4CAsEX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/Pane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,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;IACpB,SAAS,EAAE,OAAO,CAAC;CACrB,CACH,GACE,IAAI,CACD,iBAAiB,EACf,QAAQ,GACR,aAAa,GACb,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,CACtB,CAAC;AAEL,QAAA,MAAM,IAAI,4MAiBP,SAAS,4CA0DX,CAAC;AAEF,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, dragSelectionKeyCode, onMove, onMoveStart, onMoveEnd, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeExtent, 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 function DiagramView({ rfId, noPanClassName, panning, defaultViewport, multiSelectionKeyCode, dragSelectionKeyCode, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeExtent, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, 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/react/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,GACZ,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,EACrB,oBAAoB,EAEpB,MAAM,EACN,WAAW,EACX,SAAS,EAGT,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,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,2CAkDlB;kBAjGQ,WAAW;;;;AAqGpB,wBAAiC"}
+{"version":3,"file":"DiagramView.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/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,GACZ,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,EACrB,oBAAoB,EAGpB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,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,EAEf,MAAM,EACN,WAAW,EACX,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAGhB,4BAA4B,EAC5B,uBAAuB,GACzB,EAAE,gBAAgB,2CAsDlB;kBAzGQ,WAAW;;;;AA6GpB,wBAAiC"}

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { CoordinateExtent, NodeOrigin, Viewport } from 'cosmos-diagram';
+import { NodeOrigin, Viewport } from 'cosmos-diagram';
 import { NodeTypes } from '../NodeRenderer/type';
 import { EdgeTypes } from '../EdgeRenderer/type';
 declare const ReactDiagram: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
     onlyRenderVisibleElements?: boolean | undefined;
     disableKeyboardA11y?: boolean | undefined;
-    nodeExtent?: CoordinateExtent | undefined;
+    nodeExtent?: import("cosmos-diagram").CoordinateExtent | undefined;
     nodeOrigin?: NodeOrigin | undefined;
     smoothStep?: boolean | undefined;
     centerStep?: boolean | undefined;
@@ -45,11 +45,15 @@ declare const ReactDiagram: import("react").ForwardRefExoticComponent<import("re
     onMove?: import("cosmos-diagram").OnMove | undefined;
     onMoveStart?: import("cosmos-diagram").OnMove | undefined;
     onMoveEnd?: import("cosmos-diagram").OnMove | undefined;
+    onPaneClick?: import("cosmos-diagram").OnMove | undefined;
+    onPaneMouseEnter?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onPaneMouseMove?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onPaneMouseLeave?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     onError?: import("../../types").OnError | undefined;
     minZoom?: number | undefined;
     maxZoom?: number | undefined;
     defaultViewport?: Viewport | undefined;
-    translateExtent?: CoordinateExtent | undefined;
+    translateExtent?: import("cosmos-diagram").CoordinateExtent | undefined;
     multiSelectionKeyCode?: import("../../hooks/useGlobalKeyHandler").KeyCode | undefined;
     dragSelectionKeyCode?: import("../../hooks/useGlobalKeyHandler").KeyCode | undefined;
     nodesDraggable?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgBxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAejD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAsJjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgBtD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAcjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDA8JjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

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

@@ -1,6 +1,11 @@
 import { CoreEdge, Dimensions, XYPosition } from 'cosmos-diagram';
 import { Node } from '../../components/Node/type';
 import { Edge } from '../../components/Edges/type';
+export type NodeDimensionUpdate = {
+    id: string;
+    nodeElement: HTMLDivElement;
+    forceUpdate?: boolean;
+};
 export type NodeDimensionChange = {
     id: string;
     type: 'dimensions';

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/hooks/useNodesEdgesState/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,CACtB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE;IACD,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,CACxB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE;IACD,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,mBAAmB,GACnB,sBAAsB,GACtB,gBAAgB,GAChB,aAAa,GACb,eAAe,CAAC;AAErB,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,IAAI;IAC/D,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;CACd,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,IAAI;IACjE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GACjB,mBAAmB,GACnB,gBAAgB,GAChB,aAAa,GACb,eAAe,CAAC;AAErB,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/hooks/useNodesEdgesState/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,cAAc,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,CACtB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE;IACD,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,CACxB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE;IACD,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,mBAAmB,GACnB,sBAAsB,GACtB,gBAAgB,GAChB,aAAa,GACb,eAAe,CAAC;AAErB,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,IAAI;IAC/D,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;CACd,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,IAAI;IACjE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GACjB,mBAAmB,GACnB,gBAAgB,GAChB,aAAa,GACb,eAAe,CAAC;AAErB,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC"}

package/dist/esm/index.d.ts

@@ -6,6 +6,7 @@ export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { default as StepEdge } from './components/Edges/StepEdge';
 export { default as BezierEdge } from './components/Edges/BezierEdge';
 export * from './hooks/useNodesEdgesState';
+export { useStore, useStoreApi } from './hooks/useStore';
 export { internalsSymbol } from './utils';
 export * from './types';
 export type { XYPosition, XYZPosition, Dimensions, CoordinateExtent, Connection, Transform, Rect, Box, GetStepPosition, GetStepPathParams, GetBezierPathParams, GetControlWithCurvatureParams, } from 'cosmos-diagram';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["react-diagram/packages/react/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,KAAK,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,GACZ,MAAM,gBAAgB,CAAC;AAExB,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,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEtE,cAAc,4BAA4B,CAAC;AAK3C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,cAAc,SAAS,CAAC;AAGxB,YAAY,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,IAAI,EACJ,GAAG,EACH,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,6BAA6B,GAC/B,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["react-diagram/packages/react/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,KAAK,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,GACZ,MAAM,gBAAgB,CAAC;AAExB,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,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,cAAc,SAAS,CAAC;AAGxB,YAAY,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,IAAI,EACJ,GAAG,EACH,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,6BAA6B,GAC/B,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAe,YAAY,CAAC"}

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 "use client"
-import { errorMessages, CosmosPanZoom, CosmosDrag, getRectOfNodes, getEventPosition, getNodesInside, Position, internalsSymbol as internalsSymbol$1, MarkerType, getMarkerId, isNumeric, getStraightPath, getStepPath, getBezierPath, CosmosPort, devWarn, isMouseEvent, clampPosition, getNodePositionWithOrigin, getDimensions, getPortBounds } from 'cosmos-diagram';
+import { errorMessages, CosmosPanZoom, CosmosDrag, getRectOfNodes, getEventPosition, getNodesInside, Position, internalsSymbol as internalsSymbol$1, MarkerType, getMarkerId, isNumeric, getStraightPath, getStepPath, getBezierPath, CosmosPort, devWarn, isMouseEvent, createNodeInternals, getDimensions, getPortBounds, updateAbsoluteNodePositions, clampPosition, isIntersected } from 'cosmos-diagram';
 export { MarkerType, Position, addEdge, boxToRect, clamp, getBezierEdgeCenter, getBezierPath, getStepPath, getStraightPath, isCoreEdge, isCoreNode, rectToBox, updateEdge } from 'cosmos-diagram';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useMemo, useState, useEffect, useRef, memo, useCallback, forwardRef } from 'react';
@@ -60,7 +60,7 @@ const useGlobalKeyHandler = (multiSelectionKeyCode = 'Meta') => {
     }, [multiSelectionActivate]);
 };
 
-const Pane = ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, }) => {
+const Pane = ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, }) => {
     const store = useStoreApi();
     const Pane = useRef(null);
     const cosmosPanZoom = useRef();
@@ -77,27 +77,13 @@ const Pane = ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultVie
             onTransformChange: (transform) => {
                 store.setState({ transform });
             },
-            onPanningChange: (panning) => {
-                console.log(panning);
-            },
-            onPanZoomStart: (event, viewport) => {
-                onMoveStart?.(event, viewport);
-                console.log('start', viewport);
-            },
-            onPanZoom: (event, viewport) => {
-                onMove?.(event, viewport);
-            },
-            onPanZoomEnd: (event, viewport) => {
-                console.log('end', viewport);
-                onMoveEnd?.(event, viewport);
-            },
+            onPaneClick,
+            onPanZoomStart: onMoveStart,
+            onPanZoom: onMove,
+            onPanZoomEnd: onMoveEnd,
         });
         const { x, y, zoom } = cosmosPanZoom.current.getViewport();
         store.setState({
-            // 지워야할 목록
-            // d3Zoom: d3ZoomInstance,
-            // d3Selection: selection,
-            // we need to pass transform because zoom handler is not registered when we set the initial transform
             transform: [x, y, zoom],
             domNode: Pane.current.closest('.react-diagram'),
         });
@@ -114,7 +100,7 @@ const Pane = ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultVie
     return (jsx("div", { ref: Pane, className: cc([
             'react-diagram__pane react-diagram__container',
             { selection },
-        ]), children: children }));
+        ]), onMouseEnter: onPaneMouseEnter, onMouseMove: onPaneMouseMove, onMouseLeave: onPaneMouseLeave, children: children }));
 };
 
 const selector$7 = (s) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
@@ -367,7 +353,7 @@ const selector$6 = (s) => {
         selectionBoxActive,
     };
 };
-function DragSelection({ dragSelectionKeyPressed, children, }) {
+function DragSelection({ isSelecting, children }) {
     const store = useStoreApi();
     const dragSelection = useRef(null);
     const prevSelectedNodesCount = useRef(0);
@@ -416,7 +402,7 @@ function DragSelection({ dragSelectionKeyPressed, children, }) {
             event.button !== 0 ||
             event.target !== dragSelection.current ||
             !containerBounds.current ||
-            !dragSelectionKeyPressed) {
+            !isSelecting) {
             return;
         }
         const { x, y } = getEventPosition(event.nativeEvent, containerBounds.current);
@@ -437,7 +423,7 @@ function DragSelection({ dragSelectionKeyPressed, children, }) {
         const hasDragBoxStartPosition = dragBoxStartPosition.x > 0 && dragBoxStartPosition.y > 0;
         if (
         // !hasDragBoxPosition ||
-        // !dragSelectionKeyPressed ||
+        // !isSelecting ||
         !hasDragBoxStartPosition ||
             !containerBounds.current) {
             return;
@@ -476,9 +462,12 @@ function DragSelection({ dragSelectionKeyPressed, children, }) {
     const onMouseLeave = () => {
         resetDragBox();
     };
-    const isPossibleDragSelection = elementsSelectable;
+    const isPossibleDragSelection = elementsSelectable && isSelecting;
     return (jsxs("div", { ref: dragSelection, className: cc([
             'react-diagram__container react-diagram__drag-selection',
+            {
+                active: isPossibleDragSelection || selectionBoxActive,
+            },
         ]), onClick: onClick, onMouseDown: isPossibleDragSelection ? onMouseDown : undefined, onMouseMove: isPossibleDragSelection ? onMouseMove : undefined, onMouseUp: elementsSelectable ? onMouseUp : undefined, onMouseLeave: isPossibleDragSelection ? onMouseLeave : undefined, children: [children, dragBoxActive && jsx(DragBox, { rect: dragBoxRect }), selectionBoxActive && (jsx(SelectionBox$1, { rect: selectionBoxRect, transform: transformString }))] }));
 }
 
@@ -512,14 +501,14 @@ const selector$5 = (s) => {
         translateExtent,
     };
 };
-function DiagramRenderer({ children, multiSelectionKeyCode, dragSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, }) {
+function DiagramRenderer({ children, multiSelectionKeyCode, dragSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, }) {
     const { minZoom, maxZoom, translateExtent } = useStore(selector$5);
     useGlobalKeyHandler(multiSelectionKeyCode);
     const dragSelectionKeyPressed = useDragSelectionKeyPress(dragSelectionKeyCode);
     // useKeyPress
     const isSelecting = dragSelectionKeyPressed;
     const isPanning = panning && !isSelecting;
-    return (jsx(Fragment, { children: jsx(Pane, { noPanClassName: noPanClassName, panning: isPanning, selection: isSelecting, minZoom: minZoom, maxZoom: maxZoom, translateExtent: translateExtent, defaultViewport: defaultViewport, onMove: onMove, onMoveStart: onMoveStart, onMoveEnd: onMoveEnd, children: jsx(DragSelection, { dragSelectionKeyPressed: dragSelectionKeyPressed, children: jsx(Viewport, { children: children }) }) }) }));
+    return (jsx(Fragment, { children: jsx(Pane, { noPanClassName: noPanClassName, panning: isPanning, selection: isSelecting, minZoom: minZoom, maxZoom: maxZoom, translateExtent: translateExtent, defaultViewport: defaultViewport, onMove: onMove, onMoveStart: onMoveStart, onMoveEnd: onMoveEnd, onPaneClick: onPaneClick, onPaneMouseEnter: onPaneMouseEnter, onPaneMouseMove: onPaneMouseMove, onPaneMouseLeave: onPaneMouseLeave, children: jsx(DragSelection, { isSelecting: isSelecting, children: jsx(Viewport, { children: children }) }) }) }));
 }
 DiagramRenderer.displayName = 'DiagramRenderer';
 var DiagramRenderer$1 = memo(DiagramRenderer);
@@ -1136,14 +1125,14 @@ function ConnectionLineRenderer({ containerStyle, edgeTypes, component, }) {
 
 function DiagramView({ rfId, 
 // DiagramRenderer props
-noPanClassName, panning, defaultViewport, multiSelectionKeyCode, dragSelectionKeyCode, onMove, onMoveStart, onMoveEnd, 
+noPanClassName, panning, defaultViewport, multiSelectionKeyCode, dragSelectionKeyCode, 
 // NodeRenderer props
 onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeExtent, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, 
 // EdgeRenderer props
-edgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, 
+edgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, 
 // ConnectionLineWrapper
 ConnectionLineContainerStyle, ConnectionLineComponent, }) {
-    return (jsxs(DiagramRenderer$1, { multiSelectionKeyCode: multiSelectionKeyCode, dragSelectionKeyCode: dragSelectionKeyCode, noPanClassName: noPanClassName, panning: panning, defaultViewport: defaultViewport, onMove: onMove, onMoveStart: onMoveStart, onMoveEnd: onMoveEnd, children: [jsx(NodeRenderer$1, { rfId: rfId, nodeTypes: nodeTypes, onlyRenderVisibleElements: onlyRenderVisibleElements, disableKeyboardA11y: disableKeyboardA11y, nodeOrigin: nodeOrigin, nodeExtent: nodeExtent, noDragClassName: noDragClassName, noPanClassName: noPanClassName, onNodeClick: onNodeClick, onNodeDoubleClick: onNodeDoubleClick, onNodeContextMenu: onNodeContextMenu, onNodeMouseEnter: onNodeMouseEnter, onNodeMouseMove: onNodeMouseMove, onNodeMouseLeave: onNodeMouseLeave }), jsx(EdgeRenderer$1, { rfId: rfId, edgeTypes: edgeTypes, noPanClassName: noPanClassName, edgeUpdaterRadius: edgeUpdaterRadius, onEdgeClick: onEdgeClick, onEdgeDoubleClick: onEdgeDoubleClick, onEdgeContextMenu: onEdgeContextMenu, onEdgeMouseEnter: onEdgeMouseEnter, onEdgeMouseMove: onEdgeMouseMove, onEdgeMouseLeave: onEdgeMouseLeave, onEdgeUpdate: onEdgeUpdate, onEdgeUpdateStart: onEdgeUpdateStart, onEdgeUpdateEnd: onEdgeUpdateEnd }), jsx(ConnectionLineRenderer, { edgeTypes: edgeTypes, containerStyle: ConnectionLineContainerStyle, component: ConnectionLineComponent })] }));
+    return (jsxs(DiagramRenderer$1, { multiSelectionKeyCode: multiSelectionKeyCode, dragSelectionKeyCode: dragSelectionKeyCode, noPanClassName: noPanClassName, panning: panning, defaultViewport: defaultViewport, onMove: onMove, onMoveStart: onMoveStart, onMoveEnd: onMoveEnd, onPaneClick: onPaneClick, onPaneMouseEnter: onPaneMouseEnter, onPaneMouseMove: onPaneMouseMove, onPaneMouseLeave: onPaneMouseLeave, children: [jsx(NodeRenderer$1, { rfId: rfId, nodeTypes: nodeTypes, onlyRenderVisibleElements: onlyRenderVisibleElements, disableKeyboardA11y: disableKeyboardA11y, nodeOrigin: nodeOrigin, nodeExtent: nodeExtent, noDragClassName: noDragClassName, noPanClassName: noPanClassName, onNodeClick: onNodeClick, onNodeDoubleClick: onNodeDoubleClick, onNodeContextMenu: onNodeContextMenu, onNodeMouseEnter: onNodeMouseEnter, onNodeMouseMove: onNodeMouseMove, onNodeMouseLeave: onNodeMouseLeave }), jsx(EdgeRenderer$1, { rfId: rfId, edgeTypes: edgeTypes, noPanClassName: noPanClassName, edgeUpdaterRadius: edgeUpdaterRadius, onEdgeClick: onEdgeClick, onEdgeDoubleClick: onEdgeDoubleClick, onEdgeContextMenu: onEdgeContextMenu, onEdgeMouseEnter: onEdgeMouseEnter, onEdgeMouseMove: onEdgeMouseMove, onEdgeMouseLeave: onEdgeMouseLeave, onEdgeUpdate: onEdgeUpdate, onEdgeUpdateStart: onEdgeUpdateStart, onEdgeUpdateEnd: onEdgeUpdateEnd }), jsx(ConnectionLineRenderer, { edgeTypes: edgeTypes, containerStyle: ConnectionLineContainerStyle, component: ConnectionLineComponent })] }));
 }
 DiagramView.displayName = 'DiagramView';
 var DiagramView$1 = memo(DiagramView);
@@ -1279,7 +1268,10 @@ function Nodes({ data }) {
 }
 
 const wrapNode = (NodeComponent) => {
-    function NodeWrapper({ id, type, data, positionX, positionY, sourcePosition, targetPosition, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, width, height, className, selected, isSelectable, isDraggable, intersected, nodeOrigin, nodeExtent, hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }) {
+    function NodeWrapper({ id, type, data, positionX, positionY, sourcePosition, targetPosition, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, width, height, className, selected, isSelectable, isDraggable, intersected, 
+    // nodeOrigin,
+    // nodeExtent,
+    hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }) {
         const store = useStoreApi();
         const node = store.getState().nodeInternals.get(id);
         const nodeRef = useRef(null);
@@ -1330,10 +1322,13 @@ const wrapNode = (NodeComponent) => {
                 ]);
             }
         }, [id, type, sourcePosition, targetPosition]);
-        const clampedPosition = nodeExtent
-            ? clampPosition(node.positionAbsolute, nodeExtent)
-            : node.positionAbsolute;
-        const positionWithOrigin = getNodePositionWithOrigin({ ...node, ...clampedPosition }, nodeOrigin);
+        // const clampedPosition = nodeExtent
+        //    ? clampPosition(node.positionAbsolute, nodeExtent)
+        //    : node.positionAbsolute;
+        // const positionWithOrigin = getNodePositionWithOrigin(
+        //    { ...node, ...clampedPosition },
+        //    nodeOrigin,
+        // );
         const dragging = useDrag({
             nodeRef,
             nodeId: id,
@@ -1360,7 +1355,8 @@ const wrapNode = (NodeComponent) => {
         ]);
         const wrapperStyle = {
             zIndex,
-            transform: `translate(${positionWithOrigin.x}px,${positionWithOrigin.y}px)`,
+            // transform: `translate(${positionWithOrigin.positionAbsolute.x}px,${positionWithOrigin.positionAbsolute.y}px)`,
+            transform: `translate(${positionX}px,${positionY}px)`,
             pointerEvents: hasPointerEvents ? 'all' : 'none',
             visibility: initialized ? 'visible' : 'hidden',
             width,
@@ -1404,99 +1400,6 @@ const createNodeTypes = (nodeTypes) => {
     };
 };
 
-function calculateXYZPosition(node, nodeInternals, result, nodeOrigin) {
-    if (!node.parentNode) {
-        return result;
-    }
-    const parentNode = nodeInternals.get(node.parentNode);
-    const parentNodePosition = getNodePositionWithOrigin(parentNode, nodeOrigin);
-    return calculateXYZPosition(parentNode, nodeInternals, {
-        x: (result.x ?? 0) + parentNodePosition.x,
-        y: (result.y ?? 0) + parentNodePosition.y,
-        z: (parentNode[internalsSymbol$1]?.z ?? 0) > (result.z ?? 0)
-            ? parentNode[internalsSymbol$1]?.z ?? 0
-            : result.z ?? 0,
-    }, nodeOrigin);
-}
-function updateAbsoluteNodePositions(nodeInternals, nodeOrigin, parentNodes) {
-    nodeInternals.forEach((node) => {
-        if (node.parentNode && !nodeInternals.has(node.parentNode)) {
-            throw new Error(`Parent node ${node.parentNode} not found`);
-        }
-        if (node.parentNode || parentNodes?.[node.id]) {
-            const { x, y, z } = calculateXYZPosition(node, nodeInternals, {
-                ...node.position,
-                z: node[internalsSymbol$1]?.z ?? 0,
-            }, nodeOrigin);
-            node.positionAbsolute = {
-                x,
-                y,
-            };
-            node[internalsSymbol$1].z = z;
-            if (parentNodes?.[node.id]) {
-                node[internalsSymbol$1].isParent = true;
-            }
-        }
-    });
-}
-function createNodeInternals(nodes, nodeInternals, nodeOrigin, elevateNodesOnSelect) {
-    const nextNodeInternals = new Map();
-    const parentNodes = {};
-    const selectedNodeZ = elevateNodesOnSelect ? 1000 : 0;
-    nodes.forEach((node) => {
-        const z = (isNumeric(node.zIndex) ? node.zIndex : 0) +
-            (node.selected ? selectedNodeZ : 0);
-        const currInternals = nodeInternals.get(node.id);
-        const internals = {
-            width: currInternals?.width,
-            height: currInternals?.height,
-            ...node,
-            positionAbsolute: {
-                x: node.position.x,
-                y: node.position.y,
-            },
-        };
-        if (node.parentNode) {
-            internals.parentNode = node.parentNode;
-            parentNodes[node.parentNode] = true;
-        }
-        Object.defineProperty(internals, internalsSymbol$1, {
-            enumerable: false,
-            value: {
-                portBounds: currInternals?.[internalsSymbol$1]?.portBounds,
-                z,
-            },
-        });
-        nextNodeInternals.set(node.id, internals);
-    });
-    updateAbsoluteNodePositions(nextNodeInternals, nodeOrigin, parentNodes);
-    return nextNodeInternals;
-}
-const isIntersected = (targetNode, nodeInternals) => {
-    const { id, width, height, positionAbsolute } = targetNode;
-    if (!width || !height)
-        return false;
-    let intersected = false;
-    for (const [key, sourceNode] of nodeInternals) {
-        if (id === key)
-            continue;
-        const { positionAbsolute: sPositionAbsolute, width: sWidth, height: sHeight, } = sourceNode;
-        if (!sWidth || !sHeight)
-            continue;
-        if (!sPositionAbsolute || !positionAbsolute)
-            continue;
-        // if (sourceNode.parentNode === targetNode.id) continue;
-        // if (targetNode.parentNode === sourceNode.id) continue;
-        const leftIn = sPositionAbsolute.x + sWidth >= positionAbsolute.x, rightIn = positionAbsolute.x + width >= sPositionAbsolute.x, topIn = sPositionAbsolute.y + sHeight >= positionAbsolute.y, bottomIn = positionAbsolute.y + height >= sPositionAbsolute.y;
-        const isIn = leftIn && rightIn && topIn && bottomIn;
-        if (isIn) {
-            intersected = true;
-            break;
-        }
-    }
-    return intersected;
-};
-
 const infiniteExtent = [
     [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
     [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
@@ -1706,7 +1609,7 @@ const createRCDStore = () => createStore((set, get) => ({
     setNodeExtent: (nodeExtent) => {
         const { nodeInternals } = get();
         nodeInternals.forEach((node) => {
-            node.positionAbsolute = clampPosition(node.position, nodeExtent);
+            node.positionAbsolute = clampPosition(node.positionAbsolute, nodeExtent);
         });
         set({
             nodeExtent,
@@ -1757,13 +1660,13 @@ const defaultEdgeTypes = {
 };
 const ReactDiagram = forwardRef(({ children, id, 
 // DiagramView props
-panning = true, minZoom, maxZoom, translateExtent, nodeExtent = infiniteExtent, defaultViewport = initViewport, multiSelectionKeyCode = 'Meta', dragSelectionKeyCode = 'Shift', onlyRenderVisibleElements = false, disableKeyboardA11y = false, noDragClassName = 'nodrag', noPanClassName = 'nopan', nodeOrigin = initNodeOrigin, nodeTypes = defaultNodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes = defaultEdgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, onMove, onMoveStart, onMoveEnd, ConnectionLineContainerStyle, ConnectionLineComponent, 
+panning = true, minZoom, maxZoom, translateExtent, nodeExtent = infiniteExtent, defaultViewport = initViewport, multiSelectionKeyCode = 'Meta', dragSelectionKeyCode = 'Shift', onlyRenderVisibleElements = false, disableKeyboardA11y = false, noDragClassName = 'nodrag', noPanClassName = 'nopan', nodeOrigin = initNodeOrigin, nodeTypes = defaultNodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes = defaultEdgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, ConnectionLineContainerStyle, ConnectionLineComponent, 
 // StoreUpdater props
-nodes, edges, nodesDraggable, elevateNodesOnSelect, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, smoothStep, centerStep, gridStep, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onError, ...rest }, ref) => {
+nodes, edges, nodesDraggable, elevateNodesOnSelect, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, smoothStep, centerStep, gridStep, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onMove, onMoveStart, onMoveEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, onError, ...rest }, ref) => {
     const rfId = id || '1';
     const nodeTypesWrapped = useNodeOrEdgeTypes(nodeTypes, createNodeTypes);
     const edgeTypesWrapped = useNodeOrEdgeTypes(edgeTypes, createEdgeTypes);
-    return (jsx("div", { ...rest, ref: ref, className: "react-diagram", children: jsxs(Wrapper, { children: [jsx(DiagramView$1, { rfId: rfId, panning: panning, defaultViewport: defaultViewport, multiSelectionKeyCode: multiSelectionKeyCode, dragSelectionKeyCode: dragSelectionKeyCode, onlyRenderVisibleElements: onlyRenderVisibleElements, disableKeyboardA11y: disableKeyboardA11y, noDragClassName: noDragClassName, noPanClassName: noPanClassName, nodeOrigin: nodeOrigin, nodeExtent: nodeExtent, nodeTypes: nodeTypesWrapped, edgeTypes: edgeTypesWrapped, edgeUpdaterRadius: edgeUpdaterRadius, ConnectionLineContainerStyle: ConnectionLineContainerStyle, ConnectionLineComponent: ConnectionLineComponent, onNodeClick: onNodeClick, onNodeDoubleClick: onNodeDoubleClick, onNodeContextMenu: onNodeContextMenu, onNodeMouseEnter: onNodeMouseEnter, onNodeMouseMove: onNodeMouseMove, onNodeMouseLeave: onNodeMouseLeave, onEdgeClick: onEdgeClick, onEdgeDoubleClick: onEdgeDoubleClick, onEdgeContextMenu: onEdgeContextMenu, onEdgeMouseEnter: onEdgeMouseEnter, onEdgeMouseMove: onEdgeMouseMove, onEdgeMouseLeave: onEdgeMouseLeave, onEdgeUpdate: onEdgeUpdate, onEdgeUpdateStart: onEdgeUpdateStart, onEdgeUpdateEnd: onEdgeUpdateEnd, onMove: onMove, onMoveStart: onMoveStart, onMoveEnd: onMoveEnd }), jsx(StoreUpdater, { rfId: rfId, nodes: nodes, edges: edges, nodesDraggable: nodesDraggable, elevateNodesOnSelect: elevateNodesOnSelect, autoPanOnNodeDrag: autoPanOnNodeDrag, autoPanOnConnect: autoPanOnConnect, connectionRadius: connectionRadius, nodeOrigin: nodeOrigin, nodeExtent: nodeExtent, translateExtent: translateExtent, minZoom: minZoom, maxZoom: maxZoom, smoothStep: smoothStep, centerStep: centerStep, gridStep: gridStep, onNodesChange: onNodesChange, onNodeDrag: onNodeDrag, onNodeDragStart: onNodeDragStart, onNodeDragEnd: onNodeDragEnd, onEdgesChange: onEdgesChange, onConnect: onConnect, onConnectStart: onConnectStart, onConnectEnd: onConnectEnd, onError: onError }), children] }) }));
+    return (jsx("div", { ...rest, ref: ref, className: "react-diagram", children: jsxs(Wrapper, { children: [jsx(DiagramView$1, { rfId: rfId, panning: panning, defaultViewport: defaultViewport, multiSelectionKeyCode: multiSelectionKeyCode, dragSelectionKeyCode: dragSelectionKeyCode, onlyRenderVisibleElements: onlyRenderVisibleElements, disableKeyboardA11y: disableKeyboardA11y, noDragClassName: noDragClassName, noPanClassName: noPanClassName, nodeOrigin: nodeOrigin, nodeExtent: nodeExtent, nodeTypes: nodeTypesWrapped, edgeTypes: edgeTypesWrapped, edgeUpdaterRadius: edgeUpdaterRadius, ConnectionLineContainerStyle: ConnectionLineContainerStyle, ConnectionLineComponent: ConnectionLineComponent, onNodeClick: onNodeClick, onNodeDoubleClick: onNodeDoubleClick, onNodeContextMenu: onNodeContextMenu, onNodeMouseEnter: onNodeMouseEnter, onNodeMouseMove: onNodeMouseMove, onNodeMouseLeave: onNodeMouseLeave, onEdgeClick: onEdgeClick, onEdgeDoubleClick: onEdgeDoubleClick, onEdgeContextMenu: onEdgeContextMenu, onEdgeMouseEnter: onEdgeMouseEnter, onEdgeMouseMove: onEdgeMouseMove, onEdgeMouseLeave: onEdgeMouseLeave, onEdgeUpdate: onEdgeUpdate, onEdgeUpdateStart: onEdgeUpdateStart, onEdgeUpdateEnd: onEdgeUpdateEnd, onMove: onMove, onMoveStart: onMoveStart, onMoveEnd: onMoveEnd, onPaneClick: onPaneClick, onPaneMouseEnter: onPaneMouseEnter, onPaneMouseMove: onPaneMouseMove, onPaneMouseLeave: onPaneMouseLeave }), jsx(StoreUpdater, { rfId: rfId, nodes: nodes, edges: edges, nodesDraggable: nodesDraggable, elevateNodesOnSelect: elevateNodesOnSelect, autoPanOnNodeDrag: autoPanOnNodeDrag, autoPanOnConnect: autoPanOnConnect, connectionRadius: connectionRadius, nodeOrigin: nodeOrigin, nodeExtent: nodeExtent, translateExtent: translateExtent, minZoom: minZoom, maxZoom: maxZoom, smoothStep: smoothStep, centerStep: centerStep, gridStep: gridStep, onNodesChange: onNodesChange, onNodeDrag: onNodeDrag, onNodeDragStart: onNodeDragStart, onNodeDragEnd: onNodeDragEnd, onEdgesChange: onEdgesChange, onConnect: onConnect, onConnectStart: onConnectStart, onConnectEnd: onConnectEnd, onError: onError }), children] }) }));
 });
 ReactDiagram.displayName = 'ReactDiagram';
 
@@ -1808,4 +1711,4 @@ function Background({ gap, lineWidth = 1, color = '#000000', }) {
 Background.displayName = 'Background';
 var index = memo(Background);
 
-export { index as Background, BaseEdge, BezierEdge, Port$1 as Port, ReactDiagramProvider, StepEdge, ReactDiagram as default, internalsSymbol, useEdgesState, useNodesState };
+export { index as Background, BaseEdge, BezierEdge, Port$1 as Port, ReactDiagramProvider, StepEdge, ReactDiagram as default, internalsSymbol, useEdgesState, useNodesState, useStore, useStoreApi };