@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/solution-tests/solution-tests-view.js

@@ -0,0 +1,591 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { ChevronRightIcon, Play, PlayCircle, Square, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Alert, AlertDescription } from "../alert/alert.js";
+import { Badge } from "../badge/badge.js";
+import { Button } from "../button/button.js";
+import { Checkbox } from "../checkbox/checkbox.js";
+import { DataTable, DataTableColumnHeader } from "../data-table/index.js";
+import { PageHeader, PageHeaderActions, PageHeaderNav, PageHeaderTitle, PageHeaderTitleGroup } from "../page-header/page-header.js";
+import { Spinner } from "../spinner/spinner.js";
+import { Switch } from "../switch/switch.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../tabs/tabs.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
+import { renderValueOrEmptyState } from "../../lib/renderValueOrEmptyState.js";
+import { defaultRunStatusLabels, defaultTestStatusLabels } from "./constants.js";
+import { useSolutionTestsConfig } from "./context.js";
+import { DeleteConfirmDialog } from "./delete-confirm-dialog.js";
+import { KpiBar } from "./kpi-bar.js";
+import { RunConfirmDialog } from "./run-confirm-dialog.js";
+import { runStatusBadgeMap, testStatusBadgeMap } from "./status-maps.js";
+import { SolutionTestStatus } from "./types.js";
+import { UserMessagesIcon } from "./user-messages-view.js";
+import { isRunDone } from "./utils.js";
+function useControlledTable(initialSorting = []) {
+    const [sorting, onSortingChange] = useState(initialSorting);
+    const [columnFilters, onColumnFiltersChange] = useState([]);
+    const [columnVisibility, onColumnVisibilityChange] = useState({});
+    const [columnOrder, onColumnOrderChange] = useState([]);
+    const [globalFilter, onGlobalFilterChange] = useState("");
+    const [pagination, onPaginationChange] = useState({
+        pageIndex: 0,
+        pageSize: 10
+    });
+    const [expanded, onExpandedChange] = useState({});
+    const [rowSelection, onRowSelectionChange] = useState({});
+    return {
+        sorting,
+        onSortingChange,
+        columnFilters,
+        onColumnFiltersChange,
+        columnVisibility,
+        onColumnVisibilityChange,
+        columnOrder,
+        onColumnOrderChange,
+        globalFilter,
+        onGlobalFilterChange,
+        pagination,
+        onPaginationChange,
+        expanded,
+        onExpandedChange,
+        rowSelection,
+        onRowSelectionChange
+    };
+}
+const SolutionTestsView = ({ tests, batchRuns, loading, error, hasActiveRuns, runningAll, runningSelected, runningTestId, togglingTestId, isDeleting, forceStoppingBatchId, deleteConfirmId, setDeleteConfirmId, runConfirm, setRunConfirm, onConfirmRun, onToggleActive, onDeleteTest, onForceStopBatch, renderExpandedTest, renderExpandedRun, activeTab: activeTabProp, onTabChange })=>{
+    const { t } = useVertexTranslation();
+    const config = useSolutionTestsConfig();
+    const [internalTab, setInternalTab] = useState("cases");
+    const activeTab = activeTabProp ?? internalTab;
+    const handleTabChange = (tab)=>{
+        config.track?.("VS.SolutionTest.TabViewed", {
+            tab
+        });
+        setInternalTab(tab);
+        onTabChange?.(tab);
+    };
+    const casesTable = useControlledTable();
+    const runsTable = useControlledTable([
+        {
+            id: "StartedAt",
+            desc: true
+        }
+    ]);
+    const existingTestIds = new Set(tests.map((test)=>test.Id));
+    const selectedTestIds = Object.keys(casesTable.rowSelection).filter((id)=>casesTable.rowSelection[id] && existingTestIds.has(id));
+    const testCasesColumns = [
+        {
+            id: "select",
+            header: ({ table })=>/*#__PURE__*/ jsx(Checkbox, {
+                    "aria-label": t("select_all"),
+                    checked: table.getIsAllRowsSelected() ? true : table.getIsSomeRowsSelected() ? "indeterminate" : false,
+                    onCheckedChange: (value)=>table.toggleAllRowsSelected(!!value)
+                }),
+            size: 48,
+            enableSorting: false,
+            enableHiding: false,
+            cell: ({ row })=>/*#__PURE__*/ jsx(Checkbox, {
+                    "aria-label": t("select_row"),
+                    checked: row.getIsSelected(),
+                    onCheckedChange: (value)=>row.toggleSelected(!!value),
+                    onClick: (e)=>e.stopPropagation()
+                })
+        },
+        {
+            id: "expand",
+            header: ()=>null,
+            size: 48,
+            enableSorting: false,
+            enableHiding: false,
+            cell: ({ row })=>/*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": row.getIsExpanded() ? t("collapse") : t("expand"),
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        if (!row.getIsExpanded()) config.track?.("VS.SolutionTest.TestExpanded", {
+                            testId: row.original.Id
+                        });
+                        row.toggleExpanded();
+                    },
+                    children: /*#__PURE__*/ jsx(ChevronRightIcon, {
+                        className: `size-4 transition-transform ${row.getIsExpanded() ? "rotate-90" : ""}`
+                    })
+                })
+        },
+        {
+            accessorKey: "TestName",
+            meta: {
+                displayName: t("test_name")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("test_name")
+                }),
+            cell: ({ row })=>{
+                const test = row.original;
+                const href = config.getSubjectHref?.(test);
+                const label = test.TestName ?? test.Id;
+                return href ? /*#__PURE__*/ jsx(Link, {
+                    to: href,
+                    className: "text-sm font-medium text-primary hover:underline",
+                    onClick: (e)=>e.stopPropagation(),
+                    children: label
+                }) : /*#__PURE__*/ jsx("span", {
+                    className: "text-sm font-medium",
+                    children: label
+                });
+            },
+            enableSorting: true
+        },
+        ...config.subjectColumns,
+        {
+            accessorKey: "VerticalSolutionVersion",
+            meta: {
+                displayName: t("solution_version")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("solution_version")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx("span", {
+                    className: "text-sm text-muted-foreground",
+                    children: row.original.VerticalSolutionVersion ?? "-"
+                }),
+            enableSorting: true
+        },
+        {
+            accessorKey: "ConfigVersion",
+            meta: {
+                displayName: t("config_version")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("config_version")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx("span", {
+                    className: "text-sm text-muted-foreground",
+                    children: row.original.ConfigVersion ?? "-"
+                }),
+            enableSorting: true
+        },
+        {
+            accessorKey: "Status",
+            meta: {
+                displayName: t("status")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("status")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx(Badge, {
+                    variant: "secondary",
+                    status: testStatusBadgeMap[row.original.Status] ?? "info",
+                    children: defaultTestStatusLabels[row.original.Status] ?? "Unknown"
+                }),
+            enableSorting: true
+        },
+        {
+            id: "testMessages",
+            header: ()=>null,
+            enableSorting: false,
+            size: 24,
+            cell: ({ row })=>/*#__PURE__*/ jsx(UserMessagesIcon, {
+                    messages: row.original.UserMessages
+                })
+        },
+        {
+            id: "actions",
+            header: ()=>/*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-semibold text-muted-foreground",
+                    children: t("actions")
+                }),
+            enableSorting: false,
+            enableHiding: false,
+            cell: ({ row })=>{
+                const test = row.original;
+                const isRunning = runningTestId === test.Id;
+                const isDisabling = togglingTestId === test.Id;
+                const isReady = test.Status === SolutionTestStatus.Ready;
+                return /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center gap-2",
+                    onClick: (e)=>e.stopPropagation(),
+                    children: [
+                        /*#__PURE__*/ jsxs(Tooltip, {
+                            children: [
+                                /*#__PURE__*/ jsx(TooltipTrigger, {
+                                    asChild: true,
+                                    children: /*#__PURE__*/ jsx("span", {
+                                        className: "inline-flex",
+                                        children: /*#__PURE__*/ jsxs(Button, {
+                                            variant: "outline",
+                                            size: "sm",
+                                            disabled: !isReady || isRunning || runningAll || hasActiveRuns,
+                                            onClick: ()=>setRunConfirm({
+                                                    mode: "test",
+                                                    testId: test.Id
+                                                }),
+                                            children: [
+                                                isRunning ? /*#__PURE__*/ jsx(Spinner, {
+                                                    className: "size-3"
+                                                }) : /*#__PURE__*/ jsx(Play, {
+                                                    className: "size-3"
+                                                }),
+                                                t("run")
+                                            ]
+                                        })
+                                    })
+                                }),
+                                hasActiveRuns && /*#__PURE__*/ jsx(TooltipContent, {
+                                    children: t("runs_in_progress")
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Tooltip, {
+                            children: [
+                                /*#__PURE__*/ jsx(TooltipTrigger, {
+                                    asChild: true,
+                                    children: /*#__PURE__*/ jsx("span", {
+                                        className: "inline-flex items-center",
+                                        children: /*#__PURE__*/ jsx(Switch, {
+                                            "aria-label": false === test.IsActive ? t("disabled") : t("enabled"),
+                                            checked: false !== test.IsActive,
+                                            disabled: isDisabling,
+                                            onCheckedChange: (val)=>onToggleActive(test.Id, val)
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(TooltipContent, {
+                                    children: false === test.IsActive ? t("disabled") : t("enabled")
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": t("delete"),
+                            disabled: isDeleting,
+                            onClick: ()=>setDeleteConfirmId(test.Id),
+                            children: /*#__PURE__*/ jsx(Trash2, {
+                                className: "size-3 text-destructive"
+                            })
+                        })
+                    ]
+                });
+            }
+        }
+    ];
+    const testRunsColumns = [
+        {
+            id: "expand",
+            header: ()=>null,
+            size: 48,
+            enableSorting: false,
+            enableHiding: false,
+            cell: ({ row })=>/*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": row.getIsExpanded() ? t("collapse") : t("expand"),
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        if (!row.getIsExpanded()) config.track?.("VS.SolutionTest.BatchExpanded", {
+                            batchId: row.original.Id
+                        });
+                        row.toggleExpanded();
+                    },
+                    children: /*#__PURE__*/ jsx(ChevronRightIcon, {
+                        className: `size-4 transition-transform ${row.getIsExpanded() ? "rotate-90" : ""}`
+                    })
+                })
+        },
+        {
+            id: "StartedAt",
+            accessorFn: (row)=>row.StartedAt ?? row.CreateTime,
+            meta: {
+                displayName: t("run_date")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("run_date")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx("span", {
+                    className: "text-sm",
+                    children: renderValueOrEmptyState(row.original.StartedAt ?? row.original.CreateTime, {
+                        type: "datetime"
+                    })
+                }),
+            enableSorting: true
+        },
+        {
+            accessorKey: "VerticalSolutionVersion",
+            meta: {
+                displayName: t("solution_version")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("solution_version")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx("span", {
+                    className: "text-sm text-muted-foreground",
+                    children: row.original.VerticalSolutionVersion ?? "-"
+                }),
+            enableSorting: true
+        },
+        {
+            id: "testsPassed",
+            header: ()=>/*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-semibold text-muted-foreground",
+                    children: config.subjectNoun ? t("subject_passed", {
+                        subject: config.subjectNoun.plural
+                    }) : t("tests_passed")
+                }),
+            enableSorting: false,
+            cell: ({ row })=>/*#__PURE__*/ jsx("span", {
+                    className: "text-sm",
+                    children: `${row.original.TestsPassed ?? 0}/${row.original.TestsTotal ?? 0}`
+                })
+        },
+        {
+            accessorKey: "Status",
+            meta: {
+                displayName: t("status")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("status")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx(Badge, {
+                    variant: "secondary",
+                    status: runStatusBadgeMap[row.original.Status] ?? "info",
+                    children: defaultRunStatusLabels[row.original.Status] ?? "Unknown"
+                }),
+            enableSorting: true
+        },
+        {
+            accessorKey: "OverallScore",
+            meta: {
+                displayName: t("overall_score")
+            },
+            header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
+                    column: column,
+                    title: t("overall_score")
+                }),
+            cell: ({ row })=>/*#__PURE__*/ jsx("span", {
+                    className: "text-sm font-medium",
+                    children: renderValueOrEmptyState(row.original.OverallScore, {
+                        type: "number",
+                        options: {
+                            style: "percent",
+                            maximumFractionDigits: 0
+                        }
+                    })
+                }),
+            enableSorting: true
+        },
+        {
+            id: "messages",
+            header: ()=>null,
+            enableSorting: false,
+            size: 24,
+            cell: ({ row })=>/*#__PURE__*/ jsx(UserMessagesIcon, {
+                    messages: row.original.UserMessages
+                })
+        },
+        {
+            id: "actions",
+            header: ()=>/*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-semibold text-muted-foreground",
+                    children: t("actions")
+                }),
+            enableSorting: false,
+            enableHiding: false,
+            cell: ({ row })=>{
+                const batch = row.original;
+                if (isRunDone(batch.Status)) return null;
+                const isStopping = forceStoppingBatchId === batch.Id;
+                return /*#__PURE__*/ jsx("div", {
+                    onClick: (e)=>e.stopPropagation(),
+                    children: /*#__PURE__*/ jsxs(Button, {
+                        variant: "outline",
+                        size: "sm",
+                        disabled: isStopping,
+                        onClick: ()=>onForceStopBatch(batch.Id),
+                        children: [
+                            isStopping ? /*#__PURE__*/ jsx(Spinner, {
+                                className: "size-3"
+                            }) : /*#__PURE__*/ jsx(Square, {
+                                className: "size-3"
+                            }),
+                            t("force_stop")
+                        ]
+                    })
+                });
+            }
+        }
+    ];
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col",
+        children: [
+            /*#__PURE__*/ jsxs(PageHeader, {
+                children: [
+                    /*#__PURE__*/ jsxs(PageHeaderNav, {
+                        children: [
+                            /*#__PURE__*/ jsx(PageHeaderTitleGroup, {
+                                children: /*#__PURE__*/ jsx(PageHeaderTitle, {
+                                    children: t("solution_tests")
+                                })
+                            }),
+                            hasActiveRuns && /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-2 text-sm text-muted-foreground",
+                                children: [
+                                    /*#__PURE__*/ jsx(Spinner, {
+                                        className: "size-4"
+                                    }),
+                                    t("runs_in_progress")
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(PageHeaderActions, {
+                        children: [
+                            /*#__PURE__*/ jsxs(Button, {
+                                variant: "outline",
+                                disabled: 0 === selectedTestIds.length || runningSelected || runningAll || loading || hasActiveRuns,
+                                onClick: ()=>setRunConfirm({
+                                        mode: "selected",
+                                        testIds: selectedTestIds
+                                    }),
+                                children: [
+                                    runningSelected ? /*#__PURE__*/ jsx(Spinner, {
+                                        className: "size-4"
+                                    }) : /*#__PURE__*/ jsx(Play, {
+                                        className: "size-4"
+                                    }),
+                                    t("run_selected", {
+                                        count: selectedTestIds.length
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(Tooltip, {
+                                children: [
+                                    /*#__PURE__*/ jsx(TooltipTrigger, {
+                                        asChild: true,
+                                        children: /*#__PURE__*/ jsx("span", {
+                                            className: "inline-flex",
+                                            children: /*#__PURE__*/ jsxs(Button, {
+                                                disabled: runningAll || loading || 0 === tests.length || hasActiveRuns,
+                                                onClick: ()=>setRunConfirm({
+                                                        mode: "all"
+                                                    }),
+                                                children: [
+                                                    runningAll ? /*#__PURE__*/ jsx(Spinner, {
+                                                        className: "size-4"
+                                                    }) : /*#__PURE__*/ jsx(PlayCircle, {
+                                                        className: "size-4"
+                                                    }),
+                                                    t("run_all")
+                                                ]
+                                            })
+                                        })
+                                    }),
+                                    hasActiveRuns && /*#__PURE__*/ jsx(TooltipContent, {
+                                        children: t("runs_in_progress")
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid grid-cols-4 sm:grid-cols-8 lg:grid-cols-12 gap-4 px-4 sm:px-6 lg:px-8 pb-4",
+                children: [
+                    error && /*#__PURE__*/ jsx("div", {
+                        className: "col-span-4 sm:col-span-8 lg:col-span-12",
+                        children: /*#__PURE__*/ jsx(Alert, {
+                            variant: "destructive",
+                            children: /*#__PURE__*/ jsx(AlertDescription, {
+                                children: error
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "col-span-4 sm:col-span-8 lg:col-span-12",
+                        children: /*#__PURE__*/ jsx(KpiBar, {
+                            batchRuns: batchRuns,
+                            loading: loading
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "col-span-4 sm:col-span-8 lg:col-span-12",
+                        children: /*#__PURE__*/ jsxs(Tabs, {
+                            value: activeTab,
+                            onValueChange: (v)=>{
+                                if ("cases" === v || "runs" === v) handleTabChange(v);
+                            },
+                            children: [
+                                /*#__PURE__*/ jsxs(TabsList, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(TabsTrigger, {
+                                            value: "cases",
+                                            children: t("test_cases", {
+                                                subject: config.subjectNoun?.plural.toLowerCase() ?? "cases"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(TabsTrigger, {
+                                            value: "runs",
+                                            children: t("test_runs")
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(TabsContent, {
+                                    value: "cases",
+                                    children: /*#__PURE__*/ jsx(DataTable, {
+                                        ...casesTable,
+                                        columns: testCasesColumns,
+                                        data: tests,
+                                        isLoading: loading,
+                                        getRowId: (row)=>row.Id,
+                                        toolbarContent: config.subjectToolbarContent,
+                                        renderExpandedRow: (row)=>renderExpandedTest(row.original)
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(TabsContent, {
+                                    value: "runs",
+                                    children: /*#__PURE__*/ jsx(DataTable, {
+                                        ...runsTable,
+                                        columns: testRunsColumns,
+                                        data: batchRuns,
+                                        isLoading: loading,
+                                        getRowId: (row)=>row.Id,
+                                        renderExpandedRow: (row)=>renderExpandedRun(row.original)
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            null != deleteConfirmId && /*#__PURE__*/ jsx(DeleteConfirmDialog, {
+                open: true,
+                deleting: isDeleting,
+                onConfirm: ()=>{
+                    if (null != deleteConfirmId) onDeleteTest(deleteConfirmId);
+                },
+                onCancel: ()=>setDeleteConfirmId(null)
+            }),
+            null != runConfirm && /*#__PURE__*/ jsx(RunConfirmDialog, {
+                open: true,
+                confirmLabel: "all" === runConfirm.mode ? t("run_all") : "selected" === runConfirm.mode ? t("run_selected", {
+                    count: runConfirm.testIds.length
+                }) : t("run"),
+                onConfirm: onConfirmRun,
+                onCancel: ()=>setRunConfirm(null)
+            })
+        ]
+    });
+};
+export { SolutionTestsView };

package/dist/registry/solution-tests/solution-tests.d.ts

@@ -0,0 +1 @@
+export declare const SolutionTests: () => import("react/jsx-runtime").JSX.Element;