@uipath/apollo-react 3.53.0 → 3.54.0-pr354.029fc6a

package/dist/canvas/components/AddNodePanel/AddNodePanel.cjs

@@ -1,5 +1,14 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __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, {
@@ -28,6 +37,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const external_react_focus_lock_namespaceObject = require("react-focus-lock");
+var external_react_focus_lock_default = /*#__PURE__*/ __webpack_require__.n(external_react_focus_lock_namespaceObject);
 const index_cjs_namespaceObject = require("../../core/index.cjs");
 const external_hooks_index_cjs_namespaceObject = require("../../hooks/index.cjs");
 const external_Toolbox_index_cjs_namespaceObject = require("../Toolbox/index.cjs");
@@ -68,14 +79,16 @@ const AddNodePanel_AddNodePanel = /*#__PURE__*/ (0, external_react_namespaceObje
     }, [
         onNodeSelect
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
-        title: title ?? 'Add Node',
-        initialItems: nodeListOptions,
-        loading: loading,
-        onItemSelect: handleNodeListItemSelect,
-        onSearch: handleSearch,
-        onClose: onClose,
-        onItemHover: onNodeHover
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_focus_lock_default(), {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
+            title: title ?? 'Add Node',
+            initialItems: nodeListOptions,
+            loading: loading,
+            onItemSelect: handleNodeListItemSelect,
+            onSearch: handleSearch,
+            onClose: onClose,
+            onItemHover: onNodeHover
+        })
     });
 });
 exports.AddNodePanel = __webpack_exports__.AddNodePanel;

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

@@ -1 +1 @@
-{"version":3,"file":"AddNodePanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAU9D,eAAO,MAAM,YAAY,yDA2EvB,CAAC"}
+{"version":3,"file":"AddNodePanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodePanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAU9D,eAAO,MAAM,YAAY,yDA6EvB,CAAC"}

package/dist/canvas/components/AddNodePanel/AddNodePanel.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, useCallback, useMemo } from "react";
+import react_focus_lock from "react-focus-lock";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { usePreviewNode } from "../../hooks/index.js";
 import { Toolbox } from "../Toolbox/index.js";
@@ -40,14 +41,16 @@ const AddNodePanel_AddNodePanel = /*#__PURE__*/ memo(function({ onNodeSelect, on
     }, [
         onNodeSelect
     ]);
-    return /*#__PURE__*/ jsx(Toolbox, {
-        title: title ?? 'Add Node',
-        initialItems: nodeListOptions,
-        loading: loading,
-        onItemSelect: handleNodeListItemSelect,
-        onSearch: handleSearch,
-        onClose: onClose,
-        onItemHover: onNodeHover
+    return /*#__PURE__*/ jsx(react_focus_lock, {
+        children: /*#__PURE__*/ jsx(Toolbox, {
+            title: title ?? 'Add Node',
+            initialItems: nodeListOptions,
+            loading: loading,
+            onItemSelect: handleNodeListItemSelect,
+            onSearch: handleSearch,
+            onClose: onClose,
+            onItemHover: onNodeHover
+        })
     });
 });
 export { AddNodePanel_AddNodePanel as AddNodePanel };

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

@@ -47,6 +47,7 @@ const react_namespaceObject = require("@emotion/react");
 const styled_namespaceObject = require("@emotion/styled");
 var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
 const index_cjs_namespaceObject = require("../../../material/components/ap-skeleton/index.cjs");
+const execution_status_cjs_namespaceObject = require("../../styles/execution-status.cjs");
 const GRID_UNIT = 16;
 const NODE_HEIGHT_DEFAULT = 6 * GRID_UNIT;
 const NODE_HEIGHT_FOOTER_BUTTON = 9 * GRID_UNIT;
@@ -66,55 +67,6 @@ const getIconDimensions = (shape, nodeHeight, nodeWidth)=>{
         iconHeight
     };
 };
