@uipath/apollo-react 4.0.0 → 4.1.1

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

@@ -1,518 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __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, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>CollapseConfig_stories,
-    Default: ()=>Default
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const index_cjs_namespaceObject = require("../../../material/components/index.cjs");
-const external_react_namespaceObject = require("react");
-const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
-const external_storybook_utils_index_cjs_namespaceObject = require("../../storybook-utils/index.cjs");
-const external_types_cjs_namespaceObject = require("../../types.cjs");
-const agent_flow_manifest_cjs_namespaceObject = require("../AgentCanvas/agent-flow.manifest.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 collapsibleAgentManifest = {
-    nodeType: 'uipath.agent.collapsible',
-    version: '1.0.0',
-    tags: [],
-    sortOrder: 0,
-    display: {
-        label: 'Collapsible Agent',
-        icon: 'uipath.agent',
-        shape: 'rectangle',
-        iconBackground: 'var(--uix-canvas-background-secondary)'
-    },
-    handleConfiguration: []
-};
-const collapseConfigManifest = {
-    version: '1.0.0',
-    categories: [],
-    nodes: [
-        collapsibleAgentManifest,
-        agent_flow_manifest_cjs_namespaceObject.contextResourceManifest,
-        agent_flow_manifest_cjs_namespaceObject.toolResourceManifest,
-        agent_flow_manifest_cjs_namespaceObject.escalationResourceManifest,
-        agent_flow_manifest_cjs_namespaceObject.memoryResourceManifest
-    ]
-};
-const meta = {
-    title: 'Canvas/CollapseConfig',
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeRegistryProvider_cjs_namespaceObject.NodeRegistryProvider, {
-                    manifest: collapseConfigManifest,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        style: {
-                            position: 'absolute',
-                            top: 0,
-                            left: 0,
-                            width: '100%',
-                            height: '100%'
-                        },
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
-                    })
-                })
-            })
-    ]
-};
-const CollapseConfig_stories = meta;
-const agentManifest = external_storybook_utils_index_cjs_namespaceObject.allNodeManifests.find((m)=>'uipath.agent' === m.nodeType);
-function CollapsibleAgentNode(props) {
-    const { id, data, selected, ...nodeProps } = props;
-    const { setNodes, setEdges } = (0, react_cjs_namespaceObject.useReactFlow)();
-    const label = data?.label ?? agentManifest?.display.label ?? 'Agent';
-    const collapsed = data?.collapsed ?? false;
-    const handleToggleCollapse = (0, external_react_namespaceObject.useCallback)(()=>{
-        const newCollapsed = !collapsed;
-        setNodes((nodes)=>nodes.map((node)=>node.id === id ? {
-                    ...node,
-                    data: {
-                        ...node.data,
-                        collapsed: newCollapsed
-                    }
-                } : node));
-        const artifactHandleIds = [
-            'escalation',
-            'memory',
-            'context',
-            'tools'
-        ];
-        setEdges((edges)=>{
-            const connectedNodeIds = new Set();
-            edges.forEach((edge)=>{
-                if (edge.source === id && artifactHandleIds.includes(edge.sourceHandle ?? '')) connectedNodeIds.add(edge.target);
-            });
-            setNodes((nodes)=>nodes.map((node)=>connectedNodeIds.has(node.id) ? {
-                        ...node,
-                        hidden: newCollapsed
-                    } : node));
-            return edges.map((edge)=>connectedNodeIds.has(edge.target) || connectedNodeIds.has(edge.source) ? {
-                    ...edge,
-                    hidden: newCollapsed
-                } : edge);
-        });
-    }, [
-        id,
-        collapsed,
-        setNodes,
-        setEdges
-    ]);
-    const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>({
-            position: 'top',
-            align: 'end',
-            actions: [
-                {
-                    id: 'collapse-toggle',
-                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
-                        name: collapsed ? 'unfold_more' : 'unfold_less',
-                        size: "16px"
-                    }),
-                    label: collapsed ? 'Expand' : 'Collapse',
-                    onAction: handleToggleCollapse
-                }
-            ],
-            overflowActions: [],
-            overflowLabel: ''
-        }), [
-        collapsed,
-        handleToggleCollapse
-    ]);
-    const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>[
-            {
-                position: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input'
-                    }
-                ],
-                visible: true
-            },
-            {
-                position: react_cjs_namespaceObject.Position.Right,
-                handles: [
-                    {
-                        id: 'success',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Success'
-                    },
-                    {
-                        id: 'error',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Error'
-                    }
-                ],
-                visible: true
-            },
-            ...collapsed ? [] : [
-                {
-                    position: react_cjs_namespaceObject.Position.Top,
-                    handles: [
-                        {
-                            id: 'memory',
-                            type: 'source',
-                            handleType: 'artifact',
-                            label: 'Memory',
-                            showButton: true,
-                            onAction: ()=>{}
-                        },
-                        {
-                            id: 'escalation',
-                            type: 'source',
-                            handleType: 'artifact',
-                            label: 'Escalations',
-                            showButton: true,
-                            onAction: ()=>{}
-                        }
-                    ],
-                    visible: true
-                },
-                {
-                    position: react_cjs_namespaceObject.Position.Bottom,
-                    handles: [
-                        {
-                            id: 'context',
-                            type: 'source',
-                            handleType: 'artifact',
-                            label: 'Context',
-                            showButton: true,
-                            onAction: ()=>{}
-                        },
-                        {
-                            id: 'tools',
-                            type: 'source',
-                            handleType: 'artifact',
-                            label: 'Tools',
-                            showButton: true,
-                            onAction: ()=>{}
-                        }
-                    ],
-                    visible: true
-                }
-            ]
-        ], [
-        collapsed
-    ]);
-    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
-                }
-            }
-        })
-    });
-}
-function DefaultStory() {
-    const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>[
-            {
-                id: 'agent-1',
-                type: 'uipath.agent.collapsible',
-                position: {
-                    x: 400,
-                    y: 300
-                },
-                data: {
-                    label: 'AI Agent',
-                    collapsed: false
-                }
-            },
-            {
-                id: 'memory-1',
-                type: 'uipath.resource.memory',
-                position: {
-                    x: 150,
-                    y: 140
-                },
-                data: {
-                    display: {
-                        label: 'Memory'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'escalation-1',
-                type: 'uipath.resource.escalation',
-                position: {
-                    x: 350,
-                    y: 80
-                },
-                data: {
-                    display: {
-                        label: 'Escalation 1'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'escalation-2',
-                type: 'uipath.resource.escalation',
-                position: {
-                    x: 530,
-                    y: 80
-                },
-                data: {
-                    display: {
-                        label: 'Escalation 2'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'escalation-3',
-                type: 'uipath.resource.escalation',
-                position: {
-                    x: 710,
-                    y: 140
-                },
-                data: {
-                    display: {
-                        label: 'Escalation 3'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'context-1',
-                type: 'uipath.resource.context',
-                position: {
-                    x: 150,
-                    y: 480
-                },
-                data: {
-                    display: {
-                        label: 'Context 1'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'context-2',
-                type: 'uipath.resource.context',
-                position: {
-                    x: 330,
-                    y: 540
-                },
-                data: {
-                    display: {
-                        label: 'Context 2'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'tools-1',
-                type: 'uipath.resource.tool',
-                position: {
-                    x: 500,
-                    y: 540
-                },
-                data: {
-                    display: {
-                        label: 'Tool 1'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'tools-2',
-                type: 'uipath.resource.tool',
-                position: {
-                    x: 660,
-                    y: 540
-                },
-                data: {
-                    display: {
-                        label: 'Tool 2'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'tools-3',
-                type: 'uipath.resource.tool',
-                position: {
-                    x: 820,
-                    y: 480
-                },
-                data: {
-                    display: {
-                        label: 'Tool 3'
-                    },
-                    useSmartHandles: true
-                }
-            },
-            {
-                id: 'tools-4',
-                type: 'uipath.resource.tool',
-                position: {
-                    x: 820,
-                    y: 320
-                },
-                data: {
-                    display: {
-                        label: 'Tool 4'
-                    },
-                    useSmartHandles: true
-                }
-            }
-        ], []);
-    const initialEdges = (0, external_react_namespaceObject.useMemo)(()=>[
-            {
-                id: 'e-agent-memory',
-                source: 'agent-1',
-                target: 'memory-1',
-                sourceHandle: 'memory',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-escalation-1',
-                source: 'agent-1',
-                target: 'escalation-1',
-                sourceHandle: 'escalation',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-escalation-2',
-                source: 'agent-1',
-                target: 'escalation-2',
-                sourceHandle: 'escalation',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-escalation-3',
-                source: 'agent-1',
-                target: 'escalation-3',
-                sourceHandle: 'escalation',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-context-1',
-                source: 'agent-1',
-                target: 'context-1',
-                sourceHandle: 'context',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-context-2',
-                source: 'agent-1',
-                target: 'context-2',
-                sourceHandle: 'context',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-tools-1',
-                source: 'agent-1',
-                target: 'tools-1',
-                sourceHandle: 'tools',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-tools-2',
-                source: 'agent-1',
-                target: 'tools-2',
-                sourceHandle: 'tools',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-tools-3',
-                source: 'agent-1',
-                target: 'tools-3',
-                sourceHandle: 'tools',
-                targetHandle: 'input'
-            },
-            {
-                id: 'e-agent-tools-4',
-                source: 'agent-1',
-                target: 'tools-4',
-                sourceHandle: 'tools',
-                targetHandle: 'input'
-            }
-        ], []);
-    const { canvasProps } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes,
-        initialEdges,
-        additionalNodeTypes: {
-            'uipath.agent.collapsible': CollapsibleAgentNode
-        }
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "Collapsible nodes (Work in Progress)",
-                description: "Click on the agent node to see the collapse/expand button."
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            })
-        ]
-    });
-}
-const Default = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DefaultStory, {})
-};
-exports.Default = __webpack_exports__.Default;
-exports["default"] = __webpack_exports__["default"];
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Default",
-    "default"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=CollapseConfig.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AA8D5D,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"}