@uipath/apollo-wind 0.10.0 → 0.11.0

package/dist/examples/dashboard-example.js

@@ -1,556 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Activity, CreditCard, DollarSign, MoreHorizontal, Users } from "lucide-react";
-import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar.js";
-import { Badge } from "../components/ui/badge.js";
-import { Button } from "../components/ui/button.js";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../components/ui/card.js";
-import { DataTable, DataTableColumnHeader, DataTableSelectColumn } from "../components/ui/data-table.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../components/ui/dropdown-menu.js";
-import { Column, Grid, Row } from "../components/ui/layout/index.js";
-import { Progress } from "../components/ui/progress.js";
-import { Separator } from "../components/ui/separator.js";
-import { StatsCard } from "../components/ui/stats-card.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../components/ui/tabs.js";
-import { cn } from "../lib/index.js";
-const transactions = [
-    {
-        id: '1',
-        customer: 'Olivia Martin',
-        email: 'olivia@example.com',
-        amount: 1999.0,
-        status: 'completed',
-        date: '2024-01-15'
-    },
-    {
-        id: '2',
-        customer: 'Jackson Lee',
-        email: 'jackson@example.com',
-        amount: 39.0,
-        status: 'completed',
-        date: '2024-01-14'
-    },
-    {
-        id: '3',
-        customer: 'Isabella Nguyen',
-        email: 'isabella@example.com',
-        amount: 299.0,
-        status: 'pending',
-        date: '2024-01-14'
-    },
-    {
-        id: '4',
-        customer: 'William Kim',
-        email: 'will@example.com',
-        amount: 99.0,
-        status: 'completed',
-        date: '2024-01-13'
-    },
-    {
-        id: '5',
-        customer: 'Sofia Davis',
-        email: 'sofia@example.com',
-        amount: 450.0,
-        status: 'failed',
-        date: '2024-01-12'
-    }
-];
-const recentActivity = [
-    {
-        id: '1',
-        user: 'Olivia Martin',
-        action: 'Completed purchase of $1,999.00',
-        time: '2 min ago'
-    },
-    {
-        id: '2',
-        user: 'Jackson Lee',
-        action: 'Created new account',
-        time: '1 hour ago'
-    },
-    {
-        id: '3',
-        user: 'Isabella Nguyen',
-        action: 'Submitted support ticket #1234',
-        time: '3 hours ago'
-    },
-    {
-        id: '4',
-        user: 'William Kim',
-        action: 'Updated billing information',
-        time: '5 hours ago'
-    }
-];
-const columns = [
-    DataTableSelectColumn(),
-    {
-        accessorKey: 'customer',
-        header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
-                column: column,
-                title: "Customer"
-            }),
-        cell: ({ row })=>/*#__PURE__*/ jsxs(Row, {
-                gap: 2,
-                align: "center",
-                children: [
-                    /*#__PURE__*/ jsx(Avatar, {
-                        className: "h-8 w-8",
-                        children: /*#__PURE__*/ jsx(AvatarFallback, {
-                            children: row.original.customer.split(' ').map((n)=>n[0]).join('')
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs(Column, {
-                        gap: 0,
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                className: "font-medium",
-                                children: row.original.customer
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "text-xs text-muted-foreground",
-                                children: row.original.email
-                            })
-                        ]
-                    })
-                ]
-            })
-    },
-    {
-        accessorKey: 'amount',
-        header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
-                column: column,
-                title: "Amount"
-            }),
-        cell: ({ row })=>{
-            const amount = parseFloat(row.getValue('amount'));
-            const formatted = new Intl.NumberFormat('en-US', {
-                style: 'currency',
-                currency: 'USD'
-            }).format(amount);
-            return /*#__PURE__*/ jsx("div", {
-                className: "font-medium",
-                children: formatted
-            });
-        }
-    },
-    {
-        accessorKey: 'status',
-        header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
-                column: column,
-                title: "Status"
-            }),
-        cell: ({ row })=>{
-            const status = row.getValue('status');
-            return /*#__PURE__*/ jsx(Badge, {
-                variant: 'completed' === status ? 'default' : 'pending' === status ? 'secondary' : 'destructive',
-                children: status
-            });
-        }
-    },
-    {
-        accessorKey: 'date',
-        header: ({ column })=>/*#__PURE__*/ jsx(DataTableColumnHeader, {
-                column: column,
-                title: "Date"
-            })
-    },
-    {
-        id: 'actions',
-        cell: ()=>/*#__PURE__*/ jsxs(DropdownMenu, {
-                children: [
-                    /*#__PURE__*/ jsx(DropdownMenuTrigger, {
-                        asChild: true,
-                        children: /*#__PURE__*/ jsx(Button, {
-                            variant: "ghost",
-                            size: "icon",
-                            className: "h-8 w-8",
-                            children: /*#__PURE__*/ jsx(MoreHorizontal, {
-                                className: "h-4 w-4"
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                        align: "end",
-                        children: [
-                            /*#__PURE__*/ jsx(DropdownMenuItem, {
-                                children: "View details"
-                            }),
-                            /*#__PURE__*/ jsx(DropdownMenuItem, {
-                                children: "Download receipt"
-                            })
-                        ]
-                    })
-                ]
-            })
-    }
-];
-function DashboardExample({ className, title = 'Dashboard', description = "Welcome back! Here's an overview of your business.", user = {
-    name: 'John Doe',
-    email: 'john@example.com'
-} }) {
-    const [activeTab, setActiveTab] = useState('overview');
-    return /*#__PURE__*/ jsxs("div", {
-        className: cn('min-h-screen bg-background', className),
-        children: [
-            /*#__PURE__*/ jsx("header", {
-                className: "border-b",
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "container mx-auto flex h-16 items-center justify-between px-4",
-                    children: [
-                        /*#__PURE__*/ jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ jsx("h1", {
-                                    className: "text-2xl font-bold",
-                                    children: title
-                                }),
-                                /*#__PURE__*/ jsx("p", {
-                                    className: "text-sm text-muted-foreground",
-                                    children: description
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxs(Row, {
-                            gap: 4,
-                            align: "center",
-                            children: [
-                                /*#__PURE__*/ jsx(Button, {
-                                    variant: "outline",
-                                    size: "sm",
-                                    children: "Download Report"
-                                }),
-                                /*#__PURE__*/ jsx(Separator, {
-                                    orientation: "vertical",
-                                    className: "h-8"
-                                }),
-                                /*#__PURE__*/ jsxs(Row, {
-                                    gap: 2,
-                                    align: "center",
-                                    children: [
-                                        /*#__PURE__*/ jsxs(Avatar, {
-                                            className: "h-8 w-8",
-                                            children: [
-                                                /*#__PURE__*/ jsx(AvatarImage, {
-                                                    src: user.avatar,
-                                                    alt: user.name
-                                                }),
-                                                /*#__PURE__*/ jsx(AvatarFallback, {
-                                                    children: user.name.split(' ').map((n)=>n[0]).join('').toUpperCase()
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs(Column, {
-                                            gap: 0,
-                                            className: "hidden text-sm md:flex",
-                                            children: [
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "font-medium",
-                                                    children: user.name
-                                                }),
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "text-xs text-muted-foreground",
-                                                    children: user.email
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx("main", {
-                className: "container mx-auto p-4 md:p-6",
-                children: /*#__PURE__*/ jsxs(Tabs, {
-                    value: activeTab,
-                    onValueChange: setActiveTab,
-                    className: "space-y-6",
-                    children: [
-                        /*#__PURE__*/ jsxs(TabsList, {
-                            children: [
-                                /*#__PURE__*/ jsx(TabsTrigger, {
-                                    value: "overview",
-                                    children: "Overview"
-                                }),
-                                /*#__PURE__*/ jsx(TabsTrigger, {
-                                    value: "analytics",
-                                    children: "Analytics"
-                                }),
-                                /*#__PURE__*/ jsx(TabsTrigger, {
-                                    value: "reports",
-                                    children: "Reports"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxs(TabsContent, {
-                            value: "overview",
-                            className: "space-y-6",
-                            children: [
-                                /*#__PURE__*/ jsxs(Grid, {
-                                    gap: 4,
-                                    cols: 4,
-                                    className: "md:grid-cols-2 lg:grid-cols-4",
-                                    children: [
-                                        /*#__PURE__*/ jsx(StatsCard, {
-                                            title: "Total Revenue",
-                                            value: "$45,231.89",
-                                            description: "+20.1% from last month",
-                                            icon: /*#__PURE__*/ jsx(DollarSign, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx(StatsCard, {
-                                            title: "Subscriptions",
-                                            value: "+2,350",
-                                            description: "+180.1% from last month",
-                                            icon: /*#__PURE__*/ jsx(Users, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx(StatsCard, {
-                                            title: "Sales",
-                                            value: "+12,234",
-                                            description: "+19% from last month",
-                                            icon: /*#__PURE__*/ jsx(CreditCard, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx(StatsCard, {
-                                            title: "Active Now",
-                                            value: "+573",
-                                            description: "+201 since last hour",
-                                            icon: /*#__PURE__*/ jsx(Activity, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs(Grid, {
-                                    gap: 4,
-                                    cols: 7,
-                                    className: "lg:grid-cols-7",
-                                    children: [
-                                        /*#__PURE__*/ jsxs(Card, {
-                                            className: "lg:col-span-4",
-                                            children: [
-                                                /*#__PURE__*/ jsxs(CardHeader, {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(CardTitle, {
-                                                            children: "Recent Transactions"
-                                                        }),
-                                                        /*#__PURE__*/ jsx(CardDescription, {
-                                                            children: "Latest customer transactions"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ jsx(CardContent, {
-                                                    children: /*#__PURE__*/ jsx(DataTable, {
-                                                        columns: columns,
-                                                        data: transactions,
-                                                        searchKey: "customer",
-                                                        searchPlaceholder: "Search customers...",
-                                                        compact: true,
-                                                        showColumnToggle: false
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs(Card, {
-                                            className: "lg:col-span-3",
-                                            children: [
-                                                /*#__PURE__*/ jsxs(CardHeader, {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(CardTitle, {
-                                                            children: "Recent Activity"
-                                                        }),
-                                                        /*#__PURE__*/ jsx(CardDescription, {
-                                                            children: "Latest updates from your team"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ jsx(CardContent, {
-                                                    className: "space-y-4",
-                                                    children: recentActivity.map((activity)=>/*#__PURE__*/ jsxs(Row, {
-                                                            gap: 3,
-                                                            align: "start",
-                                                            children: [
-                                                                /*#__PURE__*/ jsxs(Avatar, {
-                                                                    className: "h-8 w-8",
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsx(AvatarImage, {
-                                                                            src: activity.avatar
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(AvatarFallback, {
-                                                                            children: activity.user.split(' ').map((n)=>n[0]).join('')
-                                                                        })
-                                                                    ]
-                                                                }),
-                                                                /*#__PURE__*/ jsxs(Column, {
-                                                                    gap: 1,
-                                                                    flex: 1,
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsxs("p", {
-                                                                            className: "text-sm",
-                                                                            children: [
-                                                                                /*#__PURE__*/ jsx("span", {
-                                                                                    className: "font-medium",
-                                                                                    children: activity.user
-                                                                                }),
-                                                                                ' ',
-                                                                                /*#__PURE__*/ jsx("span", {
-                                                                                    className: "text-muted-foreground",
-                                                                                    children: activity.action
-                                                                                })
-                                                                            ]
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx("p", {
-                                                                            className: "text-xs text-muted-foreground",
-                                                                            children: activity.time
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            ]
-                                                        }, activity.id))
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs(Card, {
-                                    children: [
-                                        /*#__PURE__*/ jsxs(CardHeader, {
-                                            children: [
-                                                /*#__PURE__*/ jsx(CardTitle, {
-                                                    children: "Monthly Goals"
-                                                }),
-                                                /*#__PURE__*/ jsx(CardDescription, {
-                                                    children: "Track your progress towards monthly targets"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs(CardContent, {
-                                            className: "space-y-4",
-                                            children: [
-                                                /*#__PURE__*/ jsxs(Column, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ jsxs(Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "text-sm",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    children: "Revenue Target"
-                                                                }),
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    className: "font-medium",
-                                                                    children: "$45,231 / $50,000"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Progress, {
-                                                            value: 90
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ jsxs(Column, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ jsxs(Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "text-sm",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    children: "New Customers"
-                                                                }),
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    className: "font-medium",
-                                                                    children: "2,350 / 3,000"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Progress, {
-                                                            value: 78
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ jsxs(Column, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ jsxs(Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "text-sm",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    children: "Support Tickets Resolved"
-                                                                }),
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    className: "font-medium",
-                                                                    children: "145 / 150"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Progress, {
-                                                            value: 97
-                                                        })
-                                                    ]
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(TabsContent, {
-                            value: "analytics",
-                            className: "space-y-6",
-                            children: /*#__PURE__*/ jsxs(Card, {
-                                children: [
-                                    /*#__PURE__*/ jsxs(CardHeader, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(CardTitle, {
-                                                children: "Analytics"
-                                            }),
-                                            /*#__PURE__*/ jsx(CardDescription, {
-                                                children: "Detailed analytics coming soon"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsx(CardContent, {
-                                        className: "h-[400px] flex items-center justify-center text-muted-foreground",
-                                        children: "Analytics charts and graphs would go here"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(TabsContent, {
-                            value: "reports",
-                            className: "space-y-6",
-                            children: /*#__PURE__*/ jsxs(Card, {
-                                children: [
-                                    /*#__PURE__*/ jsxs(CardHeader, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(CardTitle, {
-                                                children: "Reports"
-                                            }),
-                                            /*#__PURE__*/ jsx(CardDescription, {
-                                                children: "Generate and download reports"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsx(CardContent, {
-                                        className: "h-[400px] flex items-center justify-center text-muted-foreground",
-                                        children: "Report generation interface would go here"
-                                    })
-                                ]
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}
-export { DashboardExample };