@uipath/apollo-react 4.0.0 → 4.1.1

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

@@ -1,552 +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__, {
-    WithCallbacks: ()=>WithCallbacks,
-    Default: ()=>Default,
-    default: ()=>StickyNoteNode_stories,
-    WithBaseNodes: ()=>WithBaseNodes
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../../storybook-utils/index.cjs");
-const external_types_cjs_namespaceObject = require("../../types.cjs");
-const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
-const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
-const external_StickyNoteNode_cjs_namespaceObject = require("./StickyNoteNode.cjs");
-const meta = {
-    title: 'Canvas/StickyNoteNode',
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        (0, index_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_cjs_namespaceObject.StickyNoteNode, {
-        ...props,
-        onContentChange: handleContentChange,
-        onColorChange: handleColorChange,
-        onResize: handleResize
-    });
-};
-const nodeTypes = {
-    stickyNote: external_StickyNoteNode_cjs_namespaceObject.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 = (0, external_react_namespaceObject.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 } = (0, index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes,
-        additionalNodeTypes: nodeTypes
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: /*#__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
-            })
-        })
-    });
-}
-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: react_cjs_namespaceObject.Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Output'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-filter', 'filter', 'Filter', 'Validation Rules', {
-            x: 416,
-            y: 224
-        }, [
-            {
-                position: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: react_cjs_namespaceObject.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: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: react_cjs_namespaceObject.Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Output'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-enrich', 'plus-circle', 'Enrich', 'Add Metadata', {
-            x: 800,
-            y: 304
-        }, [
-            {
-                position: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: react_cjs_namespaceObject.Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Output'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-merge', 'git-merge', 'Merge', 'Combine Streams', {
-            x: 1216,
-            y: 224
-        }, [
-            {
-                position: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input1',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Stream 1'
-                    },
-                    {
-                        id: 'input2',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Stream 2'
-                    }
-                ]
-            },
-            {
-                position: react_cjs_namespaceObject.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: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: react_cjs_namespaceObject.Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Logs'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-index', 'search', 'Index', 'Search Engine', {
-            x: 1664,
-            y: 304
-        }, [
-            {
-                position: react_cjs_namespaceObject.Position.Left,
-                handles: [
-                    {
-                        id: 'input',
-                        type: 'target',
-                        handleType: 'input',
-                        label: 'Input'
-                    }
-                ]
-            },
-            {
-                position: react_cjs_namespaceObject.Position.Right,
-                handles: [
-                    {
-                        id: 'output',
-                        type: 'source',
-                        handleType: 'output',
-                        label: 'Events'
-                    }
-                ]
-            }
-        ]),
-        createBaseNode('node-monitor', 'bar-chart', 'Monitor', 'Analytics', {
-            x: 2080,
-            y: 224
-        }, [
-            {
-                position: react_cjs_namespaceObject.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 = (0, external_react_namespaceObject.useMemo)(()=>createPipelineNodes(), []);
-    const initialEdges = (0, external_react_namespaceObject.useMemo)(()=>createPipelineEdges(), []);
-    const { canvasProps } = (0, index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes,
-        initialEdges,
-        additionalNodeTypes: nodeTypes
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        elevateNodesOnSelect: true,
-        children: /*#__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
-            })
-        })
-    });
-}
-function WithCallbacksStory() {
-    const initialNodes = (0, external_react_namespaceObject.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 } = (0, index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes,
-        additionalNodeTypes: nodeTypesWithCallbacks
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        mode: "design",
-        children: /*#__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, {})
-};
-const WithBaseNodes = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WithBaseNodesStory, {})
-};
-const WithCallbacks = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WithCallbacksStory, {})
-};
-exports.Default = __webpack_exports__.Default;
-exports.WithBaseNodes = __webpack_exports__.WithBaseNodes;
-exports.WithCallbacks = __webpack_exports__.WithCallbacks;
-exports["default"] = __webpack_exports__["default"];
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Default",
-    "WithBaseNodes",
-    "WithCallbacks",
-    "default"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

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

@@ -1,8 +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;
-export declare const WithBaseNodes: Story;
-export declare const WithCallbacks: Story;
-//# sourceMappingURL=StickyNoteNode.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StickyNoteNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6anC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}