@uipath/apollo-react 3.56.0 → 3.57.0-pr356.7b67c02

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

@@ -193,6 +193,7 @@ const StageNodeComponent = (props)=>{
             setIsStageTitleEditing(false);
             if (onStageTitleChange) onStageTitleChange(label);
         }
+        if ('Escape' !== e.key) e.stopPropagation();
     }, [
         onStageTitleChange,
         label

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":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8oBxD,eAAO,MAAM,SAAS,8CApoBa,cAAc,6CAooBA,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmpBxD,eAAO,MAAM,SAAS,8CAzoBa,cAAc,6CAyoBA,CAAC"}

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

@@ -165,6 +165,7 @@ const StageNodeComponent = (props)=>{
             setIsStageTitleEditing(false);
             if (onStageTitleChange) onStageTitleChange(label);
         }
+        if ('Escape' !== e.key) e.stopPropagation();
     }, [
         onStageTitleChange,
         label

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

@@ -37,8 +37,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("@emotion/react");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 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_markdown_namespaceObject = require("react-markdown");
@@ -49,6 +49,7 @@ const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_StickyNoteNode_styles_cjs_namespaceObject = require("./StickyNoteNode.styles.cjs");
 const external_StickyNoteNode_types_cjs_namespaceObject = require("./StickyNoteNode.types.cjs");
+const external_StickyNoteNode_utils_cjs_namespaceObject = require("./StickyNoteNode.utils.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 })=>{
@@ -222,7 +223,8 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     }, [
         handleEditClick,
         handleToggleColorPicker,
-        color
+        color,
+        handleDelete
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
@@ -324,7 +326,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                         external_remark_gfm_default()
                                     ],
                                     components: markdownComponents,
-                                    children: localContent
+                                    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()

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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAuB1E,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG9E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AA8TD,eAAO,MAAM,cAAc,kHAlTxB,mBAAmB,6CAkTqC,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;AAsB1E,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI9E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AA8TD,eAAO,MAAM,cAAc,kHAlTxB,mBAAmB,6CAkTqC,CAAC"}

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

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Global } from "@emotion/react";
-import { NodeResizeControl, useReactFlow } from "../../xyflow/react.js";
 import { NodeIcon } 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 react_markdown from "react-markdown";
@@ -10,6 +10,7 @@ import { GRID_SPACING } from "../../constants.js";
 import { NodeToolbar } from "../Toolbar/index.js";
 import { BottomCornerIndicators, ColorOption, ColorPickerPanel, RESIZE_CONTROL_Z_INDEX, ResizeHandle, StickyNoteContainer, StickyNoteMarkdown, StickyNoteTextArea, StickyNoteWrapper, TopCornerIndicators, stickyNoteGlobalStyles } from "./StickyNoteNode.styles.js";
 import { STICKY_NOTE_COLORS, withAlpha } from "./StickyNoteNode.types.js";
+import { preserveNewlines } from "./StickyNoteNode.utils.js";
 const minWidth = 8 * GRID_SPACING;
 const minHeight = 8 * GRID_SPACING;
 const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
@@ -183,7 +184,8 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     }, [
         handleEditClick,
         handleToggleColorPicker,
-        color
+        color,
+        handleDelete
     ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -285,7 +287,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                         remark_gfm
                                     ],
                                     components: markdownComponents,