-const pulseAnimation = (cssVar)=>(0, react_namespaceObject.keyframes)`
-  0% {
-    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 20%, transparent);
-  }
-  70% {
-    box-shadow: 0 0 0 10px color-mix(in srgb, var(${cssVar}) 0%, transparent);
-  }
-  100% {
-    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 0%, transparent);
-  }
-`;
-const getExecutionStatusBorder = (executionStatus)=>{
-    switch(executionStatus){
-        case 'NotExecuted':
-        case 'INFO':
-            return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-border-de-emp);
-      `;
-        case 'InProgress':
-            return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-info-icon);
-        animation: ${pulseAnimation('--uix-canvas-info-icon')} 2s infinite;
-      `;
-        case 'Completed':
-            return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-success-icon);
-      `;
-        case 'Paused':
-        case 'WARNING':
-            return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-warning-icon);
-        animation: ${pulseAnimation('--uix-canvas-warning-icon')} 2s infinite;
-      `;
-        case 'Cancelled':
-        case 'Failed':
-        case 'Terminated':
-        case 'ERROR':
-        case 'CRITICAL':
-            return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-error-icon);
-        background: var(--uix-canvas-error-background);
-        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
-      `;
-        default:
-            return (0, react_namespaceObject.css)`
-        border-color: var(--uix-canvas-border-de-emp);
-      `;
-    }
-};
 const getValidationStatusBorder = (validationStatus)=>{
     switch(validationStatus){
         case 'ERROR':
@@ -122,7 +74,7 @@ const getValidationStatusBorder = (validationStatus)=>{
             return (0, react_namespaceObject.css)`
         border-color: var(--uix-canvas-error-icon);
         background: var(--uix-canvas-error-background);
-        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
+        animation: ${(0, execution_status_cjs_namespaceObject.pulseAnimation)('--uix-canvas-error-icon')} 2s infinite;
       `;
         default:
             return null;
@@ -155,7 +107,7 @@ const getSuggestionTypeBorder = (suggestionType)=>{
     return (0, react_namespaceObject.css)`
     border-color: var(${borderColorVar});
     background: var(${backgroundColorVar});
-    animation: ${pulseAnimation(borderColorVar)} 2s infinite;
+    animation: ${(0, execution_status_cjs_namespaceObject.pulseAnimation)(borderColorVar)} 2s infinite;
   `;
 };
 const getSuggestionTypeBorderColorVar = (suggestionType)=>{
@@ -225,7 +177,7 @@ const BaseContainer = styled_default().div`
 }};
   cursor: pointer;
 
-  ${({ executionStatus })=>getExecutionStatusBorder(executionStatus)}
+  ${({ executionStatus })=>(0, execution_status_cjs_namespaceObject.getExecutionStatusBorder)(executionStatus)}
   ${({ validationStatus })=>getValidationStatusBorder(validationStatus)}
   ${({ interactionState })=>getInteractionStateBorder(interactionState)}
   ${({ suggestionType })=>getSuggestionTypeBorder(suggestionType)}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkKtD,eAAO,MAAM,aAAa;;;;eACb,OAAO;sBACA,MAAM;YAChB,SAAS;sBACC,MAAM;uBACL,MAAM;uBACN,MAAM;qBACR,MAAM;YACf,MAAM;aACL,MAAM;gBACH,OAAO;oBACH,aAAa;yGAuE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;YAClB,MAAM;sBACI,MAAM;YAChB,SAAS;aACR,MAAM;YACP,MAAM;yGA0Cf,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uBAAmC,OAAO;YAAU,SAAS;yGAiC1F,CAAC;AAEF,eAAO,MAAM,UAAU;;;;YAAwB,SAAS;sBAAoB,MAAM;yGAwBjF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAAwB,SAAS;yGAe1D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAChB,SAAS;sBACC,MAAM;aACf,QAAQ,GAAG,SAAS;2HA+B9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAkBjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cACd,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc;YAC3D,SAAS;yGAsBlB,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;YAGnB,SAAS;iBACJ,MAAM;gBACP,MAAM;UAcnB,CAAC"}
