@uipath/apollo-react 4.0.0 → 4.1.1

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

@@ -1,509 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Panel, Position } from "../../xyflow/react.js";
-import { useMemo } from "react";
-import { useCanvasStory, withCanvasProviders } from "../../storybook-utils/index.js";
-import { DefaultCanvasTranslations } from "../../types.js";
-import { BaseCanvas } from "../BaseCanvas/index.js";
-import { CanvasPositionControls } from "../CanvasPositionControls.js";
-import { StickyNoteNode } from "./StickyNoteNode.js";
-const meta = {
-    title: 'Canvas/StickyNoteNode',
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        withCanvasProviders()
-    ]
-};
-const StickyNoteNode_stories = meta;
-const StickyNoteWithCallbacks = (props)=>{
-    const handleContentChange = (content)=>{
-        console.log('📝 Content changed:', {
-            nodeId: props.id,
-            content,
-            timestamp: new Date().toISOString()
-        });
-    };
-    const handleColorChange = (color)=>{
-        console.log('🎨 Color changed:', {
-            nodeId: props.id,
-            color,
-            timestamp: new Date().toISOString()
-        });
-    };
-    const handleResize = (width, height)=>{
-        console.log('📏 Resized:', {
-            nodeId: props.id,
-            width,
-            height,
-            timestamp: new Date().toISOString()
-        });
-    };
-    return /*#__PURE__*/ jsx(StickyNoteNode, {
-        ...props,
-        onContentChange: handleContentChange,
-        onColorChange: handleColorChange,
-        onResize: handleResize
-    });
-};
-const nodeTypes = {
-    stickyNote: StickyNoteNode
-};
-const nodeTypesWithCallbacks = {
-    stickyNote: StickyNoteWithCallbacks
-};
-function createStickyNote(id, color, content, position, size = {
-    width: 250,
-    height: 150
-}, zIndex) {
-    return {
-        id,
-        type: 'stickyNote',
-        position,
-        data: {
-            color,
-            content
-        },
-        width: size.width,
-        height: size.height,
-        ...void 0 !== zIndex && {
-            zIndex
-        }
-    };
-}
-function DefaultStory() {
-    const initialNodes = useMemo(()=>[
-            createStickyNote('sticky-yellow-note', 'yellow', '**Markdown Support!**\n\nDouble-click to edit with *markdown*\n- Drag to move\n- Resize from corners', {
-                x: 50,
-                y: 50
-            }),
-            createStickyNote('sticky-pink-note', 'pink', '## Important\n\n~~Strikethrough~~ and `inline code` work too!', {
-                x: 350,
-                y: 50
-            }),
-            createStickyNote('sticky-blue-note', 'blue', '**Lists:**\n\n1. First item\n2. Second item\n3. Third item', {
-                x: 350,
-                y: 250
-            }),
-            createStickyNote('sticky-green-note', 'green', 'Green note for positive feedback', {
-                x: 50,
-                y: 250
-            }),
-            createStickyNote('sticky-white-note', 'white', 'White note for general notes', {
-                x: 50,
-                y: 450
-            }),
-            createStickyNote('sticky-long-note', 'yellow', 'This is a longer sticky note with lots of content to demonstrate scrolling.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\nDouble-click to edit, then use mouse wheel to scroll through the content.', {
-                x: 350,
-                y: 450
-            }, {
-                width: 280,
-                height: 200
-            })
-        ], []);
-    const { canvasProps } = useCanvasStory({
-        initialNodes,
-        additionalNodeTypes: nodeTypes
-    });
-    return /*#__PURE__*/ jsx(BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: /*#__PURE__*/ jsx(Panel, {
-            position: "bottom-right",
-            children: /*#__PURE__*/ jsx(CanvasPositionControls, {
-                translations: DefaultCanvasTranslations
-            })
-        })
-    });
-}
-function createBaseNode(id, iconName, label, subLabel, position, handleConfigurations) {
-    return {
-        id,
-        type: 'uipath.blank-node',
-        position,
-        data: {
-            display: {
-                icon: iconName,
-                label,
-                subLabel
-            },
-            handleConfigurations
-        },
-        zIndex: 0
-    };
-}
-function createPipelineNodes() {
-    return [
-        createStickyNote('sticky-ingestion', 'blue', '## Data Ingestion\nCollect and validate incoming data', {
-            x: 48,
-            y: 48
-        }, {
-            width: 608,
-            height: 512
-        }, -10),
-        createBaseNode('node-source', 'cloud-upload', 'Data Source', 'Input Stream', {
-            x: 128,
-            y: 224
-        }, [
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Output'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-filter', 'filter', 'Filter', 'Validation Rules', {
-            x: 416,
-            y: 224
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'transform',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Transform'
-                    },
-                    {
-                        id: 'enrich',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Enrich'
-                    }
-                ]
-            }
-        ]),
-        createStickyNote('sticky-processing', 'yellow', '## Data Processing\nTransform and combine data streams', {
-            x: 720,
-            y: 48
-        }, {
-            width: 800,
-            height: 512
-        }, -10),
-        createBaseNode('node-transform', 'settings', 'Transform', 'Data Processing', {
-            x: 800,
-            y: 144
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Output'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-enrich', 'plus-circle', 'Enrich', 'Add Metadata', {
-            x: 800,
-            y: 304
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Output'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-merge', 'git-merge', 'Merge', 'Combine Streams', {
-            x: 1216,
-            y: 224
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'input1',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Stream 1'
-                    },
-                    {
-                        id: 'input2',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Stream 2'
-                    }
-                ]
-            },
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Merged'
-                    }
-                ]
-            }
-        ]),
-        createStickyNote('sticky-storage', 'green', '## Storage & Analytics\nPersist and analyze processed data', {
-            x: 1584,
-            y: 48
-        }, {
-            width: 800,
-            height: 512
-        }, -10),
-        createBaseNode('node-storage', 'database', 'Storage', 'Database', {
-            x: 1664,
-            y: 144
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Logs'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-index', 'search', 'Index', 'Search Engine', {
-            x: 1664,
-            y: 304
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Events'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-monitor', 'bar-chart', 'Monitor', 'Analytics', {
-            x: 2080,
-            y: 224
-        }, [
-            {
-                position: Position.Left,
-                handles: [
-                    {
-                        id: 'logs',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Logs'
-                    },
-                    {
-                        id: 'events',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Events'
-                    }
-                ]
-            }
-        ]),
-        createStickyNote('sticky-annotation', 'pink', '**Data Pipeline Pattern**\n\nThis workflow demonstrates using sticky notes as visual containers to organize and document sections of a data processing pipeline. Each colored section groups related operations while nodes and edges remain fully interactive on top.', {
-            x: 48,
-            y: 608
-        }, {
-            width: 1024,
-            height: 176
-        }, -10)
-    ];
-}
-function createPipelineEdges() {
-    return [
-        {
-            id: 'e-source-filter',
-            source: 'node-source',
-            sourceHandle: 'output',
-            target: 'node-filter',
-            targetHandle: 'input',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-filter-transform',
-            source: 'node-filter',
-            sourceHandle: 'transform',
-            target: 'node-transform',
-            targetHandle: 'input',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-filter-enrich',
-            source: 'node-filter',
-            sourceHandle: 'enrich',
-            target: 'node-enrich',
-            targetHandle: 'input',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-transform-merge',
-            source: 'node-transform',
-            sourceHandle: 'output',
-            target: 'node-merge',
-            targetHandle: 'input1',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-enrich-merge',
-            source: 'node-enrich',
-            sourceHandle: 'output',
-            target: 'node-merge',
-            targetHandle: 'input2',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-merge-storage',
-            source: 'node-merge',
-            sourceHandle: 'output',
-            target: 'node-storage',
-            targetHandle: 'input',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-merge-index',
-            source: 'node-merge',
-            sourceHandle: 'output',
-            target: 'node-index',
-            targetHandle: 'input',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-storage-monitor',
-            source: 'node-storage',
-            sourceHandle: 'output',
-            target: 'node-monitor',
-            targetHandle: 'logs',
-            type: 'smoothstep'
-        },
-        {
-            id: 'e-index-monitor',
-            source: 'node-index',
-            sourceHandle: 'output',
-            target: 'node-monitor',
-            targetHandle: 'events',
-            type: 'smoothstep'
-        }
-    ];
-}
-function WithBaseNodesStory() {
-    const initialNodes = useMemo(()=>createPipelineNodes(), []);
-    const initialEdges = useMemo(()=>createPipelineEdges(), []);
-    const { canvasProps } = useCanvasStory({
-        initialNodes,
-        initialEdges,
-        additionalNodeTypes: nodeTypes
-    });
-    return /*#__PURE__*/ jsx(BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        elevateNodesOnSelect: true,
-        children: /*#__PURE__*/ jsx(Panel, {
-            position: "bottom-right",
-            children: /*#__PURE__*/ jsx(CanvasPositionControls, {
-                translations: DefaultCanvasTranslations
-            })
-        })
-    });
-}
-function WithCallbacksStory() {
-    const initialNodes = useMemo(()=>[
-            createStickyNote('sticky-test-1', 'yellow', '**Test Callbacks!**\n\n1. Double-click to edit content\n2. Click the color button to change color\n3. Drag corners to resize\n\nOpen the browser console to see logs! 🔍', {
-                x: 480,
-                y: 480
-            }, {
-                width: 320,
-                height: 320
-            })
-        ], []);
-    const { canvasProps } = useCanvasStory({
-        initialNodes,
-        additionalNodeTypes: nodeTypesWithCallbacks
-    });
-    return /*#__PURE__*/ jsx(BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: /*#__PURE__*/ jsx(Panel, {
-            position: "bottom-right",
-            children: /*#__PURE__*/ jsx(CanvasPositionControls, {
-                translations: DefaultCanvasTranslations
-            })
-        })
-    });
-}
-const Default = {
-    render: ()=>/*#__PURE__*/ jsx(DefaultStory, {})
-};
-const WithBaseNodes = {
-    render: ()=>/*#__PURE__*/ jsx(WithBaseNodesStory, {})
-};
-const WithCallbacks = {
-    render: ()=>/*#__PURE__*/ jsx(WithCallbacksStory, {})
-};
-export { Default, WithBaseNodes, WithCallbacks, StickyNoteNode_stories as default };

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

