@uipath/apollo-react 3.29.1 → 3.30.0

package/dist/canvas/components/CodedAgent/CodedAgentFlow.js

@@ -11,6 +11,7 @@ import { d3HierarchyLayout } from "../../utils/coded-agents/d3-layout.js";
 import { mermaidToReactFlow } from "../../utils/coded-agents/mermaid-parser.js";
 import { BaseCanvas } from "../BaseCanvas/index.js";
 import { BaseNode } from "../BaseNode/BaseNode.js";
+import { BaseNodeOverrideConfigProvider } from "../BaseNode/BaseNodeConfigContext.js";
 import { CanvasPositionControls } from "../CanvasPositionControls.js";
 import { NodeRegistryProvider } from "../../core/NodeRegistryProvider.js";
 import { codedAgentManifest } from "./coded-agent.manifest.js";
@@ -117,39 +118,48 @@ const createCodedAgentNodeWrapper = (translations = DefaultCodedAgentNodeTransla
             nodeData.hasSuccess,
             nodeData.hasRunning
         ]);
-        const handleConfigurations = [
-            {
-                position: Position.Left,
-                handles: leftTargetHandle,
-                visible: true
-            },
-            {
-                position: Position.Right,
-                handles: rightSourceHandle,
-                visible: true
-            }
-        ];
-        return /*#__PURE__*/ jsx(BaseNode, {
-            ...nodeProps,
-            type: "uipath.coded.agent",
-            id: id,
-            selected: selected,
-            data: {
-                ...nodeData,
-                display: {
-                    label: nodeData.label,
-                    subLabel: translations.codedAgentStep,
-                    shape: 'rectangle'
+        const handleConfigurations = useMemo(()=>[
+                {
+                    position: Position.Left,
+                    handles: leftTargetHandle,
+                    visible: true
                 },
+                {
+                    position: Position.Right,
+                    handles: rightSourceHandle,
+                    visible: true
+                }
+            ], []);
+        const baseNodeConfig = useMemo(()=>({
                 executionStatusOverride: executionStatus,
                 handleConfigurations,
                 adornments: {
                     topRight: statusAdornment
+                },
+                iconComponent: /*#__PURE__*/ jsx(CodedAgentIcon, {
+                    w: 40,
+                    h: 40
+                })
+            }), [
+            executionStatus,
+            handleConfigurations,
+            statusAdornment
+        ]);
+        return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+            value: baseNodeConfig,
+            children: /*#__PURE__*/ jsx(BaseNode, {
+                ...nodeProps,
+                type: "uipath.coded.agent",
+                id: id,
+                selected: selected,
+                data: {
+                    ...nodeData,
+                    display: {
+                        label: nodeData.label,
+                        subLabel: translations.codedAgentStep,
+                        shape: 'rectangle'
+                    }
                 }
-            },
-            iconComponent: /*#__PURE__*/ jsx(CodedAgentIcon, {
-                w: 40,
-                h: 40
             })
         });
     });
@@ -206,41 +216,51 @@ const CodedResourceNodeElement = /*#__PURE__*/ memo(({ data, selected, id, ...no
         nodeData.hasSuccess,
         nodeData.hasRunning
     ]);
-    const handleConfigurations = [
-        {
-            position: Position.Left,
-            handles: leftTargetHandle,
-            visible: true
-        },
-        {
-            position: Position.Right,
-            handles: rightSourceHandle,
-            visible: true
-        }
-    ];
+    const handleConfigurations = useMemo(()=>[
+            {
+                position: Position.Left,
+                handles: leftTargetHandle,
+                visible: true
+            },
+            {
+                position: Position.Right,
+                handles: rightSourceHandle,
+                visible: true
+            }
+        ], []);
+    const baseNodeConfig = useMemo(()=>({
+            executionStatusOverride: executionStatus,
+            handleConfigurations,
+            adornments: {
+                topRight: statusAdornment
+            },
+            iconComponent: resourceIcon
+        }), [
+        executionStatus,
+        handleConfigurations,
+        statusAdornment,
+        resourceIcon
+    ]);
     return /*#__PURE__*/ jsxs("div", {
         style: {
             position: 'relative'
         },
         children: [
-            /*#__PURE__*/ jsx(BaseNode, {
-                ...nodeProps,
-                type: "uipath.coded.resource",
-                id: id,
-                selected: selected,
-                data: {
-                    ...nodeData,
-                    display: {
-                        label: void 0,
-                        shape: 'circle'
-                    },
-                    executionStatusOverride: executionStatus,
-                    handleConfigurations,
-                    adornments: {
-                        topRight: statusAdornment
+            /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+                value: baseNodeConfig,
+                children: /*#__PURE__*/ jsx(BaseNode, {
+                    ...nodeProps,
+                    type: "uipath.coded.resource",
+                    id: id,
+                    selected: selected,
+                    data: {
+                        ...nodeData,
+                        display: {
+                            label: void 0,
+                            shape: 'circle'
+                        }
                     }
-                },
-                iconComponent: resourceIcon
+                })
             }),
             /*#__PURE__*/ jsx(TextContainer, {
                 children: /*#__PURE__*/ jsx(ApTypography, {
@@ -270,24 +290,29 @@ const CodedFlowNodeElement = /*#__PURE__*/ memo(({ data, selected, id, ...nodePr
             }
         ];
         const nodeType = isStart ? 'uipath.coded.flow.start' : 'uipath.coded.flow.end';
+        const config = {
+            handleConfigurations: handleConfigs
+        };
         return /*#__PURE__*/ jsxs("div", {
             style: {
                 position: 'relative'
             },
             children: [
-                /*#__PURE__*/ jsx(BaseNode, {
-                    ...nodeProps,
-                    type: nodeType,
-                    id: id,
-                    selected: selected,
-                    data: {
-                        ...nodeData,
-                        display: {
-                            label: void 0,
-                            shape: 'square'
-                        },
-                        handleConfigurations: handleConfigs
-                    }
+                /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+                    value: config,
+                    children: /*#__PURE__*/ jsx(BaseNode, {
+                        ...nodeProps,
+                        type: nodeType,
+                        id: id,
+                        selected: selected,
+                        data: {
+                            ...nodeData,
+                            display: {
+                                label: void 0,
+                                shape: 'square'
+                            }
+                        }
+                    })
                 }),
                 /*#__PURE__*/ jsx(TextContainer, {
                     children: /*#__PURE__*/ jsx(ApTypography, {
@@ -311,20 +336,25 @@ const CodedFlowNodeElement = /*#__PURE__*/ memo(({ data, selected, id, ...nodePr
             visible: true
         }
     ];
-    return /*#__PURE__*/ jsx(BaseNode, {
-        ...nodeProps,
-        type: "uipath.coded.flow.node",
-        id: id,
-        selected: selected,
-        data: {
-            ...nodeData,
-            display: {
-                label: nodeData.label,
-                shape: 'rectangle'
-            },
-            handleConfigurations: handleConfigs
-        },
+    const config = {
+        handleConfigurations: handleConfigs,
         iconComponent: null
+    };
+    return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+        value: config,
+        children: /*#__PURE__*/ jsx(BaseNode, {
+            ...nodeProps,
+            type: "uipath.coded.flow.node",
+            id: id,
+            selected: selected,
+            data: {
+                ...nodeData,
+                display: {
+                    label: nodeData.label,
+                    shape: 'rectangle'
+                }
+            }
+        })
     });
 });
 const edgeTypes = {

package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.cjs

@@ -35,6 +35,7 @@ const external_storybook_utils_index_cjs_namespaceObject = require("../../storyb
 const external_types_cjs_namespaceObject = require("../../types.cjs");
 const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
 const BaseNode_cjs_namespaceObject = require("../BaseNode/BaseNode.cjs");
+const BaseNodeConfigContext_cjs_namespaceObject = require("../BaseNode/BaseNodeConfigContext.cjs");
 const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
 const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
 const agent_flow_manifest_cjs_namespaceObject = require("../AgentCanvas/agent-flow.manifest.cjs");
@@ -226,22 +227,30 @@ function CollapsibleAgentNode(props) {
         ], [
         collapsed
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-        ...nodeProps,
-        type: "uipath.agent.collapsible",
-        id: id,
-        selected: selected,
-        data: {
-            ...data,
-            parameters: data?.parameters ?? {},
-            display: {
-                label,
-                shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
-                iconBackground: agentManifest?.display.iconBackground
+    const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
+            handleConfigurations,
+            toolbarConfig
+        }), [
+        handleConfigurations,
+        toolbarConfig
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+        value: baseNodeConfig,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+            ...nodeProps,
+            type: "uipath.agent.collapsible",
+            id: id,
+            selected: selected,
+            data: {
+                ...data,
+                parameters: data?.parameters ?? {},
+                display: {
+                    label,
+                    shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
+                    iconBackground: agentManifest?.display.iconBackground
+                }
             }
-        },
-        handleConfigurations: handleConfigurations,
-        toolbarConfig: toolbarConfig
+        })
     });
 }
 function DefaultStory() {

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

@@ -1 +1 @@
-{"version":3,"file":"CollapseConfig.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CollapseConfig/CollapseConfig.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2D5D,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuYnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"CollapseConfig.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CollapseConfig/CollapseConfig.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA+D5D,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+YnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

@@ -6,6 +6,7 @@ import { StoryInfoPanel, allNodeManifests, useCanvasStory } from "../../storyboo
 import { DefaultCanvasTranslations } from "../../types.js";
 import { BaseCanvas } from "../BaseCanvas/index.js";
 import { BaseNode } from "../BaseNode/BaseNode.js";
+import { BaseNodeOverrideConfigProvider } from "../BaseNode/BaseNodeConfigContext.js";
 import { CanvasPositionControls } from "../CanvasPositionControls.js";
 import { NodeRegistryProvider } from "../../core/NodeRegistryProvider.js";
 import { contextResourceManifest, escalationResourceManifest, memoryResourceManifest, toolResourceManifest } from "../AgentCanvas/agent-flow.manifest.js";
@@ -197,22 +198,30 @@ function CollapsibleAgentNode(props) {
         ], [
         collapsed
     ]);
-    return /*#__PURE__*/ jsx(BaseNode, {
-        ...nodeProps,
-        type: "uipath.agent.collapsible",
-        id: id,
-        selected: selected,
-        data: {
-            ...data,
-            parameters: data?.parameters ?? {},
-            display: {
-                label,
-                shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
-                iconBackground: agentManifest?.display.iconBackground
+    const baseNodeConfig = useMemo(()=>({
+            handleConfigurations,
+            toolbarConfig
+        }), [
+        handleConfigurations,
+        toolbarConfig
+    ]);
+    return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+        value: baseNodeConfig,
+        children: /*#__PURE__*/ jsx(BaseNode, {
+            ...nodeProps,
+            type: "uipath.agent.collapsible",
+            id: id,
+            selected: selected,
+            data: {
+                ...data,
+                parameters: data?.parameters ?? {},
+                display: {
+                    label,
+                    shape: collapsed ? 'square' : agentManifest?.display.shape ?? 'rectangle',
+                    iconBackground: agentManifest?.display.iconBackground
+                }
             }
-        },
-        handleConfigurations: handleConfigurations,
-        toolbarConfig: toolbarConfig
+        })
     });
 }
 function DefaultStory() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.29.1",
+  "version": "3.30.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -199,7 +199,7 @@
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
     "@uipath/apollo-core": "5.7.0",
-    "@uipath/apollo-wind": "0.8.1"
+    "@uipath/apollo-wind": "0.9.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",