@uipath/apollo-react 4.39.0 → 4.39.2

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -36,6 +36,7 @@ const adornment_resolver_cjs_namespaceObject = require("../../utils/adornment-re
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
+const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const toolbar_resolver_cjs_namespaceObject = require("../../utils/toolbar-resolver.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
 const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
@@ -524,7 +525,7 @@ const BaseNodeComponent = (props)=>{
     });
     return nodeContent;
 };
-const BaseNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(BaseNodeComponent);
+const BaseNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(BaseNodeComponent, nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 exports.BaseNode = __webpack_exports__.BaseNode;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "BaseNode"

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA2ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAupB1B,eAAO,MAAM,QAAQ,8CAjnBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAinBhB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAupB1B,eAAO,MAAM,QAAQ,8CAjnBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAinBmB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.js

@@ -8,6 +8,7 @@ import { resolveAdornments } from "../../utils/adornment-resolver.js";
 import { CanvasIcon, getIcon } from "../../utils/icon-registry.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
 import { selectIsConnecting } from "../../utils/NodeUtils.js";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { resolveToolbar } from "../../utils/toolbar-resolver.js";
 import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
 import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
@@ -496,5 +497,5 @@ const BaseNodeComponent = (props)=>{
     });
     return nodeContent;
 };
-const BaseNode = /*#__PURE__*/ memo(BaseNodeComponent);
+const BaseNode = /*#__PURE__*/ memo(BaseNodeComponent, areNodePropsEqualIgnoringPosition);
 export { BaseNode };

package/dist/canvas/components/GroupNode/GroupNode.cjs

@@ -31,6 +31,7 @@ const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
+const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const external_GroupNode_styles_cjs_namespaceObject = require("./GroupNode.styles.cjs");
 const external_GroupNodeConfigContext_cjs_namespaceObject = require("./GroupNodeConfigContext.cjs");
 const minWidth = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
@@ -239,7 +240,7 @@ const GroupNodeComponent = ({ id, data, selected })=>{
         ]
     });
 };
-const GroupNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(GroupNodeComponent);
+const GroupNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(GroupNodeComponent, nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 exports.GroupNode = __webpack_exports__.GroupNode;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "GroupNode"

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

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAkB1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,IAAI,EAAE,aAAa,CAAC;CACrB;AA2LD,eAAO,MAAM,SAAS,+DArL8B,cAAc,6CAqLjB,CAAC"}
+{"version":3,"file":"GroupNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAmB1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,IAAI,EAAE,aAAa,CAAC;CACrB;AA2LD,eAAO,MAAM,SAAS,+DArL8B,cAAc,6CAqLkB,CAAC"}

package/dist/canvas/components/GroupNode/GroupNode.js

@@ -3,6 +3,7 @@ import { NodeResizeControl, useReactFlow } from "../../xyflow/react.js";
 import { memo, useCallback } from "react";
 import { GRID_SPACING } from "../../constants.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { BottomCornerIndicators, GroupContainer, GroupContent, GroupControls, GroupHeader, GroupHeaderButton, GroupHeaderSeparator, GroupIconWrapper, GroupTitle, ResizeHandle, TopCornerIndicators } from "./GroupNode.styles.js";
 import { useGroupNodeConfig } from "./GroupNodeConfigContext.js";
 const minWidth = 12 * GRID_SPACING;
@@ -211,5 +212,5 @@ const GroupNodeComponent = ({ id, data, selected })=>{
         ]
     });
 };
-const GroupNode = /*#__PURE__*/ memo(GroupNodeComponent);
+const GroupNode = /*#__PURE__*/ memo(GroupNodeComponent, areNodePropsEqualIgnoringPosition);
 export { GroupNode };

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

@@ -30,6 +30,7 @@ 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 nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const external_LoopNode_cjs_namespaceObject = require("./LoopNode.cjs");
 const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
 const external_LoopNodePreview_cjs_namespaceObject = require("./LoopNodePreview.cjs");
