@uipath/apollo-react 3.68.3 → 3.69.0-pr458.25d2dee

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,uCA4B3B,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { DragOverlay } from "@dnd-kit/core";
+import { useStore } from "../../xyflow/react.js";
+import { useMemo } from "react";
+import { createPortal } from "react-dom";
+import { TaskContent } from "./DraggableTask.js";
+import { StageTask } from "./StageNode.styles.js";
+const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
+    const zoom = useStore((state)=>state.transform[2]);
+    const dragOverlayStyle = useMemo(()=>({
+            transform: `scale(${zoom})`,
+            transformOrigin: 'top left'
+        }), [
+        zoom
+    ]);
+    if (!activeTask) return null;
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
+        children: /*#__PURE__*/ jsx("div", {
+            style: dragOverlayStyle,
+            children: /*#__PURE__*/ jsx(StageTask, {
+                selected: true,
+                isParallel: isActiveTaskParallel,
+                style: {
+                    cursor: 'grabbing',
+                    ...taskWidthStyle
+                },
+                children: /*#__PURE__*/ jsx(TaskContent, {
+                    task: activeTask,
+                    isDragging: true
+                })
+            })
+        })
+    }), document.body);
+};
+export { StageTaskDragOverlay };

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

@@ -41,24 +41,31 @@ var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namesp
 const index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
-const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuOpen, taskRef }, ref)=>{
-    const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
+const TaskMenuComponent = ({ taskId, getContextMenuItems, onMenuOpenChange, taskRef }, ref)=>{
     const [anchorElement, setAnchorElement] = (0, external_react_namespaceObject.useState)(null);
     const menuAnchorRef = (0, external_react_namespaceObject.useRef)(null);
+    const isMenuOpen = null !== anchorElement;
+    const [menuItems, setMenuItems] = (0, external_react_namespaceObject.useState)([]);
     const handleMenuClose = (0, external_react_namespaceObject.useCallback)(()=>{
-        setIsMenuOpen(false);
         setAnchorElement(null);
         onMenuOpenChange?.(false);
     }, [
         onMenuOpenChange
     ]);
+    const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
+        item.onClick();
+        handleMenuClose();
+    }, [
+        handleMenuClose
+    ]);
     const openMenu = (0, external_react_namespaceObject.useCallback)((anchor)=>{
+        if (!anchor) return;
         setAnchorElement(anchor);
-        setIsMenuOpen(true);
-        onMenuOpen?.();
+        setMenuItems((0, external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems)(getContextMenuItems(), handleMenuItemClick));
         onMenuOpenChange?.(true);
     }, [
-        onMenuOpen,
+        getContextMenuItems,
+        handleMenuItemClick,
         onMenuOpenChange
     ]);
     const handleMenuClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -86,16 +93,6 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
     const handleMenuMouseDown = (0, external_react_namespaceObject.useCallback)((e)=>{
         e.stopPropagation();
     }, []);
