@uipath/apollo-react 4.13.1-pr581.30f7035 → 4.14.0

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/dist/material/components/ap-chat/components/common/action-button.cjs

@@ -65,13 +65,9 @@ const StyledButtonContainer = (0, material_namespaceObject.styled)('div')(()=>({
             }
         }
     }));
-const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default().forwardRef(({ iconName, disabled, iconSize, preventHover, overrideColor, variant = 'outlined', text, tooltip, tooltipPlacement = 'bottom', ariaLabel, ariaDescribedby, title, tabIndex, onMouseEnter, onMouseLeave, onFocus, onBlur, onMouseDown, onMouseUp, onKeyDown, disableInteractiveTooltip = false, 'data-testid': dataTestId, ...props }, ref)=>{
+const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default().forwardRef(({ iconName, disabled, iconSize, preventHover, overrideColor, variant = 'outlined', text, tooltip, tooltipPlacement = 'bottom', ariaLabel, ariaDescribedby, ariaPressed, title, tabIndex, onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, onMouseDown, onMouseUp, onKeyDown, disableInteractiveTooltip = false, 'data-testid': dataTestId }, ref)=>{
     const [iconColor, setIconColor] = external_react_default().useState('var(--color-icon-default)');
     const { chatMode } = (0, chat_state_provider_cjs_namespaceObject.useChatState)();
-    const [isPressed, setIsPressed] = external_react_default().useState(false);
-    const onClick = 'onClick' in props ? props.onClick : ()=>{};
-    const onPress = 'onPress' in props ? props.onPress : ()=>{};
-    const onRelease = 'onRelease' in props ? props.onRelease : ()=>{};
     const showTooltip = tooltip && chatMode !== index_cjs_namespaceObject.AutopilotChatMode.Closed && !disabled;
     const button = text ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StyledButtonContainer, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(material_namespaceObject.Button, {
@@ -82,10 +78,6 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
             },
             onMouseLeave: (event)=>{
                 onMouseLeave?.(event);
-                if (isPressed) {
-                    setIsPressed(false);
-                    onRelease(event);
-                }
                 if (!preventHover) setIconColor('var(--color-icon-default)');
             },
             startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ApIcon, {
@@ -96,6 +88,7 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
             }),
             "aria-label": ariaLabel,
             "aria-describedby": ariaDescribedby,
+            "aria-pressed": ariaPressed,
             title: showTooltip ? void 0 : title,
             variant: "text",
             size: "small",
@@ -103,16 +96,8 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
             onClick: onClick,
             onFocus: onFocus,
             onBlur: onBlur,
-            onMouseDown: (event)=>{
-                onMouseDown?.(event);
-                setIsPressed(true);
-                onPress(event);
-            },
-            onMouseUp: (event)=>{
-                onMouseUp?.(event);
-                setIsPressed(false);
-                onRelease(event);
-            },
+            onMouseDown: onMouseDown,
+            onMouseUp: onMouseUp,
             tabIndex: tabIndex,
             onKeyDown: onKeyDown,
             "data-testid": dataTestId,
@@ -125,20 +110,13 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
         onClick: onClick,
         onFocus: onFocus,
         onBlur: onBlur,
-        onMouseDown: (event)=>{
-            onMouseDown?.(event);
-            setIsPressed(true);
-            onPress(event);
-        },
-        onMouseUp: (event)=>{
-            onMouseUp?.(event);
-            setIsPressed(false);
-            onRelease(event);
-        },
+        onMouseDown: onMouseDown,
+        onMouseUp: onMouseUp,
         tabIndex: tabIndex,
         onKeyDown: onKeyDown,
         "aria-label": ariaLabel,
         "aria-describedby": ariaDescribedby,
+        "aria-pressed": ariaPressed,
         title: showTooltip ? void 0 : title,
         onMouseEnter: (event)=>{
             onMouseEnter?.(event);
@@ -146,10 +124,6 @@ const AutopilotChatActionButtonComponent = /*#__PURE__*/ external_react_default(
         },
         onMouseLeave: (event)=>{
             onMouseLeave?.(event);
-            if (isPressed) {
-                setIsPressed(false);
-                onRelease(event);
-            }
             if (!preventHover) setIconColor('var(--color-icon-default)');
         },
         "data-testid": dataTestId,

package/dist/material/components/ap-chat/components/common/action-button.d.ts

@@ -1,7 +1,6 @@
 import { type TooltipProps } from '@mui/material';
 import React from 'react';
-type AutopilotChatActionButtonProps = AutopilotChatActionButtonBaseProps & (AutopilotChatActionButtonClickProps | AutopilotChatActionButtonPressProps);
-interface AutopilotChatActionButtonBaseProps {
+interface AutopilotChatActionButtonProps {
     iconName: string;
     iconSize?: string;
     disabled?: boolean;
@@ -13,9 +12,11 @@ interface AutopilotChatActionButtonBaseProps {
     tooltipPlacement?: TooltipProps['placement'];
     ariaLabel?: string;
     ariaDescribedby?: string;
+    ariaPressed?: boolean;
     title?: string;
     tabIndex?: number;
     disableInteractiveTooltip?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
     onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -25,13 +26,6 @@ interface AutopilotChatActionButtonBaseProps {
     onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
     'data-testid'?: string;
 }
-interface AutopilotChatActionButtonClickProps {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-interface AutopilotChatActionButtonPressProps {
-    onPress: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onRelease: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
 export declare const AutopilotChatActionButton: React.NamedExoticComponent<AutopilotChatActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=action-button.d.ts.map

package/dist/material/components/ap-chat/components/common/action-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,KAAK,8BAA8B,GAAG,kCAAkC,GACtE,CAAC,mCAAmC,GAAG,mCAAmC,CAAC,CAAC;AAE9E,UAAU,kCAAkC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mCAAmC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,mCAAmC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAwKD,eAAO,MAAM,yBAAyB,qGAAiD,CAAC"}
+{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/common/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,UAAU,8BAA8B;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0ID,eAAO,MAAM,yBAAyB,qGAAiD,CAAC"}