@uipath/apollo-react 4.13.0-pr556.e4e2855 → 4.13.1

package/dist/canvas/utils/{createPreviewGraph.cjs → createPreviewNode.cjs}

@@ -24,46 +24,13 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    applyPreviewToReactFlow: ()=>applyPreviewToReactFlow,
     removePreviewFromReactFlow: ()=>removePreviewFromReactFlow,
-    applyPreviewGraphToReactFlow: ()=>applyPreviewGraphToReactFlow,
-    PREVIEW_EDGE_STYLE: ()=>PREVIEW_EDGE_STYLE,
-    createPreviewGraph: ()=>createPreviewGraph,
-    reparentPreviewNodeToContainer: ()=>reparentPreviewNodeToContainer,
-    showPreviewGraph: ()=>showPreviewGraph,
-    getOppositePosition: ()=>getOppositePosition,
-    inferParentId: ()=>inferParentId
+    createPreviewNode: ()=>createPreviewNode
 });
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
 const external_NodeUtils_cjs_namespaceObject = require("./NodeUtils.cjs");
-const PREVIEW_EDGE_STYLE = {
-    strokeDasharray: '5,5',
-    opacity: 0.8,
-    stroke: 'var(--canvas-selection-indicator)',
-    strokeWidth: 2
-};
-function inferParentId(sourceId, targetId, nodes) {
-    const sourceNode = nodes.find((node)=>node.id === sourceId);
-    const targetNode = nodes.find((node)=>node.id === targetId);
-    if (!sourceNode || !targetNode) return;
-    if (sourceNode.parentId && sourceNode.parentId === targetNode.parentId) return sourceNode.parentId;
-    if (targetNode.parentId && targetNode.parentId === sourceNode.id) return sourceNode.id;
-    if (sourceNode.parentId && sourceNode.parentId === targetNode.id) return targetNode.id;
-}
-function reparentPreviewNodeToContainer(previewNode, containerId, reactFlowInstance) {
-    const containerNode = reactFlowInstance.getNode(containerId);
-    if (!containerNode) return null;
-    const containerAbsolutePosition = (0, external_NodeUtils_cjs_namespaceObject.getAbsolutePosition)(containerNode, reactFlowInstance.getNodes());
-    return {
-        ...previewNode,
-        position: {
-            x: previewNode.position.x - containerAbsolutePosition.x,
-            y: previewNode.position.y - containerAbsolutePosition.y
-        },
-        parentId: containerId,
-        extent: 'parent'
-    };
-}
 function getOppositePosition(position) {
     switch(position){
         case react_cjs_namespaceObject.Position.Left:
@@ -107,12 +74,6 @@ function calculatePositionFromDrop(dropPosition, handlePosition, previewNodeSize
             };
     }
 }
-function calculateCenteredPosition(centerPosition, previewNodeSize) {
-    return {
-        x: centerPosition.x - previewNodeSize.width / 2,
-        y: centerPosition.y - previewNodeSize.height / 2
-    };
-}
 function computeSpreadOffset(handle, size) {
     const index = handle?.index ?? null;
     const count = handle?.count ?? 1;
@@ -175,10 +136,10 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
     };
     return (0, external_NodeUtils_cjs_namespaceObject.getNonOverlappingPositionForDirection)(nodesWithAbsolutePositions, initialPosition, previewNodeSize, direction, offset, ignoredNodeTypes, overflowDirection);
 }