+{"version":3,"file":"BaseNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA6GtD,eAAO,MAAM,aAAa;;;;eACb,OAAO;sBACA,MAAM;YAChB,SAAS;sBACC,MAAM;uBACL,MAAM;uBACN,MAAM;qBACR,MAAM;YACf,MAAM;aACL,MAAM;gBACH,OAAO;oBACH,aAAa;yGAuE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;YAClB,MAAM;sBACI,MAAM;YAChB,SAAS;aACR,MAAM;YACP,MAAM;yGA0Cf,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uBAAmC,OAAO;YAAU,SAAS;yGAiC1F,CAAC;AAEF,eAAO,MAAM,UAAU;;;;YAAwB,SAAS;sBAAoB,MAAM;yGAwBjF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAAwB,SAAS;yGAe1D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAChB,SAAS;sBACC,MAAM;aACf,QAAQ,GAAG,SAAS;2HA+B9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAkBjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cACd,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc;YAC3D,SAAS;yGAsBlB,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;YAGnB,SAAS;iBACJ,MAAM;gBACP,MAAM;UAcnB,CAAC"}

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

@@ -1,6 +1,7 @@
-import { css, keyframes } from "@emotion/react";
+import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { ApSkeleton } from "../../../material/components/ap-skeleton/index.js";
+import { getExecutionStatusBorder, pulseAnimation } from "../../styles/execution-status.js";
 const GRID_UNIT = 16;
 const NODE_HEIGHT_DEFAULT = 6 * GRID_UNIT;
 const NODE_HEIGHT_FOOTER_BUTTON = 9 * GRID_UNIT;
@@ -20,55 +21,6 @@ const getIconDimensions = (shape, nodeHeight, nodeWidth)=>{
         iconHeight
     };
 };