-    const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
-        item.onClick();
-        handleMenuClose();
-    }, [
-        handleMenuClose
-    ]);
-    const transformedMenuItems = (0, external_react_namespaceObject.useMemo)(()=>(0, external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems)(contextMenuItems, handleMenuItemClick), [
-        contextMenuItems,
-        handleMenuItemClick
-    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIconButton, {
@@ -118,7 +115,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApMenu, {
                 isOpen: isMenuOpen,
-                menuItems: transformedMenuItems,
+                menuItems: menuItems,
                 anchorEl: anchorElement,
                 onClose: handleMenuClose,
                 anchorOrigin: {

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

@@ -4,9 +4,8 @@ export interface TaskMenuHandle {
 }
 interface TaskMenuProps {
     taskId: string;
-    contextMenuItems: NodeMenuItem[];
+    getContextMenuItems: () => NodeMenuItem[];
     onMenuOpenChange?: (isOpen: boolean) => void;
-    onMenuOpen?: () => void;
     taskRef?: React.RefObject<HTMLElement | null>;
 }
 export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;

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

@@ -1 +1 @@
-{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C;AAqHD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
+{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,YAAY,EAAE,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C;AAqHD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}

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

@@ -1,26 +1,33 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import apollo_core, { Spacing } from "@uipath/apollo-core";
 import { ApIcon, ApIconButton, ApMenu } from "../../../material/index.js";
-import { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { forwardRef, memo, useCallback, useImperativeHandle, useRef, useState } from "react";
 import { transformMenuItems } from "./StageNodeTaskUtilities.js";
-const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuOpen, taskRef }, ref)=>{
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
+const TaskMenuComponent = ({ taskId, getContextMenuItems, onMenuOpenChange, taskRef }, ref)=>{
     const [anchorElement, setAnchorElement] = useState(null);
     const menuAnchorRef = useRef(null);
+    const isMenuOpen = null !== anchorElement;
+    const [menuItems, setMenuItems] = useState([]);
     const handleMenuClose = useCallback(()=>{
-        setIsMenuOpen(false);
         setAnchorElement(null);
         onMenuOpenChange?.(false);
     }, [
         onMenuOpenChange
     ]);
+    const handleMenuItemClick = useCallback((item)=>{
+        item.onClick();
+        handleMenuClose();
+    }, [
+        handleMenuClose
+    ]);
     const openMenu = useCallback((anchor)=>{
+        if (!anchor) return;
         setAnchorElement(anchor);
-        setIsMenuOpen(true);
-        onMenuOpen?.();
+        setMenuItems(transformMenuItems(getContextMenuItems(), handleMenuItemClick));
         onMenuOpenChange?.(true);
     }, [
-        onMenuOpen,
+        getContextMenuItems,
+        handleMenuItemClick,
         onMenuOpenChange
     ]);
     const handleMenuClick = useCallback((e)=>{
@@ -48,16 +55,6 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
     const handleMenuMouseDown = useCallback((e)=>{
         e.stopPropagation();
     }, []);
-    const handleMenuItemClick = useCallback((item)=>{
-        item.onClick();
-        handleMenuClose();
-    }, [
-        handleMenuClose
-    ]);
-    const transformedMenuItems = useMemo(()=>transformMenuItems(contextMenuItems, handleMenuItemClick), [
-        contextMenuItems,
-        handleMenuItemClick
-    ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(ApIconButton, {
@@ -80,7 +77,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
             }),
             /*#__PURE__*/ jsx(ApMenu, {
                 isOpen: isMenuOpen,
-                menuItems: transformedMenuItems,
+                menuItems: menuItems,
                 anchorEl: anchorElement,
                 onClose: handleMenuClose,
                 anchorOrigin: {

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

@@ -1,6 +1,6 @@
 export { StageConnectionEdge } from './StageConnectionEdge';
 export { StageEdge } from './StageEdge';
 export { StageNode } from './StageNode';
-export type { StageHeaderChip, StageNodeProps, StageStatus, StageTaskItem, StageTaskStatus, } from './StageNode.types';
+export type { StageHeaderChip, StageNodeCanvasProps, StageNodeProps, StageStatus, StageTaskItem, StageTaskStatus, } from './StageNode.types';
 export { StageHeaderChipType } from './StageNode.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,eAAe,EACf,cAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -43,6 +43,8 @@ const external_motion_react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
 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");
+var external_remark_breaks_default = /*#__PURE__*/ __webpack_require__.n(external_remark_breaks_namespaceObject);
 const external_remark_gfm_namespaceObject = require("remark-gfm");
 var external_remark_gfm_default = /*#__PURE__*/ __webpack_require__.n(external_remark_gfm_namespaceObject);
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
@@ -53,6 +55,7 @@ const external_StickyNoteNode_styles_cjs_namespaceObject = require("./StickyNote
 const external_StickyNoteNode_types_cjs_namespaceObject = require("./StickyNoteNode.types.cjs");
 const external_StickyNoteNode_utils_cjs_namespaceObject = require("./StickyNoteNode.utils.cjs");
 const external_useMarkdownShortcuts_cjs_namespaceObject = require("./useMarkdownShortcuts.cjs");
+const external_useScrollCapture_cjs_namespaceObject = require("./useScrollCapture.cjs");
 const minWidth = 8 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const minHeight = 8 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
@@ -62,6 +65,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 { 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)({
         bold: false,
@@ -384,15 +388,19 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                     })
                                 ]
                             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.StickyNoteMarkdown, {
+                                ref: markdownRef,
+                                ...scrollCaptureProps,
                                 children: localContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_markdown_default(), {
                                     remarkPlugins: [
-                                        external_remark_gfm_default()
+                                        external_remark_gfm_default(),
+                                        external_remark_breaks_default()
                                     ],
                                     components: markdownComponents,
                                     children: (0, external_StickyNoteNode_utils_cjs_namespaceObject.preserveNewlines)(localContent)
                                 }) : renderPlaceholderOnSelect && selected && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_markdown_default(), {
                                     remarkPlugins: [
-                                        external_remark_gfm_default()
+                                        external_remark_gfm_default(),
+                                        external_remark_breaks_default()
                                     ],
                                     components: markdownComponents,
                                     children: placeholder

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;AA6B1E,OAAO,KAAK,EAAmB,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAK7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAsXD,eAAO,MAAM,cAAc,kHA1WxB,mBAAmB,6CA0WqC,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;AA8B1E,OAAO,KAAK,EAAmB,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;CACrC;AA6XD,eAAO,MAAM,cAAc,kHAjXxB,mBAAmB,6CAiXqC,CAAC"}

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

@@ -5,6 +5,7 @@ import { NodeResizeControl, useReactFlow } from "../../xyflow/react.js";
 import { AnimatePresence } from "motion/react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import react_markdown from "react-markdown";
+import remark_breaks from "remark-breaks";
 import remark_gfm from "remark-gfm";
 import { GRID_SPACING } from "../../constants.js";
 import { NodeToolbar } from "../Toolbar/index.js";
@@ -14,6 +15,7 @@ import { BottomCornerIndicators, ColorOption, ColorPickerPanel, RESIZE_CONTROL_Z
 import { STICKY_NOTE_COLORS, withAlpha } from "./StickyNoteNode.types.js";
 import { preserveNewlines } from "./StickyNoteNode.utils.js";
 import { useMarkdownShortcuts } from "./useMarkdownShortcuts.js";
+import { useScrollCapture } from "./useScrollCapture.js";
 const minWidth = 8 * GRID_SPACING;
 const minHeight = 8 * GRID_SPACING;
 const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
@@ -23,6 +25,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const [isColorPickerOpen, setIsColorPickerOpen] = useState(false);
     const [localContent, setLocalContent] = useState(data.content || '');
     const textAreaRef = useRef(null);
+    const { ref: markdownRef, scrollCaptureProps } = useScrollCapture();
     const colorButtonRef = useRef(null);
     const [activeFormats, setActiveFormats] = useState({
         bold: false,
@@ -345,15 +348,19 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                     })
                                 ]
                             }) : /*#__PURE__*/ jsx(StickyNoteMarkdown, {
+                                ref: markdownRef,
+                                ...scrollCaptureProps,
                                 children: localContent ? /*#__PURE__*/ jsx(react_markdown, {
                                     remarkPlugins: [
-                                        remark_gfm
+                                        remark_gfm,
+                                        remark_breaks
                                     ],
                                     components: markdownComponents,
                                     children: preserveNewlines(localContent)
                                 }) : renderPlaceholderOnSelect && selected && /*#__PURE__*/ jsx(react_markdown, {
                                     remarkPlugins: [
-                                        remark_gfm
+                                        remark_gfm,
+                                        remark_breaks
                                     ],
                                     components: markdownComponents,
                                     children: placeholder

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

@@ -0,0 +1,72 @@
+"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__, {
+    useScrollCapture: ()=>useScrollCapture
+});
+const external_react_namespaceObject = require("react");
+const EVENT_START_POLL_INTERVAL = 150;
+function useScrollCapture() {
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const [captureScroll, setCaptureScroll] = (0, external_react_namespaceObject.useState)(false);
+    const wheelActiveRef = (0, external_react_namespaceObject.useRef)(false);
+    const wheelTimeoutRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const onWheel = ()=>{
+            wheelActiveRef.current = true;
+            if (wheelTimeoutRef.current) clearTimeout(wheelTimeoutRef.current);
+            wheelTimeoutRef.current = setTimeout(()=>{
+                wheelActiveRef.current = false;
+            }, EVENT_START_POLL_INTERVAL);
+        };
+        window.addEventListener('wheel', onWheel, {
+            passive: true
+        });
+        return ()=>window.removeEventListener('wheel', onWheel);
+    }, []);
+    const onMouseEnter = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (wheelActiveRef.current) return;
+        const el = ref.current;
+        if (el && el.scrollHeight > el.clientHeight) setCaptureScroll(true);
+    }, []);
+    const onMouseLeave = (0, external_react_namespaceObject.useCallback)(()=>{
+        setCaptureScroll(false);
+    }, []);
+    return {
+        ref,
+        scrollCaptureProps: {
+            className: captureScroll ? 'nowheel' : void 0,
+            onMouseEnter,
+            onMouseLeave
+        }
+    };
+}
+exports.useScrollCapture = __webpack_exports__.useScrollCapture;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useScrollCapture"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,9 @@
+export declare function useScrollCapture<T extends HTMLElement = HTMLDivElement>(): {
+    ref: import("react").RefObject<T | null>;
+    scrollCaptureProps: {
+        className: string | undefined;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+};
+//# sourceMappingURL=useScrollCapture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollCapture.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/useScrollCapture.ts"],"names":[],"mappings":"AAYA,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc;;;;;;;EAwCtE"}

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

@@ -0,0 +1,38 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+const EVENT_START_POLL_INTERVAL = 150;
+function useScrollCapture() {
+    const ref = useRef(null);
+    const [captureScroll, setCaptureScroll] = useState(false);
+    const wheelActiveRef = useRef(false);
+    const wheelTimeoutRef = useRef(null);
+    useEffect(()=>{
+        const onWheel = ()=>{
+            wheelActiveRef.current = true;
+            if (wheelTimeoutRef.current) clearTimeout(wheelTimeoutRef.current);
+            wheelTimeoutRef.current = setTimeout(()=>{
+                wheelActiveRef.current = false;
+            }, EVENT_START_POLL_INTERVAL);
+        };
+        window.addEventListener('wheel', onWheel, {
+            passive: true
+        });
+        return ()=>window.removeEventListener('wheel', onWheel);
+    }, []);
+    const onMouseEnter = useCallback(()=>{
+        if (wheelActiveRef.current) return;
+        const el = ref.current;
+        if (el && el.scrollHeight > el.clientHeight) setCaptureScroll(true);
+    }, []);
+    const onMouseLeave = useCallback(()=>{
+        setCaptureScroll(false);
+    }, []);
+    return {
+        ref,
+        scrollCaptureProps: {
+            className: captureScroll ? 'nowheel' : void 0,
+            onMouseEnter,
+            onMouseLeave
+        }
+    };
+}
+export { useScrollCapture };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.68.3",
+  "version": "3.69.0-pr458.25d2dee",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -181,7 +181,7 @@
     "debounce": "^3.0.0",
     "html-to-image": "^1.11.11",
     "katex": "^0.16.27",
-    "lodash": "^4.17.23",
+    "lodash": "^4.18.1",
     "lucide-react": "^0.555.0",
     "luxon": "^3.7.1",
     "mermaid": "^11.13.0",
@@ -192,6 +192,7 @@
     "react-syntax-highlighter": "^16.1.0",
     "react-window": "^2.2.1",
     "rehype-katex": "^7.0.1",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "reselect": "^5.1.1",
@@ -200,8 +201,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.9.0",
-    "@uipath/apollo-wind": "2.0.0"
+    "@uipath/apollo-wind": "2.0.0",
+    "@uipath/apollo-core": "5.9.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",