@uipath/apollo-react 6.27.0 → 6.28.0

package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs

@@ -36,13 +36,15 @@ const external_CanvasBackground_cjs_namespaceObject = require("./CanvasBackgroun
 const external_CanvasProviders_cjs_namespaceObject = require("./CanvasProviders.cjs");
 const external_PanShortcutTeachingUI_cjs_namespaceObject = require("./PanShortcutTeachingUI.cjs");
 const external_ReadOnlyNodesContext_cjs_namespaceObject = require("./ReadOnlyNodesContext.cjs");
+const external_useReadOnlyConnectionCallbacks_cjs_namespaceObject = require("./useReadOnlyConnectionCallbacks.cjs");
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
-    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', readOnlyNodeIds, showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, stickyNoteOptions, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, onBeforeDelete, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
+    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', readOnlyNodeIds, showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, stickyNoteOptions, onNodesChange, onEdgesChange, onConnect, onReconnect, onReconnectStart, onReconnectEnd, onConnectStart, onConnectEnd, isValidConnection, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, onBeforeDelete, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
     const isInteractive = 'readonly' !== mode;
     const isDesignMode = 'design' === mode;
     const stableReadOnlyNodeIds = (0, external_ReadOnlyNodesContext_cjs_namespaceObject.useStableNodeIdSet)(readOnlyNodeIds);
+    const readOnlyEdgeIds = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useReadOnlyEdgeIds)(edges, stableReadOnlyNodeIds);
     const guardedBeforeDelete = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useReadOnlyBeforeDelete)(stableReadOnlyNodeIds, onBeforeDelete);
     const handleNodesChange = (0, external_react_namespaceObject.useMemo)(()=>{
         if (!onNodesChange || 0 === stableReadOnlyNodeIds.size) return onNodesChange;
@@ -55,6 +57,24 @@ const BaseCanvasInnerComponent = (props)=>{
         onNodesChange,
         stableReadOnlyNodeIds
     ]);
+    const handleEdgesChange = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!onEdgesChange || 0 === readOnlyEdgeIds.size) return onEdgesChange;
+        const guarded = (changes)=>{
+            const allowed = changes.filter((change)=>'remove' === change.type ? !readOnlyEdgeIds.has(change.id) : true);
+            if (allowed.length > 0) onEdgesChange(allowed);
+        };
+        return guarded;
+    }, [
+        onEdgesChange,
+        readOnlyEdgeIds
+    ]);
+    const { guardedIsValidConnection, guardedOnConnect, guardedOnReconnect, guardedOnReconnectEnd } = (0, external_useReadOnlyConnectionCallbacks_cjs_namespaceObject.useReadOnlyConnectionCallbacks)({
+        readOnlyNodeIds: stableReadOnlyNodeIds,
+        isValidConnection,
+        onConnect,
+        onReconnect,
+        onReconnectEnd
+    });
     const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
     const { isReady } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useAutoLayout)(nodes, initialAutoLayout, fitViewOptions);
     const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
