@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

package/dist/examples/app-shell-example.js

@@ -1,418 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Bell, ChevronLeft, ChevronRight, HelpCircle, Menu } from "lucide-react";
-import { useState } from "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, CardFooter, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Separator } from "../components/ui/separator.js";
-import { cn } from "../lib/index.js";
-import { Column, Grid, Row } from "../components/ui/layout/index.js";
-function AppShellExample({ className, logo = /*#__PURE__*/ jsx("div", {
-    className: "text-xl font-bold",
-    children: "Logo"
-}), tenant = 'DefaultTenant', user = {
-    name: 'John Doe',
-    email: 'john.doe@example.com'
-}, navigation = [
-    {
-        label: 'Home',
-        active: true
-    },
-    {
-        label: 'Process instances'
-    },
-    {
-        label: 'Process incidents'
-    },
-    {
-        label: 'Case app',
-        badge: 'Preview'
-    },
-    {
-        label: 'Case instances',
-        badge: 'Preview'
-    }
-], heroSection = {
-    title: /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            "Orchestrate ",
-            /*#__PURE__*/ jsx("span", {
-                className: "text-primary",
-                children: "AI agents, robots,"
-            }),
-            " and people with",
-            ' ',
-            /*#__PURE__*/ jsx("span", {
-                className: "text-primary",
-                children: "Platform"
-            }),
-            " to exceed business outcomes"
-        ]
-    }),
-    cta: {
-        label: 'Get Started'
-    }
-}, sections = [
-    {
-        title: 'Recent projects',
-        viewAllLink: {
-            label: 'View all projects'
-        },
-        items: [
-            {
-                id: '1',
-                title: 'Solution 161',
-                badge: {
-                    label: 'DRAFT',
-                    variant: 'outline'
-                },
-                footer: 'Last modified 13 minutes ago'
-            },
-            {
-                id: '2',
-                title: 'Property insurance claims',
-                badge: {
-                    label: 'DRAFT',
-                    variant: 'outline'
-                },
-                footer: 'Last modified 7 days ago'
-            },
-            {
-                id: '3',
-                title: 'Property insurance claims',
-                badge: {
-                    label: 'DEPLOYED',
-                    variant: 'default'
-                },
-                footer: 'Last modified 7 hours ago'
-            }
-        ]
-    },
-    {
-        title: 'Examples',
-        items: [
-            {
-                id: '1',
-                title: 'Supplier Onboarding',
-                description: 'An agentic process built with Platform (Agentic Orchestration), modeled using...',
-                action: {
-                    label: 'View'
-                }
-            },
-            {
-                id: '2',
-                title: 'Invoice Processing',
-                description: 'An agentic process built with Platform (Agentic Orchestration), modeled using...',
-                action: {
-                    label: 'View'
-                }
-            },
-            {
-                id: '3',
-                title: 'MyPoNewTeMplate',
-                description: 'aav',
-                action: {
-                    label: 'View'
-                }
-            }
-        ]
-    }
-], sidebar = {
-    title: 'How it works',
-    content: /*#__PURE__*/ jsx("div", {
-        className: "space-y-4",
-        children: /*#__PURE__*/ jsx("div", {
-            className: "rounded-lg bg-primary/10 p-4",
-            children: /*#__PURE__*/ jsx("p", {
-                className: "text-sm",
-                children: "Learn more about how to use this platform effectively."
-            })
-        })
-    })
-} }) {
-    const [leftSidebarCollapsed, setLeftSidebarCollapsed] = useState(false);
-    const [rightSidebarCollapsed, setRightSidebarCollapsed] = useState(false);
-    return /*#__PURE__*/ jsxs(Column, {
-        h: "screen",
-        className: cn('bg-background', className),
-        children: [
-            /*#__PURE__*/ jsxs(Row, {
-                h: 14,
-                justify: "between",
-                align: "center",
-                className: "border-b px-4",
-                children: [
-                    /*#__PURE__*/ jsxs(Row, {
-                        gap: 4,
-                        align: "center",
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                className: "md:hidden",
-                                onClick: ()=>setLeftSidebarCollapsed(!leftSidebarCollapsed),
-                                children: /*#__PURE__*/ jsx(Menu, {
-                                    className: "h-5 w-5"
-                                })
-                            }),
-                            logo
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs(Row, {
-                        gap: 2,
-                        align: "center",
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                children: /*#__PURE__*/ jsx(Bell, {
-                                    className: "h-5 w-5"
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                children: /*#__PURE__*/ jsx(HelpCircle, {
-                                    className: "h-5 w-5"
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Separator, {
-                                orientation: "vertical",
-                                className: "h-6"
-                            }),
-                            /*#__PURE__*/ jsxs(Row, {
-                                gap: 2,
-                                align: "center",
-                                children: [
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: "hidden text-sm md:inline",
-                                        children: "Tenant:"
-                                    }),
-                                    /*#__PURE__*/ jsxs(Button, {
-                                        variant: "ghost",
-                                        className: "font-normal",
-                                        children: [
-                                            tenant,
-                                            /*#__PURE__*/ jsx(ChevronRight, {
-                                                className: "ml-1 h-4 w-4 rotate-90"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__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(Row, {
-                flex: 1,
-                overflow: "hidden",
-                children: [
-                    /*#__PURE__*/ jsx("aside", {
-                        className: cn('relative hidden border-r bg-muted/10 transition-all duration-300 md:block', leftSidebarCollapsed ? 'w-12' : 'w-60'),
-                        children: /*#__PURE__*/ jsxs(Column, {
-                            h: "full",
-                            overflow: "hidden",
-                            children: [
-                                /*#__PURE__*/ jsx(Row, {
-                                    justify: "end",
-                                    align: "center",
-                                    className: "p-2",
-                                    children: /*#__PURE__*/ jsx(Button, {
-                                        variant: "ghost",
-                                        size: "icon",
-                                        onClick: ()=>setLeftSidebarCollapsed(!leftSidebarCollapsed),
-                                        className: "h-8 w-8",
-                                        children: leftSidebarCollapsed ? /*#__PURE__*/ jsx(ChevronRight, {
-                                            className: "h-4 w-4"
-                                        }) : /*#__PURE__*/ jsx(ChevronLeft, {
-                                            className: "h-4 w-4"
-                                        })
-                                    })
-                                }),
-                                !leftSidebarCollapsed && /*#__PURE__*/ jsx("nav", {
-                                    className: "space-y-1 overflow-y-auto p-2 pt-0",
-                                    children: navigation.map((item, index)=>/*#__PURE__*/ jsxs(Button, {
-                                            variant: item.active ? 'secondary' : 'ghost',
-                                            className: "w-full justify-between",
-                                            children: [
-                                                /*#__PURE__*/ jsx("span", {
-                                                    children: item.label
-                                                }),
-                                                item.badge && /*#__PURE__*/ jsx(Badge, {
-                                                    variant: "secondary",
-                                                    className: "ml-2 text-xs",
-                                                    children: item.badge
-                                                })
-                                            ]
-                                        }, index))
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("main", {
-                        className: "flex-1 overflow-y-auto",
-                        children: /*#__PURE__*/ jsxs("div", {
-                            className: "container mx-auto p-6",
-                            children: [
-                                heroSection && /*#__PURE__*/ jsx(Card, {
-                                    className: "mb-8 border-0 bg-gradient-to-r from-muted/50 to-muted/20",
-                                    children: /*#__PURE__*/ jsx(CardContent, {
-                                        className: "p-8",
-                                        children: /*#__PURE__*/ jsxs(Row, {
-                                            gap: 6,
-                                            align: "center",
-                                            justify: "between",
-                                            className: "flex-col md:flex-row",
-                                            children: [
-                                                /*#__PURE__*/ jsxs(Column, {
-                                                    align: "start",
-                                                    gap: 4,
-                                                    flex: 1,
-                                                    children: [
-                                                        /*#__PURE__*/ jsx("h1", {
-                                                            className: "text-3xl font-bold leading-tight md:text-4xl",
-                                                            children: heroSection.title
-                                                        }),
-                                                        heroSection.description && /*#__PURE__*/ jsx("p", {
-                                                            className: "text-muted-foreground",
-                                                            children: heroSection.description
-                                                        }),
-                                                        heroSection.cta && /*#__PURE__*/ jsx(Button, {
-                                                            size: "lg",
-                                                            onClick: heroSection.cta.onClick,
-                                                            children: heroSection.cta.label
-                                                        })
-                                                    ]
-                                                }),
-                                                heroSection.illustration && /*#__PURE__*/ jsx("div", {
-                                                    className: "flex-shrink-0",
-                                                    children: heroSection.illustration
-                                                })
-                                            ]
-                                        })
-                                    })
-                                }),
-                                sections.map((section, sectionIndex)=>/*#__PURE__*/ jsxs("div", {
-                                        className: "mb-8",
-                                        children: [
-                                            /*#__PURE__*/ jsxs(Row, {
-                                                justify: "between",
-                                                align: "center",
-                                                className: "mb-4",
-                                                children: [
-                                                    /*#__PURE__*/ jsx("h2", {
-                                                        className: "text-2xl font-semibold",
-                                                        children: section.title
-                                                    }),
-                                                    section.viewAllLink && /*#__PURE__*/ jsx(Button, {
-                                                        variant: "link",
-                                                        onClick: section.viewAllLink.onClick,
-                                                        children: section.viewAllLink.label
-                                                    })
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsx(Grid, {
-                                                gap: 4,
-                                                cols: 3,
-                                                className: "md:grid-cols-2 lg:grid-cols-3",
-                                                children: section.items.map((item)=>/*#__PURE__*/ jsxs(Card, {
-                                                        children: [
-                                                            /*#__PURE__*/ jsxs(CardHeader, {
-                                                                children: [
-                                                                    item.badge && /*#__PURE__*/ jsx(Badge, {
-                                                                        variant: item.badge.variant,
-                                                                        className: "mb-2 w-fit text-xs",
-                                                                        children: item.badge.label
-                                                                    }),
-                                                                    /*#__PURE__*/ jsx(CardTitle, {
-                                                                        className: "text-lg",
-                                                                        children: item.title
-                                                                    }),
-                                                                    item.description && /*#__PURE__*/ jsx(CardDescription, {
-                                                                        children: item.description
-                                                                    })
-                                                                ]
-                                                            }),
-                                                            (item.footer || item.action) && /*#__PURE__*/ jsx(CardFooter, {
-                                                                children: /*#__PURE__*/ jsxs(Row, {
-                                                                    justify: "between",
-                                                                    align: "center",
-                                                                    w: "full",
-                                                                    children: [
-                                                                        item.footer && /*#__PURE__*/ jsx("span", {
-                                                                            className: "text-xs text-muted-foreground",
-                                                                            children: item.footer
-                                                                        }),
-                                                                        item.action && /*#__PURE__*/ jsx(Button, {
-                                                                            variant: "link",
-                                                                            size: "sm",
-                                                                            onClick: item.action.onClick,
-                                                                            className: "ml-auto",
-                                                                            children: item.action.label
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            })
-                                                        ]
-                                                    }, item.id))
-                                            })
-                                        ]
-                                    }, sectionIndex))
-                            ]
-                        })
-                    }),
-                    sidebar && /*#__PURE__*/ jsx("aside", {
-                        className: cn('relative hidden border-l bg-muted/10 transition-all duration-300 lg:block', rightSidebarCollapsed ? 'w-12' : 'w-80'),
-                        children: /*#__PURE__*/ jsxs(Column, {
-                            h: "full",
-                            overflow: "hidden",
-                            children: [
-                                /*#__PURE__*/ jsx(Row, {
-                                    justify: "start",
-                                    align: "center",
-                                    className: "p-2",
-                                    children: /*#__PURE__*/ jsx(Button, {
-                                        variant: "ghost",
-                                        size: "icon",
-                                        onClick: ()=>setRightSidebarCollapsed(!rightSidebarCollapsed),
-                                        className: "h-8 w-8",
-                                        children: rightSidebarCollapsed ? /*#__PURE__*/ jsx(ChevronLeft, {
-                                            className: "h-4 w-4"
-                                        }) : /*#__PURE__*/ jsx(ChevronRight, {
-                                            className: "h-4 w-4"
-                                        })
-                                    })
-                                }),
-                                !rightSidebarCollapsed && /*#__PURE__*/ jsxs("div", {
-                                    className: "flex-1 overflow-y-auto px-6 pb-6",
-                                    children: [
-                                        /*#__PURE__*/ jsx("h3", {
-                                            className: "mb-4 text-lg font-semibold",
-                                            children: sidebar.title
-                                        }),
-                                        sidebar.content
-                                    ]
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}
-export { AppShellExample };