-                                    children: localContent
+                                    children: preserveNewlines(localContent)
                                 }) : renderPlaceholderOnSelect && selected && /*#__PURE__*/ jsx(react_markdown, {
                                     remarkPlugins: [
                                         remark_gfm

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

@@ -51,6 +51,30 @@ const styled_namespaceObject = require("@emotion/styled");
 var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
 const external_motion_react_namespaceObject = require("motion/react");
 const STICKY_NOTE_BELOW_EDGE_Z_INDEX = -10;
+const stickyNoteContentStyles = `
+  width: 100%;
+  height: 100%;
+
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--uix-canvas-foreground);
+
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: var(--uix-canvas-border);
+    border-radius: 4px;
+  }
+`;
 const RESIZE_CONTROL_Z_INDEX = 100;
 const stickyNoteGlobalStyles = (0, react_namespaceObject.css)`
   /* Override React Flow's elevateNodesOnSelect behavior for sticky notes */
@@ -87,21 +111,15 @@ const StickyNoteContainer = styled_default().div`
   }
 `;
 const StickyNoteTextArea = styled_default().textarea`
-  width: 100%;
-  height: 100%;
+  ${stickyNoteContentStyles}
+
   background: transparent;
   border: none;
   outline: none;
   resize: none;
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--uix-canvas-foreground);
   cursor: ${(props)=>props.isEditing ? 'text' : 'move'};
   user-select: ${(props)=>props.isEditing ? 'text' : 'none'};
   pointer-events: ${(props)=>props.isEditing ? 'auto' : 'none'};
-  overflow-y: auto;
 
   &::placeholder {
     color: var(--uix-canvas-foreground-de-emp);
@@ -114,14 +132,8 @@ const StickyNoteTextArea = styled_default().textarea`
   }
 `;
 const StickyNoteMarkdown = styled_default().div`
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--uix-canvas-foreground);
+  ${stickyNoteContentStyles}
+
   word-wrap: break-word;
 
   /* Markdown styles */

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

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAGlD,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,eAAO,MAAM,sBAAsB,2CAUlC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;iBACjB,MAAM;qBACF,MAAM;eACZ,OAAO;eACP,OAAO;yGAqBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAAgC,OAAO;2HA0BrE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAmG9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGA+BjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGA+BpE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;UAa5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAA0B,MAAM;gBAAc,OAAO;qHAkB5E,CAAC"}
+{"version":3,"file":"StickyNoteNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B,MAAM,CAAC;AA4BlD,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,eAAO,MAAM,sBAAsB,2CAUlC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;iBACjB,MAAM;qBACF,MAAM;eACZ,OAAO;eACP,OAAO;yGAqBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAAgC,OAAO;2HAoBrE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGA6F9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGA+BjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGA+BpE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;UAa5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAA0B,MAAM;gBAAc,OAAO;qHAkB5E,CAAC"}

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

@@ -2,6 +2,30 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { motion } from "motion/react";
 const STICKY_NOTE_BELOW_EDGE_Z_INDEX = -10;
+const stickyNoteContentStyles = `
+  width: 100%;
+  height: 100%;
+
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--uix-canvas-foreground);
+
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: var(--uix-canvas-border);
+    border-radius: 4px;
+  }
+`;
 const RESIZE_CONTROL_Z_INDEX = 100;
 const stickyNoteGlobalStyles = css`
   /* Override React Flow's elevateNodesOnSelect behavior for sticky notes */
@@ -38,21 +62,15 @@ const StickyNoteContainer = styled.div`
   }
 `;
 const StickyNoteTextArea = styled.textarea`
-  width: 100%;
-  height: 100%;
+  ${stickyNoteContentStyles}
+
   background: transparent;
   border: none;
   outline: none;
   resize: none;
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--uix-canvas-foreground);
   cursor: ${(props)=>props.isEditing ? 'text' : 'move'};
   user-select: ${(props)=>props.isEditing ? 'text' : 'none'};
   pointer-events: ${(props)=>props.isEditing ? 'auto' : 'none'};
-  overflow-y: auto;
 
   &::placeholder {
     color: var(--uix-canvas-foreground-de-emp);
@@ -65,14 +83,8 @@ const StickyNoteTextArea = styled.textarea`
   }
 `;
 const StickyNoteMarkdown = styled.div`
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--uix-canvas-foreground);
+  ${stickyNoteContentStyles}
+
   word-wrap: break-word;
 
   /* Markdown styles */

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.utils.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__, {
+    preserveNewlines: ()=>preserveNewlines
+});
+const preserveNewlines = (markdown)=>{
+    const codeBlocks = [];
+    let result = markdown.replace(/```[\s\S]*?```/g, (m)=>{
+        codeBlocks.push(m);
+        return `\n%%CODE_BLOCK_${codeBlocks.length - 1}%%\n`;
+    });
+    result = result.replace(/\n{3,}/g, (match)=>{
+        const extraBreaks = match.length - 2;
+        return `\n\n${' \n\n'.repeat(extraBreaks)}`;
+    });
+    result = result.replace(/%%CODE_BLOCK_(\d+)%%/g, (_, i)=>codeBlocks[Number(i)] ?? '');
+    return result;
+};
+exports.preserveNewlines = __webpack_exports__.preserveNewlines;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "preserveNewlines"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,2 @@
+export declare const preserveNewlines: (markdown: string) => string;
+//# sourceMappingURL=StickyNoteNode.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyNoteNode.utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,KAAG,MAqBnD,CAAC"}

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

@@ -0,0 +1,14 @@
+const preserveNewlines = (markdown)=>{
+    const codeBlocks = [];
+    let result = markdown.replace(/```[\s\S]*?```/g, (m)=>{
+        codeBlocks.push(m);
+        return `\n%%CODE_BLOCK_${codeBlocks.length - 1}%%\n`;
+    });
+    result = result.replace(/\n{3,}/g, (match)=>{
+        const extraBreaks = match.length - 2;
+        return `\n\n${' \n\n'.repeat(extraBreaks)}`;
+    });
+    result = result.replace(/%%CODE_BLOCK_(\d+)%%/g, (_, i)=>codeBlocks[Number(i)] ?? '');
+    return result;
+};
+export { preserveNewlines };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.56.0",
+  "version": "3.57.0-pr356.7b67c02",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -200,8 +200,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.7.3",
-    "@uipath/apollo-wind": "1.0.1"
+    "@uipath/apollo-wind": "1.2.0",
+    "@uipath/apollo-core": "5.7.3"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",