@questpie/admin 3.0.3 → 3.0.4

package/dist/client/views/layout/admin-topbar.mjs

@@ -1,236 +0,0 @@
-import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
-import { cn } from "../../lib/utils.mjs";
-import { Button } from "../../components/ui/button.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.mjs";
-import { SidebarTrigger } from "../../components/ui/sidebar.mjs";
-import { Kbd } from "../../components/ui/kbd.mjs";
-import { c } from "react/compiler-runtime";
-import { Icon } from "@iconify/react";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/client/views/layout/admin-topbar.tsx
-const EMPTY_BREADCRUMBS = [];
-const AdminTopbar = React.memo(function AdminTopbar$1(t0) {
-	const $ = c(34);
-	const { onSearchOpen, breadcrumbs, theme: t1, setTheme, showThemeToggle } = t0;
-	const resolvedBreadcrumbs = breadcrumbs ?? EMPTY_BREADCRUMBS;
-	const resolveText = useResolveText();
-	const { t } = useTranslation();
-	const shouldShowThemeToggle = setTheme && showThemeToggle !== false;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(SidebarTrigger, {});
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
-	if ($[1] !== resolveText || $[2] !== resolvedBreadcrumbs) {
-		t3 = resolvedBreadcrumbs.length > 0 && /* @__PURE__ */ jsx("span", {
-			className: "qa-topbar__mobile-title text-foreground max-w-[140px] truncate font-mono text-xs font-medium md:hidden",
-			children: resolveText(resolvedBreadcrumbs[resolvedBreadcrumbs.length - 1].label)
-		});
-		$[1] = resolveText;
-		$[2] = resolvedBreadcrumbs;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== resolveText || $[5] !== resolvedBreadcrumbs) {
-		t4 = resolvedBreadcrumbs.map((crumb) => {
-			const CrumbIcon = crumb.icon;
-			const crumbLabel = resolveText(crumb.label);
-			const crumbKey = crumb.href ?? crumbLabel;
-			return /* @__PURE__ */ jsxs(React.Fragment, { children: [resolvedBreadcrumbs[0] !== crumb && /* @__PURE__ */ jsx("span", {
-				className: "qa-topbar__breadcrumb-separator text-muted-foreground/40 mx-1",
-				children: "/"
-			}), crumb.menu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: cn("qa-topbar__breadcrumb-item hover:text-foreground flex items-center gap-1 transition-colors", resolvedBreadcrumbs[resolvedBreadcrumbs.length - 1] === crumb && "text-foreground font-medium"),
-				children: [
-					CrumbIcon && /* @__PURE__ */ jsx(CrumbIcon, { className: "size-3.5" }),
-					crumbLabel,
-					/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:caret-down",
-						className: "size-3 opacity-50"
-					})
-				]
-			}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
-				align: "start",
-				children: crumb.menu.items.map((item) => {
-					const ItemIcon = item.icon;
-					return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onClick: () => {
-							window.location.href = item.href;
-						},
-						children: [ItemIcon && /* @__PURE__ */ jsx(ItemIcon, { className: "size-3.5" }), resolveText(item.label)]
-					}, item.href);
-				})
-			})] }) : crumb.href ? /* @__PURE__ */ jsxs("a", {
-				href: crumb.href,
-				className: "qa-topbar__breadcrumb-item hover:text-foreground flex items-center gap-1.5 transition-colors",
-				children: [CrumbIcon && /* @__PURE__ */ jsx(CrumbIcon, { className: "size-3.5" }), crumbLabel]
-			}) : /* @__PURE__ */ jsxs("span", {
-				className: cn("qa-topbar__breadcrumb-item flex items-center gap-1.5", resolvedBreadcrumbs[resolvedBreadcrumbs.length - 1] === crumb ? "text-foreground font-medium" : ""),
-				"aria-current": resolvedBreadcrumbs[resolvedBreadcrumbs.length - 1] === crumb ? "page" : void 0,
-				children: [CrumbIcon && /* @__PURE__ */ jsx(CrumbIcon, { className: "size-3.5" }), crumbLabel]
-			})] }, crumbKey);
-		});
-		$[4] = resolveText;
-		$[5] = resolvedBreadcrumbs;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== t4) {
-		t5 = /* @__PURE__ */ jsx("nav", {
-			"aria-label": "Breadcrumb",
-			className: "qa-topbar__breadcrumbs text-muted-foreground hidden items-center gap-1.5 font-mono text-xs md:flex",
-			children: t4
-		});
-		$[7] = t4;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== t3 || $[10] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-topbar__left flex items-center gap-2",
-			children: [
-				t2,
-				t3,
-				t5
-			]
-		});
-		$[9] = t3;
-		$[10] = t5;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== t) {
-		t7 = t("ui.searchPlaceholder");
-		$[12] = t;
-		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(Icon, { icon: "ph:magnifying-glass" });
-		$[14] = t8;
-	} else t8 = $[14];
-	let t9;
-	if ($[15] !== t) {
-		t9 = t("ui.searchPlaceholder");
-		$[15] = t;
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-2",
-			children: [t8, /* @__PURE__ */ jsx("span", {
-				className: "hidden md:inline",
-				children: t9
-			})]
-		});
-		$[17] = t9;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsxs(Kbd, {
-			className: "hidden md:inline-flex",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-xs",
-				children: "⌘"
-			}), "K"]
-		});
-		$[19] = t11;
-	} else t11 = $[19];
-	let t12;
-	if ($[20] !== onSearchOpen || $[21] !== t10 || $[22] !== t7) {
-		t12 = /* @__PURE__ */ jsxs(Button, {
-			variant: "outline",
-			onClick: onSearchOpen,
-			size: "icon-sm",
-			className: "qa-topbar__search-btn text-muted-foreground gap-2 md:size-auto md:h-9 md:w-64 md:justify-between md:px-3",
-			"aria-label": t7,
-			children: [t10, t11]
-		});
-		$[20] = onSearchOpen;
-		$[21] = t10;
-		$[22] = t7;
-		$[23] = t12;
-	} else t12 = $[23];
-	let t13;
-	if ($[24] !== setTheme || $[25] !== shouldShowThemeToggle || $[26] !== t) {
-		t13 = shouldShowThemeToggle && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "icon",
-			className: "qa-topbar__theme-toggle",
-			children: [
-				/* @__PURE__ */ jsx(Icon, {
-					icon: "ph:sun",
-					className: "size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
-				}),
-				/* @__PURE__ */ jsx(Icon, {
-					icon: "ph:moon",
-					className: "absolute size-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "sr-only",
-					children: t("ui.toggleTheme")
-				})
-			]
-		}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "end",
-			children: [
-				/* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: () => setTheme("light"),
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:sun",
-						className: "mr-2 size-4"
-					}), t("ui.themeLight")]
-				}),
-				/* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: () => setTheme("dark"),
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:moon",
-						className: "mr-2 size-4"
-					}), t("ui.themeDark")]
-				}),
-				/* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: () => setTheme("system"),
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:monitor",
-						className: "mr-2 size-4"
-					}), t("ui.themeSystem")]
-				})
-			]
-		})] });
-		$[24] = setTheme;
-		$[25] = shouldShowThemeToggle;
-		$[26] = t;
-		$[27] = t13;
-	} else t13 = $[27];
-	let t14;
-	if ($[28] !== t12 || $[29] !== t13) {
-		t14 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-topbar__right flex items-center gap-2",
-			children: [t12, t13]
-		});
-		$[28] = t12;
-		$[29] = t13;
-		$[30] = t14;
-	} else t14 = $[30];
-	let t15;
-	if ($[31] !== t14 || $[32] !== t6) {
-		t15 = /* @__PURE__ */ jsxs("header", {
-			role: "banner",
-			className: "qa-topbar border-border bg-background/92 backdrop-blur-sm relative sticky top-0 z-50 flex h-14 w-full items-center justify-between border-b px-4 md:px-6",
-			children: [t6, t14]
-		});
-		$[31] = t14;
-		$[32] = t6;
-		$[33] = t15;
-	} else t15 = $[33];
-	return t15;
-});
-
-//#endregion
-export { AdminTopbar };