@uipath/apollo-wind 0.9.0 → 0.10.0-pr219.eea0372

package/dist/components/custom/global-header.js

@@ -0,0 +1,381 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AlertCircle, Bell, BookOpen, CheckCircle2, ChevronDown, CircleHelp, ExternalLink, Info, LogOut, Menu, MessageCircleQuestion, Search, Settings, Sparkles, User, X } from "lucide-react";
+import { Avatar, AvatarFallback } from "../ui/avatar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { Sheet, SheetOverlay, SheetPortal, SheetTitle } from "../ui/sheet.js";
+import { Content } from "@radix-ui/react-dialog";
+import { cn } from "../../lib/index.js";
+function HeaderIconButton({ icon, label, onClick, disabled }) {
+    return /*#__PURE__*/ jsx("button", {
+        className: cn('flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors', disabled ? 'cursor-default opacity-50' : 'hover:text-future-foreground'),
+        onClick: disabled ? void 0 : onClick,
+        "aria-label": label,
+        "aria-disabled": disabled,
+        disabled: disabled,
+        children: icon
+    });
+}
+function NotificationsDropdown({ themeClass }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    className: "flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors hover:text-future-foreground",
+                    "aria-label": "Notifications",
+                    children: /*#__PURE__*/ jsx(Bell, {
+                        className: "h-5 w-5"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-72 border-future-border bg-future-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "px-3 py-2",
+                        children: /*#__PURE__*/ jsx("p", {
+                            className: "text-sm font-semibold text-future-foreground",
+                            children: "Notifications"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(DropdownMenuSeparator, {
+                        className: "bg-future-border-subtle"
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(Info, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-future-accent-foreground"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-sm font-medium text-future-foreground",
+                                        children: "System update available"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs text-future-foreground-muted",
+                                        children: "A new version is ready to install"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(CheckCircle2, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-sm font-medium text-future-foreground",
+                                        children: "Flow completed"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs text-future-foreground-muted",
+                                        children: "Invoice processing finished successfully"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(AlertCircle, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-sm font-medium text-future-foreground",
+                                        children: "Action required"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs text-future-foreground-muted",
+                                        children: "Review pending approval requests"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function HelpDropdown({ themeClass }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    className: "flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors hover:text-future-foreground",
+                    "aria-label": "Help",
+                    children: /*#__PURE__*/ jsx(CircleHelp, {
+                        className: "h-5 w-5"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-56 border-future-border bg-future-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(BookOpen, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Documentation"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(MessageCircleQuestion, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Support"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(ExternalLink, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Community forum"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function TenantSelector({ tenantName, themeClass }) {
+    const [selected, setSelected] = useState(tenantName);
+    const tenants = [
+        {
+            id: 'default',
+            label: 'Default Tenant'
+        },
+        {
+            id: 'production',
+            label: 'Production'
+        },
+        {
+            id: 'staging',
+            label: 'Staging'
+        }
+    ];
+    return /*#__PURE__*/ jsxs(Popover, {
+        children: [
+            /*#__PURE__*/ jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxs("button", {
+                    className: "flex items-center gap-1 rounded-lg px-2 py-1 text-sm text-future-foreground-muted transition-colors hover:text-future-foreground",
+                    children: [
+                        /*#__PURE__*/ jsxs("span", {
+                            children: [
+                                "Tenant: ",
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "font-medium",
+                                    children: selected
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(ChevronDown, {
+                            className: "h-4 w-4"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-56 border-future-border bg-future-surface-overlay p-1'),
+                children: tenants.map((tenant)=>/*#__PURE__*/ jsx("button", {
+                        className: cn('flex w-full items-center rounded-md px-3 py-2 text-sm transition-colors hover:bg-future-surface-hover', selected === tenant.label ? 'font-medium text-future-foreground' : 'text-future-foreground-muted'),
+                        onClick: ()=>setSelected(tenant.label),
+                        children: tenant.label
+                    }, tenant.id))
+            })
+        ]
+    });
+}
+function AvatarDropdown({ themeClass }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    className: "rounded-full focus:outline-none",
+                    "aria-label": "User menu",
+                    children: /*#__PURE__*/ jsx(Avatar, {
+                        className: "h-6 w-6 bg-future-accent",
+                        children: /*#__PURE__*/ jsx(AvatarFallback, {
+                            className: "bg-future-accent text-[10px] font-bold text-future-foreground-on-accent",
+                            children: "UI"
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-48 border-future-border bg-future-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(User, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Profile"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(Settings, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Settings"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(DropdownMenuSeparator, {
+                        className: "bg-future-border-subtle"
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(LogOut, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Log out"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantName = 'Select', menuContent, onSearchClick }) {
+    const themeClass = 'legacy-dark' === theme ? 'legacy-dark' : 'legacy-light' === theme ? 'legacy-light' : 'wireframe' === theme ? 'future-wireframe' : 'vertex' === theme ? 'future-vertex' : 'canvas' === theme ? 'future-canvas' : 'light' === theme ? 'future-light' : 'future-dark';
+    const [menuOpen, setMenuOpen] = useState(false);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                className: cn('flex h-12 shrink-0 items-center justify-between border-b border-future-border-subtle bg-future-surface px-4', className),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                className: "flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors hover:text-future-foreground",
+                                onClick: ()=>menuContent && setMenuOpen((prev)=>!prev),
+                                "aria-label": "App launcher",
+                                children: menuOpen ? /*#__PURE__*/ jsx(X, {
+                                    className: "h-5 w-5"
+                                }) : /*#__PURE__*/ jsx(Menu, {
+                                    className: "h-5 w-5"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm font-semibold text-future-foreground",
+                                children: title
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-4",
+                        children: [
+                            /*#__PURE__*/ jsx(HeaderIconButton, {
+                                icon: /*#__PURE__*/ jsx(Search, {
+                                    className: "h-5 w-5"
+                                }),
+                                label: "Search",
+                                onClick: onSearchClick,
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ jsx(HeaderIconButton, {
+                                icon: /*#__PURE__*/ jsx(Sparkles, {
+                                    className: "h-5 w-5"
+                                }),
+                                label: "AI",
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ jsx(NotificationsDropdown, {
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ jsx(HelpDropdown, {
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ jsx(TenantSelector, {
+                                tenantName: tenantName,
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ jsx(AvatarDropdown, {
+                                themeClass: themeClass
+                            })
+                        ]
+                    })
+                ]
+            }),
+            menuContent && /*#__PURE__*/ jsx(Sheet, {
+                open: menuOpen,
+                onOpenChange: setMenuOpen,
+                children: /*#__PURE__*/ jsxs(SheetPortal, {
+                    children: [
+                        /*#__PURE__*/ jsx(SheetOverlay, {
+                            className: "top-12"
+                        }),
+                        /*#__PURE__*/ jsxs(Content, {
+                            className: cn(themeClass, 'fixed left-0 top-12 bottom-0 z-50 w-[300px] border-r border-future-border-subtle bg-future-surface p-0 shadow-lg', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left', 'data-[state=closed]:duration-300 data-[state=open]:duration-300'),
+                            children: [
+                                /*#__PURE__*/ jsx(SheetTitle, {
+                                    className: "sr-only",
+                                    children: "App launcher"
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "flex h-full flex-col overflow-y-auto",
+                                    children: menuContent
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { MaestroHeader };

package/dist/components/custom/grid-maestro.cjs

@@ -0,0 +1,62 @@
+"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 ('undefined' != 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__, {
+    Canvas: ()=>Canvas,
+    GridItem: ()=>GridItem,
+    Grid: ()=>Grid
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function Canvas({ children, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-1 flex-col overflow-y-auto bg-future-surface-raised p-6', className),
+        children: children
+    });
+}
+function Grid({ children, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4', className),
+        children: children
+    });
+}
+function GridItem({ children, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: className,
+        children: children
+    });
+}
+exports.Canvas = __webpack_exports__.Canvas;
+exports.Grid = __webpack_exports__.Grid;
+exports.GridItem = __webpack_exports__.GridItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Canvas",
+    "Grid",
+    "GridItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/grid-maestro.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export declare function Canvas({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Responsive grid:
+ *   < 768px   → 1 column
+ *   768–1023  → 2 columns
+ *   >= 1024   → 4 columns
+ */
+export declare function Grid({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function GridItem({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/grid-maestro.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/index.js";
+function Canvas({ children, className }) {
+    return /*#__PURE__*/ jsx("main", {
+        className: cn('flex flex-1 flex-col overflow-y-auto bg-future-surface-raised p-6', className),
+        children: children
+    });
+}
+function Grid({ children, className }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4', className),
+        children: children
+    });
+}
+function GridItem({ children, className }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: className,
+        children: children
+    });
+}
+export { Canvas, Grid, GridItem };