@uipath/apollo-react 4.0.0 → 4.1.1

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

@@ -1,88 +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: ()=>HierarchicalCanvas_stories,
-    Default: ()=>Default
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_HierarchicalCanvas_cjs_namespaceObject = require("./HierarchicalCanvas.cjs");
-const external_HierarchicalCanvasWithControls_cjs_namespaceObject = require("./HierarchicalCanvasWithControls.cjs");
-const meta = {
-    title: 'Canvas/HierarchicalCanvas',
-    component: external_HierarchicalCanvas_cjs_namespaceObject.HierarchicalCanvas,
-    parameters: {
-        layout: 'fullscreen',
-        docs: {
-            description: {
-                component: `
-## Hierarchical Canvas
-
-A canvas component that supports hierarchical navigation through nested workflows.
-
-### Features
-- **Hierarchical Navigation**: Drill into sub-processes to view nested workflows
-- **Breadcrumb Navigation**: Navigate back through hierarchy levels
-- **Node Management**: Add, connect, and organize workflow nodes
-- **Three Modes**: Design, View, and Readonly modes
-- **Optimized Performance**: Debounced viewport updates prevent infinite loops
-
-### Usage
-The component integrates with the Zustand canvas store for state management.
-Use the Interactive story to test adding nodes and drilling into sub-processes.
-        `
-            }
-        }
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                style: {
-                    width: '100vw',
-                    height: '100vh'
-                },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
-            })
-    ]
-};
-const HierarchicalCanvas_stories = meta;
-const Default = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_HierarchicalCanvasWithControls_cjs_namespaceObject.HierarchicalCanvasWithControls, {}),
-    parameters: {
-        docs: {
-            description: {
-                story: 'Interactive canvas with controls for testing. NodeRegistryProvider and ReactFlowProvider are included in the wrapper component.'
-            }
-        }
-    }
-};
-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/HierarchicalCanvas/HierarchicalCanvas.stories.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"HierarchicalCanvas.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAiCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

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

@@ -1,51 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { HierarchicalCanvas } from "./HierarchicalCanvas.js";
-import { HierarchicalCanvasWithControls } from "./HierarchicalCanvasWithControls.js";
-const meta = {
-    title: 'Canvas/HierarchicalCanvas',
-    component: HierarchicalCanvas,
-    parameters: {
-        layout: 'fullscreen',
-        docs: {
-            description: {
-                component: `
-## Hierarchical Canvas
-
-A canvas component that supports hierarchical navigation through nested workflows.
-
-### Features
-- **Hierarchical Navigation**: Drill into sub-processes to view nested workflows
-- **Breadcrumb Navigation**: Navigate back through hierarchy levels
-- **Node Management**: Add, connect, and organize workflow nodes
-- **Three Modes**: Design, View, and Readonly modes
-- **Optimized Performance**: Debounced viewport updates prevent infinite loops
-
-### Usage
-The component integrates with the Zustand canvas store for state management.
-Use the Interactive story to test adding nodes and drilling into sub-processes.
-        `
-            }
-        }
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ jsx("div", {
-                style: {
-                    width: '100vw',
-                    height: '100vh'
-                },
-                children: /*#__PURE__*/ jsx(Story, {})
-            })
-    ]
-};
-const HierarchicalCanvas_stories = meta;
-const Default = {
-    render: ()=>/*#__PURE__*/ jsx(HierarchicalCanvasWithControls, {}),
-    parameters: {
-        docs: {
-            description: {
-                story: 'Interactive canvas with controls for testing. NodeRegistryProvider and ReactFlowProvider are included in the wrapper component.'
-            }
-        }
-    }
-};
-export { Default, HierarchicalCanvas_stories as default };

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