@@ -65,7 +66,7 @@ function LoopCanvasNodeComponent(props) {
         onAddFirstChild: containerPreviewHandles ? handleAddFirstChild : void 0
     });
 }
-const LoopCanvasNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopCanvasNodeComponent);
+const LoopCanvasNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopCanvasNodeComponent, nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 exports.LoopCanvasNode = __webpack_exports__.LoopCanvasNode;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "LoopCanvasNode"

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

@@ -1 +1 @@
-{"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;AAMhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,2CAkCpE;AAED,eAAO,MAAM,cAAc,qEAAgC,CAAC"}
+{"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;AAOhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,2CAkCpE;AAED,eAAO,MAAM,cAAc,qEAAmE,CAAC"}

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

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useReactFlow } from "../../xyflow/react.js";
 import { memo, useCallback, useMemo } from "react";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { LoopNode } from "./LoopNode.js";
 import { resolveContainerPreviewConnectionHandles } from "./LoopNode.helpers.js";
 import { showCenteredContainerPreview } from "./LoopNodePreview.js";
@@ -37,5 +38,5 @@ function LoopCanvasNodeComponent(props) {
         onAddFirstChild: containerPreviewHandles ? handleAddFirstChild : void 0
     });
 }
-const LoopCanvasNode = /*#__PURE__*/ memo(LoopCanvasNodeComponent);
+const LoopCanvasNode = /*#__PURE__*/ memo(LoopCanvasNodeComponent, areNodePropsEqualIgnoringPosition);
 export { LoopCanvasNode };

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

@@ -40,6 +40,7 @@ const container_cjs_namespaceObject = require("../../utils/container.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
+const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const toolbar_resolver_cjs_namespaceObject = require("../../utils/toolbar-resolver.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
@@ -396,7 +397,7 @@ function LoopNodeComponent(props) {
         ]
     });
 }
-const LoopNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopNodeComponent);
+const LoopNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopNodeComponent, nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 function Header({ title, icon, loading, isParallel, label, iterationPillState, nodeWidth, hasTopLeftAdornment, hasTopRightAdornment }) {
     const titleContent = loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "h-5 w-28 animate-pulse rounded bg-(--canvas-background-overlay)"

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

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsInF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAwR9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsInF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAwR9C;AAED,eAAO,MAAM,QAAQ,+DAA6D,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.js

@@ -12,6 +12,7 @@ import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAIN
 import { CanvasIcon } from "../../utils/icon-registry.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
 import { selectIsConnecting, snapToGrid } from "../../utils/NodeUtils.js";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { resolveToolbar } from "../../utils/toolbar-resolver.js";
 import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
@@ -368,7 +369,7 @@ function LoopNodeComponent(props) {
         ]
     });
 }
-const LoopNode = /*#__PURE__*/ memo(LoopNodeComponent);
+const LoopNode = /*#__PURE__*/ memo(LoopNodeComponent, areNodePropsEqualIgnoringPosition);
 function Header({ title, icon, loading, isParallel, label, iterationPillState, nodeWidth, hasTopLeftAdornment, hasTopRightAdornment }) {
     const titleContent = loading ? /*#__PURE__*/ jsx("div", {
         className: "h-5 w-28 animate-pulse rounded bg-(--canvas-background-overlay)"

package/dist/canvas/components/StageNode/StageNode.cjs

@@ -28,6 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const index_cjs_namespaceObject = require("../FloatingCanvasPanel/index.cjs");
 const external_NodeContextMenu_index_cjs_namespaceObject = require("../NodeContextMenu/index.cjs");
 const hooks_index_cjs_namespaceObject = require("../NodePropertiesPanel/hooks/index.cjs");
@@ -202,7 +203,7 @@ const StageNodeInner = (props)=>{
         ]
     });
 };