@@ -96,6 +116,7 @@ const BaseCanvasInnerComponent = (props)=>{
             colorMode: '',
             nodes: nodes,
             edges: edges,
+            isValidConnection: guardedIsValidConnection,
             nodeTypes: nodeTypes,
             edgeTypes: edgeTypes,
             fitViewOptions: fitViewOptions,
@@ -121,9 +142,12 @@ const BaseCanvasInnerComponent = (props)=>{
             panOnDrag: isInteractive ? external_BaseCanvas_constants_cjs_namespaceObject.PAN_ON_DRAG : false,
             onInit: handleInit,
             onNodesChange: isInteractive ? handleNodesChange : void 0,
-            onEdgesChange: isInteractive ? onEdgesChange : void 0,
+            onEdgesChange: isInteractive ? handleEdgesChange : void 0,
             onBeforeDelete: guardedBeforeDelete,
-            onConnect: isDesignMode ? onConnect : void 0,
+            onConnect: isDesignMode ? guardedOnConnect : void 0,
+            onReconnect: isDesignMode ? guardedOnReconnect : void 0,
+            onReconnectStart: isDesignMode ? onReconnectStart : void 0,
+            onReconnectEnd: isDesignMode ? guardedOnReconnectEnd : void 0,
             onConnectStart: isDesignMode ? onConnectStart : void 0,
             onConnectEnd: isDesignMode ? onConnectEnd : void 0,
             onNodeClick: isInteractive ? onNodeClick : void 0,

package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,IAAI,EACJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAqOzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
+{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,IAAI,EACJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAwQzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.cjs

@@ -28,11 +28,14 @@ __webpack_require__.d(__webpack_exports__, {
     useMaintainNodesInView: ()=>useMaintainNodesInView,
     useEnsureNodesInView: ()=>useEnsureNodesInView,
     useReadOnlyBeforeDelete: ()=>useReadOnlyBeforeDelete,
+    useReadOnlyEdgeIds: ()=>useReadOnlyEdgeIds,
     useFitView: ()=>useFitView
 });
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_BaseCanvas_constants_cjs_namespaceObject = require("./BaseCanvas.constants.cjs");
+const external_ReadOnlyNodesContext_cjs_namespaceObject = require("./ReadOnlyNodesContext.cjs");
+const external_set_utils_cjs_namespaceObject = require("./set-utils.cjs");
 const waitForNodeMeasurements = (getNodes)=>new Promise((resolve)=>{
         const startTime = Date.now();
         const timeoutInMs = 500;
@@ -254,12 +257,14 @@ function useReadOnlyBeforeDelete(readOnlyNodeIds, onBeforeDelete) {
             const vetoedNodeIds = new Set();
             const deletedNodeIds = new Set();
             for (const node of candidate.nodes)(readOnlyNodeIds.has(node.id) ? vetoedNodeIds : deletedNodeIds).add(node.id);
-            if (0 === vetoedNodeIds.size) return candidate;
             const touchesVetoedNode = (edge)=>vetoedNodeIds.has(edge.source) || vetoedNodeIds.has(edge.target);
             const touchesDeletedNode = (edge)=>deletedNodeIds.has(edge.source) || deletedNodeIds.has(edge.target);
+            const isFrozen = (edge)=>(0, external_ReadOnlyNodesContext_cjs_namespaceObject.isConnectionReadOnly)(readOnlyNodeIds, edge.source, edge.target);
+            const keptEdges = candidate.edges.filter((edge)=>!isFrozen(edge) && (!touchesVetoedNode(edge) || touchesDeletedNode(edge)));
+            if (0 === vetoedNodeIds.size && keptEdges.length === candidate.edges.length) return candidate;
             return {
                 nodes: candidate.nodes.filter((node)=>!vetoedNodeIds.has(node.id)),
-                edges: candidate.edges.filter((edge)=>!touchesVetoedNode(edge) || touchesDeletedNode(edge))
+                edges: keptEdges
             };
         };
     }, [
@@ -267,17 +272,30 @@ function useReadOnlyBeforeDelete(readOnlyNodeIds, onBeforeDelete) {
         onBeforeDelete
     ]);
 }
+function useReadOnlyEdgeIds(edges, readOnlyNodeIds) {
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        if (0 === readOnlyNodeIds.size) return external_set_utils_cjs_namespaceObject.EMPTY_SET;
+        const frozen = new Set();
+        for (const edge of edges)if ((0, external_ReadOnlyNodesContext_cjs_namespaceObject.isConnectionReadOnly)(readOnlyNodeIds, edge.source, edge.target)) frozen.add(edge.id);
+        return 0 === frozen.size ? external_set_utils_cjs_namespaceObject.EMPTY_SET : frozen;
+    }, [
+        edges,
+        readOnlyNodeIds
+    ]);
+}
 exports.useAutoLayout = __webpack_exports__.useAutoLayout;
 exports.useEnsureNodesInView = __webpack_exports__.useEnsureNodesInView;
 exports.useFitView = __webpack_exports__.useFitView;
 exports.useMaintainNodesInView = __webpack_exports__.useMaintainNodesInView;
 exports.useReadOnlyBeforeDelete = __webpack_exports__.useReadOnlyBeforeDelete;
+exports.useReadOnlyEdgeIds = __webpack_exports__.useReadOnlyEdgeIds;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "useAutoLayout",
     "useEnsureNodesInView",
     "useFitView",
     "useMaintainNodesInView",
-    "useReadOnlyBeforeDelete"
+    "useReadOnlyBeforeDelete",
+    "useReadOnlyEdgeIds"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.d.ts

@@ -13,4 +13,5 @@ export declare const useEnsureNodesInView: () => {
 };
 export declare const useMaintainNodesInView: (nodeIds?: string[], fitViewOptions?: BaseCanvasFitViewOptions) => void;
 export declare function useReadOnlyBeforeDelete<NodeType extends Node, EdgeType extends Edge>(readOnlyNodeIds: ReadonlySet<string>, onBeforeDelete: OnBeforeDelete<NodeType, EdgeType> | undefined): OnBeforeDelete<NodeType, EdgeType> | undefined;
+export declare function useReadOnlyEdgeIds<EdgeType extends Edge>(edges: EdgeType[], readOnlyNodeIds: ReadonlySet<string>): ReadonlySet<string>;
 //# sourceMappingURL=BaseCanvas.hooks.d.ts.map

package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.hooks.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAI3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAqB7F,eAAO,MAAM,aAAa,GACxB,OAAO,IAAI,EAAE,GAAG,SAAS,EACzB,oBAAoB,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,EAC9C,iBAAiB,wBAAwB;;CA+E1C,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,QAAQ,IAAI,EAAE,EACd,QAAQ,MAAM,EACd,iBAAiB,wBAAwB;;CAgC1C,CAAC;AAEF,eAAO,MAAM,oBAAoB;iCAInB,MAAM,EAAE,YAAY,wBAAwB;qCA4B3C,wBAAwB;yBAqB1B,MAAM,YAAY,wBAAwB;CAgCtD,CAAC;AAqCF,eAAO,MAAM,sBAAsB,GACjC,UAAU,MAAM,EAAE,EAClB,iBAAiB,wBAAwB,SAuE1C,CAAC;AAiBF,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,IAAI,EAAE,QAAQ,SAAS,IAAI,EAClF,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,EACpC,cAAc,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,GAC7D,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CA+BhD"}
+{"version":3,"file":"BaseCanvas.hooks.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAI3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAuB7F,eAAO,MAAM,aAAa,GACxB,OAAO,IAAI,EAAE,GAAG,SAAS,EACzB,oBAAoB,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,EAC9C,iBAAiB,wBAAwB;;CA+E1C,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,QAAQ,IAAI,EAAE,EACd,QAAQ,MAAM,EACd,iBAAiB,wBAAwB;;CAgC1C,CAAC;AAEF,eAAO,MAAM,oBAAoB;iCAInB,MAAM,EAAE,YAAY,wBAAwB;qCA4B3C,wBAAwB;yBAqB1B,MAAM,YAAY,wBAAwB;CAgCtD,CAAC;AAqCF,eAAO,MAAM,sBAAsB,GACjC,UAAU,MAAM,EAAE,EAClB,iBAAiB,wBAAwB,SAuE1C,CAAC;AA2BF,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,IAAI,EAAE,QAAQ,SAAS,IAAI,EAClF,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,EACpC,cAAc,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,GAC7D,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAqChD;AAMD,wBAAgB,kBAAkB,CAAC,QAAQ,SAAS,IAAI,EACtD,KAAK,EAAE,QAAQ,EAAE,EACjB,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,GACnC,WAAW,CAAC,MAAM,CAAC,CAWrB"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.js

@@ -1,6 +1,8 @@
 import { useReactFlow, useStoreApi } from "../../xyflow/react.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { BASE_CANVAS_DEFAULTS, FIT_VIEW_DELAY_MS } from "./BaseCanvas.constants.js";
+import { isConnectionReadOnly } from "./ReadOnlyNodesContext.js";
+import { EMPTY_SET } from "./set-utils.js";
 const waitForNodeMeasurements = (getNodes)=>new Promise((resolve)=>{
         const startTime = Date.now();
         const timeoutInMs = 500;
@@ -222,12 +224,14 @@ function useReadOnlyBeforeDelete(readOnlyNodeIds, onBeforeDelete) {
             const vetoedNodeIds = new Set();
             const deletedNodeIds = new Set();
             for (const node of candidate.nodes)(readOnlyNodeIds.has(node.id) ? vetoedNodeIds : deletedNodeIds).add(node.id);
-            if (0 === vetoedNodeIds.size) return candidate;
             const touchesVetoedNode = (edge)=>vetoedNodeIds.has(edge.source) || vetoedNodeIds.has(edge.target);
             const touchesDeletedNode = (edge)=>deletedNodeIds.has(edge.source) || deletedNodeIds.has(edge.target);
+            const isFrozen = (edge)=>isConnectionReadOnly(readOnlyNodeIds, edge.source, edge.target);
+            const keptEdges = candidate.edges.filter((edge)=>!isFrozen(edge) && (!touchesVetoedNode(edge) || touchesDeletedNode(edge)));
+            if (0 === vetoedNodeIds.size && keptEdges.length === candidate.edges.length) return candidate;
             return {
                 nodes: candidate.nodes.filter((node)=>!vetoedNodeIds.has(node.id)),
-                edges: candidate.edges.filter((edge)=>!touchesVetoedNode(edge) || touchesDeletedNode(edge))
+                edges: keptEdges
             };
         };
     }, [
@@ -235,4 +239,15 @@ function useReadOnlyBeforeDelete(readOnlyNodeIds, onBeforeDelete) {
         onBeforeDelete
     ]);
 }
-export { useAutoLayout, useEnsureNodesInView, useFitView, useMaintainNodesInView, useReadOnlyBeforeDelete };
+function useReadOnlyEdgeIds(edges, readOnlyNodeIds) {
+    return useMemo(()=>{
+        if (0 === readOnlyNodeIds.size) return EMPTY_SET;
+        const frozen = new Set();
+        for (const edge of edges)if (isConnectionReadOnly(readOnlyNodeIds, edge.source, edge.target)) frozen.add(edge.id);
+        return 0 === frozen.size ? EMPTY_SET : frozen;
+    }, [
+        edges,
+        readOnlyNodeIds
+    ]);
+}
+export { useAutoLayout, useEnsureNodesInView, useFitView, useMaintainNodesInView, useReadOnlyBeforeDelete, useReadOnlyEdgeIds };

package/dist/canvas/components/BaseCanvas/BaseCanvas.js

@@ -3,18 +3,20 @@ import { ConnectionMode, ReactFlow } from "../../xyflow/react.js";
 import { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useState } from "react";
 import { useToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
 import { BASE_CANVAS_DEFAULTS, PAN_ON_DRAG } from "./BaseCanvas.constants.js";
-import { useAutoLayout, useEnsureNodesInView, useMaintainNodesInView, useReadOnlyBeforeDelete } from "./BaseCanvas.hooks.js";
+import { useAutoLayout, useEnsureNodesInView, useMaintainNodesInView, useReadOnlyBeforeDelete, useReadOnlyEdgeIds } from "./BaseCanvas.hooks.js";
 import { CanvasBackground } from "./CanvasBackground.js";
 import { CanvasProviders } from "./CanvasProviders.js";
 import { PanShortcutTeachingUI } from "./PanShortcutTeachingUI.js";
 import { useStableNodeIdSet } from "./ReadOnlyNodesContext.js";
+import { useReadOnlyConnectionCallbacks } from "./useReadOnlyConnectionCallbacks.js";
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
-    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', readOnlyNodeIds, showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, stickyNoteOptions, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, onBeforeDelete, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
+    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', readOnlyNodeIds, showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, stickyNoteOptions, onNodesChange, onEdgesChange, onConnect, onReconnect, onReconnectStart, onReconnectEnd, onConnectStart, onConnectEnd, isValidConnection, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, onBeforeDelete, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
     const isInteractive = 'readonly' !== mode;
     const isDesignMode = 'design' === mode;
     const stableReadOnlyNodeIds = useStableNodeIdSet(readOnlyNodeIds);
+    const readOnlyEdgeIds = useReadOnlyEdgeIds(edges, stableReadOnlyNodeIds);
     const guardedBeforeDelete = useReadOnlyBeforeDelete(stableReadOnlyNodeIds, onBeforeDelete);
     const handleNodesChange = useMemo(()=>{
         if (!onNodesChange || 0 === stableReadOnlyNodeIds.size) return onNodesChange;
@@ -27,6 +29,24 @@ const BaseCanvasInnerComponent = (props)=>{
         onNodesChange,
         stableReadOnlyNodeIds
     ]);
+    const handleEdgesChange = useMemo(()=>{
+        if (!onEdgesChange || 0 === readOnlyEdgeIds.size) return onEdgesChange;
+        const guarded = (changes)=>{
+            const allowed = changes.filter((change)=>'remove' === change.type ? !readOnlyEdgeIds.has(change.id) : true);
+            if (allowed.length > 0) onEdgesChange(allowed);
+        };
+        return guarded;
+    }, [
+        onEdgesChange,
+        readOnlyEdgeIds
+    ]);
+    const { guardedIsValidConnection, guardedOnConnect, guardedOnReconnect, guardedOnReconnectEnd } = useReadOnlyConnectionCallbacks({
+        readOnlyNodeIds: stableReadOnlyNodeIds,
+        isValidConnection,
+        onConnect,
+        onReconnect,
+        onReconnectEnd
+    });
     const [reactFlowInstance, setReactFlowInstance] = useState();
     const { isReady } = useAutoLayout(nodes, initialAutoLayout, fitViewOptions);
     const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
@@ -68,6 +88,7 @@ const BaseCanvasInnerComponent = (props)=>{
             colorMode: '',
             nodes: nodes,
             edges: edges,
+            isValidConnection: guardedIsValidConnection,
             nodeTypes: nodeTypes,
             edgeTypes: edgeTypes,
             fitViewOptions: fitViewOptions,
@@ -93,9 +114,12 @@ const BaseCanvasInnerComponent = (props)=>{
             panOnDrag: isInteractive ? PAN_ON_DRAG : false,
             onInit: handleInit,
             onNodesChange: isInteractive ? handleNodesChange : void 0,
-            onEdgesChange: isInteractive ? onEdgesChange : void 0,
+            onEdgesChange: isInteractive ? handleEdgesChange : void 0,
             onBeforeDelete: guardedBeforeDelete,
-            onConnect: isDesignMode ? onConnect : void 0,
+            onConnect: isDesignMode ? guardedOnConnect : void 0,
+            onReconnect: isDesignMode ? guardedOnReconnect : void 0,
+            onReconnectStart: isDesignMode ? onReconnectStart : void 0,
+            onReconnectEnd: isDesignMode ? guardedOnReconnectEnd : void 0,
             onConnectStart: isDesignMode ? onConnectStart : void 0,
             onConnectEnd: isDesignMode ? onConnectEnd : void 0,
             onNodeClick: isInteractive ? onNodeClick : void 0,

package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    createConnectionComparisonNodes: ()=>createConnectionComparisonNodes
+});
+const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const index_cjs_namespaceObject = require("../../storybook-utils/index.cjs");
+function createConnectionComparisonNodes() {
+    return [
+        (0, index_cjs_namespaceObject.createNode)({
+            id: 'connection-source',
+            type: 'uipath.blank-node',
+            position: {
+                x: 0,
+                y: 0
+            },
+            display: {
+                label: 'Submit expense'
+            },
+            handleConfigurations: [
+                {
+                    position: react_cjs_namespaceObject.Position.Right,
+                    handles: [
+                        {
+                            id: `out-${react_cjs_namespaceObject.Position.Right}`,
+                            type: 'source',
+                            handleType: 'output'
+                        }
+                    ]
+                }
+            ]
+        }),
+        (0, index_cjs_namespaceObject.createNode)({
+            id: 'connection-target',
+            type: 'uipath.blank-node',
+            position: {
+                x: 320,
+                y: 0
+            },
+            display: {
+                label: 'Review expense'
+            },
+            handleConfigurations: [
+                {
+                    position: react_cjs_namespaceObject.Position.Left,
+                    handles: [
+                        {
+                            id: `in-${react_cjs_namespaceObject.Position.Left}`,
+                            type: 'target',
+                            handleType: 'input'
+                        }
+                    ]
+                }
+            ]
+        })
+    ];
+}
+exports.createConnectionComparisonNodes = __webpack_exports__.createConnectionComparisonNodes;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createConnectionComparisonNodes"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.d.ts

@@ -0,0 +1,4 @@
+import type { Node } from '../../xyflow/react.ts';
+import type { BaseNodeData } from '../BaseNode/BaseNode.types';
+export declare function createConnectionComparisonNodes(): Node<BaseNodeData>[];
+//# sourceMappingURL=BaseCanvas.stories.fixtures.d.ts.map

package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCanvas.stories.fixtures.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAGrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,wBAAgB,+BAA+B,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,CAuCtE"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.js

@@ -0,0 +1,53 @@
+import { Position } from "../../xyflow/react.js";
+import { createNode } from "../../storybook-utils/index.js";
+function createConnectionComparisonNodes() {
+    return [
+        createNode({
+            id: 'connection-source',
+            type: 'uipath.blank-node',
+            position: {
+                x: 0,
+                y: 0
+            },
+            display: {
+                label: 'Submit expense'
+            },
+            handleConfigurations: [
+                {
+                    position: Position.Right,
+                    handles: [
+                        {
+                            id: `out-${Position.Right}`,
+                            type: 'source',
+                            handleType: 'output'
+                        }
+                    ]
+                }
+            ]
+        }),
+        createNode({
+            id: 'connection-target',
+            type: 'uipath.blank-node',
+            position: {
+                x: 320,
+                y: 0
+            },
+            display: {
+                label: 'Review expense'
+            },
+            handleConfigurations: [
+                {
+                    position: Position.Left,
+                    handles: [
+                        {
+                            id: `in-${Position.Left}`,
+                            type: 'target',
+                            handleType: 'input'
+                        }
+                    ]
+                }
+            ]
+        })
+    ];
+}
+export { createConnectionComparisonNodes };

package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAMtF,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAuBtC,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,CAAC;IAM1D,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAO5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
+{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAMtF,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAiCtC,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,CAAC;IAM1D,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAO5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}

package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.cjs

@@ -24,9 +24,12 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    useStableNodeIdSet: ()=>useStableNodeIdSet,
+    isConnectionReadOnly: ()=>isConnectionReadOnly,
     useIsNodeReadOnly: ()=>useIsNodeReadOnly,
     ReadOnlyNodesProvider: ()=>ReadOnlyNodesProvider,
-    useStableNodeIdSet: ()=>useStableNodeIdSet
+    useIsConnectionReadOnly: ()=>useIsConnectionReadOnly,
+    useReadOnlyConnectionCheck: ()=>useReadOnlyConnectionCheck
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
@@ -35,8 +38,8 @@ const external_set_utils_cjs_namespaceObject = require("./set-utils.cjs");
 class ReadOnlyNodesStore {
     ids;
     listeners = new Map();
-    constructor(initial = external_set_utils_cjs_namespaceObject.EMPTY_SET){
-        this.ids = 0 === initial.size ? external_set_utils_cjs_namespaceObject.EMPTY_SET : new Set(initial);
+    constructor(initialIds = external_set_utils_cjs_namespaceObject.EMPTY_SET){
+        this.ids = 0 === initialIds.size ? external_set_utils_cjs_namespaceObject.EMPTY_SET : new Set(initialIds);
     }
     subscribe(nodeId, listener) {
         let nodeListeners = this.listeners.get(nodeId);
@@ -53,6 +56,9 @@ class ReadOnlyNodesStore {
     isReadOnly(nodeId) {
         return this.ids.has(nodeId);
     }
+    isConnectionReadOnly(source, target) {
+        return isConnectionReadOnly(this.ids, source, target);
+    }
     update(next) {
         const prev = this.ids;
         if ((0, external_set_utils_cjs_namespaceObject.setsEqual)(prev, next)) return;
@@ -73,6 +79,10 @@ function useStableNodeIdSet(ids) {
     if (!(0, external_set_utils_cjs_namespaceObject.setsEqual)(ref.current, next)) ref.current = 0 === next.size ? external_set_utils_cjs_namespaceObject.EMPTY_SET : new Set(next);
     return ref.current;
 }
+function isConnectionReadOnly(readOnlyNodeIds, source, target) {
+    if (0 === readOnlyNodeIds.size || !source || !target) return false;
+    return readOnlyNodeIds.has(source) && readOnlyNodeIds.has(target);
+}
 const ReadOnlyNodesProvider = ({ children, readOnlyNodeIds })=>{
     const storeRef = (0, external_react_namespaceObject.useRef)(void 0);
     if (!storeRef.current) storeRef.current = new ReadOnlyNodesStore(readOnlyNodeIds);
@@ -98,12 +108,29 @@ function useIsNodeReadOnly(nodeId) {
     ]);
     return (0, external_react_namespaceObject.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 }
+function useIsConnectionReadOnly(source, target) {
+    const sourceReadOnly = useIsNodeReadOnly(source ?? '');
+    const targetReadOnly = useIsNodeReadOnly(target ?? '');
+    return !!source && !!target && sourceReadOnly && targetReadOnly;
+}
+function useReadOnlyConnectionCheck() {
+    const store = (0, external_react_namespaceObject.useContext)(ReadOnlyNodesContext);
+    return (0, external_react_namespaceObject.useCallback)((source, target)=>store?.isConnectionReadOnly(source, target) ?? false, [
+        store
+    ]);
+}
 exports.ReadOnlyNodesProvider = __webpack_exports__.ReadOnlyNodesProvider;
+exports.isConnectionReadOnly = __webpack_exports__.isConnectionReadOnly;
+exports.useIsConnectionReadOnly = __webpack_exports__.useIsConnectionReadOnly;
 exports.useIsNodeReadOnly = __webpack_exports__.useIsNodeReadOnly;
+exports.useReadOnlyConnectionCheck = __webpack_exports__.useReadOnlyConnectionCheck;
 exports.useStableNodeIdSet = __webpack_exports__.useStableNodeIdSet;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ReadOnlyNodesProvider",
+    "isConnectionReadOnly",
+    "useIsConnectionReadOnly",
     "useIsNodeReadOnly",
+    "useReadOnlyConnectionCheck",
     "useStableNodeIdSet"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.d.ts

@@ -1,7 +1,10 @@
 import type React from 'react';
 export declare function useStableNodeIdSet(ids: ReadonlySet<string> | readonly string[] | undefined): ReadonlySet<string>;
+export declare function isConnectionReadOnly(readOnlyNodeIds: ReadonlySet<string>, source: string | null | undefined, target: string | null | undefined): boolean;
 export declare const ReadOnlyNodesProvider: React.FC<React.PropsWithChildren<{
     readOnlyNodeIds?: ReadonlySet<string>;
 }>>;
 export declare function useIsNodeReadOnly(nodeId: string): boolean;
+export declare function useIsConnectionReadOnly(source: string | null | undefined, target: string | null | undefined): boolean;
+export declare function useReadOnlyConnectionCheck(): (source: string | null | undefined, target: string | null | undefined) => boolean;
 //# sourceMappingURL=ReadOnlyNodesContext.d.ts.map

package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyNodesContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/ReadOnlyNodesContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuF/B,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,GACvD,WAAW,CAAC,MAAM,CAAC,CASrB;AAMD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C,KAAK,CAAC,iBAAiB,CAAC;IAAE,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,CAoBnE,CAAC;AAOF,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAUzD"}
+{"version":3,"file":"ReadOnlyNodesContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/ReadOnlyNodesContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8F/B,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,GACvD,WAAW,CAAC,MAAM,CAAC,CASrB;AAMD,wBAAgB,oBAAoB,CAClC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,EACpC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAChC,OAAO,CAGT;AAMD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C,KAAK,CAAC,iBAAiB,CAAC;IAAE,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,CAoBnE,CAAC;AAOF,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAUzD;AAMD,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAChC,OAAO,CAIT;AAMD,wBAAgB,0BAA0B,aAI7B,MAAM,GAAG,IAAI,GAAG,SAAS,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,aAIxE"}

package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.js

@@ -5,8 +5,8 @@ import { EMPTY_SET, setsEqual } from "./set-utils.js";
 class ReadOnlyNodesStore {
     ids;
     listeners = new Map();
-    constructor(initial = EMPTY_SET){
-        this.ids = 0 === initial.size ? EMPTY_SET : new Set(initial);
+    constructor(initialIds = EMPTY_SET){
+        this.ids = 0 === initialIds.size ? EMPTY_SET : new Set(initialIds);
     }
     subscribe(nodeId, listener) {
         let nodeListeners = this.listeners.get(nodeId);
@@ -23,6 +23,9 @@ class ReadOnlyNodesStore {
     isReadOnly(nodeId) {
         return this.ids.has(nodeId);
     }
+    isConnectionReadOnly(source, target) {
+        return isConnectionReadOnly(this.ids, source, target);
+    }
     update(next) {
         const prev = this.ids;
         if (setsEqual(prev, next)) return;
@@ -43,6 +46,10 @@ function useStableNodeIdSet(ids) {
     if (!setsEqual(ref.current, next)) ref.current = 0 === next.size ? EMPTY_SET : new Set(next);
     return ref.current;
 }
+function isConnectionReadOnly(readOnlyNodeIds, source, target) {
+    if (0 === readOnlyNodeIds.size || !source || !target) return false;
+    return readOnlyNodeIds.has(source) && readOnlyNodeIds.has(target);
+}
 const ReadOnlyNodesProvider = ({ children, readOnlyNodeIds })=>{
     const storeRef = useRef(void 0);
     if (!storeRef.current) storeRef.current = new ReadOnlyNodesStore(readOnlyNodeIds);
@@ -68,4 +75,15 @@ function useIsNodeReadOnly(nodeId) {
     ]);
     return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
-export { ReadOnlyNodesProvider, useIsNodeReadOnly, useStableNodeIdSet };
+function useIsConnectionReadOnly(source, target) {
+    const sourceReadOnly = useIsNodeReadOnly(source ?? '');
+    const targetReadOnly = useIsNodeReadOnly(target ?? '');
+    return !!source && !!target && sourceReadOnly && targetReadOnly;
+}
+function useReadOnlyConnectionCheck() {
+    const store = useContext(ReadOnlyNodesContext);
+    return useCallback((source, target)=>store?.isConnectionReadOnly(source, target) ?? false, [
+        store
+    ]);
+}
+export { ReadOnlyNodesProvider, isConnectionReadOnly, useIsConnectionReadOnly, useIsNodeReadOnly, useReadOnlyConnectionCheck, useStableNodeIdSet };