@@ -1,109 +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: ()=>TaskIcon_stories,
-    Default: ()=>Default
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
-const external_TaskIcon_cjs_namespaceObject = require("./TaskIcon.cjs");
-const external_TaskIcon_types_cjs_namespaceObject = require("./TaskIcon.types.cjs");
-const TaskIcon_stories = {
-    title: 'Canvas/TaskIcon',
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-const SIZES = [
-    'sm',
-    'md',
-    'lg'
-];
-const Default = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-        p: 40,
-        gap: 24,
-        minH: "100vh",
-        style: {
-            background: 'var(--uix-canvas-background)',
-            color: 'var(--uix-canvas-foreground)'
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-            gap: 36,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                    gap: 36,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-                            w: 140
-                        }),
-                        SIZES.map((size)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-                                w: 72,
-                                align: "center",
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    style: {
-                                        fontSize: '14px'
-                                    },
-                                    children: size
-                                })
-                            }, size))
-                    ]
-                }),
-                Object.values(external_TaskIcon_types_cjs_namespaceObject.TaskItemTypeValues).map((type)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                        gap: 36,
-                        align: "center",
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-                                w: 140,
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    style: {
-                                        fontSize: '14px',
-                                        fontWeight: 500
-                                    },
-                                    children: type
-                                })
-                            }),
-                            SIZES.map((size)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-                                    w: 72,
-                                    align: "center",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_cjs_namespaceObject.TaskIcon, {
-                                        type: type,
-                                        size: size
-                                    })
-                                }, size))
-                        ]
-                    }, type))
-            ]
-        })
-    });
-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/TaskIcon/TaskIcon.stories.d.ts