-const StageNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageNodeInner);
+const StageNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageNodeInner, nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 exports.StageNode = __webpack_exports__.StageNode;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "StageNode"

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAgM5E,eAAO,MAAM,SAAS,8CA1LS,cAAc,6CA0LA,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAgM5E,eAAO,MAAM,SAAS,8CA1LS,cAAc,6CA0LmC,CAAC"}

package/dist/canvas/components/StageNode/StageNode.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
 import { NodeContextMenu } from "../NodeContextMenu/index.js";
 import { useSetNodeSelection } from "../NodePropertiesPanel/hooks/index.js";
@@ -174,5 +175,5 @@ const StageNodeInner = (props)=>{
         ]
     });
 };
-const StageNode = /*#__PURE__*/ memo(StageNodeInner);
+const StageNode = /*#__PURE__*/ memo(StageNodeInner, areNodePropsEqualIgnoringPosition);
 export { StageNode };

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.cjs

@@ -41,6 +41,7 @@ const external_index_cjs_namespaceObject = require("../../index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_motion_react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
+const external_react_dom_namespaceObject = require("react-dom");
 const external_react_markdown_namespaceObject = require("react-markdown");
 var external_react_markdown_default = /*#__PURE__*/ __webpack_require__.n(external_react_markdown_namespaceObject);
 const external_remark_breaks_namespaceObject = require("remark-breaks");
@@ -68,6 +69,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const [isColorPickerOpen, setIsColorPickerOpen] = (0, external_react_namespaceObject.useState)(false);
     const [localContent, setLocalContent] = (0, external_react_namespaceObject.useState)(data.content || '');
     const textAreaRef = (0, external_react_namespaceObject.useRef)(null);
+    const skipBlurRef = (0, external_react_namespaceObject.useRef)(null);
     const { ref: markdownRef, scrollCaptureProps } = (0, external_useScrollCapture_cjs_namespaceObject.useScrollCapture)();
     const colorButtonRef = (0, external_react_namespaceObject.useRef)(null);
     const [activeFormats, setActiveFormats] = (0, external_react_namespaceObject.useState)({
@@ -131,10 +133,15 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const handleBlur = (0, external_react_namespaceObject.useCallback)(()=>{
         setIsEditing(false);
         if (readOnly) return;
-        if (localContent !== data.content) {
-            onContentChange?.(localContent);
+        const content = textAreaRef.current?.value ?? localContent;
+        if (skipBlurRef.current === content) {
+            skipBlurRef.current = null;
+            return;
+        }
+        if (content !== data.content) {
+            onContentChange?.(content);
             updateNodeData(id, {
-                content: localContent
+                content
             });
         }
     }, [
@@ -146,6 +153,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         readOnly
     ]);
     const handleChange = (0, external_react_namespaceObject.useCallback)((e)=>{
+        skipBlurRef.current = null;
         setLocalContent(e.target.value);
     }, []);
     const handleFormat = (0, external_react_namespaceObject.useCallback)((result)=>{
@@ -170,6 +178,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const shortcutKeyDown = (0, external_useMarkdownShortcuts_cjs_namespaceObject.useMarkdownShortcuts)(textAreaRef, handleFormat);
     const handleKeyDown = (0, external_react_namespaceObject.useCallback)((e)=>{
         if ('Escape' === e.key) {
+            skipBlurRef.current = textAreaRef.current?.value ?? localContent;
             setIsEditing(false);
             setLocalContent(data.content || '');
             textAreaRef.current?.blur();
@@ -193,16 +202,35 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         shortcutKeyDown(e);
     }, [
         data.content,
+        localContent,
         shortcutKeyDown,
         handleFormat
     ]);
     const handleResizeStart = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (isEditing) textAreaRef.current?.blur();
+        if (isEditing) {
+            const content = textAreaRef.current?.value ?? localContent;
+            if (!readOnly && content !== data.content) {
+                skipBlurRef.current = content;
+                (0, external_react_dom_namespaceObject.flushSync)(()=>{
+                    onContentChange?.(content);
+                    updateNodeData(id, {
+                        content
+                    });
+                });
+            }
+            textAreaRef.current?.blur();
+        }
         setIsResizing(true);
         onResizeStart?.();
     }, [
+        data.content,
+        id,
         isEditing,
-        onResizeStart
+        localContent,
+        onContentChange,
+        onResizeStart,
+        readOnly,
+        updateNodeData
     ]);
     const handleResizeEnd = (0, external_react_namespaceObject.useCallback)((_event, params)=>{
         setIsResizing(false);

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

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAiC1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AA2aD,eAAO,MAAM,cAAc,kMAzZxB,mBAAmB,6CAyZqC,CAAC"}
+{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAkC1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAwcD,eAAO,MAAM,cAAc,kMAtbxB,mBAAmB,6CAsbqC,CAAC"}

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.js

@@ -4,6 +4,7 @@ import { CanvasIcon } from "../../index.js";
 import { NodeResizeControl, useReactFlow } from "../../xyflow/react.js";
 import { AnimatePresence } from "motion/react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { flushSync } from "react-dom";
 import react_markdown from "react-markdown";
 import remark_breaks from "remark-breaks";
 import remark_gfm from "remark-gfm";
@@ -28,6 +29,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const [isColorPickerOpen, setIsColorPickerOpen] = useState(false);
     const [localContent, setLocalContent] = useState(data.content || '');
     const textAreaRef = useRef(null);
+    const skipBlurRef = useRef(null);
     const { ref: markdownRef, scrollCaptureProps } = useScrollCapture();
     const colorButtonRef = useRef(null);
     const [activeFormats, setActiveFormats] = useState({
@@ -91,10 +93,15 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const handleBlur = useCallback(()=>{
         setIsEditing(false);
         if (readOnly) return;
-        if (localContent !== data.content) {
-            onContentChange?.(localContent);
+        const content = textAreaRef.current?.value ?? localContent;
+        if (skipBlurRef.current === content) {
+            skipBlurRef.current = null;
+            return;
+        }
+        if (content !== data.content) {
+            onContentChange?.(content);
             updateNodeData(id, {
-                content: localContent
+                content
             });
         }
     }, [
@@ -106,6 +113,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         readOnly
     ]);
     const handleChange = useCallback((e)=>{
+        skipBlurRef.current = null;
         setLocalContent(e.target.value);
     }, []);
     const handleFormat = useCallback((result)=>{
@@ -130,6 +138,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const shortcutKeyDown = useMarkdownShortcuts(textAreaRef, handleFormat);
     const handleKeyDown = useCallback((e)=>{
         if ('Escape' === e.key) {
+            skipBlurRef.current = textAreaRef.current?.value ?? localContent;
             setIsEditing(false);
             setLocalContent(data.content || '');
             textAreaRef.current?.blur();
@@ -153,16 +162,35 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         shortcutKeyDown(e);
     }, [
         data.content,
+        localContent,
         shortcutKeyDown,
         handleFormat
     ]);
     const handleResizeStart = useCallback(()=>{
-        if (isEditing) textAreaRef.current?.blur();
+        if (isEditing) {
+            const content = textAreaRef.current?.value ?? localContent;
+            if (!readOnly && content !== data.content) {
+                skipBlurRef.current = content;
+                flushSync(()=>{
+                    onContentChange?.(content);
+                    updateNodeData(id, {
+                        content
+                    });
+                });
+            }
+            textAreaRef.current?.blur();
+        }
         setIsResizing(true);
         onResizeStart?.();
     }, [
+        data.content,
+        id,
         isEditing,
-        onResizeStart
+        localContent,
+        onContentChange,
+        onResizeStart,
+        readOnly,
+        updateNodeData
     ]);
     const handleResizeEnd = useCallback((_event, params)=>{
         setIsResizing(false);

package/dist/canvas/components/TriggerNode/TriggerNode.cjs

@@ -30,6 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
+const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
@@ -96,7 +97,7 @@ const TriggerNodeComponent = (props)=>{
         ]
     });
 };
-const TriggerNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(TriggerNodeComponent);
+const TriggerNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(TriggerNodeComponent, nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
 exports.TriggerNode = __webpack_exports__.TriggerNode;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "TriggerNode"

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgE5D,eAAO,MAAM,WAAW,8CA9Da,gBAAgB,6CA8DA,CAAC"}
+{"version":3,"file":"TriggerNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgE5D,eAAO,MAAM,WAAW,8CA9Da,gBAAgB,6CA8DmC,CAAC"}

package/dist/canvas/components/TriggerNode/TriggerNode.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Position, useStore } from "../../xyflow/react.js";
 import { memo, useCallback, useMemo, useState } from "react";
 import { CanvasIcon } from "../../utils/icon-registry.js";
+import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
@@ -68,5 +69,5 @@ const TriggerNodeComponent = (props)=>{
         ]
     });
 };
-const TriggerNode = /*#__PURE__*/ memo(TriggerNodeComponent);
+const TriggerNode = /*#__PURE__*/ memo(TriggerNodeComponent, areNodePropsEqualIgnoringPosition);
 export { TriggerNode };

package/dist/canvas/utils/nodePropsEqual.cjs

@@ -0,0 +1,48 @@
+"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__, {
+    areNodePropsEqualIgnoringPosition: ()=>areNodePropsEqualIgnoringPosition
+});
+function areNodePropsEqualIgnoringPosition(prevProps, nextProps) {
+    if (prevProps === nextProps) return true;
+    const prev = prevProps;
+    const next = nextProps;
+    const prevKeys = Object.keys(prev);
+    const nextKeys = Object.keys(next);
+    if (prevKeys.length !== nextKeys.length) return false;
+    for (const key of prevKeys)if ('positionAbsoluteX' !== key && 'positionAbsoluteY' !== key) {
+        if (!Object.prototype.hasOwnProperty.call(next, key)) return false;
+        if (!Object.is(prev[key], next[key])) return false;
+    }
+    return true;
+}
+exports.areNodePropsEqualIgnoringPosition = __webpack_exports__.areNodePropsEqualIgnoringPosition;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "areNodePropsEqualIgnoringPosition"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,2 @@
+export declare function areNodePropsEqualIgnoringPosition(prevProps: object, nextProps: object): boolean;
+//# sourceMappingURL=nodePropsEqual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nodePropsEqual.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/nodePropsEqual.ts"],"names":[],"mappings":"AAkBA,wBAAgB,iCAAiC,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CA8B/F"}

package/dist/canvas/utils/nodePropsEqual.js

@@ -0,0 +1,14 @@
+function areNodePropsEqualIgnoringPosition(prevProps, nextProps) {
+    if (prevProps === nextProps) return true;
+    const prev = prevProps;
+    const next = nextProps;
+    const prevKeys = Object.keys(prev);
+    const nextKeys = Object.keys(next);
+    if (prevKeys.length !== nextKeys.length) return false;
+    for (const key of prevKeys)if ('positionAbsoluteX' !== key && 'positionAbsoluteY' !== key) {
+        if (!Object.prototype.hasOwnProperty.call(next, key)) return false;
+        if (!Object.is(prev[key], next[key])) return false;
+    }
+    return true;
+}
+export { areNodePropsEqualIgnoringPosition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.39.0",
+  "version": "4.39.2",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -186,7 +186,7 @@
     "html-to-image": "^1.11.11",
     "katex": "^0.16.27",
     "lodash": "^4.18.1",
-    "lucide-react": "^0.555.0",
+    "lucide-react": "^0.577.0",
     "luxon": "^3.7.1",
     "mermaid": "^11.15.0",
     "motion": "^12.23.12",
@@ -205,8 +205,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.9.1",
-    "@uipath/apollo-wind": "2.18.0"
+    "@uipath/apollo-wind": "2.18.0",
+    "@uipath/apollo-core": "5.9.1"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",