-const pulseAnimation = (cssVar)=>keyframes`
-  0% {
-    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 20%, transparent);
-  }
-  70% {
-    box-shadow: 0 0 0 10px color-mix(in srgb, var(${cssVar}) 0%, transparent);
-  }
-  100% {
-    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 0%, transparent);
-  }
-`;
-const getExecutionStatusBorder = (executionStatus)=>{
-    switch(executionStatus){
-        case 'NotExecuted':
-        case 'INFO':
-            return css`
-        border-color: var(--uix-canvas-border-de-emp);
-      `;
-        case 'InProgress':
-            return css`
-        border-color: var(--uix-canvas-info-icon);
-        animation: ${pulseAnimation('--uix-canvas-info-icon')} 2s infinite;
-      `;
-        case 'Completed':
-            return css`
-        border-color: var(--uix-canvas-success-icon);
-      `;
-        case 'Paused':
-        case 'WARNING':
-            return css`
-        border-color: var(--uix-canvas-warning-icon);
-        animation: ${pulseAnimation('--uix-canvas-warning-icon')} 2s infinite;
-      `;
-        case 'Cancelled':
-        case 'Failed':
-        case 'Terminated':
-        case 'ERROR':
-        case 'CRITICAL':
-            return css`
-        border-color: var(--uix-canvas-error-icon);
-        background: var(--uix-canvas-error-background);
-        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
-      `;
-        default:
-            return css`
-        border-color: var(--uix-canvas-border-de-emp);
-      `;
-    }
-};
 const getValidationStatusBorder = (validationStatus)=>{
     switch(validationStatus){
         case 'ERROR':

package/dist/canvas/components/GroupNode/GroupNode.cjs

@@ -32,87 +32,148 @@ const index_cjs_namespaceObject = require("../../../material/components/index.cj
 const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const external_GroupNode_styles_cjs_namespaceObject = require("./GroupNode.styles.cjs");
+const external_GroupNodeConfigContext_cjs_namespaceObject = require("./GroupNodeConfigContext.cjs");
 const minWidth = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const minHeight = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
+const COLLAPSED_HEADER_HEIGHT = 64;
 const GroupNodeComponent = ({ id, data, selected })=>{
-    const { updateNodeData } = (0, react_cjs_namespaceObject.useReactFlow)();
+    const { setNodes, setEdges, getNodes } = (0, react_cjs_namespaceObject.useReactFlow)();
+    const { headerActions, executionStatus, onMoreOptions, hideMoreOptions, hideCollapseButton } = (0, external_GroupNodeConfigContext_cjs_namespaceObject.useGroupNodeConfig)();
     const title = data.title || 'Group';
-    const iconName = data.iconName || 'folder';
+    const iconName = data.iconName;
     const backgroundColor = data.backgroundColor;
     const borderColor = data.borderColor;
     const collapsed = data.collapsed || false;
     const handleToggleCollapse = (0, external_react_namespaceObject.useCallback)(()=>{
-        updateNodeData(id, {
-            collapsed: !collapsed
-        });
+        const willCollapse = !collapsed;
+        const childNodeIds = new Set(getNodes().filter((n)=>n.parentId === id).map((n)=>n.id));
+        if (willCollapse) setNodes((nodes)=>nodes.map((node)=>{
+                if (node.id === id) {
+                    const styleHeight = node.style?.height;
+                    const parsedStyleHeight = 'number' == typeof styleHeight ? styleHeight : 'string' == typeof styleHeight ? parseFloat(styleHeight) || void 0 : void 0;
+                    const currentHeight = node.height ?? node.measured?.height ?? parsedStyleHeight ?? minHeight;
+                    return {
+                        ...node,
+                        height: COLLAPSED_HEADER_HEIGHT,
+                        style: {
+                            ...node.style,
+                            height: COLLAPSED_HEADER_HEIGHT
+                        },
+                        data: {
+                            ...node.data,
+                            collapsed: true,
+                            expandedHeight: currentHeight
+                        }
+                    };
+                }
+                if (childNodeIds.has(node.id)) return {
+                    ...node,
+                    hidden: true
+                };
+                return node;
+            }));
+        else {
+            const expandedHeight = data.expandedHeight ?? minHeight;
+            setNodes((nodes)=>nodes.map((node)=>{
+                    if (node.id === id) return {
+                        ...node,
+                        height: expandedHeight,
+                        style: {
+                            ...node.style,
+                            height: expandedHeight
+                        },
+                        data: {
+                            ...node.data,
+                            collapsed: false
+                        }
+                    };
+                    if (childNodeIds.has(node.id)) return {
+                        ...node,
+                        hidden: false
+                    };
+                    return node;
+                }));
+        }
+        setEdges((edges)=>edges.map((edge)=>childNodeIds.has(edge.source) || childNodeIds.has(edge.target) ? {
+                    ...edge,
+                    hidden: willCollapse
+                } : edge));
     }, [
         id,
         collapsed,
-        updateNodeData
+        data.expandedHeight,
+        getNodes,
+        setNodes,
+        setEdges
     ]);
     return /*#__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',
-                    zIndex: 100
-                },
-                position: "top-left",
-                minWidth: minWidth,
-                minHeight: minHeight,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
-                    selected: selected,
-                    cursor: "nwse-resize"
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
-                style: {
-                    background: 'transparent',
-                    border: 'none',
-                    zIndex: 100
-                },
-                position: "top-right",
-                minWidth: minWidth,
-                minHeight: minHeight,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
-                    selected: selected,
-                    cursor: "nesw-resize"
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
-                style: {
-                    background: 'transparent',
-                    border: 'none',
-                    zIndex: 100
-                },
-                position: "bottom-left",
-                minWidth: minWidth,
-                minHeight: minHeight,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
-                    selected: selected,
-                    cursor: "nesw-resize"
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
-                style: {
-                    background: 'transparent',
-                    border: 'none',
-                    zIndex: 100
-                },
-                position: "bottom-right",
-                minWidth: minWidth,
-                minHeight: minHeight,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
-                    selected: selected,
-                    cursor: "nwse-resize"
-                })
+            !collapsed && /*#__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',
+                            zIndex: 100
+                        },
+                        position: "top-left",
+                        minWidth: minWidth,
+                        minHeight: minHeight,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
+                            selected: selected,
+                            cursor: "nwse-resize"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
+                        style: {
+                            background: 'transparent',
+                            border: 'none',
+                            zIndex: 100
+                        },
+                        position: "top-right",
+                        minWidth: minWidth,
+                        minHeight: minHeight,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
+                            selected: selected,
+                            cursor: "nesw-resize"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
+                        style: {
+                            background: 'transparent',
+                            border: 'none',
+                            zIndex: 100
+                        },
+                        position: "bottom-left",
+                        minWidth: minWidth,
+                        minHeight: minHeight,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
+                            selected: selected,
+                            cursor: "nesw-resize"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
+                        style: {
+                            background: 'transparent',
+                            border: 'none',
+                            zIndex: 100
+                        },
+                        position: "bottom-right",
+                        minWidth: minWidth,
+                        minHeight: minHeight,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.ResizeHandle, {
+                            selected: selected,
+                            cursor: "nwse-resize"
+                        })
+                    })
+                ]
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_GroupNode_styles_cjs_namespaceObject.GroupContainer, {
                 backgroundColor: backgroundColor,
                 borderColor: borderColor,
                 selected: selected,
                 collapsed: collapsed,
+                executionStatus: executionStatus,
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.TopCornerIndicators, {
                         selected: selected
@@ -122,7 +183,7 @@ const GroupNodeComponent = ({ id, data, selected })=>{
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_GroupNode_styles_cjs_namespaceObject.GroupHeader, {
                         children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupIconWrapper, {
+                            iconName && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupIconWrapper, {
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
                                     name: iconName,
                                     size: "16px"
@@ -133,22 +194,33 @@ const GroupNodeComponent = ({ id, data, selected })=>{
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_GroupNode_styles_cjs_namespaceObject.GroupControls, {
                                 children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderSeparator, {}),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderButton, {
-                                        type: "button",
-                                        className: "nodrag nopan",
-                                        onClick: handleToggleCollapse,
-                                        "aria-label": collapsed ? 'Expand group' : 'Collapse group',
-                                        title: collapsed ? 'Expand group' : 'Collapse group',
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
-                                            variant: "outlined",
-                                            name: collapsed ? 'expand_more' : 'expand_less',
-                                            size: "16px"
-                                        })
+                                    headerActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderSeparator, {}),
+                                            headerActions
+                                        ]
+                                    }),
+                                    !hideCollapseButton && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderSeparator, {}),
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderButton, {
+                                                type: "button",
+                                                className: "nodrag nopan",
+                                                onClick: handleToggleCollapse,
+                                                "aria-label": collapsed ? 'Expand group' : 'Collapse group',
+                                                title: collapsed ? 'Expand group' : 'Collapse group',
+                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
+                                                    variant: "outlined",
+                                                    name: collapsed ? 'expand_more' : 'expand_less',
+                                                    size: "16px"
+                                                })
+                                            })
+                                        ]
                                     }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderButton, {
+                                    !hideMoreOptions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_GroupNode_styles_cjs_namespaceObject.GroupHeaderButton, {
                                         type: "button",
                                         className: "nodrag nopan",
+                                        onClick: onMoreOptions,
                                         "aria-label": "More options",
                                         title: "More options",
                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {

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

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAkB1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,IAAI,EAAE,aAAa,CAAC;CACrB;AA2GD,eAAO,MAAM,SAAS,+DAtG8B,cAAc,6CAsGjB,CAAC"}
+{"version":3,"file":"GroupNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAkB1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,IAAI,EAAE,aAAa,CAAC;CACrB;AA+LD,eAAO,MAAM,SAAS,+DAzL8B,cAAc,6CAyLjB,CAAC"}