@uipath/apollo-react 4.64.0 → 4.65.0

package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs

@@ -38,7 +38,7 @@ const external_PanShortcutTeachingUI_cjs_namespaceObject = require("./PanShortcu
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
-    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
+    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, stickyNoteOptions, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
     const isInteractive = 'readonly' !== mode;
     const isDesignMode = 'design' === mode;
     const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
@@ -75,6 +75,7 @@ const BaseCanvasInnerComponent = (props)=>{
         mode: mode,
         isDarkMode: isDarkMode,
         locale: locale,
+        stickyNoteOptions: stickyNoteOptions,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_cjs_namespaceObject.ReactFlow, {
             ...reactFlowProps,
             colorMode: '',

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,IAAI,EACJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA8MzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
+{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,IAAI,EACJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAgNzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.js

@@ -10,7 +10,7 @@ import { PanShortcutTeachingUI } from "./PanShortcutTeachingUI.js";
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
-    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
+    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, locale, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, stickyNoteOptions, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
     const isInteractive = 'readonly' !== mode;
     const isDesignMode = 'design' === mode;
     const [reactFlowInstance, setReactFlowInstance] = useState();
@@ -47,6 +47,7 @@ const BaseCanvasInnerComponent = (props)=>{
         mode: mode,
         isDarkMode: isDarkMode,
         locale: locale,
+        stickyNoteOptions: stickyNoteOptions,
         children: /*#__PURE__*/ jsxs(ReactFlow, {
             ...reactFlowProps,
             colorMode: '',

package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts

@@ -2,6 +2,7 @@ import type { BackgroundVariant, Edge, Node, ReactFlowInstance, ReactFlowProps }
 import type { ReactNode } from 'react';
 import type { SupportedLocale } from '../../../i18n';
 import type { ToolbarActionHandler } from '../../schema/toolbar';
+import type { StickyNoteCanvasOptions } from '../StickyNoteNode/StickyNoteNode.types';
 export interface BaseCanvasFitViewOptions {
     padding?: number | {
         top: number;
@@ -15,6 +16,7 @@ export interface BaseCanvasFitViewOptions {
 }
 export interface BaseCanvasProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> extends ReactFlowProps<NodeType, EdgeType> {
     mode?: 'design' | 'readonly' | 'view';
+    stickyNoteOptions?: StickyNoteCanvasOptions;
     children?: ReactNode;
     showBackground?: boolean;
     backgroundColor?: string;

package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
+{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAMtF,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAMtC,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAO5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}

package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs

@@ -30,11 +30,12 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tooltip_namespaceObject = require("@uipath/apollo-wind/components/ui/tooltip");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const StickyNoteCanvasOptionsContext_cjs_namespaceObject = require("../StickyNoteNode/StickyNoteCanvasOptionsContext.cjs");
 const external_BaseCanvasModeProvider_cjs_namespaceObject = require("./BaseCanvasModeProvider.cjs");
 const external_CanvasThemeContext_cjs_namespaceObject = require("./CanvasThemeContext.cjs");
 const external_ConnectedHandlesContext_cjs_namespaceObject = require("./ConnectedHandlesContext.cjs");
 const external_SelectionStateContext_cjs_namespaceObject = require("./SelectionStateContext.cjs");
-function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, children }) {
+function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, children }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApI18nProvider, {
         component: "canvas",
         locale: locale,
@@ -48,9 +49,12 @@ function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, children }) {
                         edges: edges,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvasModeProvider_cjs_namespaceObject.BaseCanvasModeProvider, {
                             mode: mode,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
-                                nodes: nodes,
-                                children: children
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StickyNoteCanvasOptionsContext_cjs_namespaceObject.StickyNoteCanvasOptionsProvider, {
+                                options: stickyNoteOptions,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
+                                    nodes: nodes,
+                                    children: children
+                                })
                             })
                         })
                     })

package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts

@@ -1,5 +1,6 @@
 import type { Edge, Node } from '../../xyflow/react.ts';
 import type { ReactNode } from 'react';
+import type { StickyNoteCanvasOptions } from '../StickyNoteNode/StickyNoteNode.types';
 import type { BaseCanvasProps } from './BaseCanvas.types';
 interface CanvasProvidersProps {
     children: ReactNode;
@@ -8,7 +9,8 @@ interface CanvasProvidersProps {
     mode: BaseCanvasProps['mode'];
     isDarkMode?: boolean;
     locale?: BaseCanvasProps['locale'];
+    stickyNoteOptions?: StickyNoteCanvasOptions;
 }
-export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CanvasProviders.d.ts.map

package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;CACpC;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE,oBAAoB,2CAgBtB"}
+{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;CAC7C;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACT,EAAE,oBAAoB,2CAkBtB"}

package/dist/canvas/components/BaseCanvas/CanvasProviders.js

@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { TooltipProvider } from "@uipath/apollo-wind/components/ui/tooltip";
 import { ApI18nProvider } from "../../../i18n/index.js";
 import { CanvasTooltipProviderMarker } from "../CanvasTooltip.js";
+import { StickyNoteCanvasOptionsProvider } from "../StickyNoteNode/StickyNoteCanvasOptionsContext.js";
 import { BaseCanvasModeProvider } from "./BaseCanvasModeProvider.js";
 import { CanvasThemeProvider } from "./CanvasThemeContext.js";
 import { ConnectedHandlesProvider } from "./ConnectedHandlesContext.js";
 import { SelectionStateProvider } from "./SelectionStateContext.js";
-function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, children }) {
+function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, stickyNoteOptions, children }) {
     return /*#__PURE__*/ jsx(ApI18nProvider, {
         component: "canvas",
         locale: locale,
@@ -20,9 +21,12 @@ function CanvasProviders({ nodes, edges, mode, isDarkMode, locale, children }) {
                         edges: edges,
                         children: /*#__PURE__*/ jsx(BaseCanvasModeProvider, {
                             mode: mode,
-                            children: /*#__PURE__*/ jsx(SelectionStateProvider, {
-                                nodes: nodes,
-                                children: children
+                            children: /*#__PURE__*/ jsx(StickyNoteCanvasOptionsProvider, {
+                                options: stickyNoteOptions,
+                                children: /*#__PURE__*/ jsx(SelectionStateProvider, {
+                                    nodes: nodes,
+                                    children: children
+                                })
                             })
                         })
                     })

package/dist/canvas/components/ProbeCard/ProbeCard.cjs

@@ -27,12 +27,12 @@ __webpack_require__.d(__webpack_exports__, {
     ProbeCard: ()=>ProbeCard
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const useLatestRef_cjs_namespaceObject = require("../../hooks/useLatestRef.cjs");
 const external_ProbeResizeHandles_cjs_namespaceObject = require("./ProbeResizeHandles.cjs");
 const external_useDragSession_cjs_namespaceObject = require("./useDragSession.cjs");
-const external_useLatestRef_cjs_namespaceObject = require("./useLatestRef.cjs");
 function WatchValueView({ value, depth = 0 }) {
     if (null === value) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         className: "text-[11px] font-mono text-foreground-subtle italic",
@@ -180,9 +180,9 @@ function ProbeCardComponent({ watches, iterationControl, onAddWatch, onUpdateWat
     const watchListRef = (0, external_react_namespaceObject.useRef)(null);
     const pendingFocusNewWatchRef = (0, external_react_namespaceObject.useRef)(false);
     const previousWatchCountRef = (0, external_react_namespaceObject.useRef)(watches.length);
-    const onCloseRef = (0, external_useLatestRef_cjs_namespaceObject.useLatestRef)(onClose);
-    const onCanvasPanRef = (0, external_useLatestRef_cjs_namespaceObject.useLatestRef)(onCanvasPan);
-    const onCanvasZoomRef = (0, external_useLatestRef_cjs_namespaceObject.useLatestRef)(onCanvasZoom);
+    const onCloseRef = (0, useLatestRef_cjs_namespaceObject.useLatestRef)(onClose);
+    const onCanvasPanRef = (0, useLatestRef_cjs_namespaceObject.useLatestRef)(onCanvasPan);
+    const onCanvasZoomRef = (0, useLatestRef_cjs_namespaceObject.useLatestRef)(onCanvasZoom);
     const isSpacePressedRef = (0, external_react_namespaceObject.useRef)(false);
     const canvasPanCleanupRef = (0, external_react_namespaceObject.useRef)(null);
     const canvasPanLastPointRef = (0, external_react_namespaceObject.useRef)(null);

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

@@ -1 +1 @@
-{"version":3,"file":"ProbeCard.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ProbeCard/ProbeCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAS5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAGD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IAEf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,EAAE,CAAC,eAAe,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,eAAe,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAClF,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IAMpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAKxD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QACtB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,IAAI,CAAC;CACZ;AA8KD,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,MAAM,EACN,SAAS,EACT,aAAa,EACb,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,YAAY,GACb,EAAE,cAAc,2CAmThB;AAmDD,eAAO,MAAM,SAAS,gEAA2B,CAAC"}
+{"version":3,"file":"ProbeCard.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ProbeCard/ProbeCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQ5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAGD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IAEf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,EAAE,CAAC,eAAe,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,eAAe,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAClF,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IAMpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAKxD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QACtB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,IAAI,CAAC;CACZ;AA8KD,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,MAAM,EACN,SAAS,EACT,aAAa,EACb,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,YAAY,GACb,EAAE,cAAc,2CAmThB;AAmDD,eAAO,MAAM,SAAS,gEAA2B,CAAC"}

package/dist/canvas/components/ProbeCard/ProbeCard.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Button } from "@uipath/apollo-wind";
 import { ChevronDown, ChevronLeft, ChevronRight, Plus, X } from "lucide-react";
+import { memo, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useLatestRef } from "../../hooks/useLatestRef.js";
 import { ProbeResizeHandles } from "./ProbeResizeHandles.js";
 import { useDragSession } from "./useDragSession.js";
-import { useLatestRef } from "./useLatestRef.js";
 function WatchValueView({ value, depth = 0 }) {
     if (null === value) return /*#__PURE__*/ jsx("span", {
         className: "text-[11px] font-mono text-foreground-subtle italic",

package/dist/canvas/components/ProbeCard/useDragSession.cjs

@@ -27,9 +27,9 @@ __webpack_require__.d(__webpack_exports__, {
     useDragSession: ()=>useDragSession
 });
 const external_react_namespaceObject = require("react");
-const external_useLatestRef_cjs_namespaceObject = require("./useLatestRef.cjs");
+const useLatestRef_cjs_namespaceObject = require("../../hooks/useLatestRef.cjs");
 function useDragSession(handlers) {
-    const handlersRef = (0, external_useLatestRef_cjs_namespaceObject.useLatestRef)(handlers);
+    const handlersRef = (0, useLatestRef_cjs_namespaceObject.useLatestRef)(handlers);
     const startRef = (0, external_react_namespaceObject.useRef)(null);
     const cleanupRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useEffect)(()=>()=>cleanupRef.current?.(), []);

package/dist/canvas/components/ProbeCard/useDragSession.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from "react";
-import { useLatestRef } from "./useLatestRef.js";
+import { useLatestRef } from "../../hooks/useLatestRef.js";
 function useDragSession(handlers) {
     const handlersRef = useLatestRef(handlers);
     const startRef = useRef(null);

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

@@ -0,0 +1,61 @@
+"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__, {
+    StickyNoteCanvasOptionsProvider: ()=>StickyNoteCanvasOptionsProvider,
+    useStickyNoteCanvasOptions: ()=>useStickyNoteCanvasOptions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const DEFAULT_OPTIONS = {
+    readOnly: false,
+    enableMediaEmbedding: false
+};
+const StickyNoteCanvasOptionsContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(DEFAULT_OPTIONS);
+function StickyNoteCanvasOptionsProvider({ options, children }) {
+    const value = (0, external_react_namespaceObject.useMemo)(()=>({
+            readOnly: options?.readOnly ?? DEFAULT_OPTIONS.readOnly,
+            enableMediaEmbedding: options?.enableMediaEmbedding ?? DEFAULT_OPTIONS.enableMediaEmbedding
+        }), [
+        options?.enableMediaEmbedding,
+        options?.readOnly
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StickyNoteCanvasOptionsContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useStickyNoteCanvasOptions() {
+    return (0, external_react_namespaceObject.useContext)(StickyNoteCanvasOptionsContext);
+}
+exports.StickyNoteCanvasOptionsProvider = __webpack_exports__.StickyNoteCanvasOptionsProvider;
+exports.useStickyNoteCanvasOptions = __webpack_exports__.useStickyNoteCanvasOptions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "StickyNoteCanvasOptionsProvider",
+    "useStickyNoteCanvasOptions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import type { StickyNoteCanvasOptions } from './StickyNoteNode.types';
+type ResolvedStickyNoteCanvasOptions = Required<StickyNoteCanvasOptions>;
+type StickyNoteCanvasOptionsProviderProps = Readonly<{
+    options?: StickyNoteCanvasOptions;
+    children: ReactNode;
+}>;
+export declare function StickyNoteCanvasOptionsProvider({ options, children, }: StickyNoteCanvasOptionsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useStickyNoteCanvasOptions(): ResolvedStickyNoteCanvasOptions;
+export {};
+//# sourceMappingURL=StickyNoteCanvasOptionsContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyNoteCanvasOptionsContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteCanvasOptionsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,KAAK,+BAA+B,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;AAUzE,KAAK,oCAAoC,GAAG,QAAQ,CAAC;IACnD,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAEH,wBAAgB,+BAA+B,CAAC,EAC9C,OAAO,EACP,QAAQ,GACT,EAAE,oCAAoC,2CActC;AAED,wBAAgB,0BAA0B,IAAI,+BAA+B,CAE5E"}

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

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+const DEFAULT_OPTIONS = {
+    readOnly: false,
+    enableMediaEmbedding: false
+};
+const StickyNoteCanvasOptionsContext = /*#__PURE__*/ createContext(DEFAULT_OPTIONS);
+function StickyNoteCanvasOptionsProvider({ options, children }) {
+    const value = useMemo(()=>({
+            readOnly: options?.readOnly ?? DEFAULT_OPTIONS.readOnly,
+            enableMediaEmbedding: options?.enableMediaEmbedding ?? DEFAULT_OPTIONS.enableMediaEmbedding
+        }), [
+        options?.enableMediaEmbedding,
+        options?.readOnly
+    ]);
+    return /*#__PURE__*/ jsx(StickyNoteCanvasOptionsContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useStickyNoteCanvasOptions() {
+    return useContext(StickyNoteCanvasOptionsContext);
+}
+export { StickyNoteCanvasOptionsProvider, useStickyNoteCanvasOptions };

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

@@ -49,6 +49,9 @@ function sourceRange(node) {
         end
     } : null;
 }
+function stopNodeDrag(event) {
+    event.stopPropagation();
+}
 function MediaContainer({ fullWidth, children }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         className: "relative my-2 block max-w-full overflow-hidden rounded-md",
@@ -71,14 +74,15 @@ function MediaEditButton({ onClick }) {
         "data-sticky-media-control": true,
         "aria-label": label,
         title: label,
-        className: "absolute right-1 top-1 z-10 inline-flex h-7 w-7 items-center justify-center rounded bg-surface-raised/95 text-foreground opacity-80 shadow-sm transition-opacity hover:bg-surface-hover hover:opacity-100 focus-visible:opacity-100",
+        className: "nodrag nopan absolute right-1 top-1 z-10 inline-flex h-7 w-7 items-center justify-center rounded bg-surface-raised/95 text-foreground opacity-80 shadow-sm transition-opacity hover:bg-surface-hover hover:opacity-100 focus-visible:opacity-100",
         onClick: (event)=>{
             event.preventDefault();
             event.stopPropagation();
             onClick();
         },
         onDoubleClick: (event)=>event.stopPropagation(),
-        onPointerDown: (event)=>event.stopPropagation(),
+        onPointerDown: stopNodeDrag,
+        onMouseDown: stopNodeDrag,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
             icon: "pencil",
             size: 14
@@ -151,20 +155,22 @@ function StickyNoteMediaImage({ src, alt = '', title, node, fallbackImage, ...im
                     sandbox: "allow-scripts allow-same-origin allow-presentation",
                     allow: "autoplay; encrypted-media; fullscreen; picture-in-picture",
                     allowFullScreen: true,
-                    className: "block aspect-video w-full border-0",
-                    onPointerDown: (event)=>event.stopPropagation()
+                    className: "nodrag nopan block aspect-video w-full border-0",
+                    onPointerDown: stopNodeDrag,
+                    onMouseDown: stopNodeDrag
                 }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                     type: "button",
                     "data-sticky-media-control": true,
                     "aria-label": playLabel,
-                    className: "group relative flex aspect-video w-full items-center justify-center overflow-hidden bg-black text-sm font-medium text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-white",
+                    className: "nodrag nopan group relative flex aspect-video w-full items-center justify-center overflow-hidden bg-black text-sm font-medium text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-white",
                     onClick: (event)=>{
                         event.preventDefault();
                         event.stopPropagation();
                         setLoadedYouTubeId(media.videoId);
                     },
                     onDoubleClick: (event)=>event.stopPropagation(),
-                    onPointerDown: (event)=>event.stopPropagation(),
+                    onPointerDown: stopNodeDrag,
+                    onMouseDown: stopNodeDrag,
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
                             src: `https://i.ytimg.com/vi/${media.videoId}/hqdefault.jpg`,
@@ -205,10 +211,11 @@ function StickyNoteMediaImage({ src, alt = '', title, node, fallbackImage, ...im
                     controls: true,
                     preload: "metadata",
                     playsInline: true,
-                    className: "block h-auto w-full bg-black",
+                    className: "nodrag nopan block h-auto w-full bg-black",
                     onClick: (event)=>event.stopPropagation(),
                     onDoubleClick: (event)=>event.stopPropagation(),
-                    onPointerDown: (event)=>event.stopPropagation(),
+                    onPointerDown: stopNodeDrag,
+                    onMouseDown: stopNodeDrag,
                     children: _({
                         id: 'sticky-note.media.video-unavailable',
                         message: 'Video playback is unavailable.'

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

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteMediaMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteMediaMarkdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,8BAA8B;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;CACnF;AAMD,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,8BAA8B,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA;AAqND,wBAAgB,uCAAuC,CACrD,aAAa,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GAChC,UAAU,CAIZ"}
+{"version":3,"file":"StickyNoteMediaMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteMediaMarkdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,8BAA8B;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;CACnF;AAMD,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,8BAA8B,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA;AA6ND,wBAAgB,uCAAuC,CACrD,aAAa,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GAChC,UAAU,CAIZ"}

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

@@ -20,6 +20,9 @@ function sourceRange(node) {
         end
     } : null;
 }
+function stopNodeDrag(event) {
+    event.stopPropagation();
+}
 function MediaContainer({ fullWidth, children }) {
     return /*#__PURE__*/ jsx("span", {
         className: "relative my-2 block max-w-full overflow-hidden rounded-md",
@@ -42,14 +45,15 @@ function MediaEditButton({ onClick }) {
         "data-sticky-media-control": true,
         "aria-label": label,
         title: label,
-        className: "absolute right-1 top-1 z-10 inline-flex h-7 w-7 items-center justify-center rounded bg-surface-raised/95 text-foreground opacity-80 shadow-sm transition-opacity hover:bg-surface-hover hover:opacity-100 focus-visible:opacity-100",
+        className: "nodrag nopan absolute right-1 top-1 z-10 inline-flex h-7 w-7 items-center justify-center rounded bg-surface-raised/95 text-foreground opacity-80 shadow-sm transition-opacity hover:bg-surface-hover hover:opacity-100 focus-visible:opacity-100",
         onClick: (event)=>{
             event.preventDefault();
             event.stopPropagation();
             onClick();
         },
         onDoubleClick: (event)=>event.stopPropagation(),
-        onPointerDown: (event)=>event.stopPropagation(),
+        onPointerDown: stopNodeDrag,
+        onMouseDown: stopNodeDrag,
         children: /*#__PURE__*/ jsx(CanvasIcon, {
             icon: "pencil",
             size: 14
@@ -122,20 +126,22 @@ function StickyNoteMediaImage({ src, alt = '', title, node, fallbackImage, ...im
                     sandbox: "allow-scripts allow-same-origin allow-presentation",
                     allow: "autoplay; encrypted-media; fullscreen; picture-in-picture",
                     allowFullScreen: true,
-                    className: "block aspect-video w-full border-0",
-                    onPointerDown: (event)=>event.stopPropagation()
+                    className: "nodrag nopan block aspect-video w-full border-0",
+                    onPointerDown: stopNodeDrag,
+                    onMouseDown: stopNodeDrag
                 }) : /*#__PURE__*/ jsxs("button", {
                     type: "button",
                     "data-sticky-media-control": true,
                     "aria-label": playLabel,
-                    className: "group relative flex aspect-video w-full items-center justify-center overflow-hidden bg-black text-sm font-medium text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-white",
+                    className: "nodrag nopan group relative flex aspect-video w-full items-center justify-center overflow-hidden bg-black text-sm font-medium text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-white",
                     onClick: (event)=>{
                         event.preventDefault();
                         event.stopPropagation();
                         setLoadedYouTubeId(media.videoId);
                     },
                     onDoubleClick: (event)=>event.stopPropagation(),
-                    onPointerDown: (event)=>event.stopPropagation(),
+                    onPointerDown: stopNodeDrag,
+                    onMouseDown: stopNodeDrag,
                     children: [
                         /*#__PURE__*/ jsx("img", {
                             src: `https://i.ytimg.com/vi/${media.videoId}/hqdefault.jpg`,
@@ -176,10 +182,11 @@ function StickyNoteMediaImage({ src, alt = '', title, node, fallbackImage, ...im
                     controls: true,
                     preload: "metadata",
                     playsInline: true,
-                    className: "block h-auto w-full bg-black",
+                    className: "nodrag nopan block h-auto w-full bg-black",
                     onClick: (event)=>event.stopPropagation(),
                     onDoubleClick: (event)=>event.stopPropagation(),
-                    onPointerDown: (event)=>event.stopPropagation(),
+                    onPointerDown: stopNodeDrag,
+                    onMouseDown: stopNodeDrag,
                     children: _({
                         id: 'sticky-note.media.video-unavailable',
                         message: 'Video playback is unavailable.'

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

@@ -50,12 +50,14 @@ const external_remark_gfm_namespaceObject = require("remark-gfm");
 var external_remark_gfm_default = /*#__PURE__*/ __webpack_require__.n(external_remark_gfm_namespaceObject);
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
+const useLatestRef_cjs_namespaceObject = require("../../hooks/useLatestRef.cjs");
 const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
 const SelectionStateContext_cjs_namespaceObject = require("../BaseCanvas/SelectionStateContext.cjs");
 const external_NodeViewportOverlay_cjs_namespaceObject = require("../NodeViewportOverlay.cjs");
 const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_FormattingToolbar_cjs_namespaceObject = require("./FormattingToolbar.cjs");
 const external_markdown_formatting_index_cjs_namespaceObject = require("./markdown-formatting/index.cjs");
+const external_StickyNoteCanvasOptionsContext_cjs_namespaceObject = require("./StickyNoteCanvasOptionsContext.cjs");
 const external_StickyNoteMedia_cjs_namespaceObject = require("./StickyNoteMedia.cjs");
 const external_StickyNoteMediaDialog_cjs_namespaceObject = require("./StickyNoteMediaDialog.cjs");
 const external_StickyNoteMediaMarkdown_cjs_namespaceObject = require("./StickyNoteMediaMarkdown.cjs");
@@ -66,8 +68,11 @@ const external_useMarkdownShortcuts_cjs_namespaceObject = require("./useMarkdown
 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, readOnly = false, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, enableMediaEmbedding = false, formattingActions, markdownComponents: customMarkdownComponents })=>{
+const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false, readOnly: readOnlyProp, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, enableMediaEmbedding: enableMediaEmbeddingProp, formattingActions, markdownComponents: customMarkdownComponents })=>{
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
+    const canvasOptions = (0, external_StickyNoteCanvasOptionsContext_cjs_namespaceObject.useStickyNoteCanvasOptions)();
+    const readOnly = readOnlyProp ?? canvasOptions.readOnly;
+    const enableMediaEmbedding = enableMediaEmbeddingProp ?? canvasOptions.enableMediaEmbedding;
     const { updateNodeData, deleteElements } = (0, react_cjs_namespaceObject.useReactFlow)();
     const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
     const [isEditing, setIsEditing] = (0, external_react_namespaceObject.useState)(!readOnly && (data.autoFocus ?? false));
@@ -79,6 +84,20 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const textAreaRef = (0, external_react_namespaceObject.useRef)(null);
     const formattingToolbarRef = (0, external_react_namespaceObject.useRef)(null);
     const skipBlurRef = (0, external_react_namespaceObject.useRef)(null);
+    const resizeActiveRef = (0, external_react_namespaceObject.useRef)(false);
+    const resizeLifecycle = {
+        content: data.content,
+        id,
+        isEditing,
+        localContent,
+        onContentChange,
+        onResize,
+        onResizeEnd,
+        onResizeStart,
+        readOnly,
+        updateNodeData
+    };
+    const resizeLifecycleRef = (0, useLatestRef_cjs_namespaceObject.useLatestRef)(resizeLifecycle);
     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)({
@@ -91,6 +110,15 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const colorKey = data.color || 'yellow';
     const color = external_StickyNoteNode_types_cjs_namespaceObject.STICKY_NOTE_COLORS[colorKey] ?? external_StickyNoteNode_types_cjs_namespaceObject.STICKY_NOTE_COLORS.yellow;
     const colorWithAlpha = (0, external_StickyNoteNode_types_cjs_namespaceObject.withAlpha)(color);
+    const endResizeLifecycle = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (!resizeActiveRef.current) return;
+        resizeActiveRef.current = false;
+        setIsResizing(false);
+        const latestOnResizeEnd = resizeLifecycleRef.current.onResizeEnd;
+        if (latestOnResizeEnd) queueMicrotask(latestOnResizeEnd);
+    }, [
+        resizeLifecycleRef
+    ]);
     const updateLocalContent = (0, external_react_namespaceObject.useCallback)((content)=>{
         latestContentRef.current = content;
         setLocalContent(content);
@@ -376,13 +404,16 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         updateLocalContent
     ]);
     const handleResizeStart = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (isEditing) {
-            const content = textAreaRef.current?.value ?? localContent;
-            if (!readOnly && content !== data.content) {
+        if (resizeActiveRef.current) return;
+        resizeActiveRef.current = true;
+        const lifecycle = resizeLifecycleRef.current;
+        if (lifecycle.isEditing) {
+            const content = textAreaRef.current?.value ?? lifecycle.localContent;
+            if (!lifecycle.readOnly && content !== lifecycle.content) {
                 skipBlurRef.current = content;
                 (0, external_react_dom_namespaceObject.flushSync)(()=>{
-                    onContentChange?.(content);
-                    updateNodeData(id, {
+                    lifecycle.onContentChange?.(content);
+                    lifecycle.updateNodeData(lifecycle.id, {
                         content
                     });
                 });
@@ -390,24 +421,20 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
             textAreaRef.current?.blur();
         }
         setIsResizing(true);
-        onResizeStart?.();
+        lifecycle.onResizeStart?.();
     }, [
-        data.content,
-        id,
-        isEditing,
-        localContent,
-        onContentChange,
-        onResizeStart,
-        readOnly,
-        updateNodeData
+        resizeLifecycleRef
     ]);
     const handleResizeEnd = (0, external_react_namespaceObject.useCallback)((_event, params)=>{
-        setIsResizing(false);
-        onResize?.(params.width, params.height);
-        if (onResizeEnd) queueMicrotask(onResizeEnd);
+        if (!resizeActiveRef.current) return;
+        try {
+            resizeLifecycleRef.current.onResize?.(params.width, params.height);
+        } finally{
+            endResizeLifecycle();
+        }
     }, [
-        onResize,
-        onResizeEnd
+        endResizeLifecycle,
+        resizeLifecycleRef
     ]);
     const handleColorChange = (0, external_react_namespaceObject.useCallback)((newColor)=>{
         onColorChange?.(newColor);
@@ -450,9 +477,16 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const builtInMarkdownComponents = (0, external_react_namespaceObject.useMemo)(()=>({
             a: ({ node: _node, href, children, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
                     ...props,
+                    className: [
+                        'nodrag',
+                        'nopan',
+                        props.className
+                    ].filter(Boolean).join(' '),
                     href: href,
                     target: "_blank",
                     rel: "noopener noreferrer",
+                    onPointerDown: (event)=>event.stopPropagation(),
+                    onMouseDown: (event)=>event.stopPropagation(),
                     onClick: (e)=>{
                         e.stopPropagation();
                     },
@@ -547,6 +581,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         handleDelete
     ]);
     const shouldRenderToolbarOverlay = !readOnly && selected && !dragging && !isResizing && !multipleNodesSelected;
+    const shouldRenderResizeControls = !readOnly || isResizing;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Global, {
@@ -555,12 +590,13 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StickyNoteNode_styles_cjs_namespaceObject.StickyNoteWrapper, {
                 "data-sticky-note": true,
                 children: [
-                    !readOnly && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                    shouldRenderResizeControls && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: external_StickyNoteNode_styles_cjs_namespaceObject.RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "top-left",
@@ -569,7 +605,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nwse-resize"
                                 })
                             }),
@@ -577,6 +613,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: external_StickyNoteNode_styles_cjs_namespaceObject.RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "top-right",
@@ -585,7 +622,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nesw-resize"
                                 })
                             }),
@@ -593,6 +630,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: external_StickyNoteNode_styles_cjs_namespaceObject.RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "bottom-left",
@@ -601,7 +639,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nesw-resize"
                                 })
                             }),
@@ -609,6 +647,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: external_StickyNoteNode_styles_cjs_namespaceObject.RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "bottom-right",
@@ -617,7 +656,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nwse-resize"
                                 })
                             })

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

@@ -15,5 +15,5 @@ export interface StickyNoteNodeProps extends NodeProps {
     formattingActions?: readonly StickyNoteFormattingAction[];
     markdownComponents?: Omit<Components, 'a'>;
 }
-export declare const StickyNoteNode: import("react").MemoExoticComponent<({ id, data, selected, dragging, placeholder, renderPlaceholderOnSelect, readOnly, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, enableMediaEmbedding, formattingActions, markdownComponents: customMarkdownComponents, }: StickyNoteNodeProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const StickyNoteNode: import("react").MemoExoticComponent<({ id, data, selected, dragging, placeholder, renderPlaceholderOnSelect, readOnly: readOnlyProp, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, enableMediaEmbedding: enableMediaEmbeddingProp, formattingActions, markdownComponents: customMarkdownComponents, }: StickyNoteNodeProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=StickyNoteNode.d.ts.map

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;AAM1E,OAAsB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA6ChE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAEd,0BAA0B,EAE3B,MAAM,wBAAwB,CAAC;AAMhC,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;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,0BAA0B,EAAE,CAAC;IAC1D,kBAAkB,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;CAC5C;AA6qBD,eAAO,MAAM,cAAc,yRAhpBxB,mBAAmB,6CAgpBwE,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;AAM1E,OAAsB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA+ChE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAEd,0BAA0B,EAE3B,MAAM,wBAAwB,CAAC;AAMhC,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;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,0BAA0B,EAAE,CAAC;IAC1D,kBAAkB,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;CAC5C;AA4tBD,eAAO,MAAM,cAAc,iUA/rBxB,mBAAmB,6CA+rBwE,CAAC"}

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

@@ -10,12 +10,14 @@ import remark_breaks from "remark-breaks";
 import remark_gfm from "remark-gfm";
 import { useSafeLingui } from "../../../i18n/index.js";
 import { GRID_SPACING } from "../../constants.js";
+import { useLatestRef } from "../../hooks/useLatestRef.js";
 import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
 import { useSelectionState } from "../BaseCanvas/SelectionStateContext.js";
 import { NodeViewportOverlay } from "../NodeViewportOverlay.js";
 import { NodeToolbar } from "../Toolbar/index.js";
 import { FormattingToolbar } from "./FormattingToolbar.js";
 import { activeFormatsEqual, continueListOnEnter, detectActiveFormats } from "./markdown-formatting/index.js";
+import { useStickyNoteCanvasOptions } from "./StickyNoteCanvasOptionsContext.js";
 import { findStickyNoteMediaAtSelection, insertStickyNoteMedia, parseStickyNoteMediaTokens, replaceStickyNoteMedia, serializeStickyNoteMedia } from "./StickyNoteMedia.js";
 import { StickyNoteMediaDialog } from "./StickyNoteMediaDialog.js";
 import { StickyNoteMediaMarkdownProvider, createStickyNoteMediaMarkdownComponents } from "./StickyNoteMediaMarkdown.js";
@@ -26,8 +28,11 @@ 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, readOnly = false, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, enableMediaEmbedding = false, formattingActions, markdownComponents: customMarkdownComponents })=>{
+const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false, readOnly: readOnlyProp, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, enableMediaEmbedding: enableMediaEmbeddingProp, formattingActions, markdownComponents: customMarkdownComponents })=>{
     const { _ } = useSafeLingui();
+    const canvasOptions = useStickyNoteCanvasOptions();
+    const readOnly = readOnlyProp ?? canvasOptions.readOnly;
+    const enableMediaEmbedding = enableMediaEmbeddingProp ?? canvasOptions.enableMediaEmbedding;
     const { updateNodeData, deleteElements } = useReactFlow();
     const { multipleNodesSelected } = useSelectionState();
     const [isEditing, setIsEditing] = useState(!readOnly && (data.autoFocus ?? false));
@@ -39,6 +44,20 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const textAreaRef = useRef(null);
     const formattingToolbarRef = useRef(null);
     const skipBlurRef = useRef(null);
+    const resizeActiveRef = useRef(false);
+    const resizeLifecycle = {
+        content: data.content,
+        id,
+        isEditing,
+        localContent,
+        onContentChange,
+        onResize,
+        onResizeEnd,
+        onResizeStart,
+        readOnly,
+        updateNodeData
+    };
+    const resizeLifecycleRef = useLatestRef(resizeLifecycle);
     const { ref: markdownRef, scrollCaptureProps } = useScrollCapture();
     const colorButtonRef = useRef(null);
     const [activeFormats, setActiveFormats] = useState({
@@ -51,6 +70,15 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const colorKey = data.color || 'yellow';
     const color = STICKY_NOTE_COLORS[colorKey] ?? STICKY_NOTE_COLORS.yellow;
     const colorWithAlpha = withAlpha(color);
+    const endResizeLifecycle = useCallback(()=>{
+        if (!resizeActiveRef.current) return;
+        resizeActiveRef.current = false;
+        setIsResizing(false);
+        const latestOnResizeEnd = resizeLifecycleRef.current.onResizeEnd;
+        if (latestOnResizeEnd) queueMicrotask(latestOnResizeEnd);
+    }, [
+        resizeLifecycleRef
+    ]);
     const updateLocalContent = useCallback((content)=>{
         latestContentRef.current = content;
         setLocalContent(content);
@@ -336,13 +364,16 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         updateLocalContent
     ]);
     const handleResizeStart = useCallback(()=>{
-        if (isEditing) {
-            const content = textAreaRef.current?.value ?? localContent;
-            if (!readOnly && content !== data.content) {
+        if (resizeActiveRef.current) return;
+        resizeActiveRef.current = true;
+        const lifecycle = resizeLifecycleRef.current;
+        if (lifecycle.isEditing) {
+            const content = textAreaRef.current?.value ?? lifecycle.localContent;
+            if (!lifecycle.readOnly && content !== lifecycle.content) {
                 skipBlurRef.current = content;
                 flushSync(()=>{
-                    onContentChange?.(content);
-                    updateNodeData(id, {
+                    lifecycle.onContentChange?.(content);
+                    lifecycle.updateNodeData(lifecycle.id, {
                         content
                     });
                 });
@@ -350,24 +381,20 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
             textAreaRef.current?.blur();
         }
         setIsResizing(true);
-        onResizeStart?.();
+        lifecycle.onResizeStart?.();
     }, [
-        data.content,
-        id,
-        isEditing,
-        localContent,
-        onContentChange,
-        onResizeStart,
-        readOnly,
-        updateNodeData
+        resizeLifecycleRef
     ]);
     const handleResizeEnd = useCallback((_event, params)=>{
-        setIsResizing(false);
-        onResize?.(params.width, params.height);
-        if (onResizeEnd) queueMicrotask(onResizeEnd);
+        if (!resizeActiveRef.current) return;
+        try {
+            resizeLifecycleRef.current.onResize?.(params.width, params.height);
+        } finally{
+            endResizeLifecycle();
+        }
     }, [
-        onResize,
-        onResizeEnd
+        endResizeLifecycle,
+        resizeLifecycleRef
     ]);
     const handleColorChange = useCallback((newColor)=>{
         onColorChange?.(newColor);
@@ -410,9 +437,16 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
     const builtInMarkdownComponents = useMemo(()=>({
             a: ({ node: _node, href, children, ...props })=>/*#__PURE__*/ jsx("a", {
                     ...props,
+                    className: [
+                        'nodrag',
+                        'nopan',
+                        props.className
+                    ].filter(Boolean).join(' '),
                     href: href,
                     target: "_blank",
                     rel: "noopener noreferrer",
+                    onPointerDown: (event)=>event.stopPropagation(),
+                    onMouseDown: (event)=>event.stopPropagation(),
                     onClick: (e)=>{
                         e.stopPropagation();
                     },
@@ -507,6 +541,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         handleDelete
     ]);
     const shouldRenderToolbarOverlay = !readOnly && selected && !dragging && !isResizing && !multipleNodesSelected;
+    const shouldRenderResizeControls = !readOnly || isResizing;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Global, {
@@ -515,12 +550,13 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
             /*#__PURE__*/ jsxs(StickyNoteWrapper, {
                 "data-sticky-note": true,
                 children: [
-                    !readOnly && /*#__PURE__*/ jsxs(Fragment, {
+                    shouldRenderResizeControls && /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ jsx(NodeResizeControl, {
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "top-left",
@@ -529,7 +565,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ jsx(ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nwse-resize"
                                 })
                             }),
@@ -537,6 +573,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "top-right",
@@ -545,7 +582,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ jsx(ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nesw-resize"
                                 })
                             }),
@@ -553,6 +590,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "bottom-left",
@@ -561,7 +599,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ jsx(ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nesw-resize"
                                 })
                             }),
@@ -569,6 +607,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 style: {
                                     background: 'transparent',
                                     border: 'none',
+                                    pointerEvents: readOnly ? 'none' : void 0,
                                     zIndex: RESIZE_CONTROL_Z_INDEX
                                 },
                                 position: "bottom-right",
@@ -577,7 +616,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                                 onResizeStart: handleResizeStart,
                                 onResizeEnd: handleResizeEnd,
                                 children: /*#__PURE__*/ jsx(ResizeHandle, {
-                                    selected: selected,
+                                    selected: selected && !readOnly,
                                     cursor: "nwse-resize"
                                 })
                             })

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

@@ -12,6 +12,10 @@ export interface StickyNoteData extends Record<string, unknown> {
     content?: string;
     autoFocus?: boolean;
 }
+export interface StickyNoteCanvasOptions {
+    readonly readOnly?: boolean;
+    readonly enableMediaEmbedding?: boolean;
+}
 export declare function withAlpha(hex: string, alpha?: number): string;
 export type TextSelection = {
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE,MAA6B,GAAG,MAAM,CAyBnF;AAGD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,MAAM,WAAW,6BAA6B;IAE5C,SAAS,EAAE,aAAa,CAAC;IAEzB,UAAU,EAAE,eAAe,CAAC;IAE5B,YAAY,IAAI,MAAM,CAAC;IAEvB,MAAM,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAElC,MAAM,IAAI,IAAI,CAAC;CAChB;AAGD,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,6BAA6B,GAAG,IAAI,CAAC;CACxD;AAGD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,GAAG,YAAY,GAAG,cAAc,CAAC"}
+{"version":3,"file":"StickyNoteNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAGD,MAAM,WAAW,uBAAuB;IAEtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CACzC;AAWD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE,MAA6B,GAAG,MAAM,CAyBnF;AAGD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,MAAM,WAAW,6BAA6B;IAE5C,SAAS,EAAE,aAAa,CAAC;IAEzB,UAAU,EAAE,eAAe,CAAC;IAE5B,YAAY,IAAI,MAAM,CAAC;IAEvB,MAAM,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAElC,MAAM,IAAI,IAAI,CAAC;CAChB;AAGD,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,6BAA6B,GAAG,IAAI,CAAC;CACxD;AAGD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,GAAG,YAAY,GAAG,cAAc,CAAC"}

package/dist/canvas/hooks/useLatestRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatestRef.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useLatestRef.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,gCAMvC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.64.0",
+  "version": "4.65.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",

package/dist/canvas/components/ProbeCard/useLatestRef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLatestRef.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ProbeCard/useLatestRef.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,gCAMvC"}