@@ -1,229 +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: ()=>NodeInspector_stories,
-    Default: ()=>Default
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-const index_cjs_namespaceObject = require("../layouts/index.cjs");
-const react_cjs_namespaceObject = require("../xyflow/react.cjs");
-const external_material_index_cjs_namespaceObject = require("../../material/index.cjs");
-const external_react_namespaceObject = require("react");
-const BaseCanvas_cjs_namespaceObject = require("./BaseCanvas/BaseCanvas.cjs");
-const external_NodeInspector_cjs_namespaceObject = require("./NodeInspector.cjs");
-const meta = {
-    title: 'Canvas/NodeInspector',
-    component: external_NodeInspector_cjs_namespaceObject.NodeInspector,
-    decorators: [
-        (Story)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    style: {
-                        height: '100vh',
-                        width: '100%'
-                    },
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
-                })
-            })
-    ],
-    parameters: {
-        layout: 'fullscreen'
-    },
-    argTypes: {
-        nodeFilter: {
-            control: false,
-            description: 'Custom filter function to determine which nodes to inspect'
-        }
-    }
-};
-const NodeInspector_stories = meta;
-const createSampleNodes = ()=>[
-        {
-            id: 'agent-1',
-            type: 'agent',
-            position: {
-                x: 200,
-                y: 200
-            },
-            data: {
-                label: 'AI Agent',
-                provider: 'anthropic',
-                model: 'claude-3-opus',
-                temperature: 0.7,
-                config: {
-                    maxTokens: 4096,
-                    topP: 0.9,
-                    frequencyPenalty: 0,
-                    presencePenalty: 0,
-                    stopSequences: [
-                        '\\n\\nHuman:',
-                        '\\n\\nAssistant:'
-                    ],
-                    systemPrompt: 'You are a helpful AI assistant that provides accurate and thoughtful responses.',
-                    apiKey: 'sk-ant-api03-...',
-                    endpoint: 'https://api.anthropic.com/v1/messages',
-                    retryConfig: {
-                        maxRetries: 3,
-                        initialDelay: 1000,
-                        maxDelay: 10000,
-                        backoffMultiplier: 2
-                    },
-                    timeout: 30000,
-                    customHeaders: {
-                        'X-Custom-Header': 'value',
-                        'X-Request-ID': 'uuid-123-456'
-                    }
-                },
-                metrics: {
-                    totalRequests: 1543,
-                    successfulRequests: 1498,
-                    failedRequests: 45,
-                    averageLatency: 342.5,
-                    p95Latency: 892.3,
-                    p99Latency: 1234.7,
-                    totalTokensUsed: 2456789,
-                    costEstimate: 123.45
-                }
-            }
-        },
-        {
-            id: 'resource-1',
-            type: 'resource',
-            position: {
-                x: 450,
-                y: 200
-            },
-            data: {
-                label: 'Database',
-                type: 'tool',
-                description: 'PostgreSQL database connection',
-                status: 'active',
-                connection: {
-                    host: 'localhost',
-                    port: 5432,
-                    database: 'myapp',
-                    poolSize: 10,
-                    ssl: true
-                }
-            }
-        },
-        {
-            id: 'flow-1',
-            type: 'flow',
-            position: {
-                x: 325,
-                y: 350
-            },
-            data: {
-                label: 'Decision Node',
-                condition: 'response.success === true',
-                branches: 2,
-                history: [
-                    {
-                        timestamp: '2024-01-15T10:30:00Z',
-                        result: true,
-                        executionTime: 123
-                    },
-                    {
-                        timestamp: '2024-01-15T10:31:00Z',
-                        result: false,
-                        executionTime: 456
-                    },
-                    {
-                        timestamp: '2024-01-15T10:32:00Z',
-                        result: true,
-                        executionTime: 234
-                    }
-                ]
-            }
-        }
-    ];
-const createSampleEdges = ()=>[
-        {
-            id: 'e1-2',
-            source: 'agent-1',
-            target: 'resource-1'
-        },
-        {
-            id: 'e1-3',
-            source: 'agent-1',
-            target: 'flow-1'
-        },
-        {
-            id: 'e2-3',
-            source: 'resource-1',
-            target: 'flow-1'
-        }
-    ];
-const CanvasWithNodeInspector = ()=>{
-    const [nodes, setNodes] = (0, external_react_namespaceObject.useState)(createSampleNodes());
-    const [edges, setEdges] = (0, external_react_namespaceObject.useState)(createSampleEdges());
-    const onNodesChange = (0, external_react_namespaceObject.useCallback)((changes)=>setNodes((nds)=>(0, react_cjs_namespaceObject.applyNodeChanges)(changes, nds)), []);
-    const onEdgesChange = (0, external_react_namespaceObject.useCallback)((changes)=>setEdges((eds)=>(0, react_cjs_namespaceObject.applyEdgeChanges)(changes, eds)), []);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(BaseCanvas_cjs_namespaceObject.BaseCanvas, {
-        nodes: nodes,
-        edges: edges,
-        onNodesChange: onNodesChange,
-        onEdgesChange: onEdgesChange,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeInspector_cjs_namespaceObject.NodeInspector, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "top-left",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                    p: 20,
-                    gap: 8,
-                    style: {
-                        backgroundColor: 'var(--uix-canvas-background-secondary)',
-                        color: 'var(--uix-canvas-foreground)'
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeH3Bold,
-                            children: "Node Inspector Demo"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            children: "Click on nodes to see their details"
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-const Default = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasWithNodeInspector, {})
-};
-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/NodeInspector.stories.d.ts

@@ -1,20 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { NodeInspector } from './NodeInspector';
-declare const meta: {
-    title: string;
-    component: typeof NodeInspector;
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        nodeFilter: {
-            control: false;
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=NodeInspector.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NodeInspector.stories.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAc5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI;;;yBAIE,GAAG;;;;;;;;;;CAiBuB,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmInC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

@@ -1,192 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontVariantToken } from "@uipath/apollo-core";
-import { Column } from "../layouts/index.js";
-import { Panel, ReactFlowProvider, applyEdgeChanges, applyNodeChanges } from "../xyflow/react.js";
-import { ApTypography } from "../../material/index.js";
-import { useCallback, useState } from "react";
-import { BaseCanvas } from "./BaseCanvas/BaseCanvas.js";
-import { NodeInspector } from "./NodeInspector.js";
-const meta = {
-    title: 'Canvas/NodeInspector',
-    component: NodeInspector,
-    decorators: [
-        (Story)=>/*#__PURE__*/ jsx(ReactFlowProvider, {
-                children: /*#__PURE__*/ jsx("div", {
-                    style: {
-                        height: '100vh',
-                        width: '100%'
-                    },
-                    children: /*#__PURE__*/ jsx(Story, {})
-                })
-            })
-    ],
-    parameters: {
-        layout: 'fullscreen'
-    },
-    argTypes: {
-        nodeFilter: {
-            control: false,
-            description: 'Custom filter function to determine which nodes to inspect'
-        }
-    }
-};
-const NodeInspector_stories = meta;
-const createSampleNodes = ()=>[
-        {
-            id: 'agent-1',
-            type: 'agent',
-            position: {
-                x: 200,
-                y: 200
-            },
-            data: {
-                label: 'AI Agent',
-                provider: 'anthropic',
-                model: 'claude-3-opus',
-                temperature: 0.7,
-                config: {
-                    maxTokens: 4096,
-                    topP: 0.9,
-                    frequencyPenalty: 0,
-                    presencePenalty: 0,
-                    stopSequences: [
-                        '\\n\\nHuman:',
-                        '\\n\\nAssistant:'
-                    ],
-                    systemPrompt: 'You are a helpful AI assistant that provides accurate and thoughtful responses.',
-                    apiKey: 'sk-ant-api03-...',
-                    endpoint: 'https://api.anthropic.com/v1/messages',
-                    retryConfig: {
-                        maxRetries: 3,
-                        initialDelay: 1000,
-                        maxDelay: 10000,
-                        backoffMultiplier: 2
-                    },
-                    timeout: 30000,
-                    customHeaders: {
-                        'X-Custom-Header': 'value',
-                        'X-Request-ID': 'uuid-123-456'
-                    }
-                },
-                metrics: {
-                    totalRequests: 1543,
-                    successfulRequests: 1498,
-                    failedRequests: 45,
-                    averageLatency: 342.5,
-                    p95Latency: 892.3,
-                    p99Latency: 1234.7,
-                    totalTokensUsed: 2456789,
-                    costEstimate: 123.45
-                }
-            }
-        },
-        {
-            id: 'resource-1',
-            type: 'resource',
-            position: {
-                x: 450,
-                y: 200
-            },
-            data: {
-                label: 'Database',
-                type: 'tool',
-                description: 'PostgreSQL database connection',
-                status: 'active',
-                connection: {
-                    host: 'localhost',
-                    port: 5432,
-                    database: 'myapp',
-                    poolSize: 10,
-                    ssl: true
-                }
-            }
-        },
-        {
-            id: 'flow-1',
-            type: 'flow',
-            position: {
-                x: 325,
-                y: 350
-            },
-            data: {
-                label: 'Decision Node',
-                condition: 'response.success === true',
-                branches: 2,
-                history: [
-                    {
-                        timestamp: '2024-01-15T10:30:00Z',
-                        result: true,
-                        executionTime: 123
-                    },
-                    {
-                        timestamp: '2024-01-15T10:31:00Z',
-                        result: false,
-                        executionTime: 456
-                    },
-                    {
-                        timestamp: '2024-01-15T10:32:00Z',
-                        result: true,
-                        executionTime: 234
-                    }
-                ]
-            }
-        }
-    ];
-const createSampleEdges = ()=>[
-        {
-            id: 'e1-2',
-            source: 'agent-1',
-            target: 'resource-1'
-        },
-        {
-            id: 'e1-3',
-            source: 'agent-1',
-            target: 'flow-1'
-        },
-        {
-            id: 'e2-3',
-            source: 'resource-1',
-            target: 'flow-1'
-        }
-    ];
-const CanvasWithNodeInspector = ()=>{
-    const [nodes, setNodes] = useState(createSampleNodes());
-    const [edges, setEdges] = useState(createSampleEdges());
-    const onNodesChange = useCallback((changes)=>setNodes((nds)=>applyNodeChanges(changes, nds)), []);
-    const onEdgesChange = useCallback((changes)=>setEdges((eds)=>applyEdgeChanges(changes, eds)), []);
-    return /*#__PURE__*/ jsxs(BaseCanvas, {
-        nodes: nodes,
-        edges: edges,
-        onNodesChange: onNodesChange,
-        onEdgesChange: onEdgesChange,
-        mode: "design",
-        children: [
-            /*#__PURE__*/ jsx(NodeInspector, {}),
-            /*#__PURE__*/ jsx(Panel, {
-                position: "top-left",
-                children: /*#__PURE__*/ jsxs(Column, {
-                    p: 20,
-                    gap: 8,
-                    style: {
-                        backgroundColor: 'var(--uix-canvas-background-secondary)',
-                        color: 'var(--uix-canvas-foreground)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(ApTypography, {
-                            variant: FontVariantToken.fontSizeH3Bold,
-                            children: "Node Inspector Demo"
-                        }),
-                        /*#__PURE__*/ jsx(ApTypography, {
-                            variant: FontVariantToken.fontSizeS,
-                            children: "Click on nodes to see their details"
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-const Default = {
-    render: ()=>/*#__PURE__*/ jsx(CanvasWithNodeInspector, {})
-};
-export { Default, NodeInspector_stories as default };