@questpie/admin 3.2.4 → 3.2.6

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

@@ -5,7 +5,6 @@ import { getAdminConfigQueryOptions } from "../../hooks/use-admin-config.mjs";
 import { AdminThemeAppliedContext, useManagedAdminTheme } from "./admin-theme.mjs";
 import { AdminLayout } from "./admin-layout.mjs";
 import { AuthGuard } from "../../components/auth/auth-guard.mjs";
-import { c } from "react/compiler-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { jsx } from "react/jsx-runtime";
 
@@ -162,12 +161,7 @@ function isPublicPath(currentPath, basePath, publicPaths) {
 * Universal wrapper for admin layout that works with any router.
 * Handles all the provider setup and renders children inside the layout.
 */
-function AdminLayoutProvider(t0) {
-	const $ = c(33);
-	const { admin: adminInput, client, authClient, queryClient, LinkComponent, activeRoute, basePath: t1, header, footer, sidebarProps, theme, setTheme, showThemeToggle, toasterProps, className, enableAuthGuard, publicPaths: t2, requiredRole: t3, authLoadingFallback, authUnauthorizedFallback, useServerTranslations, translationsFallback, initialUiLocale, children } = t0;
-	const basePath = t1 === void 0 ? "/admin" : t1;
-	const publicPaths = t2 === void 0 ? DEFAULT_PUBLIC_PATHS : t2;
-	const requiredRole = t3 === void 0 ? "admin" : t3;
+function AdminLayoutProvider({ admin: adminInput, client, authClient, queryClient, LinkComponent, activeRoute, basePath = "/admin", header, footer, sidebarProps, theme, setTheme, showThemeToggle, toasterProps, className, enableAuthGuard, publicPaths = DEFAULT_PUBLIC_PATHS, requiredRole = "admin", authLoadingFallback, authUnauthorizedFallback, useServerTranslations, translationsFallback, initialUiLocale, children }) {
 	const qc = queryClient ? configureAdminQueryClient(queryClient) : getDefaultQueryClient();
 	const { theme: managedTheme, setTheme: setManagedTheme } = useManagedAdminTheme(theme, setTheme);
 	if (client?.routes) {
@@ -178,71 +172,37 @@ function AdminLayoutProvider(t0) {
 			qc.prefetchQuery(getAdminTranslationsQueryOptions(client, locale));
 		}
 	}
-	let t4;
-	if ($[0] !== adminInput) {
-		t4 = Admin.normalize(adminInput);
-		$[0] = adminInput;
-		$[1] = t4;
-	} else t4 = $[1];
-	const admin = t4;
+	const admin = Admin.normalize(adminInput);
 	const shouldUseAuthGuard = enableAuthGuard ?? authClient != null;
 	const isCurrentPathPublic = isPublicPath(activeRoute ?? (typeof window !== "undefined" ? window.location.pathname : void 0), basePath, publicPaths);
 	let innerContent;
 	if (isCurrentPathPublic) innerContent = children;
 	else {
-		let t5$1;
-		if ($[2] !== LinkComponent || $[3] !== activeRoute || $[4] !== basePath || $[5] !== children || $[6] !== className || $[7] !== footer || $[8] !== header || $[9] !== managedTheme || $[10] !== setManagedTheme || $[11] !== showThemeToggle || $[12] !== sidebarProps || $[13] !== toasterProps) {
-			t5$1 = /* @__PURE__ */ jsx(AdminLayout, {
-				LinkComponent,
-				activeRoute,
-				basePath,
-				header,
-				footer,
-				sidebarProps,
-				theme: managedTheme,
-				setTheme: setManagedTheme,
-				showThemeToggle,
-				toasterProps,
-				className,
-				children
-			});
-			$[2] = LinkComponent;
-			$[3] = activeRoute;
-			$[4] = basePath;
-			$[5] = children;
-			$[6] = className;
-			$[7] = footer;
-			$[8] = header;
-			$[9] = managedTheme;
-			$[10] = setManagedTheme;
-			$[11] = showThemeToggle;
-			$[12] = sidebarProps;
-			$[13] = toasterProps;
-			$[14] = t5$1;
-		} else t5$1 = $[14];
-		const layoutContent = t5$1;
-		let t6$1;
-		if ($[15] !== authLoadingFallback || $[16] !== authUnauthorizedFallback || $[17] !== basePath || $[18] !== layoutContent || $[19] !== requiredRole || $[20] !== shouldUseAuthGuard) {
-			t6$1 = shouldUseAuthGuard ? /* @__PURE__ */ jsx(AuthGuard, {
-				loginPath: `${basePath}/login`,
-				requiredRole,
-				loadingFallback: authLoadingFallback,
-				unauthorizedFallback: authUnauthorizedFallback,
-				children: layoutContent
-			}) : layoutContent;
-			$[15] = authLoadingFallback;
-			$[16] = authUnauthorizedFallback;
-			$[17] = basePath;
-			$[18] = layoutContent;
-			$[19] = requiredRole;
-			$[20] = shouldUseAuthGuard;
-			$[21] = t6$1;
-		} else t6$1 = $[21];
-		innerContent = t6$1;
+		const layoutContent = /* @__PURE__ */ jsx(AdminLayout, {
+			LinkComponent,
+			activeRoute,
+			basePath,
+			header,
+			footer,
+			sidebarProps,
+			theme: managedTheme,
+			setTheme: setManagedTheme,
+			showThemeToggle,
+			toasterProps,
+			className,
+			children
+		});
+		innerContent = shouldUseAuthGuard ? /* @__PURE__ */ jsx(AuthGuard, {
+			loginPath: `${basePath}/login`,
+			requiredRole,
+			loadingFallback: authLoadingFallback,
+			unauthorizedFallback: authUnauthorizedFallback,
+			children: layoutContent
+		}) : layoutContent;
 	}
-	let t5;
-	if ($[22] !== admin || $[23] !== authClient || $[24] !== client || $[25] !== initialUiLocale || $[26] !== innerContent || $[27] !== translationsFallback || $[28] !== useServerTranslations) {
-		t5 = /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
+	return /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: qc,
+		children: /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
 			value: true,
 			children: /* @__PURE__ */ jsx(AdminProvider, {
 				admin,
@@ -253,28 +213,8 @@ function AdminLayoutProvider(t0) {
 				initialUiLocale,
 				children: innerContent
 			})
-		});
-		$[22] = admin;
-		$[23] = authClient;
-		$[24] = client;
-		$[25] = initialUiLocale;
-		$[26] = innerContent;
-		$[27] = translationsFallback;
-		$[28] = useServerTranslations;
-		$[29] = t5;
-	} else t5 = $[29];
-	const content = t5;
-	let t6;
-	if ($[30] !== content || $[31] !== qc) {
-		t6 = /* @__PURE__ */ jsx(QueryClientProvider, {
-			client: qc,
-			children: content
-		});
-		$[30] = content;
-		$[31] = qc;
-		$[32] = t6;
-	} else t6 = $[32];
-	return t6;
+		})
+	});
 }
 
 //#endregion

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

