@uipath/apollo-react 4.64.0 → 4.65.1

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.'