npm - @uipath/apollo-react - Versions diffs - 3.34.0 → 3.34.2 - Mend

@uipath/apollo-react 3.34.0 → 3.34.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/canvas/components/BaseNode/BaseNode.stories.js CHANGED Viewed

@@ -1,9 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Checkbox, FormControlLabel } from "@mui/material";
-import { FontVariantToken } from "@uipath/apollo-core";
-import { Column, Row } from "../../layouts/index.js";
+import { Column } from "../../layouts/index.js";
 import { Panel } from "../../xyflow/react.js";
-import { ApButton, ApIcon, ApIconButton, ApTypography } from "../../../material/index.js";
+import { Button, Input, Label, Slider, Switch } from "@uipath/apollo-wind";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { NodeRegistryContext, NodeTypeRegistry } from "../../core/index.js";
 import { StoryInfoPanel, createNode, useCanvasStory, withCanvasProviders } from "../../storybook-utils/index.js";
@@ -30,6 +28,15 @@ const sampleManifest = {
             colorDark: '#495057',
             icon: 'layers',
             tags: []
+        },
+        {
+            id: 'control',
+            name: 'Control Flow',
+            sortOrder: 3,
+            color: '#6c757d',
+            colorDark: '#495057',
+            icon: 'git-branch',
+            tags: []
         }
     ],
     nodes: [
@@ -184,6 +191,50 @@ const sampleManifest = {
                     ]
                 }
             ]
+        },
+        {
+            nodeType: 'uipath.decision',
+            version: '1.0.0',
+            category: 'control',
+            tags: [
+                'control',
+                'decision'
+            ],
+            sortOrder: 6,
+            display: {
+                label: 'Decision',
+                icon: 'git-branch',
+                shape: 'square'
+            },
+            handleConfiguration: [
+                {
+                    position: 'left',
+                    handles: [
+                        {
+                            id: 'input',
+                            type: 'target',
+                            handleType: 'input'
+                        }
+                    ]
+                },
+                {
+                    position: 'right',
+                    handles: [
+                        {
+                            id: 'true',
+                            type: 'source',
+                            handleType: 'output',
+                            label: '{inputs.trueLabel}'
+                        },
+                        {
+                            id: 'false',
+                            type: 'source',
+                            handleType: 'output',
+                            label: '{inputs.falseLabel}'
+                        }
+                    ]
+                }
+            ]
         }
     ]
 };
