@uipath/apollo-react 3.53.0 → 3.54.0-pr354.9b2638b

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

@@ -4,4 +4,9 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const EmptyGroup: Story;
+export declare const WithHeaderActions: Story;
+export declare const WithExecutionStatus: Story;
+export declare const WithoutCollapse: Story;
+export declare const MinimalWithExecutionStatus: Story;
+export declare const Minimal: Story;
 //# sourceMappingURL=GroupNode.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiHnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAgCF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
+{"version":3,"file":"GroupNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAoB5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoHnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAgCF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAiEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAyHF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC;AAyDF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAkGF,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAC;AA8DF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/canvas/components/GroupNode/GroupNode.stories.js

@@ -1,12 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Panel } from "../../xyflow/react.js";
+import { ApTooltip } from "../../../material/components/index.js";
 import { useMemo } from "react";
 import { StoryInfoPanel, useCanvasStory, withCanvasProviders } from "../../storybook-utils/index.js";
 import { DefaultCanvasTranslations } from "../../types.js";
 import { BaseCanvas } from "../BaseCanvas/index.js";
 import { BaseNode } from "../BaseNode/index.js";
 import { CanvasPositionControls } from "../CanvasPositionControls.js";
+import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
 import { GroupNode } from "./GroupNode.js";
+import { GroupNodeConfigProvider } from "./GroupNodeConfigContext.js";
 const meta = {
     title: 'Canvas/GroupNode',
     parameters: {
@@ -17,9 +20,10 @@ const meta = {
     ]
 };
 const GroupNode_stories = meta;
+const CHILD_NODE_TYPE = 'uipath.timer-activity';
 const nodeTypes = {
     group: GroupNode,
-    base: BaseNode
+    [CHILD_NODE_TYPE]: BaseNode
 };
 function createGroupNode(id, title, iconName, position, size, backgroundColor) {
     return {
@@ -28,7 +32,9 @@ function createGroupNode(id, title, iconName, position, size, backgroundColor) {
         position,
         data: {
             title,
-            iconName,
+            ...iconName && {
+                iconName
+            },
             backgroundColor
         },
         style: {
@@ -43,12 +49,11 @@ function createGroupNode(id, title, iconName, position, size, backgroundColor) {
 function createChildNode(id, label, position, parentId) {
     return {
         id,
-        type: 'base',
+        type: CHILD_NODE_TYPE,
         position,
         data: {
             display: {
-                label,
-                shape: 'square'
+                label
             }
         },
         parentId,
@@ -76,7 +81,7 @@ function createDefaultNodes() {
             x: 370,
             y: 60
         }, 'group-1'),
-        createGroupNode('group-2', 'Classification agent', 'magic_button', {
+        createGroupNode('group-2', 'Classification agent', void 0, {
             x: 750,
             y: 100
         }, {
@@ -197,4 +202,581 @@ function EmptyGroupStory() {
 const EmptyGroup = {
     render: ()=>/*#__PURE__*/ jsx(EmptyGroupStory, {})
 };
-export { Default, EmptyGroup, GroupNode_stories as default };
+function GroupNodeWithActions(props) {
+    return /*#__PURE__*/ jsx(GroupNodeConfigProvider, {
+        value: {
+            headerActions: /*#__PURE__*/ jsx("span", {
+                style: {
+                    fontSize: '10px',
+                    padding: '2px 6px',
+                    borderRadius: '4px',
+                    backgroundColor: 'var(--uix-canvas-success-background)',
+                    color: 'var(--uix-canvas-success-icon)',
+                    whiteSpace: 'nowrap'
+                },
+                children: "Active"
+            })
+        },
+        children: /*#__PURE__*/ jsx(GroupNode, {
+            ...props
+        })
+    });
+}
+function WithHeaderActionsStory() {
+    const nodeTypesWithActions = useMemo(()=>({
+            group: GroupNodeWithActions,
+            [CHILD_NODE_TYPE]: BaseNode
+        }), []);
+    const initialNodes = useMemo(()=>[
+            createGroupNode('group-1', 'Agent Workflow', 'smart_toy', {
+                x: 50,
+                y: 100
+            }, {
+                width: 600,
+                height: 250
+            }),
+            createChildNode('node-1', 'Classifier', {
+                x: 30,
+                y: 60
+            }, 'group-1'),
+            createChildNode('node-2', 'Extractor', {
+                x: 200,
+                y: 60
+            }, 'group-1')
+        ], []);
+    const { canvasProps } = useCanvasStory({
+        initialNodes
+    });
+    return /*#__PURE__*/ jsxs(BaseCanvas, {
+        ...canvasProps,
+        nodeTypes: nodeTypesWithActions,
+        mode: "design",
+        children: [
+            /*#__PURE__*/ jsx(StoryInfoPanel, {
+                title: "With Header Actions",
+                description: "Group node with custom actions in the header via context"
+            }),
+            /*#__PURE__*/ jsx(Panel, {
+                position: "bottom-right",
+                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
+                    translations: DefaultCanvasTranslations
+                })
+            })
+        ]
+    });
+}
+const WithHeaderActions = {
+    render: ()=>/*#__PURE__*/ jsx(WithHeaderActionsStory, {})
+};
+function GroupNodeWithStatus({ status, message }) {
+    return function(props) {
+        const tooltipContent = message || status;
+        return /*#__PURE__*/ jsx(GroupNodeConfigProvider, {
+            value: {
+                executionStatus: status,
+                executionMessage: message,
+                headerActions: /*#__PURE__*/ jsx(ApTooltip, {
+                    content: tooltipContent,
+                    placement: "top",
+                    children: /*#__PURE__*/ jsx("span", {
+                        style: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            width: 24,
+                            height: 24
+                        },
+                        children: /*#__PURE__*/ jsx(ExecutionStatusIcon, {
+                            status: status,
+                            size: 16
+                        })
+                    })
+                })
+            },
+            children: /*#__PURE__*/ jsx(GroupNode, {
+                ...props
+            })
+        });
+    };
+}
+function WithExecutionStatusStory() {
+    const CompletedGroupNode = useMemo(()=>GroupNodeWithStatus({
+            status: 'Completed'
+        }), []);
+    const InProgressGroupNode = useMemo(()=>GroupNodeWithStatus({
+            status: 'InProgress'
+        }), []);
+    const FailedGroupNode = useMemo(()=>GroupNodeWithStatus({
+            status: 'Failed',
+            message: 'SMTP connection refused: unable to reach mail server at port 587'
+        }), []);
+    const PausedGroupNode = useMemo(()=>GroupNodeWithStatus({
+            status: 'Paused',
+            message: 'Waiting for manual approval from admin'
+        }), []);
+    const nodeTypesMap = useMemo(()=>({
+            'group-completed': CompletedGroupNode,
+            'group-in-progress': InProgressGroupNode,
+            'group-failed': FailedGroupNode,
+            'group-paused': PausedGroupNode,
+            [CHILD_NODE_TYPE]: BaseNode
+        }), [
+        CompletedGroupNode,
+        InProgressGroupNode,
+        FailedGroupNode,
+        PausedGroupNode
+    ]);
+    const initialNodes = useMemo(()=>[
+            {
+                ...createGroupNode('group-completed', 'Data Pipeline', 'account_tree', {
+                    x: 50,
+                    y: 50
+                }, {
+                    width: 500,
+                    height: 220
+                }),
+                type: 'group-completed'
+            },
+            createChildNode('n-c-1', 'Validate', {
+                x: 30,
+                y: 60
+            }, 'group-completed'),
+            createChildNode('n-c-2', 'Transform', {
+                x: 200,
+                y: 60
+            }, 'group-completed'),
+            createChildNode('n-c-3', 'Store', {
+                x: 370,
+                y: 60
+            }, 'group-completed'),
+            {
+                ...createGroupNode('group-in-progress', 'ML Training', 'model_training', {
+                    x: 620,
+                    y: 50
+                }, {
+                    width: 400,
+                    height: 220
+                }),
+                type: 'group-in-progress'
+            },
+            createChildNode('n-ip-1', 'Preprocess', {
+                x: 30,
+                y: 60
+            }, 'group-in-progress'),
+            createChildNode('n-ip-2', 'Train', {
+                x: 200,
+                y: 60
+            }, 'group-in-progress'),
+            {
+                ...createGroupNode('group-failed', 'Email Sender', 'mail', {
+                    x: 50,
+                    y: 340
+                }, {
+                    width: 400,
+                    height: 220
+                }),
+                type: 'group-failed'
+            },
+            createChildNode('n-f-1', 'Template', {
+                x: 30,
+                y: 60
+            }, 'group-failed'),
+            createChildNode('n-f-2', 'Send', {
+                x: 200,
+                y: 60
+            }, 'group-failed'),
+            {
+                ...createGroupNode('group-paused', 'Approval Flow', 'approval', {
+                    x: 520,
+                    y: 340
+                }, {
+                    width: 500,
+                    height: 220
+                }),
+                type: 'group-paused'
+            },
+            createChildNode('n-p-1', 'Request', {
+                x: 30,
+                y: 60
+            }, 'group-paused'),
+            createChildNode('n-p-2', 'Review', {
+                x: 200,
+                y: 60
+            }, 'group-paused'),
+            createChildNode('n-p-3', 'Approve', {
+                x: 370,
+                y: 60
+            }, 'group-paused')
+        ], []);
+    const initialEdges = useMemo(()=>[
+            {
+                id: 'e-c-1-2',
+                source: 'n-c-1',
+                target: 'n-c-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-c-2-3',
+                source: 'n-c-2',
+                target: 'n-c-3',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-ip-1-2',
+                source: 'n-ip-1',
+                target: 'n-ip-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-f-1-2',
+                source: 'n-f-1',
+                target: 'n-f-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-p-1-2',
+                source: 'n-p-1',
+                target: 'n-p-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-p-2-3',
+                source: 'n-p-2',
+                target: 'n-p-3',
+                type: 'smoothstep'
+            }
+        ], []);
+    const { canvasProps } = useCanvasStory({
+        initialNodes,
+        initialEdges
+    });
+    return /*#__PURE__*/ jsxs(BaseCanvas, {
+        ...canvasProps,
+        nodeTypes: nodeTypesMap,
+        mode: "design",
+        children: [
+            /*#__PURE__*/ jsx(StoryInfoPanel, {
+                title: "With Execution Status",
+                description: "Group nodes showing different execution statuses (Completed, In Progress, Failed, Paused)"
+            }),
+            /*#__PURE__*/ jsx(Panel, {
+                position: "bottom-right",
+                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
+                    translations: DefaultCanvasTranslations
+                })
+            })
+        ]
+    });
+}
+const WithExecutionStatus = {
+    render: ()=>/*#__PURE__*/ jsx(WithExecutionStatusStory, {})
+};
+function GroupNodeNoCollapse(props) {
+    return /*#__PURE__*/ jsx(GroupNodeConfigProvider, {
+        value: {
+            hideCollapseButton: true
+        },
+        children: /*#__PURE__*/ jsx(GroupNode, {
+            ...props
+        })
+    });
+}
+function WithoutCollapseStory() {
+    const nodeTypesNoCollapse = useMemo(()=>({
+            group: GroupNodeNoCollapse,
+            [CHILD_NODE_TYPE]: BaseNode
+        }), []);
+    const initialNodes = useMemo(()=>[
+            createGroupNode('group-1', 'Static Group', 'lock', {
+                x: 50,
+                y: 100
+            }, {
+                width: 600,
+                height: 250
+            }),
+            createChildNode('node-1', 'Step A', {
+                x: 30,
+                y: 60
+            }, 'group-1'),
+            createChildNode('node-2', 'Step B', {
+                x: 200,
+                y: 60
+            }, 'group-1'),
+            createChildNode('node-3', 'Step C', {
+                x: 370,
+                y: 60
+            }, 'group-1')
+        ], []);
+    const initialEdges = useMemo(()=>[
+            {
+                id: 'e-1-2',
+                source: 'node-1',
+                target: 'node-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-2-3',
+                source: 'node-2',
+                target: 'node-3',
+                type: 'smoothstep'
+            }
+        ], []);
+    const { canvasProps } = useCanvasStory({
+        initialNodes,
+        initialEdges
+    });
+    return /*#__PURE__*/ jsxs(BaseCanvas, {
+        ...canvasProps,
+        nodeTypes: nodeTypesNoCollapse,
+        mode: "design",
+        children: [
+            /*#__PURE__*/ jsx(StoryInfoPanel, {
+                title: "Without Collapse",
+                description: "Group node with the collapse/expand button hidden via hideCollapseButton"
+            }),
+            /*#__PURE__*/ jsx(Panel, {
+                position: "bottom-right",
+                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
+                    translations: DefaultCanvasTranslations
+                })
+            })
+        ]
+    });
+}
+const WithoutCollapse = {
+    render: ()=>/*#__PURE__*/ jsx(WithoutCollapseStory, {})
+};
+function GroupNodeMinimalWithStatus({ status, message }) {
+    return function(props) {
+        const tooltipContent = message || status;
+        return /*#__PURE__*/ jsx(GroupNodeConfigProvider, {
+            value: {
+                executionStatus: status,
+                executionMessage: message,
+                hideCollapseButton: true,
+                hideMoreOptions: true,
+                headerActions: /*#__PURE__*/ jsx(ApTooltip, {
+                    content: tooltipContent,
+                    placement: "top",
+                    children: /*#__PURE__*/ jsx("span", {
+                        style: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            width: 24,
+                            height: 24
+                        },
+                        children: /*#__PURE__*/ jsx(ExecutionStatusIcon, {
+                            status: status,
+                            size: 16
+                        })
+                    })
+                })
+            },
+            children: /*#__PURE__*/ jsx(GroupNode, {
+                ...props
+            })
+        });
+    };
+}
+function MinimalWithExecutionStatusStory() {
+    const CompletedNode = useMemo(()=>GroupNodeMinimalWithStatus({
+            status: 'Completed'
+        }), []);
+    const FailedNode = useMemo(()=>GroupNodeMinimalWithStatus({
+            status: 'Failed',
+            message: 'Timeout after 30s'
+        }), []);
+    const nodeTypesMap = useMemo(()=>({
+            'group-completed': CompletedNode,
+            'group-failed': FailedNode,
+            [CHILD_NODE_TYPE]: BaseNode
+        }), [
+        CompletedNode,
+        FailedNode
+    ]);
+    const initialNodes = useMemo(()=>[
+            {
+                ...createGroupNode('group-completed', 'ETL Pipeline', 'account_tree', {
+                    x: 50,
+                    y: 100
+                }, {
+                    width: 500,
+                    height: 220
+                }),
+                type: 'group-completed'
+            },
+            createChildNode('n-c-1', 'Extract', {
+                x: 30,
+                y: 60
+            }, 'group-completed'),
+            createChildNode('n-c-2', 'Load', {
+                x: 200,
+                y: 60
+            }, 'group-completed'),
+            createChildNode('n-c-3', 'Transform', {
+                x: 370,
+                y: 60
+            }, 'group-completed'),
+            {
+                ...createGroupNode('group-failed', 'Notification Service', 'mail', {
+                    x: 620,
+                    y: 100
+                }, {
+                    width: 400,
+                    height: 220
+                }),
+                type: 'group-failed'
+            },
+            createChildNode('n-f-1', 'Template', {
+                x: 30,
+                y: 60
+            }, 'group-failed'),
+            createChildNode('n-f-2', 'Send', {
+                x: 200,
+                y: 60
+            }, 'group-failed')
+        ], []);
+    const initialEdges = useMemo(()=>[
+            {
+                id: 'e-c-1-2',
+                source: 'n-c-1',
+                target: 'n-c-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-c-2-3',
+                source: 'n-c-2',
+                target: 'n-c-3',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-f-1-2',
+                source: 'n-f-1',
+                target: 'n-f-2',
+                type: 'smoothstep'
+            }
+        ], []);
+    const { canvasProps } = useCanvasStory({
+        initialNodes,
+        initialEdges
+    });
+    return /*#__PURE__*/ jsxs(BaseCanvas, {
+        ...canvasProps,
+        nodeTypes: nodeTypesMap,
+        mode: "design",
+        children: [
+            /*#__PURE__*/ jsx(StoryInfoPanel, {
+                title: "Minimal with Execution Status",
+                description: "Execution status borders and icons, no collapse button, no 3-dot menu"
+            }),
+            /*#__PURE__*/ jsx(Panel, {
+                position: "bottom-right",
+                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
+                    translations: DefaultCanvasTranslations
+                })
+            })
+        ]
+    });
+}
+const MinimalWithExecutionStatus = {
+    render: ()=>/*#__PURE__*/ jsx(MinimalWithExecutionStatusStory, {})
+};
+function GroupNodeMinimal(props) {
+    return /*#__PURE__*/ jsx(GroupNodeConfigProvider, {
+        value: {
+            hideCollapseButton: true,
+            hideMoreOptions: true
+        },
+        children: /*#__PURE__*/ jsx(GroupNode, {
+            ...props
+        })
+    });
+}
+function MinimalStory() {
+    const nodeTypesMinimal = useMemo(()=>({
+            group: GroupNodeMinimal,
+            [CHILD_NODE_TYPE]: BaseNode
+        }), []);
+    const initialNodes = useMemo(()=>[
+            createGroupNode('group-1', 'Simple Group', 'folder', {
+                x: 50,
+                y: 100
+            }, {
+                width: 600,
+                height: 250
+            }),
+            createChildNode('node-1', 'Step A', {
+                x: 30,
+                y: 60
+            }, 'group-1'),
+            createChildNode('node-2', 'Step B', {
+                x: 200,
+                y: 60
+            }, 'group-1'),
+            createChildNode('node-3', 'Step C', {
+                x: 370,
+                y: 60
+            }, 'group-1'),
+            createGroupNode('group-2', 'No Icon Group', void 0, {
+                x: 750,
+                y: 100
+            }, {
+                width: 400,
+                height: 250
+            }),
+            createChildNode('node-4', 'Task 1', {
+                x: 30,
+                y: 60
+            }, 'group-2'),
+            createChildNode('node-5', 'Task 2', {
+                x: 200,
+                y: 60
+            }, 'group-2')
+        ], []);
+    const initialEdges = useMemo(()=>[
+            {
+                id: 'e-1-2',
+                source: 'node-1',
+                target: 'node-2',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-2-3',
+                source: 'node-2',
+                target: 'node-3',
+                type: 'smoothstep'
+            },
+            {
+                id: 'e-4-5',
+                source: 'node-4',
+                target: 'node-5',
+                type: 'smoothstep'
+            }
+        ], []);
+    const { canvasProps } = useCanvasStory({
+        initialNodes,
+        initialEdges
+    });
+    return /*#__PURE__*/ jsxs(BaseCanvas, {
+        ...canvasProps,
+        nodeTypes: nodeTypesMinimal,
+        mode: "design",
+        children: [
+            /*#__PURE__*/ jsx(StoryInfoPanel, {
+                title: "Minimal",
+                description: "Group node with no collapse, no 3-dot menu, and no execution status — title only"
+            }),
+            /*#__PURE__*/ jsx(Panel, {
+                position: "bottom-right",
+                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
+                    translations: DefaultCanvasTranslations
+                })
+            })
+        ]
+    });
+}
+const Minimal = {
+    render: ()=>/*#__PURE__*/ jsx(MinimalStory, {})
+};
+export { Default, EmptyGroup, Minimal, MinimalWithExecutionStatus, WithExecutionStatus, WithHeaderActions, WithoutCollapse, GroupNode_stories as default };

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

