@uipath/apollo-react 4.0.0 → 4.1.1

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

@@ -1,380 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Panel, Position, useReactFlow } from "../../xyflow/react.js";
-import { useMemo } from "react";
-import { useAddNodeOnConnectEnd, useCanvasEvent } from "../../hooks/index.js";
-import { NodePositions, StoryInfoPanel, createNode, useCanvasStory, withCanvasProviders } from "../../storybook-utils/index.js";
-import { DefaultCanvasTranslations } from "../../types.js";
-import { BaseCanvas } from "../BaseCanvas/index.js";
-import { CanvasPositionControls } from "../CanvasPositionControls.js";
-import { AddNodePanel } from "./index.js";
-import { AddNodeManager } from "./AddNodeManager.js";
-import { createAddNodePreview } from "./createAddNodePreview.js";
-const meta = {
-    title: 'Canvas/AddNodePanel',
-    component: AddNodePanel,
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        withCanvasProviders()
-    ],
-    argTypes: {
-        items: {
-            control: 'object'
-        }
-    }
-};
-const AddNodePanel_stories = meta;
-const NODE_OPTIONS = [
-    {
-        id: '1',
-        name: 'Manual trigger',
-        icon: {
-            name: 'touch_app'
-        },
-        data: {
-            type: 'manual-trigger',
-            category: 'Triggers'
-        }
-    },
-    {
-        id: '2',
-        name: 'Schedule trigger',
-        icon: {
-            name: 'schedule'
-        },
-        data: {
-            type: 'schedule-trigger',
-            category: 'Triggers'
-        }
-    },
-    {
-        id: '3',
-        name: 'Webhook trigger',
-        icon: {
-            name: 'webhook'
-        },
-        data: {
-            type: 'webhook-trigger',
-            category: 'Triggers'
-        }
-    },
-    {
-        id: '4',
-        name: 'AI Agent long long long long long long name',
-        icon: {
-            name: 'smart_toy'
-        },
-        data: {
-            type: 'ai-agent',
-            category: 'AI'
-        },
-        description: 'Autonomous AI assistant that processes complex multi-step workflows end to end'
-    },
-    {
-        id: '5',
-        name: 'OpenAI',
-        icon: {
-            name: 'psychology'
-        },
-        data: {
-            type: 'openai',
-            category: 'AI'
-        },
-        description: 'GPT models integration for natural language processing and text generation tasks'
-    },
-    {
-        id: '6',
-        name: 'Data extractor',
-        icon: {
-            name: 'file_copy'
-        },
-        data: {
-            type: 'data-extractor',
-            category: 'Data'
-        },
-        description: 'Extract structured data from documents, PDFs, images, and scanned files automatically'
-    },
-    {
-        id: '7',
-        name: 'Sentiment Analyzer',
-        icon: {
-            name: 'sentiment_satisfied'
-        },
-        data: {
-            type: 'sentiment-analyzer',
-            category: 'AI'
-        },
-        description: 'Analyze text sentiment'
-    },
-    {
-        id: '8',
-        name: 'Action',
-        icon: {
-            name: 'settings'
-        },
-        data: {
-            type: 'action',
-            category: 'Actions'
-        },
-        description: 'Generic action node'
-    }
-];
-const CATEGORY_ITEMS = Object.entries(NODE_OPTIONS.reduce((acc, node)=>{
-    const category = node.data.category;
-    if (category) {
-        acc[category] = acc[category] || [];
-        acc[category].push(node);
-    }
-    return acc;
-}, {})).map(([category, nodes], index)=>({
-        id: `category-${index}`,
-        name: category,
-        icon: nodes[0]?.icon,
-        data: {
-            type: 'category',
-            category
-        },
-        children: nodes
-    }));
-function createInitialNodes() {
-    return [
-        createNode({
-            id: 'trigger',
-            type: 'uipath.manual-trigger',
-            position: NodePositions.row2col1,
-            display: {
-                label: 'Manual trigger'
-            }
-        }),
-        createNode({
-            id: 'action-1',
-            type: 'uipath.blank-node',
-            position: NodePositions.row2col2,
-            display: {
-                label: 'Action',
-                subLabel: 'Process data'
-            }
-        })
-    ];
-}
-function StandalonePanelWrapper({ children }) {
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            height: '100vh',
-            width: '100vw',
-            backgroundColor: 'var(--color-background-secondary)',
-            paddingTop: '40px'
-        },
-        children: /*#__PURE__*/ jsx("div", {
-            style: {
-                width: '320px',
-                margin: '0 auto',
-                backgroundColor: 'var(--uix-canvas-background)',
-                border: '1px solid var(--uix-canvas-border-de-emp)',
-                borderRadius: '8px',
-                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)'
-            },
-            children: children
-        })
-    });
-}
-function PreviewSelectionStory() {
-    const initialNodes = useMemo(()=>createInitialNodes(), []);
-    const { canvasProps } = useCanvasStory({
-        initialNodes,
-        initialEdges: [
-            {
-                id: 'e-trigger-action-1',
-                source: 'trigger',
-                target: 'action-1',
-                sourceHandle: 'output',
-                targetHandle: 'input'
-            }
-        ]
-    });
-    const reactFlowInstance = useReactFlow();
-    useCanvasEvent('handle:action', (event)=>{
-        if (!reactFlowInstance) return;
-        const { handleId, nodeId, position, handleType } = event;
-        if (handleId && nodeId) {
-            const sourceHandleType = 'input' === handleType ? 'target' : 'source';
-            createAddNodePreview(nodeId, handleId, reactFlowInstance, position, sourceHandleType);
-        }
-    });
-    const handleAddNodeOnConnectEnd = useAddNodeOnConnectEnd();
-    return /*#__PURE__*/ jsxs(BaseCanvas, {
-        ...canvasProps,
-        onConnectEnd: handleAddNodeOnConnectEnd,
-        deleteKeyCode: [
-            'Backspace',
-            'Delete'
-        ],
-        mode: "design",
-        defaultViewport: {
-            x: 0,
-            y: 0,
-            zoom: 1
-        },
-        children: [
-            /*#__PURE__*/ jsx(AddNodeManager, {}),
-            /*#__PURE__*/ jsx(Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
-                    translations: DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ jsx(StoryInfoPanel, {
-                title: "Add node with preview selection",
-                description: "Click + button → Creates preview → Select preview → Choose node type"
-            })
-        ]
-    });
-}
-function AllSidesStory() {
-    const initialNodes = useMemo(()=>[
-            createNode({
-                id: 'center',
-                type: 'uipath.blank-node',
-                position: NodePositions.row2col2,
-                display: {
-                    label: 'Hub Node',
-                    subLabel: 'Handles on all sides'
-                },
-                handleConfigurations: [
-                    {
-                        position: Position.Right,
-                        handles: [
-                            {
-                                id: 'output-right',
-                                type: 'source',
-                                handleType: 'output'
-                            }
-                        ]
-                    },
-                    {
-                        position: Position.Left,
-                        handles: [
-                            {
-                                id: 'output-left',
-                                type: 'source',
-                                handleType: 'output'
-                            }
-                        ]
-                    },
-                    {
-                        position: Position.Top,
-                        handles: [
-                            {
-                                id: 'output-top',
-                                type: 'source',
-                                handleType: 'output'
-                            }
-                        ]
-                    },
-                    {
-                        position: Position.Bottom,
-                        handles: [
-                            {
-                                id: 'output-bottom',
-                                type: 'source',
-                                handleType: 'output'
-                            }
-                        ]
-                    }
-                ]
-            })
-        ], []);
-    const { canvasProps } = useCanvasStory({
-        initialNodes
-    });
-    const reactFlowInstance = useReactFlow();
-    useCanvasEvent('handle:action', (event)=>{
-        if (!reactFlowInstance) return;
-        const { handleId, nodeId, position, handleType } = event;
-        if (handleId && nodeId) {
-            const sourceHandleType = 'input' === handleType ? 'target' : 'source';
-            createAddNodePreview(nodeId, handleId, reactFlowInstance, position, sourceHandleType);
-        }
-    });
-    return /*#__PURE__*/ jsxs(BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        defaultViewport: {
-            x: 0,
-            y: 0,
-            zoom: 1
-        },
-        children: [
-            /*#__PURE__*/ jsx(AddNodeManager, {}),
-            /*#__PURE__*/ jsx(Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ jsx(CanvasPositionControls, {
-                    translations: DefaultCanvasTranslations
-                })
-            }),
-            /*#__PURE__*/ jsx(StoryInfoPanel, {
-                title: "Source handles on all sides",
-                description: "Single node with output handles on Top, Bottom, Left, and Right."
-            })
-        ]
-    });
-}
-const PreviewSelection = {
-    name: 'Add node with preview selection',
-    render: ()=>/*#__PURE__*/ jsx(PreviewSelectionStory, {})
-};
-const HandlesOnAllSides = {
-    name: 'Add node on all sides',
-    render: ()=>/*#__PURE__*/ jsx(AllSidesStory, {})
-};
-const NodePanelStaticItems = {
-    name: 'Add node panel with static items',
-    args: {
-        items: CATEGORY_ITEMS,
-        onNodeSelect: (node)=>console.log('Selected node:', node),
-        onClose: ()=>console.log('Closed selector')
-    },
-    render: (args)=>/*#__PURE__*/ jsx(StandalonePanelWrapper, {
-            children: /*#__PURE__*/ jsx(AddNodePanel, {
-                ...args
-            })
-        })
-};
-const NodePanelWithCustomSearch = {
-    name: 'Add node panel with custom search',
-    args: {
-        items: CATEGORY_ITEMS,
-        onNodeSelect: (node)=>{
-            console.log('Selected node:', node);
-            alert(`Selected: ${node.data.type}`);
-        },
-        onClose: ()=>console.log('Closed selector'),
-        onSearch: async (query)=>{
-            await new Promise((resolve)=>setTimeout(resolve, 500 * Math.random() + 200));
-            return NODE_OPTIONS.filter((node)=>node.name.toLowerCase().includes(query.toLowerCase()));
-        }
-    },
-    render: (args)=>/*#__PURE__*/ jsx(StandalonePanelWrapper, {
-            children: /*#__PURE__*/ jsx(AddNodePanel, {
-                ...args
-            })
-        })
-};
-const NodePanelRegistryItems = {
-    name: 'Add node panel using registry',
-    args: {
-        onNodeSelect: (node)=>{
-            console.log('Selected node from registry:', node);
-            alert(`Selected: ${node.data.type} (${node.data.category})`);
-        },
-        onClose: ()=>console.log('Closed selector'),
-        onSearch: void 0
-    },
-    render: (args)=>/*#__PURE__*/ jsx(StandalonePanelWrapper, {
-            children: /*#__PURE__*/ jsx(AddNodePanel, {
-                ...args
-            })
-        })
-};
-export { HandlesOnAllSides, NodePanelRegistryItems, NodePanelStaticItems, NodePanelWithCustomSearch, PreviewSelection, AddNodePanel_stories as default };