@@ -416,7 +467,7 @@ function CustomizedSizesStory() {
     });
 }
 function DynamicHandlesStory() {
-    const [nodeData, setNodeData] = useState({
+    const [switchData, setSwitchData] = useState({
         dynamicInputs: [
             {
                 label: 'Primary Input'
@@ -438,26 +489,55 @@ function DynamicHandlesStory() {
         ],
         hasDefault: false
     });
+    const [decisionData, setDecisionData] = useState({
+        trueLabel: 'Approved',
+        falseLabel: 'Rejected'
+    });
     const initialNodes = useMemo(()=>[
             {
                 ...createNode({
                     id: 'dynamic-handles-node',
                     type: 'uipath.control-switch',
                     position: {
-                        x: 400,
-                        y: 300
+                        x: 700,
+                        y: 200
                     },
                     data: {
                         nodeType: 'uipath.control-switch',
                         version: '1.0.0',
                         inputs: {
-                            dynamicInputs: nodeData.dynamicInputs,
-                            dynamicOutputs: nodeData.dynamicOutputs,
-                            hasDefault: nodeData.hasDefault
+                            dynamicInputs: switchData.dynamicInputs,
+                            dynamicOutputs: switchData.dynamicOutputs,
+                            hasDefault: switchData.hasDefault
                         },
                         display: {
                             label: 'Dynamic Handles',
-                            subLabel: `${nodeData.dynamicInputs.length} inputs, ${nodeData.dynamicOutputs.length} outputs`,
+                            subLabel: `${switchData.dynamicInputs.length} inputs, ${switchData.dynamicOutputs.length} outputs`,
+                            shape: 'square'
+                        }
+                    }
+                }),
+                height: 96,
+                width: 96
+            },
+            {
+                ...createNode({
+                    id: 'decision-node',
+                    type: 'uipath.decision',
+                    position: {
+                        x: 700,
+                        y: 600
+                    },
+                    data: {
+                        nodeType: 'uipath.decision',
+                        version: '1.0.0',
+                        inputs: {
+                            trueLabel: decisionData.trueLabel,
+                            falseLabel: decisionData.falseLabel
+                        },
+                        display: {
+                            label: 'Decision',
+                            subLabel: 'Templated labels',
                             shape: 'square'
                         }
                     }
@@ -466,77 +546,98 @@ function DynamicHandlesStory() {
                 width: 96
             }
         ], [
-        nodeData
+        switchData,
+        decisionData
     ]);
     const { canvasProps, setNodes } = useCanvasStory({
         initialNodes
     });
     useEffect(()=>{
-        setNodes((nodes)=>nodes.map((node)=>'dynamic-handles-node' === node.id ? {
+        setNodes((nodes)=>nodes.map((node)=>{
+                if ('dynamic-handles-node' === node.id) return {
                     ...node,
                     data: {
                         ...node.data,
                         inputs: {
-                            dynamicInputs: nodeData.dynamicInputs,
-                            dynamicOutputs: nodeData.dynamicOutputs,
-                            hasDefault: nodeData.hasDefault
+                            dynamicInputs: switchData.dynamicInputs,
+                            dynamicOutputs: switchData.dynamicOutputs,
+                            hasDefault: switchData.hasDefault
                         },
                         display: {
                             ...node.data.display || {},
-                            subLabel: `${nodeData.dynamicInputs.length} inputs, ${nodeData.dynamicOutputs.length} outputs`
+                            subLabel: `${switchData.dynamicInputs.length} inputs, ${switchData.dynamicOutputs.length} outputs`
+                        }
+                    }
+                };
+                if ('decision-node' === node.id) return {
+                    ...node,
+                    data: {
+                        ...node.data,
+                        inputs: {
+                            trueLabel: decisionData.trueLabel,
+                            falseLabel: decisionData.falseLabel
                         }
                     }
-                } : node));
+                };
+                return node;
+            }));
     }, [
-        nodeData,
+        switchData,
+        decisionData,
         setNodes
     ]);
-    const addHandle = useCallback((type)=>{
-        setNodeData((prev)=>{
-            const newArray = [
-                ...prev[type]
-            ];
-            if ('dynamicInputs' === type) newArray.push({
-                label: `Input ${newArray.length + 1}`
-            });
-            else if ('dynamicOutputs' === type) newArray.push({
-                name: `Output ${newArray.length + 1}`
-            });
+    const handleInputCount = useCallback((value)=>{
+        const count = value[0] ?? 0;
+        setSwitchData((prev)=>{
+            const current = prev.dynamicInputs;
+            if (count > current.length) {
+                const added = Array.from({
+                    length: count - current.length
+                }, (_, i)=>({
+                        label: `Input ${current.length + i + 1}`
+                    }));
+                return {
+                    ...prev,
+                    dynamicInputs: [
+                        ...current,
+                        ...added
+                    ]
+                };
+            }
             return {
                 ...prev,
-                [type]: newArray
+                dynamicInputs: current.slice(0, count)
             };
         });
     }, []);
-    const removeHandle = useCallback((type)=>{
-        setNodeData((prev)=>{
-            const newArray = [
-                ...prev[type]
-            ];
-            if (newArray.length > 0) newArray.pop();
+    const handleOutputCount = useCallback((value)=>{
+        const count = value[0] ?? 0;
+        setSwitchData((prev)=>{
+            const current = prev.dynamicOutputs;
+            if (count > current.length) {
+                const added = Array.from({
+                    length: count - current.length
+                }, (_, i)=>({
+                        name: `Output ${current.length + i + 1}`
+                    }));
+                return {
+                    ...prev,
+                    dynamicOutputs: [
+                        ...current,
+                        ...added
+                    ]
+                };
+            }
             return {
                 ...prev,
-                [type]: newArray
+                dynamicOutputs: current.slice(0, count)
             };
         });
     }, []);
-    const handleTypes = [
-        {
-            key: 'dynamicInputs',
-            label: 'Inputs',
-            icon: 'arrow_back'
-        },
-        {
-            key: 'dynamicOutputs',
-            label: 'Outputs',
-            icon: 'arrow_forward'
-        }
-    ];
     return /*#__PURE__*/ jsxs(BaseCanvas, {
         ...canvasProps,
         mode: "design",
         children: [
-            /*#__PURE__*/ jsx(NodeInspector, {}),
             /*#__PURE__*/ jsx(Panel, {
                 position: "bottom-right",
                 children: /*#__PURE__*/ jsx(CanvasPositionControls, {
@@ -545,78 +646,124 @@ function DynamicHandlesStory() {
             }),
             /*#__PURE__*/ jsx(StoryInfoPanel, {
                 title: "Dynamic Handles",
-                description: "Interactive demonstration of dynamic handle generation. Use buttons to add/remove handles from arrays.",
+                description: "Demonstrates repeat expressions (dynamic handle count) and templated handle labels.",
                 children: /*#__PURE__*/ jsxs(Column, {
-                    gap: 16,
+                    gap: 20,
                     children: [
-                        handleTypes.map(({ key, label, icon })=>/*#__PURE__*/ jsxs(Column, {
-                                gap: 6,
-                                align: "flex-start",
-                                children: [
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        gap: 8,
-                                        align: "center",
-                                        children: [
-                                            /*#__PURE__*/ jsx(ApIcon, {
-                                                name: icon,
-                                                size: "20px"
-                                            }),
-                                            /*#__PURE__*/ jsx(ApTypography, {
-                                                variant: FontVariantToken.fontSizeMBold,
-                                                children: label
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        gap: 8,
-                                        align: "center",
-                                        children: [
-                                            /*#__PURE__*/ jsx(ApIconButton, {
-                                                onClick: ()=>removeHandle(key),
-                                                disabled: 0 === nodeData[key].length,
-                                                "aria-label": `Remove ${label.toLowerCase()}`,
-                                                children: /*#__PURE__*/ jsx(ApIcon, {
-                                                    name: "remove"
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsx(ApTypography, {
-                                                variant: FontVariantToken.fontSizeMBold,
-                                                style: {
-                                                    minWidth: 24,
-                                                    textAlign: 'center'
-                                                },
-                                                children: nodeData[key].length
-                                            }),
-                                            /*#__PURE__*/ jsx(ApIconButton, {
-                                                onClick: ()=>addHandle(key),
-                                                "aria-label": `Add ${label.toLowerCase()}`,
-                                                children: /*#__PURE__*/ jsx(ApIcon, {
-                                                    name: "add"
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }, key)),
-                        /*#__PURE__*/ jsx(Column, {
-                            gap: 6,
-                            align: "flex-start",
-                            children: /*#__PURE__*/ jsx(FormControlLabel, {
-                                control: /*#__PURE__*/ jsx(Checkbox, {
-                                    checked: nodeData.hasDefault,
-                                    onChange: (e)=>setNodeData((prev)=>({
-                                                ...prev,
-                                                hasDefault: e.target.checked
-                                            }))
+                        /*#__PURE__*/ jsxs(Column, {
+                            gap: 12,
+                            children: [
+                                /*#__PURE__*/ jsx(Label, {
+                                    className: "font-semibold",
+                                    children: "Switch Node — Repeat Handles"
+                                }),
+                                /*#__PURE__*/ jsxs(Column, {
+                                    gap: 6,
+                                    align: "flex-start",
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Label, {
+                                            children: [
+                                                "Inputs (",
+                                                switchData.dynamicInputs.length,
+                                                ")"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Slider, {
+                                            value: [
+                                                switchData.dynamicInputs.length
+                                            ],
+                                            onValueChange: handleInputCount,
+                                            min: 0,
+                                            max: 10,
+                                            step: 1
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs(Column, {
+                                    gap: 6,
+                                    align: "flex-start",
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Label, {
+                                            children: [
+                                                "Outputs (",
+                                                switchData.dynamicOutputs.length,
+                                                ")"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Slider, {
+                                            value: [
+                                                switchData.dynamicOutputs.length
+                                            ],
+                                            onValueChange: handleOutputCount,
+                                            min: 0,
+                                            max: 10,
+                                            step: 1
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "flex items-center gap-2",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Switch, {
+                                            checked: switchData.hasDefault,
+                                            onCheckedChange: (checked)=>setSwitchData((prev)=>({
+                                                        ...prev,
+                                                        hasDefault: checked
+                                                    }))
+                                        }),
+                                        /*#__PURE__*/ jsx(Label, {
+                                            children: "Has Default Output"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Column, {
+                            gap: 12,
+                            children: [
+                                /*#__PURE__*/ jsx(Label, {
+                                    className: "font-semibold",
+                                    children: "Decision Node — Templated Labels"
+                                }),
+                                /*#__PURE__*/ jsxs(Column, {
+                                    gap: 6,
+                                    align: "flex-start",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Label, {
+                                            children: "True Label"
+                                        }),
+                                        /*#__PURE__*/ jsx(Input, {
+                                            value: decisionData.trueLabel,
+                                            onChange: (e)=>setDecisionData((prev)=>({
+                                                        ...prev,
+                                                        trueLabel: e.target.value
+                                                    }))
+                                        })
+                                    ]
                                 }),
-                                label: "Has Default Output"
-                            })
+                                /*#__PURE__*/ jsxs(Column, {
+                                    gap: 6,
+                                    align: "flex-start",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Label, {
+                                            children: "False Label"
+                                        }),
+                                        /*#__PURE__*/ jsx(Input, {
+                                            value: decisionData.falseLabel,
+                                            onChange: (e)=>setDecisionData((prev)=>({
+                                                        ...prev,
+                                                        falseLabel: e.target.value
+                                                    }))
+                                        })
+                                    ]
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ jsx(ApButton, {
-                            size: "small",
+                        /*#__PURE__*/ jsx(Button, {
+                            size: "sm",
                             variant: "secondary",
-                            label: "Reset",
-                            onClick: ()=>setNodeData({
+                            onClick: ()=>{
+                                setSwitchData({
                                     dynamicInputs: [
                                         {
                                             label: 'Primary Input'
@@ -628,7 +775,13 @@ function DynamicHandlesStory() {
                                         }
                                     ],
                                     hasDefault: false
-                                })
+                                });
+                                setDecisionData({
+                                    trueLabel: 'Approved',
+                                    falseLabel: 'Rejected'
+                                });
+                            },
+                            children: "Reset All"
                         })
                     ]
                 })

package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs CHANGED Viewed

@@ -182,10 +182,10 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
         showAddButton,
         selected
     });
-    const visibleHandles = handles.filter((h)=>visible && (h.visible ?? true));
+    const visibleHandles = handles.filter((h)=>h.visible ?? true);
     const total = visibleHandles.length;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
-        children: visibleHandles.map((handle, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonHandle, {
+        children: handles.map((handle, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonHandle, {
                 id: handle.id,
                 nodeId: nodeId,
                 type: handle.type,
@@ -197,6 +197,7 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
                 index: index,
                 total: total,
                 selected: selected,
+                visible: visible && (handle.visible ?? true),
                 showButton: finalSelected && visible && handle.showButton,
                 color: handle.color,
                 onAction: handle.onAction,

package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;~~AA6ED~~,eAAO,MAAM,aAAa,~~8LA/DvB~~;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,~~6CAoCmD~~,CAAC"}
1	+ {"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;AA+ED,eAAO,MAAM,aAAa,8LAjEvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,6CAsCmD,CAAC"}

package/dist/canvas/components/ButtonHandle/ButtonHandle.js CHANGED Viewed

@@ -153,10 +153,10 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
         showAddButton,
         selected
     });
-    const visibleHandles = handles.filter((h)=>visible && (h.visible ?? true));
+    const visibleHandles = handles.filter((h)=>h.visible ?? true);
     const total = visibleHandles.length;
     return /*#__PURE__*/ jsx(Fragment, {
-        children: visibleHandles.map((handle, index)=>/*#__PURE__*/ jsx(ButtonHandle, {
+        children: handles.map((handle, index)=>/*#__PURE__*/ jsx(ButtonHandle, {
                 id: handle.id,
                 nodeId: nodeId,
                 type: handle.type,
@@ -168,6 +168,7 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
                 index: index,
                 total: total,
                 selected: selected,
+                visible: visible && (handle.visible ?? true),
                 showButton: finalSelected && visible && handle.showButton,
                 color: handle.color,
                 onAction: handle.onAction,

package/dist/canvas/components/StageNode/StageNode.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;~~AAynBxD~~,eAAO,MAAM,SAAS,~~8CA/mBa~~,cAAc,~~6CA+mBA~~,CAAC"}
1	+ {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAwnBxD,eAAO,MAAM,SAAS,8CA9mBa,cAAc,6CA8mBA,CAAC"}

package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAuBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KA2DrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAyLF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;~~AAyHF~~,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
1	+ {"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAuBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KA2DrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAyLF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAuHF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}

package/dist/canvas/schema/node-instance/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/schema/node-instance/index.ts"],"names":[],"mappings":"~~AAEA~~,YAAY,EACV,qBAAqB,EACrB,UAAU,EACV,sBAAsB,EACtB,eAAe,GAChB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5F,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/schema/node-instance/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,qBAAqB,EACrB,UAAU,EACV,sBAAsB,EACtB,eAAe,GAChB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5F,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/dist/canvas/storybook-utils/mocks/nodes.cjs CHANGED Viewed

@@ -74,14 +74,23 @@ function createNode(options) {
         x: 0,
         y: 0
     }, data = {}, display, handleConfigurations, selected = false, useSmartHandles, executionStatus } = options;
+    const resolvedHandleConfigs = handleConfigurations ?? data.handleConfigurations;
+    const resolvedSmartHandles = useSmartHandles ?? data.useSmartHandles;
+    const resolvedExecutionStatus = executionStatus ?? data.executionStatus;
     const baseData = {
         nodeType: type,
         version: data.version || '1.0.0',
         parameters: data.parameters || {},
         display: display || data.display,
-        handleConfigurations: handleConfigurations || data.handleConfigurations,
-        useSmartHandles: useSmartHandles ?? data.useSmartHandles,
-        executionStatus: executionStatus || data.executionStatus
+        ...void 0 !== resolvedHandleConfigs && {
+            handleConfigurations: resolvedHandleConfigs
+        },
+        ...void 0 !== resolvedSmartHandles && {
+            useSmartHandles: resolvedSmartHandles
+        },
+        ...void 0 !== resolvedExecutionStatus && {
+            executionStatus: resolvedExecutionStatus
+        }
     };
     return {
         id,

package/dist/canvas/storybook-utils/mocks/nodes.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/mocks/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAKnF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;AAKX,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE5D,EAAE,EAAE,MAAM,CAAC;IAEX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IAEjC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,eAAe,CAAC,EACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,eAAe,GACf,YAAY,CAAC;CAClB;AAsBD,wBAAgB,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpD,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC5B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,~~CAkCxB~~;AAiBD,wBAAgB,cAAc,CAAC,OAAO,EAAE;IAEtC,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,KAAK,CACT,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CACzF,CAAC;IAEF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAuCvB;AAKD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsCE,MAAM,EAAE;;;;;;;;;CAW1B,CAAC;AAkBX,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,iBAAiB,CAAC,GAC5D,IAAI,CAAC,YAAY,CAAC,EAAE,CA6BtB"}
1	+ {"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/mocks/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAKnF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;AAKX,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE5D,EAAE,EAAE,MAAM,CAAC;IAEX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IAEjC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,eAAe,CAAC,EACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,eAAe,GACf,YAAY,CAAC;CAClB;AAsBD,wBAAgB,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpD,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC5B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAsCxB;AAiBD,wBAAgB,cAAc,CAAC,OAAO,EAAE;IAEtC,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,KAAK,CACT,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CACzF,CAAC;IAEF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAuCvB;AAKD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsCE,MAAM,EAAE;;;;;;;;;CAW1B,CAAC;AAkBX,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,iBAAiB,CAAC,GAC5D,IAAI,CAAC,YAAY,CAAC,EAAE,CA6BtB"}

package/dist/canvas/storybook-utils/mocks/nodes.js CHANGED Viewed

@@ -42,14 +42,23 @@ function createNode(options) {
         x: 0,
         y: 0
     }, data = {}, display, handleConfigurations, selected = false, useSmartHandles, executionStatus } = options;
+    const resolvedHandleConfigs = handleConfigurations ?? data.handleConfigurations;
+    const resolvedSmartHandles = useSmartHandles ?? data.useSmartHandles;
+    const resolvedExecutionStatus = executionStatus ?? data.executionStatus;
     const baseData = {
         nodeType: type,
         version: data.version || '1.0.0',
         parameters: data.parameters || {},
         display: display || data.display,
-        handleConfigurations: handleConfigurations || data.handleConfigurations,
-        useSmartHandles: useSmartHandles ?? data.useSmartHandles,
-        executionStatus: executionStatus || data.executionStatus
+        ...void 0 !== resolvedHandleConfigs && {
+            handleConfigurations: resolvedHandleConfigs
+        },
+        ...void 0 !== resolvedSmartHandles && {
+            useSmartHandles: resolvedSmartHandles
+        },
+        ...void 0 !== resolvedExecutionStatus && {
+            executionStatus: resolvedExecutionStatus
+        }
     };
     return {
         id,