@@ -1,10 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: {
-    title: string;
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Default: StoryFn;
-//# sourceMappingURL=TaskIcon.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TaskIcon.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TaskIcon/TaskIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;;;;;;AAMtD,wBAKiB;AAIjB,eAAO,MAAM,OAAO,EAAE,OAgCrB,CAAC"}

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

@@ -1,72 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Column, Row } from "../../layouts/index.js";
-import { TaskIcon } from "./TaskIcon.js";
-import { TaskItemTypeValues } from "./TaskIcon.types.js";
-const TaskIcon_stories = {
-    title: 'Canvas/TaskIcon',
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-const SIZES = [
-    'sm',
-    'md',
-    'lg'
-];
-const Default = ()=>/*#__PURE__*/ jsx(Column, {
-        p: 40,
-        gap: 24,
-        minH: "100vh",
-        style: {
-            background: 'var(--uix-canvas-background)',
-            color: 'var(--uix-canvas-foreground)'
-        },
-        children: /*#__PURE__*/ jsxs(Column, {
-            gap: 36,
-            children: [
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 36,
-                    children: [
-                        /*#__PURE__*/ jsx(Column, {
-                            w: 140
-                        }),
-                        SIZES.map((size)=>/*#__PURE__*/ jsx(Column, {
-                                w: 72,
-                                align: "center",
-                                children: /*#__PURE__*/ jsx("span", {
-                                    style: {
-                                        fontSize: '14px'
-                                    },
-                                    children: size
-                                })
-                            }, size))
-                    ]
-                }),
-                Object.values(TaskItemTypeValues).map((type)=>/*#__PURE__*/ jsxs(Row, {
-                        gap: 36,
-                        align: "center",
-                        children: [
-                            /*#__PURE__*/ jsx(Column, {
-                                w: 140,
-                                children: /*#__PURE__*/ jsx("span", {
-                                    style: {
-                                        fontSize: '14px',
-                                        fontWeight: 500
-                                    },
-                                    children: type
-                                })
-                            }),
-                            SIZES.map((size)=>/*#__PURE__*/ jsx(Column, {
-                                    w: 72,
-                                    align: "center",
-                                    children: /*#__PURE__*/ jsx(TaskIcon, {
-                                        type: type,
-                                        size: size
-                                    })
-                                }, size))
-                        ]
-                    }, type))
-            ]
-        })
-    });
-export { Default, TaskIcon_stories as default };