@uipath/apollo-react 3.55.0-pr356.38d0871 → 3.55.0-pr356.b109b65

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

@@ -43,14 +43,13 @@ 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");
 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 })=>{
@@ -224,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: [
@@ -323,15 +323,13 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.StickyNoteMarkdown, {
                                 children: localContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_markdown_default(), {
                                     remarkPlugins: [
-                                        external_remark_gfm_default(),
-                                        external_remark_breaks_default()
+                                        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(),
-                                        external_remark_breaks_default()
+                                        external_remark_gfm_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;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;AAoUD,eAAO,MAAM,cAAc,kHAxTxB,mBAAmB,6CAwTqC,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

@@ -5,12 +5,12 @@ 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";
 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 })=>{
@@ -184,7 +184,8 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     }, [
         handleEditClick,
         handleToggleColorPicker,
-        color
+        color,
+        handleDelete
     ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -283,15 +284,13 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                             }) : /*#__PURE__*/ jsx(StickyNoteMarkdown, {
                                 children: localContent ? /*#__PURE__*/ jsx(react_markdown, {
                                     remarkPlugins: [
-                                        remark_gfm,
-                                        remark_breaks
+                                        remark_gfm
                                     ],
                                     components: markdownComponents,
-                                    children: localContent
+                                    children: preserveNewlines(localContent)
                                 }) : renderPlaceholderOnSelect && selected && /*#__PURE__*/ jsx(react_markdown, {
                                     remarkPlugins: [
-                                        remark_gfm,
-                                        remark_breaks
+                                        remark_gfm
                                     ],
                                     components: markdownComponents,
                                     children: placeholder

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

@@ -51,6 +51,20 @@ 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 scrollbarStyles = `
+  &::-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 */
@@ -112,6 +126,8 @@ const StickyNoteTextArea = styled_default().textarea`
     user-select: text;
     cursor: text;
   }
+
+  ${scrollbarStyles}
 `;
 const StickyNoteMarkdown = styled_default().div`
   width: 100%;
@@ -150,6 +166,8 @@ const StickyNoteMarkdown = styled_default().div`
     font-size: 0.9em;
   }
 
+  ${scrollbarStyles}
+
   pre {
     background: rgba(0, 0, 0, 0.1);
     padding: 8px;

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;AAkBlD,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;2HA4BrE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAqG9B,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,20 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { motion } from "motion/react";
 const STICKY_NOTE_BELOW_EDGE_Z_INDEX = -10;
+const scrollbarStyles = `
+  &::-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 */
@@ -63,6 +77,8 @@ const StickyNoteTextArea = styled.textarea`
     user-select: text;
     cursor: text;
   }
+
+  ${scrollbarStyles}
 `;
 const StickyNoteMarkdown = styled.div`
   width: 100%;
@@ -101,6 +117,8 @@ const StickyNoteMarkdown = styled.div`
     font-size: 0.9em;
   }
 
+  ${scrollbarStyles}
+
   pre {
     background: rgba(0, 0, 0, 0.1);
     padding: 8px;

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.55.0-pr356.38d0871",
+  "version": "3.55.0-pr356.b109b65",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -192,7 +192,6 @@
     "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",