@@ -47,21 +47,24 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const styled_namespaceObject = require("@emotion/styled");
 var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
+const execution_status_cjs_namespaceObject = require("../../styles/execution-status.cjs");
 const GroupContainer = styled_default().div`
   position: relative;
   width: 100%;
   height: 100%;
   background-color: ${({ backgroundColor })=>backgroundColor || 'var(--uix-canvas-background-raised)'} !important;
   border: 2px solid
-    ${({ borderColor, selected })=>selected ? 'var(--uix-canvas-primary)' : borderColor || 'var(--uix-canvas-border)'} !important;
+    ${({ borderColor, selected })=>selected ? 'var(--uix-canvas-primary)' : borderColor || 'var(--uix-canvas-border)'};
   border-radius: 16px !important;
   transition: border-color 0.2s ease;
   overflow: visible;
   box-shadow: ${({ selected })=>selected ? '0 0 0 1px var(--uix-canvas-primary)' : 'none'};
   padding: 0 !important;
 
+  ${({ executionStatus })=>(0, execution_status_cjs_namespaceObject.getExecutionStatusBorder)(executionStatus)}
+
   &:hover {
-    border-color: ${({ selected })=>selected ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-border-hover)'} !important;
+    ${({ selected, executionStatus })=>executionStatus ? '' : `border-color: ${selected ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-border-hover)'};`}
   }
 `;
 const GroupHeader = styled_default().div`
@@ -143,6 +146,7 @@ const GroupHeaderButton = styled_default().button`
 const GroupHeaderSeparator = styled_default().div`
   width: 1px;
   height: 20px;
+  margin: 0 4px;
   background: var(--uix-canvas-border-grid);
   align-self: center;
 `;

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

@@ -6,6 +6,7 @@ export declare const GroupContainer: import("@emotion/styled").StyledComponent<{
     borderColor?: string;
     selected?: boolean;
     collapsed?: boolean;
+    executionStatus?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const GroupHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;