@questpie/admin 3.0.4 → 3.0.5

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

@@ -1,3 +1,4 @@
+import { useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { useAdminStore } from "../../runtime/provider.mjs";
 import { shouldHandleAdminShortcut } from "../../utils/keyboard-shortcuts.mjs";
@@ -62,7 +63,7 @@ function _temp(s) {
 	return s.brandName;
 }
 function AdminLayout(t0) {
-	const $ = c(53);
+	const $ = c(59);
 	const { LinkComponent, activeRoute, basePath: t1, brandName: brandNameProp, sidebarCollapsed: t2, children, className, sidebarProps, header, footer, navigate: navigateProp, theme: themeProp, setTheme: setThemeProp, showThemeToggle, toasterProps, layoutMode: t3 } = t0;
 	const basePath = t1 === void 0 ? "/admin" : t1;
 	const sidebarCollapsedProp = t2 === void 0 ? false : t2;
@@ -81,23 +82,34 @@ function AdminLayout(t0) {
 		$[2] = t4;
 	} else t4 = $[2];
 	const { brandName, navigate } = useLayoutProps(t4);
-	const [isSearchOpen, setIsSearchOpen] = React.useState(false);
+	const i18n = useSafeI18n();
 	let t5;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => setIsSearchOpen(true);
-		$[3] = t5;
-	} else t5 = $[3];
-	const openSearch = t5;
+	if ($[3] !== i18n) {
+		t5 = (key, fallback) => {
+			const message = i18n?.t(key);
+			return message && message !== key ? message : fallback;
+		};
+		$[3] = i18n;
+		$[4] = t5;
+	} else t5 = $[4];
+	const t = t5;
+	const [isSearchOpen, setIsSearchOpen] = React.useState(false);
 	let t6;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = () => setIsSearchOpen(false);
-		$[4] = t6;
-	} else t6 = $[4];
-	const closeSearch = t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => setIsSearchOpen(true);
+		$[5] = t6;
+	} else t6 = $[5];
+	const openSearch = t6;
 	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = () => setIsSearchOpen(false);