@@ -7,7 +7,6 @@ import { Toaster } from "../../components/ui/sonner.mjs";
 import { GlobalSearch } from "../common/global-search.mjs";
 import { AdminSidebar } from "./admin-sidebar.mjs";
 import { AdminThemeAppliedContext, useManagedAdminTheme } from "./admin-theme.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -23,22 +22,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Automatically reads from AdminProvider context when props are not provided.
 */
 function useLayoutProps(props) {
-	const $ = c(3);
-	const storeBrandName = useAdminStore(_temp);
-	const storeNavigate = useAdminStore(_temp2);
-	const t0 = props.brandName ?? storeBrandName;
-	const t1 = props.navigate ?? storeNavigate;
-	let t2;
-	if ($[0] !== t0 || $[1] !== t1) {
-		t2 = {
-			brandName: t0,
-			navigate: t1
-		};
-		$[0] = t0;
-		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+	const storeBrandName = useAdminStore((s) => s.brandName);
+	const storeNavigate = useAdminStore((s) => s.navigate);
+	return {
+		brandName: props.brandName ?? storeBrandName,
+		navigate: props.navigate ?? storeNavigate
+	};
 }
 /**
 * AdminLayout Component
@@ -56,243 +45,91 @@ function useLayoutProps(props) {
 * </AdminProvider>
 * ```
 */
-function _temp2(s_0) {
-	return s_0.navigate;
-}
-function _temp(s) {
-	return s.brandName;
-}
-function AdminLayout(t0) {
-	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;
-	const layoutMode = t3 === void 0 ? "wide" : t3;
+function AdminLayout({ LinkComponent, activeRoute, basePath = "/admin", brandName: brandNameProp, sidebarCollapsed: sidebarCollapsedProp = false, children, className, sidebarProps, header, footer, navigate: navigateProp, theme: themeProp, setTheme: setThemeProp, showThemeToggle, toasterProps, layoutMode = "wide" }) {
 	const { theme, setTheme } = useManagedAdminTheme(themeProp, setThemeProp);
 	const shouldShowHeader = !!header;
 	const shouldShowFooter = !!footer;
-	let t4;
-	if ($[0] !== brandNameProp || $[1] !== navigateProp) {
-		t4 = {
-			brandName: brandNameProp,
-			navigate: navigateProp
-		};
-		$[0] = brandNameProp;
-		$[1] = navigateProp;
-		$[2] = t4;
-	} else t4 = $[2];
-	const { brandName, navigate } = useLayoutProps(t4);
+	const { brandName, navigate } = useLayoutProps({
+		brandName: brandNameProp,
+		navigate: navigateProp
+	});
 	const i18n = useSafeI18n();
-	let 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 t = (key, fallback) => {
+		const message = i18n?.t(key);
+		return message && message !== key ? message : fallback;
+	};
 	const [isSearchOpen, setIsSearchOpen] = React.useState(false);
-	let 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;
-	let t9;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => {
-			const down = (e) => {
-				if (shouldHandleAdminShortcut(e, { key: "k" })) {
-					e.preventDefault();
-					setIsSearchOpen(true);
-				}
-			};
-			document.addEventListener("keydown", down);
-			return () => document.removeEventListener("keydown", down);
+	const openSearch = React.useCallback(() => setIsSearchOpen(true), []);
+	const closeSearch = React.useCallback(() => setIsSearchOpen(false), []);
+	React.useEffect(() => {
+		const down = (e) => {
+			if (shouldHandleAdminShortcut(e, { key: "k" })) {
+				e.preventDefault();
+				setIsSearchOpen(true);
+			}
 		};
-		t9 = [];
-		$[7] = t8;
-		$[8] = t9;
-	} else {
-		t8 = $[7];
-		t9 = $[8];
-	}
-	React.useEffect(t8, t9);
-	let t10;
-	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: t11
-		});
-		$[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
-		});
-		$[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,
-			brandName,
-			theme,
-			setTheme,
-			showThemeToggle,
-			onSearchOpen: openSearch,
-			...sidebarProps
-		});
-		$[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
-		});
-		$[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: t21,
-				children
-			})
-		});
-		$[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
-		});
-		$[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",
+		document.addEventListener("keydown", down);
+		return () => document.removeEventListener("keydown", down);
+	}, []);
+	return /* @__PURE__ */ jsx(AdminThemeAppliedContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("qa-admin-layout bg-sidebar text-foreground min-h-screen", className),
 			children: [
-				t16,
-				t22,
-				t23
+				/* @__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: t("ui.skipToMainContent", "Skip to main content")
+				}),
+				isSearchOpen && /* @__PURE__ */ jsx(GlobalSearch, {
+					isOpen: isSearchOpen,
+					onClose: closeSearch,
+					navigate,
+					basePath
+				}),
+				/* @__PURE__ */ jsxs(SidebarProvider, {
+					defaultOpen: !sidebarCollapsedProp,
+					className: "qa-admin-layout__sidebar-wrapper bg-sidebar mx-auto h-svh max-w-[1920px] overflow-hidden",
+					children: [/* @__PURE__ */ jsx(AdminSidebar, {
+						LinkComponent,
+						activeRoute,
+						basePath,
+						brandName,
+						theme,
+						setTheme,
+						showThemeToggle,
+						onSearchOpen: openSearch,
+						...sidebarProps
+					}), /* @__PURE__ */ jsxs(SidebarInset, {
+						className: "qa-admin-layout__content bg-background flex h-svh flex-col overflow-hidden md:rounded-tl-2xl",
+						children: [
+							shouldShowHeader && header && /* @__PURE__ */ jsx("header", {
+								className: "qa-admin-layout__header border-border-subtle border-b",
+								children: header
+							}),
+							/* @__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: cn("qa-admin-layout__main-content min-w-0", layoutMode === "default" && "mx-auto max-w-5xl px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8", layoutMode === "wide" && "px-3 pt-1 pb-6 md:px-4 md:pt-2 md:pb-8", layoutMode === "full" && "px-2 pt-1 pb-6 md:px-3 md:pb-8", layoutMode === "immersive" && "p-0"),
+									children
+								})
+							}),
+							shouldShowFooter && footer && /* @__PURE__ */ jsx("footer", {
+								className: "qa-admin-layout__footer border-border-subtle border-t",
+								children: footer
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Toaster, {
+					theme,
+					...toasterProps
+				})
 			]
-		});
-		$[42] = t16;
-		$[43] = t22;
-		$[44] = t23;
-		$[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
-		});
-		$[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: t10,
-				children: [
-					t12,
-					t13,
-					t25,
-					t26
-				]
-			})
-		});
-		$[53] = t10;
-		$[54] = t12;
-		$[55] = t13;
-		$[56] = t25;
-		$[57] = t26;
-		$[58] = t27;
-	} else t27 = $[58];
-	return t27;
+		})
+	});
 }
 
 //#endregion