@uipath/apollo-react 4.37.0 → 4.37.1

package/dist/canvas/components/LoopNode/LoopNode.cjs

@@ -158,7 +158,7 @@ function resolveLoopHandleConfigurations(manifestHandleConfigurations, data) {
     return manifestHandleConfigurations ?? [];
 }
 function LoopNodeComponent(props) {
-    const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp, iterationPillState: iterationPillStateProp } = props;
+    const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, onResizeStart, onResizeEnd, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp, iterationPillState: iterationPillStateProp } = props;
     const nodeTypeRegistry = (0, external_core_index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
@@ -278,8 +278,18 @@ function LoopNodeComponent(props) {
     }, [
         onResize
     ]);
-    const handleResizeStart = (0, external_react_namespaceObject.useCallback)(()=>setIsResizing(true), []);
-    const handleResizeEnd = (0, external_react_namespaceObject.useCallback)(()=>setIsResizing(false), []);
+    const handleResizeStart = (0, external_react_namespaceObject.useCallback)(()=>{
+        setIsResizing(true);
+        onResizeStart?.();
+    }, [
+        onResizeStart
+    ]);
+    const handleResizeEnd = (0, external_react_namespaceObject.useCallback)(()=>{
+        setIsResizing(false);
+        if (onResizeEnd) queueMicrotask(onResizeEnd);
+    }, [
+        onResizeEnd
+    ]);
     const handleEmptyClick = (0, external_react_namespaceObject.useCallback)(()=>{
         onAddFirstChild?.();
     }, [

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

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsInF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CA8Q9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsInF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAwR9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.js

@@ -130,7 +130,7 @@ function resolveLoopHandleConfigurations(manifestHandleConfigurations, data) {
     return manifestHandleConfigurations ?? [];
 }
 function LoopNodeComponent(props) {
-    const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp, iterationPillState: iterationPillStateProp } = props;
+    const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, onResizeStart, onResizeEnd, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp, iterationPillState: iterationPillStateProp } = props;
     const nodeTypeRegistry = useOptionalNodeTypeRegistry();
     const { _ } = useSafeLingui();
     const [isHovered, setIsHovered] = useState(false);
@@ -250,8 +250,18 @@ function LoopNodeComponent(props) {
     }, [
         onResize
     ]);
-    const handleResizeStart = useCallback(()=>setIsResizing(true), []);
-    const handleResizeEnd = useCallback(()=>setIsResizing(false), []);
+    const handleResizeStart = useCallback(()=>{
+        setIsResizing(true);
+        onResizeStart?.();
+    }, [
+        onResizeStart
+    ]);
+    const handleResizeEnd = useCallback(()=>{
+        setIsResizing(false);
+        if (onResizeEnd) queueMicrotask(onResizeEnd);
+    }, [
+        onResizeEnd
+    ]);
     const handleEmptyClick = useCallback(()=>{
         onAddFirstChild?.();
     }, [

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

@@ -28,5 +28,7 @@ export interface LoopNodeConfig {
 export interface LoopNodeProps extends NodeProps<Node<LoopNodeData>>, LoopNodeConfig {
     onAddFirstChild?: () => void;
     onResize?: (size: LoopNodeResizeSize) => void;
+    onResizeStart?: () => void;
+    onResizeEnd?: () => void;
 }
 //# sourceMappingURL=LoopNode.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AAExC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;CAClD;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IAClF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C"}
+{"version":3,"file":"LoopNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AAExC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;CAClD;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IAClF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B"}

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

@@ -60,7 +60,7 @@ 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 })=>{
+const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false, readOnly = false, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd })=>{
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const { updateNodeData, deleteElements } = (0, react_cjs_namespaceObject.useReactFlow)();
     const [isEditing, setIsEditing] = (0, external_react_namespaceObject.useState)(!readOnly && (data.autoFocus ?? false));
@@ -197,13 +197,20 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         handleFormat
     ]);
     const handleResizeStart = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (isEditing) textAreaRef.current?.blur();
         setIsResizing(true);
-    }, []);
+        onResizeStart?.();
+    }, [
+        isEditing,
+        onResizeStart
+    ]);
     const handleResizeEnd = (0, external_react_namespaceObject.useCallback)((_event, params)=>{
         setIsResizing(false);
         onResize?.(params.width, params.height);
+        if (onResizeEnd) queueMicrotask(onResizeEnd);
     }, [
-        onResize
+        onResize,
+        onResizeEnd
     ]);
     const handleColorChange = (0, external_react_namespaceObject.useCallback)((newColor)=>{
         onColorChange?.(newColor);

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

@@ -8,6 +8,8 @@ export interface StickyNoteNodeProps extends NodeProps {
     onContentChange?: (content: string) => void;
     onColorChange?: (color: StickyNoteColor) => void;
     onResize?: (width: number, height: number) => void;
+    onResizeStart?: () => void;
+    onResizeEnd?: () => void;
 }
-export declare const StickyNoteNode: import("react").MemoExoticComponent<({ id, data, selected, dragging, placeholder, renderPlaceholderOnSelect, readOnly, onContentChange, onColorChange, onResize, }: StickyNoteNodeProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const StickyNoteNode: import("react").MemoExoticComponent<({ id, data, selected, dragging, placeholder, renderPlaceholderOnSelect, readOnly, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd, }: 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;AAiC1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;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;CACpD;AAkaD,eAAO,MAAM,cAAc,sKAlZxB,mBAAmB,6CAkZqC,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;AAiC1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;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;CAC1B;AA2aD,eAAO,MAAM,cAAc,kMAzZxB,mBAAmB,6CAyZqC,CAAC"}

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

@@ -20,7 +20,7 @@ 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 })=>{
+const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false, readOnly = false, onContentChange, onColorChange, onResize, onResizeStart, onResizeEnd })=>{
     const { _ } = useSafeLingui();
     const { updateNodeData, deleteElements } = useReactFlow();
     const [isEditing, setIsEditing] = useState(!readOnly && (data.autoFocus ?? false));
@@ -157,13 +157,20 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
         handleFormat
     ]);
     const handleResizeStart = useCallback(()=>{
+        if (isEditing) textAreaRef.current?.blur();
         setIsResizing(true);
-    }, []);
+        onResizeStart?.();
+    }, [
+        isEditing,
+        onResizeStart
+    ]);
     const handleResizeEnd = useCallback((_event, params)=>{
         setIsResizing(false);
         onResize?.(params.width, params.height);
+        if (onResizeEnd) queueMicrotask(onResizeEnd);
     }, [
-        onResize
+        onResize,
+        onResizeEnd
     ]);
     const handleColorChange = useCallback((newColor)=>{
         onColorChange?.(newColor);

package/package.json

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