@uipath/apollo-react 3.64.0-pr431.cb6b0b8 → 3.65.0

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

@@ -1,324 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ConnectionMode, Panel, ReactFlowProvider, addEdge, useEdgesState, useNodesState } from "../xyflow/react.js";
-import { useCallback, useMemo, useState } from "react";
-import { DefaultCanvasTranslations } from "../types.js";
-import { BaseCanvas } from "./BaseCanvas/index.js";
-import { CanvasPositionControls } from "./CanvasPositionControls.js";
-import { StageConnectionEdge } from "./StageNode/StageConnectionEdge.js";
-import { StageEdge } from "./StageNode/StageEdge.js";
-import { StageNodeWrapper } from "./StageNode/StageNode.stories.utils.js";
-const meta = {
-    title: 'Canvas/Performance',
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-const CanvasPerformance_stories = meta;
-const PERFORMANCE_STAGE_NODE_WIDTH = 304;
-const PERFORMANCE_STAGE_SPACING_X = 400;
-const PERFORMANCE_STAGE_SPACING_Y = 384;
-const DEFAULT_STAGE_COUNT = 48;
-const MIN_STAGE_COUNT = 1;
-const MAX_STAGE_COUNT = 200;
-const VerificationIcon = ()=>/*#__PURE__*/ jsxs("svg", {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 11L12 14L20 6"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M20 12V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4H13"
-            })
-        ]
-    });
-const DocumentIcon = ()=>/*#__PURE__*/ jsxs("svg", {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2Z"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M14 2V8H20"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M8 12H16"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M8 16H16"
-            })
-        ]
-    });
-const ProcessIcon = ()=>/*#__PURE__*/ jsxs("svg", {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-            /*#__PURE__*/ jsx("rect", {
-                x: "3",
-                y: "3",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ jsx("rect", {
-                x: "14",
-                y: "3",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ jsx("rect", {
-                x: "3",
-                y: "14",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ jsx("rect", {
-                x: "14",
-                y: "14",
-                width: "7",
-                height: "7",
-                rx: "1"
-            })
-        ]
-    });
-function createPerformanceStageTasks(index) {
-    return [
-        [
-            {
-                id: `stage-${index}-task-intake`,
-                label: 'Intake Review',
-                icon: /*#__PURE__*/ jsx(VerificationIcon, {})
-            }
-        ],
-        [
-            {
-                id: `stage-${index}-task-documents`,
-                label: 'Document Processing',
-                icon: /*#__PURE__*/ jsx(DocumentIcon, {})
-            }
-        ],
-        [
-            {
-                id: `stage-${index}-task-risk`,
-                label: 'Risk Assessment',
-                icon: /*#__PURE__*/ jsx(VerificationIcon, {})
-            },
-            {
-                id: `stage-${index}-task-policy`,
-                label: 'Policy Validation',
-                icon: /*#__PURE__*/ jsx(VerificationIcon, {})
-            }
-        ],
-        [
-            {
-                id: `stage-${index}-task-review`,
-                label: 'Final Review',
-                icon: /*#__PURE__*/ jsx(ProcessIcon, {})
-            }
-        ]
-    ];
-}
-function createPerformanceStageNodes(stageCount) {
-    const columns = Math.ceil(Math.sqrt(stageCount));
-    return Array.from({
-        length: stageCount
-    }, (_, index)=>{
-        const row = Math.floor(index / columns);
-        const col = index % columns;
-        const stageId = `performance-stage-${index}`;
-        return {
-            id: stageId,
-            type: 'stage',
-            position: {
-                x: col * PERFORMANCE_STAGE_SPACING_X,
-                y: row * PERFORMANCE_STAGE_SPACING_Y
-            },
-            width: PERFORMANCE_STAGE_NODE_WIDTH,
-            data: {
-                stageDetails: {
-                    label: `Performance Stage ${index + 1}`,
-                    tasks: createPerformanceStageTasks(index)
-                },
-                execution: {
-                    stageStatus: {
-                        duration: `SLA: ${30 + index % 5 * 15}m`
-                    }
-                }
-            }
-        };
-    });
-}
-function createPerformanceStageEdges(stageCount) {
-    const columns = Math.ceil(Math.sqrt(stageCount));
-    const edges = [];
-    for(let index = 0; index < stageCount; index++){
-        const col = index % columns;
-        const sourceId = `performance-stage-${index}`;
-        const rightIndex = index + 1;
-        if (col < columns - 1 && rightIndex < stageCount) {
-            const targetId = `performance-stage-${rightIndex}`;
-            edges.push({
-                id: `performance-edge-right-${index}`,
-                type: 'stage',
-                source: sourceId,
-                sourceHandle: `${sourceId}____source____right`,
-                target: targetId,
-                targetHandle: `${targetId}____target____left`
-            });
-        }
-        const downIndex = index + columns;
-        if (downIndex < stageCount) {
-            const targetId = `performance-stage-${downIndex}`;
-            edges.push({
-                id: `performance-edge-down-${index}`,
-                type: 'stage',
-                source: sourceId,
-                sourceHandle: `${sourceId}____source____bottom`,
-                target: targetId,
-                targetHandle: `${targetId}____target____top`
-            });
-        }
-    }
-    return edges;
-}
-const CanvasPerformanceStory = ()=>{
-    const nodeTypes = useMemo(()=>({
-            stage: StageNodeWrapper
-        }), []);
-    const edgeTypes = useMemo(()=>({
-            stage: StageEdge
-        }), []);
-    const defaultEdgeOptions = useMemo(()=>({
-            type: 'stage'
-        }), []);
-    const [stageCount, setStageCount] = useState(DEFAULT_STAGE_COUNT);
-    const [nodes, setNodes, onNodesChange] = useNodesState(createPerformanceStageNodes(DEFAULT_STAGE_COUNT));
-    const [edges, setEdges, onEdgesChange] = useEdgesState(createPerformanceStageEdges(DEFAULT_STAGE_COUNT));
-    const onConnect = useCallback((connection)=>setEdges((eds)=>addEdge(connection, eds)), [
-        setEdges
-    ]);
-    const handleStageCountChange = useCallback((e)=>{
-        const nextCount = Number.parseInt(e.target.value, 10);
-        setStageCount(nextCount);
-        setNodes(createPerformanceStageNodes(nextCount));
-        setEdges(createPerformanceStageEdges(nextCount));
-    }, [
-        setEdges,
-        setNodes
-    ]);
-    return /*#__PURE__*/ jsx("div", {
-        style: {
-            width: '100vw',
-            height: '100vh'
-        },
-        children: /*#__PURE__*/ jsx(ReactFlowProvider, {
-            children: /*#__PURE__*/ jsxs(BaseCanvas, {
-                nodes: nodes,
-                edges: edges,
-                onNodesChange: onNodesChange,
-                onEdgesChange: onEdgesChange,
-                onConnect: onConnect,
-                nodeTypes: nodeTypes,
-                edgeTypes: edgeTypes,
-                mode: "design",
-                connectionMode: ConnectionMode.Strict,
-                defaultEdgeOptions: defaultEdgeOptions,
-                connectionLineComponent: StageConnectionEdge,
-                elevateEdgesOnSelect: true,
-                children: [
-                    /*#__PURE__*/ jsx(Panel, {
-                        position: "top-left",
-                        children: /*#__PURE__*/ jsxs("div", {
-                            className: "nodrag nopan nowheel",
-                            style: {
-                                width: 240,
-                                background: 'var(--uix-canvas-background)',
-                                border: '1px solid var(--uix-canvas-border-de-emp)',
-                                borderRadius: 16,
-                                padding: 16,
-                                boxShadow: '0 8px 32px rgba(15, 23, 42, 0.08)'
-                            },
-                            children: [
-                                /*#__PURE__*/ jsx("div", {
-                                    style: {
-                                        fontWeight: 600,
-                                        fontSize: 14
-                                    },
-                                    children: "Performance Test"
-                                }),
-                                /*#__PURE__*/ jsx("div", {
-                                    style: {
-                                        marginTop: 6,
-                                        color: 'var(--uix-canvas-foreground-de-emp)',
-                                        fontSize: 12,
-                                        lineHeight: 1.4
-                                    },
-                                    children: "Adjust the number of stage nodes to profile drag and pan performance."
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    style: {
-                                        display: 'flex',
-                                        justifyContent: 'space-between',
-                                        alignItems: 'center',
-                                        marginTop: 12,
-                                        marginBottom: 8,
-                                        fontSize: 12
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            children: "Stage Count"
-                                        }),
-                                        /*#__PURE__*/ jsx("strong", {
-                                            style: {
-                                                fontSize: 14
-                                            },
-                                            children: stageCount
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx("input", {
-                                    type: "range",
-                                    min: MIN_STAGE_COUNT,
-                                    max: MAX_STAGE_COUNT,
-                                    value: stageCount,
-                                    onChange: handleStageCountChange,
-                                    style: {
-                                        width: '100%',
-                                        cursor: 'pointer'
-                                    }
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Panel, {
-                        position: "bottom-right",
-                        children: /*#__PURE__*/ jsx(CanvasPositionControls, {
-                            translations: DefaultCanvasTranslations
-                        })
-                    })
-                ]
-            })
-        })
-    });
-};
-const StageWorkflow = {
-    name: 'Stage Workflow',
-    parameters: {
-        docs: {
-            description: {
-                story: 'Standalone performance story with adjustable stage count. Use this to profile stage workflow drag and pan behavior under load.'
-            }
-        }
-    },
-    render: ()=>/*#__PURE__*/ jsx(CanvasPerformanceStory, {})
-};
-export { StageWorkflow, CanvasPerformance_stories as default };

package/dist/canvas/components/StageNode/StageNode.stories.utils.cjs

@@ -1,42 +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__, {
-    StageNodeWrapper: ()=>StageNodeWrapper
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
-const external_StageNode_cjs_namespaceObject = require("./StageNode.cjs");
-const StageNodeWrapper = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_cjs_namespaceObject.StageNode, {
-        ...props,
-        ...props.data
-    }));
-exports.StageNodeWrapper = __webpack_exports__.StageNodeWrapper;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "StageNodeWrapper"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts

@@ -1,3 +0,0 @@
-import type { NodeProps } from '../../xyflow/react.ts';
-export declare const StageNodeWrapper: import("react").MemoExoticComponent<(props: NodeProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=StageNode.stories.utils.d.ts.map

package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StageNode.stories.utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAK1E,eAAO,MAAM,gBAAgB,8CAAgB,SAAS,6CAEpD,CAAC"}

package/dist/canvas/components/StageNode/StageNode.stories.utils.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { StageNode } from "./StageNode.js";
-const StageNodeWrapper = /*#__PURE__*/ memo((props)=>/*#__PURE__*/ jsx(StageNode, {
-        ...props,
-        ...props.data
-    }));
-export { StageNodeWrapper };

package/dist/canvas/components/StageNode/StageTaskDragOverlay.cjs

@@ -1,68 +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__, {
-    StageTaskDragOverlay: ()=>StageTaskDragOverlay
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const core_namespaceObject = require("@dnd-kit/core");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_react_namespaceObject = require("react");
-const external_react_dom_namespaceObject = require("react-dom");
-const external_DraggableTask_cjs_namespaceObject = require("./DraggableTask.cjs");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
-const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
-    const { zoom } = (0, react_cjs_namespaceObject.useViewport)();
-    const dragOverlayStyle = (0, external_react_namespaceObject.useMemo)(()=>({
-            transform: `scale(${zoom})`,
-            transformOrigin: 'top left'
-        }), [
-        zoom
-    ]);
-    return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DragOverlay, {
-        children: activeTask ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            style: dragOverlayStyle,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
-                selected: true,
-                isParallel: isActiveTaskParallel,
-                style: {
-                    cursor: 'grabbing',
-                    ...taskWidthStyle
-                },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
-                    task: activeTask,
-                    isDragging: true
-                })
-            })
-        }) : null
-    }), document.body);
-};
-exports.StageTaskDragOverlay = __webpack_exports__.StageTaskDragOverlay;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "StageTaskDragOverlay"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts

@@ -1,3 +0,0 @@
-import type { StageTaskDragOverlayProps } from './StageNode.types';
-export declare const StageTaskDragOverlay: ({ activeTask, isActiveTaskParallel, taskWidthStyle, }: StageTaskDragOverlayProps) => import("react").ReactPortal;
-//# sourceMappingURL=StageTaskDragOverlay.d.ts.map

package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,gCA0B3B,CAAC"}

package/dist/canvas/components/StageNode/StageTaskDragOverlay.js

@@ -1,34 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { DragOverlay } from "@dnd-kit/core";
-import { useViewport } from "../../xyflow/react.js";
-import { useMemo } from "react";
-import { createPortal } from "react-dom";
-import { TaskContent } from "./DraggableTask.js";
-import { StageTask } from "./StageNode.styles.js";
-const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
-    const { zoom } = useViewport();
-    const dragOverlayStyle = useMemo(()=>({
-            transform: `scale(${zoom})`,
-            transformOrigin: 'top left'
-        }), [
-        zoom
-    ]);
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
-        children: activeTask ? /*#__PURE__*/ jsx("div", {
-            style: dragOverlayStyle,
-            children: /*#__PURE__*/ jsx(StageTask, {
-                selected: true,
-                isParallel: isActiveTaskParallel,
-                style: {
-                    cursor: 'grabbing',
-                    ...taskWidthStyle
-                },
-                children: /*#__PURE__*/ jsx(TaskContent, {
-                    task: activeTask,
-                    isDragging: true
-                })
-            })
-        }) : null
-    }), document.body);
-};
-export { StageTaskDragOverlay };