-function createPreviewNode({ sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
+function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
     width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
     height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
-}, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = [], positionMode = 'drop' }) {
+}, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = []) {
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) {
         console.warn(`Source node ${sourceNodeId} not found`);
@@ -188,74 +149,49 @@ function createPreviewNode({ sourceNodeId, sourceHandleId, reactFlowInstance, po
     const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
     const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
     const handle = internalNode ? (0, external_NodeUtils_cjs_namespaceObject.resolveHandleContext)(internalNode, sourceHandleId, handlePosition) : void 0;
-    const previewPosition = position ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
+    const nodePosition = position ? calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
     const handleFacingSource = getOppositePosition(handlePosition);
-    const previewData = {
+    const finalData = {
         ...data ?? {}
     };
-    previewData.inputHandlePosition = treatPreviewAsSource ? handlePosition : handleFacingSource;
-    previewData.outputHandlePosition = treatPreviewAsSource ? handleFacingSource : handlePosition;
-    const node = {
+    finalData.inputHandlePosition = treatPreviewAsSource ? handlePosition : handleFacingSource;
+    finalData.outputHandlePosition = treatPreviewAsSource ? handleFacingSource : handlePosition;
+    const previewNode = {
         id: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
         type: 'preview',
-        position: previewPosition,
+        position: nodePosition,
         ...previewNodeSize,
         selected: true,
-        data: previewData
+        data: finalData
     };
-    const edge = {
+    const previewSourceAndTargetData = treatPreviewAsSource ? {
+        source: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
+        sourceHandle: 'output',
+        target: sourceNodeId,
+        targetHandle: sourceHandleId
+    } : {
+        source: sourceNodeId,
+        sourceHandle: sourceHandleId,
+        target: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
+        targetHandle: 'input'
+    };
+    const previewEdge = {
         id: external_constants_cjs_namespaceObject.PREVIEW_EDGE_ID,
-        ...treatPreviewAsSource ? {
-            source: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
-            sourceHandle: external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID,
-            target: sourceNodeId,
-            targetHandle: sourceHandleId
-        } : {
-            source: sourceNodeId,
-            sourceHandle: sourceHandleId,
-            target: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
-            targetHandle: external_constants_cjs_namespaceObject.DEFAULT_TARGET_HANDLE_ID
-        },
+        ...previewSourceAndTargetData,
         type: 'default',
-        style: PREVIEW_EDGE_STYLE
+        style: {
+            strokeDasharray: '5,5',
+            opacity: 0.8,
+            stroke: 'var(--canvas-selection-indicator)',
+            strokeWidth: 2
+        }
     };
     return {
-        sourceNode,
-        node,
-        edge
+        node: previewNode,
+        edge: previewEdge
     };
 }
-function createPreviewGraph(options) {
-    const { reactFlowInstance, targetNodeId, targetHandleId, containerId, removedEdgeIds, trailingEdgeId, trailingEdgeStyle = PREVIEW_EDGE_STYLE } = options;
-    const preview = createPreviewNode(options);
-    if (!preview) return null;
-    const resolvedContainerId = containerId ?? preview.sourceNode.parentId;
-    const finalPreviewNode = resolvedContainerId ? reparentPreviewNodeToContainer(preview.node, resolvedContainerId, reactFlowInstance) : preview.node;
-    if (!finalPreviewNode) return null;
-    const edges = [
-        preview.edge
-    ];
-    if (targetNodeId) edges.push({
-        id: trailingEdgeId ?? `${external_constants_cjs_namespaceObject.PREVIEW_NODE_ID}-${targetNodeId}`,
-        source: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
-        sourceHandle: external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID,
-        target: targetNodeId,
-        targetHandle: targetHandleId,
-        type: 'default',
-        style: trailingEdgeStyle
-    });
-    return {
-        node: finalPreviewNode,
-        edges,
-        removedEdgeIds
-    };
-}
-function showPreviewGraph(options) {
-    const preview = createPreviewGraph(options);
-    if (preview) applyPreviewGraphToReactFlow(preview, options.reactFlowInstance);
-    return preview;
-}
-function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
+function applyPreviewToReactFlow(preview, reactFlowInstance) {
     setTimeout(()=>{
         reactFlowInstance.setNodes((nodes)=>[
                 ...nodes.filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID).map((n)=>({
@@ -265,32 +201,22 @@ function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
                 preview.node
             ]);
         reactFlowInstance.setEdges((edges)=>[
-                ...edges.filter((edge)=>edge.source !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && edge.target !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && !preview.removedEdgeIds?.includes(edge.id)),
-                ...preview.edges
+                ...edges.filter((e)=>e.id !== external_constants_cjs_namespaceObject.PREVIEW_EDGE_ID),
+                preview.edge
             ]);
     }, 0);
 }
 function removePreviewFromReactFlow(reactFlowInstance) {
     reactFlowInstance.setNodes((nodes)=>nodes.filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID));
-    reactFlowInstance.setEdges((edges)=>edges.filter((edge)=>edge.source !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && edge.target !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID));
+    reactFlowInstance.setEdges((edges)=>edges.filter((e)=>e.id !== external_constants_cjs_namespaceObject.PREVIEW_EDGE_ID));
 }
-exports.PREVIEW_EDGE_STYLE = __webpack_exports__.PREVIEW_EDGE_STYLE;
-exports.applyPreviewGraphToReactFlow = __webpack_exports__.applyPreviewGraphToReactFlow;
-exports.createPreviewGraph = __webpack_exports__.createPreviewGraph;
-exports.getOppositePosition = __webpack_exports__.getOppositePosition;
-exports.inferParentId = __webpack_exports__.inferParentId;
+exports.applyPreviewToReactFlow = __webpack_exports__.applyPreviewToReactFlow;
+exports.createPreviewNode = __webpack_exports__.createPreviewNode;
 exports.removePreviewFromReactFlow = __webpack_exports__.removePreviewFromReactFlow;
-exports.reparentPreviewNodeToContainer = __webpack_exports__.reparentPreviewNodeToContainer;
-exports.showPreviewGraph = __webpack_exports__.showPreviewGraph;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "PREVIEW_EDGE_STYLE",
-    "applyPreviewGraphToReactFlow",
-    "createPreviewGraph",
-    "getOppositePosition",
-    "inferParentId",
-    "removePreviewFromReactFlow",
-    "reparentPreviewNodeToContainer",
-    "showPreviewGraph"
+    "applyPreviewToReactFlow",
+    "createPreviewNode",
+    "removePreviewFromReactFlow"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/utils/createPreviewNode.d.ts

@@ -0,0 +1,17 @@
+import { type Edge, type Node, Position, type ReactFlowInstance } from '../xyflow/react.ts';
+export declare function createPreviewNode(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, position?: {
+    x: number;
+    y: number;
+}, data?: Record<string, any>, sourceHandleType?: 'source' | 'target', previewNodeSize?: {
+    width: number;
+    height: number;
+}, handlePosition?: Position, ignoredNodeTypes?: string[]): {
+    node: Node;
+    edge: Edge;
+} | null;
+export declare function applyPreviewToReactFlow(preview: {
+    node: Node;
+    edge: Edge;
+}, reactFlowInstance: ReactFlowInstance): void;
+export declare function removePreviewFromReactFlow(reactFlowInstance: ReactFlowInstance): void;
+//# sourceMappingURL=createPreviewNode.d.ts.map

package/dist/canvas/utils/createPreviewNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAiMlD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,eAAe,GAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAG/C,EACD,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,MAAM,EAAO,GAC9B;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CA2FnC;AAMD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAcN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAGrF"}

package/dist/canvas/utils/{createPreviewGraph.js → createPreviewNode.js}

@@ -1,34 +1,6 @@
 import { Position } from "../xyflow/react.js";
-import { DEFAULT_NODE_SIZE, DEFAULT_SOURCE_HANDLE_ID, DEFAULT_TARGET_HANDLE_ID, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID } from "../constants.js";
+import { DEFAULT_NODE_SIZE, GRID_SPACING, PREVIEW_EDGE_ID, PREVIEW_NODE_ID } from "../constants.js";
 import { getAbsolutePosition, getNonOverlappingPositionForDirection, resolveHandleContext } from "./NodeUtils.js";
-const PREVIEW_EDGE_STYLE = {
-    strokeDasharray: '5,5',
-    opacity: 0.8,
-    stroke: 'var(--canvas-selection-indicator)',
-    strokeWidth: 2
-};
-function inferParentId(sourceId, targetId, nodes) {
-    const sourceNode = nodes.find((node)=>node.id === sourceId);
-    const targetNode = nodes.find((node)=>node.id === targetId);
-    if (!sourceNode || !targetNode) return;
-    if (sourceNode.parentId && sourceNode.parentId === targetNode.parentId) return sourceNode.parentId;
-    if (targetNode.parentId && targetNode.parentId === sourceNode.id) return sourceNode.id;
-    if (sourceNode.parentId && sourceNode.parentId === targetNode.id) return targetNode.id;
-}
-function reparentPreviewNodeToContainer(previewNode, containerId, reactFlowInstance) {
-    const containerNode = reactFlowInstance.getNode(containerId);
-    if (!containerNode) return null;
-    const containerAbsolutePosition = getAbsolutePosition(containerNode, reactFlowInstance.getNodes());
-    return {
-        ...previewNode,
-        position: {
-            x: previewNode.position.x - containerAbsolutePosition.x,
-            y: previewNode.position.y - containerAbsolutePosition.y
-        },
-        parentId: containerId,
-        extent: 'parent'
-    };
-}
 function getOppositePosition(position) {
     switch(position){
         case Position.Left:
@@ -72,12 +44,6 @@ function calculatePositionFromDrop(dropPosition, handlePosition, previewNodeSize
             };
     }
 }
-function calculateCenteredPosition(centerPosition, previewNodeSize) {
-    return {
-        x: centerPosition.x - previewNodeSize.width / 2,
-        y: centerPosition.y - previewNodeSize.height / 2
-    };
-}
 function computeSpreadOffset(handle, size) {
     const index = handle?.index ?? null;
     const count = handle?.count ?? 1;
@@ -140,10 +106,10 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
     };
     return getNonOverlappingPositionForDirection(nodesWithAbsolutePositions, initialPosition, previewNodeSize, direction, offset, ignoredNodeTypes, overflowDirection);
 }
-function createPreviewNode({ sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
+function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
     width: DEFAULT_NODE_SIZE,
     height: DEFAULT_NODE_SIZE
-}, handlePosition = Position.Right, ignoredNodeTypes = [], positionMode = 'drop' }) {
+}, handlePosition = Position.Right, ignoredNodeTypes = []) {
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) {
         console.warn(`Source node ${sourceNodeId} not found`);
@@ -153,74 +119,49 @@ function createPreviewNode({ sourceNodeId, sourceHandleId, reactFlowInstance, po
     const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== PREVIEW_NODE_ID);
     const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
     const handle = internalNode ? resolveHandleContext(internalNode, sourceHandleId, handlePosition) : void 0;
-    const previewPosition = position ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
+    const nodePosition = position ? calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
     const handleFacingSource = getOppositePosition(handlePosition);
-    const previewData = {
+    const finalData = {
         ...data ?? {}
     };
-    previewData.inputHandlePosition = treatPreviewAsSource ? handlePosition : handleFacingSource;
-    previewData.outputHandlePosition = treatPreviewAsSource ? handleFacingSource : handlePosition;
-    const node = {
+    finalData.inputHandlePosition = treatPreviewAsSource ? handlePosition : handleFacingSource;
+    finalData.outputHandlePosition = treatPreviewAsSource ? handleFacingSource : handlePosition;
+    const previewNode = {
         id: PREVIEW_NODE_ID,
         type: 'preview',
-        position: previewPosition,
+        position: nodePosition,
         ...previewNodeSize,
         selected: true,
-        data: previewData
+        data: finalData
     };
-    const edge = {
+    const previewSourceAndTargetData = treatPreviewAsSource ? {
+        source: PREVIEW_NODE_ID,
+        sourceHandle: 'output',
+        target: sourceNodeId,
+        targetHandle: sourceHandleId
+    } : {
+        source: sourceNodeId,
+        sourceHandle: sourceHandleId,
+        target: PREVIEW_NODE_ID,
+        targetHandle: 'input'
+    };
+    const previewEdge = {
         id: PREVIEW_EDGE_ID,
-        ...treatPreviewAsSource ? {
-            source: PREVIEW_NODE_ID,
-            sourceHandle: DEFAULT_SOURCE_HANDLE_ID,
-            target: sourceNodeId,
-            targetHandle: sourceHandleId
-        } : {
-            source: sourceNodeId,
-            sourceHandle: sourceHandleId,
-            target: PREVIEW_NODE_ID,
-            targetHandle: DEFAULT_TARGET_HANDLE_ID
-        },
+        ...previewSourceAndTargetData,
         type: 'default',
-        style: PREVIEW_EDGE_STYLE
+        style: {
+            strokeDasharray: '5,5',
+            opacity: 0.8,
+            stroke: 'var(--canvas-selection-indicator)',
+            strokeWidth: 2
+        }
     };
     return {
-        sourceNode,
-        node,
-        edge
+        node: previewNode,
+        edge: previewEdge
     };
 }
-function createPreviewGraph(options) {
-    const { reactFlowInstance, targetNodeId, targetHandleId, containerId, removedEdgeIds, trailingEdgeId, trailingEdgeStyle = PREVIEW_EDGE_STYLE } = options;
-    const preview = createPreviewNode(options);
-    if (!preview) return null;
-    const resolvedContainerId = containerId ?? preview.sourceNode.parentId;
-    const finalPreviewNode = resolvedContainerId ? reparentPreviewNodeToContainer(preview.node, resolvedContainerId, reactFlowInstance) : preview.node;
-    if (!finalPreviewNode) return null;
-    const edges = [
-        preview.edge
-    ];
-    if (targetNodeId) edges.push({
-        id: trailingEdgeId ?? `${PREVIEW_NODE_ID}-${targetNodeId}`,
-        source: PREVIEW_NODE_ID,
-        sourceHandle: DEFAULT_SOURCE_HANDLE_ID,
-        target: targetNodeId,
-        targetHandle: targetHandleId,
-        type: 'default',
-        style: trailingEdgeStyle
-    });
-    return {
-        node: finalPreviewNode,
-        edges,
-        removedEdgeIds
-    };
-}
-function showPreviewGraph(options) {
-    const preview = createPreviewGraph(options);
-    if (preview) applyPreviewGraphToReactFlow(preview, options.reactFlowInstance);
-    return preview;
-}
-function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
+function applyPreviewToReactFlow(preview, reactFlowInstance) {
     setTimeout(()=>{
         reactFlowInstance.setNodes((nodes)=>[
                 ...nodes.filter((n)=>n.id !== PREVIEW_NODE_ID).map((n)=>({
@@ -230,13 +171,13 @@ function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
                 preview.node
             ]);
         reactFlowInstance.setEdges((edges)=>[
-                ...edges.filter((edge)=>edge.source !== PREVIEW_NODE_ID && edge.target !== PREVIEW_NODE_ID && !preview.removedEdgeIds?.includes(edge.id)),
-                ...preview.edges
+                ...edges.filter((e)=>e.id !== PREVIEW_EDGE_ID),
+                preview.edge
             ]);
     }, 0);
 }
 function removePreviewFromReactFlow(reactFlowInstance) {
     reactFlowInstance.setNodes((nodes)=>nodes.filter((n)=>n.id !== PREVIEW_NODE_ID));
-    reactFlowInstance.setEdges((edges)=>edges.filter((edge)=>edge.source !== PREVIEW_NODE_ID && edge.target !== PREVIEW_NODE_ID));
+    reactFlowInstance.setEdges((edges)=>edges.filter((e)=>e.id !== PREVIEW_EDGE_ID));
 }
-export { PREVIEW_EDGE_STYLE, applyPreviewGraphToReactFlow, createPreviewGraph, getOppositePosition, inferParentId, removePreviewFromReactFlow, reparentPreviewNodeToContainer, showPreviewGraph };
+export { applyPreviewToReactFlow, createPreviewNode, removePreviewFromReactFlow };

package/dist/canvas/utils/index.cjs

@@ -36,8 +36,8 @@ var __webpack_modules__ = {
     "./constraint-validator" (module) {
         module.exports = require("./constraint-validator.cjs");
     },
-    "./createPreviewGraph" (module) {
-        module.exports = require("./createPreviewGraph.cjs");
+    "./createPreviewNode" (module) {
+        module.exports = require("./createPreviewNode.cjs");
     },
     "./export-canvas" (module) {
         module.exports = require("./export-canvas.cjs");
@@ -114,25 +114,25 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _CssUtil__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CssUtil__rspack_import_3[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _coded_agents_d3_layout__rspack_import_4 = __webpack_require__("./coded-agents/d3-layout");
+    var _collapse__rspack_import_4 = __webpack_require__("./collapse");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _coded_agents_d3_layout__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_d3_layout__rspack_import_4[__rspack_import_key];
+    for(const __rspack_import_key in _collapse__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_collapse__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _coded_agents_mermaid_parser__rspack_import_5 = __webpack_require__("./coded-agents/mermaid-parser");
+    var _coded_agents_d3_layout__rspack_import_5 = __webpack_require__("./coded-agents/d3-layout");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _coded_agents_mermaid_parser__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_mermaid_parser__rspack_import_5[__rspack_import_key];
+    for(const __rspack_import_key in _coded_agents_d3_layout__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_d3_layout__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapse__rspack_import_6 = __webpack_require__("./collapse");
+    var _coded_agents_mermaid_parser__rspack_import_6 = __webpack_require__("./coded-agents/mermaid-parser");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _collapse__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_collapse__rspack_import_6[__rspack_import_key];
+    for(const __rspack_import_key in _coded_agents_mermaid_parser__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_coded_agents_mermaid_parser__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _constraint_validator__rspack_import_7 = __webpack_require__("./constraint-validator");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _constraint_validator__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_constraint_validator__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _createPreviewGraph__rspack_import_8 = __webpack_require__("./createPreviewGraph");
+    var _createPreviewNode__rspack_import_8 = __webpack_require__("./createPreviewNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _createPreviewGraph__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_createPreviewGraph__rspack_import_8[__rspack_import_key];
+    for(const __rspack_import_key in _createPreviewNode__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_createPreviewNode__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _export_canvas__rspack_import_9 = __webpack_require__("./export-canvas");
     var __rspack_reexport = {};

package/dist/canvas/utils/index.d.ts

@@ -2,11 +2,11 @@ export * from './ArrayUtil';
 export * from './auto-layout';
 export * from './CanvasEventBus';
 export * from './CssUtil';
+export * from './collapse';
 export * from './coded-agents/d3-layout';
 export * from './coded-agents/mermaid-parser';
-export * from './collapse';
 export * from './constraint-validator';
-export * from './createPreviewGraph';
+export * from './createPreviewNode';
 export * from './export-canvas';
 export * from './GroupModificationUtils';
 export * from './icon-registry';

package/dist/canvas/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/dist/canvas/utils/index.js

@@ -2,11 +2,11 @@ export * from "./ArrayUtil.js";
 export * from "./auto-layout.js";
 export * from "./CanvasEventBus.js";
 export * from "./CssUtil.js";
+export * from "./collapse.js";
 export * from "./coded-agents/d3-layout.js";
 export * from "./coded-agents/mermaid-parser.js";
-export * from "./collapse.js";
 export * from "./constraint-validator.js";
-export * from "./createPreviewGraph.js";
+export * from "./createPreviewNode.js";
 export * from "./export-canvas.js";
 export * from "./GroupModificationUtils.js";
 export * from "./icon-registry.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.13.0-pr556.e4e2855",
+  "version": "4.13.1",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -201,8 +201,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-wind": "2.7.0",
-    "@uipath/apollo-core": "5.9.0"
+    "@uipath/apollo-core": "5.9.0",
+    "@uipath/apollo-wind": "2.7.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",

package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs

@@ -1,112 +0,0 @@
-"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__, {
-    LoopCanvasNode: ()=>LoopCanvasNode
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../../core/index.cjs");
-const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
-const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
-const external_BaseNode_index_cjs_namespaceObject = require("../BaseNode/index.cjs");
-const external_LoopNode_cjs_namespaceObject = require("./LoopNode.cjs");
-const external_LoopNode_constants_cjs_namespaceObject = require("./LoopNode.constants.cjs");
-const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
-const external_LoopNodePreview_cjs_namespaceObject = require("./LoopNodePreview.cjs");
-function shouldRenderLoopContainer(manifest) {
-    return manifest?.handleConfiguration.some((group)=>'inner' === group.boundary) ?? false;
-}
-function LoopCanvasNodeComponent(props) {
-    const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
-    const nodeTypeRegistry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
-    const updateNodes = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectUpdateNodes);
-    const nodeVersion = 'string' == typeof props.data?.version ? props.data.version : void 0;
-    const loopManifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry?.getManifest(props.type ?? external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_NODE_TYPE, nodeVersion), [
-        nodeTypeRegistry,
-        props.type,
-        nodeVersion
-    ]);
-    const shouldUseLoopContainer = (0, external_react_namespaceObject.useMemo)(()=>shouldRenderLoopContainer(loopManifest), [
-        loopManifest
-    ]);
-    const loopPreviewHandles = (0, external_react_namespaceObject.useMemo)(()=>shouldUseLoopContainer ? (0, external_LoopNode_helpers_cjs_namespaceObject.resolveLoopPreviewConnectionHandles)(loopManifest, {
-            ...props.data ?? {},
-            nodeId: props.id
-        }) : null, [
-        shouldUseLoopContainer,
-        loopManifest,
-        props.data,
-        props.id
-    ]);
-    const handleAddFirstChild = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (!loopPreviewHandles) return;
-        (0, external_LoopNodePreview_cjs_namespaceObject.showCenteredContainerPreview)({
-            containerId: props.id,
-            reactFlowInstance: reactFlow,
-            previewHandles: loopPreviewHandles
-        });
-    }, [
-        loopPreviewHandles,
-        props.id,
-        reactFlow
-    ]);
-    const handleResize = (0, external_react_namespaceObject.useCallback)(({ width, height })=>{
-        const currentCanvas = (0, canvasStore_cjs_namespaceObject.selectCurrentCanvas)(canvasStore_cjs_namespaceObject.useCanvasStore.getState());
-        if (!currentCanvas) return;
-        const nextWidth = (0, NodeUtils_cjs_namespaceObject.snapToGrid)(width);
-        const nextHeight = (0, NodeUtils_cjs_namespaceObject.snapToGrid)(height);
-        updateNodes(currentCanvas.nodes.map((node)=>node.id !== props.id ? node : {
-                ...node,
-                width: nextWidth,
-                height: nextHeight,
-                style: {
-                    ...node.style ?? {},
-                    width: nextWidth,
-                    height: nextHeight
-                }
-            }));
-    }, [
-        props.id,
-        updateNodes
-    ]);
-    if (loopManifest && !shouldUseLoopContainer) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseNode_index_cjs_namespaceObject.BaseNode, {
-        ...props
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_LoopNode_cjs_namespaceObject.LoopNode, {
-        ...props,
-        onAddFirstChild: loopPreviewHandles ? handleAddFirstChild : void 0,
-        onResize: handleResize
-    });
-}
-const LoopCanvasNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopCanvasNodeComponent);
-exports.LoopCanvasNode = __webpack_exports__.LoopCanvasNode;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "LoopCanvasNode"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts

@@ -1,6 +0,0 @@
-import type { Node, NodeProps } from '../../xyflow/react.ts';
-import type { LoopNodeData } from './LoopNode.types';
-declare function LoopCanvasNodeComponent(props: NodeProps<Node<LoopNodeData>>): import("react/jsx-runtime").JSX.Element;
-export declare const LoopCanvasNode: import("react").MemoExoticComponent<typeof LoopCanvasNodeComponent>;
-export {};
-//# sourceMappingURL=LoopCanvasNode.d.ts.map

package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoopCanvasNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopCanvasNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAWhF,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAQpE,iBAAS,uBAAuB,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,2CA4EpE;AAED,eAAO,MAAM,cAAc,qEAAgC,CAAC"}