+		$[6] = t7;
+	} else t7 = $[6];
+	const closeSearch = t7;
 	let t8;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = () => {
+	let t9;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = () => {
 			const down = (e) => {
 				if (shouldHandleAdminShortcut(e, { key: "k" })) {
 					e.preventDefault();
@@ -107,46 +119,53 @@ function AdminLayout(t0) {
 			document.addEventListener("keydown", down);
 			return () => document.removeEventListener("keydown", down);
 		};
-		t8 = [];
-		$[5] = t7;
-		$[6] = t8;
+		t9 = [];
+		$[7] = t8;
+		$[8] = t9;
 	} else {
-		t7 = $[5];
-		t8 = $[6];
+		t8 = $[7];
+		t9 = $[8];
 	}
-	React.useEffect(t7, t8);
-	let t9;
-	if ($[7] !== className) {
-		t9 = cn("qa-admin-layout bg-sidebar text-foreground min-h-screen", className);
-		$[7] = className;
-		$[8] = t9;
-	} else t9 = $[8];
+	React.useEffect(t8, t9);
 	let t10;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx("a", {
+	if ($[9] !== className) {
+		t10 = cn("qa-admin-layout bg-sidebar text-foreground min-h-screen", className);
+		$[9] = className;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] !== t) {
+		t11 = t("ui.skipToMainContent", "Skip to main content");
+		$[11] = t;
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== t11) {
+		t12 = /* @__PURE__ */ jsx("a", {
 			href: "#main-content",
 			className: "qa-admin-layout__skip-link focus:bg-surface-high focus:text-foreground sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:rounded-sm focus:px-4 focus:py-2 focus:text-sm focus:font-medium",
-			children: "Skip to main content"
+			children: t11
 		});
-		$[9] = t10;
-	} else t10 = $[9];
-	let t11;
-	if ($[10] !== basePath || $[11] !== isSearchOpen || $[12] !== navigate) {
-		t11 = isSearchOpen && /* @__PURE__ */ jsx(GlobalSearch, {
+		$[13] = t11;
+		$[14] = t12;
+	} else t12 = $[14];
+	let t13;
+	if ($[15] !== basePath || $[16] !== isSearchOpen || $[17] !== navigate) {
+		t13 = isSearchOpen && /* @__PURE__ */ jsx(GlobalSearch, {
 			isOpen: isSearchOpen,
 			onClose: closeSearch,
 			navigate,
 			basePath
 		});
-		$[10] = basePath;
-		$[11] = isSearchOpen;
-		$[12] = navigate;
-		$[13] = t11;
-	} else t11 = $[13];
-	const t12 = !sidebarCollapsedProp;
-	let t13;
-	if ($[14] !== LinkComponent || $[15] !== activeRoute || $[16] !== basePath || $[17] !== brandName || $[18] !== setTheme || $[19] !== showThemeToggle || $[20] !== sidebarProps || $[21] !== theme) {
-		t13 = /* @__PURE__ */ jsx(AdminSidebar, {
+		$[15] = basePath;
+		$[16] = isSearchOpen;
+		$[17] = navigate;
+		$[18] = t13;
+	} else t13 = $[18];
+	const t14 = !sidebarCollapsedProp;
+	let t15;
+	if ($[19] !== LinkComponent || $[20] !== activeRoute || $[21] !== basePath || $[22] !== brandName || $[23] !== setTheme || $[24] !== showThemeToggle || $[25] !== sidebarProps || $[26] !== theme) {
+		t15 = /* @__PURE__ */ jsx(AdminSidebar, {
 			LinkComponent,
 			activeRoute,
 			basePath,
@@ -157,122 +176,123 @@ function AdminLayout(t0) {
 			onSearchOpen: openSearch,
 			...sidebarProps
 		});
-		$[14] = LinkComponent;
-		$[15] = activeRoute;
-		$[16] = basePath;
-		$[17] = brandName;
-		$[18] = setTheme;
-		$[19] = showThemeToggle;
-		$[20] = sidebarProps;
-		$[21] = theme;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== header || $[24] !== shouldShowHeader) {
-		t14 = shouldShowHeader && header && /* @__PURE__ */ jsx("header", {
+		$[19] = LinkComponent;
+		$[20] = activeRoute;
+		$[21] = basePath;
+		$[22] = brandName;
+		$[23] = setTheme;
+		$[24] = showThemeToggle;
+		$[25] = sidebarProps;
+		$[26] = theme;
+		$[27] = t15;
+	} else t15 = $[27];
+	let t16;
+	if ($[28] !== header || $[29] !== shouldShowHeader) {
+		t16 = shouldShowHeader && header && /* @__PURE__ */ jsx("header", {
 			className: "qa-admin-layout__header border-border-subtle border-b",
 			children: header
 		});
-		$[23] = header;
-		$[24] = shouldShowHeader;
-		$[25] = t14;
-	} else t14 = $[25];
-	const t15 = layoutMode === "default" && "mx-auto max-w-5xl px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8";
-	const t16 = layoutMode === "wide" && "px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8";
-	const t17 = layoutMode === "full" && "px-2 pt-1 pb-6 md:px-3 md:pb-8";
-	const t18 = layoutMode === "immersive" && "p-0";
-	let t19;
-	if ($[26] !== t15 || $[27] !== t16 || $[28] !== t17 || $[29] !== t18) {
-		t19 = cn("qa-admin-layout__main-content min-w-0", t15, t16, t17, t18);
-		$[26] = t15;
-		$[27] = t16;
-		$[28] = t17;
-		$[29] = t18;
-		$[30] = t19;
-	} else t19 = $[30];
-	let t20;
-	if ($[31] !== children || $[32] !== t19) {
-		t20 = /* @__PURE__ */ jsx("main", {
+		$[28] = header;
+		$[29] = shouldShowHeader;
+		$[30] = t16;
+	} else t16 = $[30];
+	const t17 = layoutMode === "default" && "mx-auto max-w-5xl px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8";
+	const t18 = layoutMode === "wide" && "px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8";
+	const t19 = layoutMode === "full" && "px-2 pt-1 pb-6 md:px-3 md:pb-8";
+	const t20 = layoutMode === "immersive" && "p-0";
+	let t21;
+	if ($[31] !== t17 || $[32] !== t18 || $[33] !== t19 || $[34] !== t20) {
+		t21 = cn("qa-admin-layout__main-content min-w-0", t17, t18, t19, t20);
+		$[31] = t17;
+		$[32] = t18;
+		$[33] = t19;
+		$[34] = t20;
+		$[35] = t21;
+	} else t21 = $[35];
+	let t22;
+	if ($[36] !== children || $[37] !== t21) {
+		t22 = /* @__PURE__ */ jsx("main", {
 			id: "main-content",
 			className: "qa-admin-layout__main min-w-0 flex-1 overflow-y-auto",
 			tabIndex: -1,
 			children: /* @__PURE__ */ jsx("div", {
-				className: t19,
+				className: t21,
 				children
 			})
 		});
-		$[31] = children;
-		$[32] = t19;
-		$[33] = t20;
-	} else t20 = $[33];
-	let t21;
-	if ($[34] !== footer || $[35] !== shouldShowFooter) {
-		t21 = shouldShowFooter && footer && /* @__PURE__ */ jsx("footer", {
+		$[36] = children;
+		$[37] = t21;
+		$[38] = t22;
+	} else t22 = $[38];
+	let t23;
+	if ($[39] !== footer || $[40] !== shouldShowFooter) {
+		t23 = shouldShowFooter && footer && /* @__PURE__ */ jsx("footer", {
 			className: "qa-admin-layout__footer border-border-subtle border-t",
 			children: footer
 		});
-		$[34] = footer;
-		$[35] = shouldShowFooter;
-		$[36] = t21;
-	} else t21 = $[36];
-	let t22;
-	if ($[37] !== t14 || $[38] !== t20 || $[39] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(SidebarInset, {
+		$[39] = footer;
+		$[40] = shouldShowFooter;
+		$[41] = t23;
+	} else t23 = $[41];
+	let t24;
+	if ($[42] !== t16 || $[43] !== t22 || $[44] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(SidebarInset, {
 			className: "qa-admin-layout__content bg-background flex h-svh flex-col overflow-hidden md:rounded-tl-2xl",
 			children: [
-				t14,
-				t20,
-				t21
+				t16,
+				t22,
+				t23
 			]
 		});
-		$[37] = t14;
-		$[38] = t20;
-		$[39] = t21;
-		$[40] = t22;
-	} else t22 = $[40];
-	let t23;
-	if ($[41] !== t12 || $[42] !== t13 || $[43] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(SidebarProvider, {
-			defaultOpen: t12,
-			className: "qa-admin-layout__sidebar-wrapper bg-sidebar mx-auto h-svh max-w-[1920px] overflow-hidden",
-			children: [t13, t22]
-		});
-		$[41] = t12;
-		$[42] = t13;
+		$[42] = t16;
 		$[43] = t22;
 		$[44] = t23;
-	} else t23 = $[44];
-	let t24;
-	if ($[45] !== theme || $[46] !== toasterProps) {
-		t24 = /* @__PURE__ */ jsx(Toaster, {
+		$[45] = t24;
+	} else t24 = $[45];
+	let t25;
+	if ($[46] !== t14 || $[47] !== t15 || $[48] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(SidebarProvider, {
+			defaultOpen: t14,
+			className: "qa-admin-layout__sidebar-wrapper bg-sidebar mx-auto h-svh max-w-[1920px] overflow-hidden",
+			children: [t15, t24]
+		});
+		$[46] = t14;
+		$[47] = t15;
+		$[48] = t24;
+		$[49] = t25;
+	} else t25 = $[49];
+	let t26;
+	if ($[50] !== theme || $[51] !== toasterProps) {
+		t26 = /* @__PURE__ */ jsx(Toaster, {
 			theme,
 			...toasterProps
 		});
-		$[45] = theme;
-		$[46] = toasterProps;
-		$[47] = t24;
-	} else t24 = $[47];
-	let t25;
-	if ($[48] !== t11 || $[49] !== t23 || $[50] !== t24 || $[51] !== t9) {
-		t25 = /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
+		$[50] = theme;
+		$[51] = toasterProps;
+		$[52] = t26;
+	} else t26 = $[52];
+	let t27;
+	if ($[53] !== t10 || $[54] !== t12 || $[55] !== t13 || $[56] !== t25 || $[57] !== t26) {
+		t27 = /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
 			value: true,
 			children: /* @__PURE__ */ jsxs("div", {
-				className: t9,
+				className: t10,
 				children: [
-					t10,
-					t11,
-					t23,
-					t24
+					t12,
+					t13,
+					t25,
+					t26
 				]
 			})
 		});
-		$[48] = t11;
-		$[49] = t23;
-		$[50] = t24;
-		$[51] = t9;
-		$[52] = t25;
-	} else t25 = $[52];
-	return t25;
+		$[53] = t10;
+		$[54] = t12;
+		$[55] = t13;
+		$[56] = t25;
+		$[57] = t26;
+		$[58] = t27;
+	} else t27 = $[58];
+	return t27;
 }
 
 //#endregion