@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/locale-switcher.mjs

@@ -2,249 +2,127 @@ import { useResolveText } from "../i18n/hooks.mjs";
 import { cn } from "../lib/utils.mjs";
 import { getFlagUrl } from "../utils/locale-to-flag.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/locale-switcher.tsx
 const DROPDOWN_THRESHOLD = 4;
-function LocaleSwitcher(t0) {
-	const $ = c(44);
-	const { locales, value, onChange, showFlag: t1, labelMode: t2, className } = t0;
-	const showFlag = t1 === void 0 ? true : t1;
-	const labelMode = t2 === void 0 ? "code" : t2;
+function LocaleSwitcher({ locales, value, onChange, showFlag = true, labelMode = "code", className }) {
 	const resolveText = useResolveText();
 	const [imgError, setImgError] = useState(false);
 	const resolvedValue = value ?? locales[0]?.code ?? "";
 	const hasResolvedValue = resolvedValue.length > 0;
-	let T0;
-	let T1;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	let t7;
-	if ($[0] !== className || $[1] !== hasResolvedValue || $[2] !== imgError || $[3] !== labelMode || $[4] !== locales || $[5] !== onChange || $[6] !== resolveText || $[7] !== resolvedValue || $[8] !== showFlag) {
-		t7 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			const localeOptions = locales.length ? locales : hasResolvedValue ? [{ code: resolvedValue }] : [];
-			const currentLocale = localeOptions.find((locale) => locale.code === resolvedValue) ?? { code: resolvedValue };
-			const canSwitch = !!onChange && localeOptions.length > 1;
-			const useDropdown = localeOptions.length >= DROPDOWN_THRESHOLD;
-			const flagMapping = {};
-			for (const locale_0 of localeOptions) if (locale_0.flagCountryCode) flagMapping[locale_0.code.toLowerCase()] = locale_0.flagCountryCode;
-			const hasCustomMapping = Object.keys(flagMapping).length > 0;
-			const getLocaleFlagUrl = (code, t8$1) => {
-				return getFlagUrl(code, t8$1 === void 0 ? 24 : t8$1, hasCustomMapping ? flagMapping : void 0);
-			};
-			if (!hasResolvedValue) {
-				t7 = null;
-				break bb0;
-			}
-			const codeLabel = currentLocale.code;
-			const nameLabel = currentLocale.label ? resolveText(currentLocale.label) : codeLabel;
-			let labelElement = null;
-			bb1: switch (labelMode) {
-				case "none": break bb1;
-				case "name":
-					labelElement = /* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: nameLabel
-					});
-					break bb1;
-				case "both":
-					labelElement = /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "font-chrome chrome-meta",
-							children: codeLabel
-						}), currentLocale.label && /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground font-normal",
-							children: resolveText(currentLocale.label)
-						})]
-					});
-					break bb1;
-				case "code":
-				default: labelElement = /* @__PURE__ */ jsx("span", {
+	const localeOptions = locales.length ? locales : hasResolvedValue ? [{ code: resolvedValue }] : [];
+	const currentLocale = localeOptions.find((locale) => locale.code === resolvedValue) ?? { code: resolvedValue };
+	const canSwitch = !!onChange && localeOptions.length > 1;
+	const useDropdown = localeOptions.length >= DROPDOWN_THRESHOLD;
+	const flagMapping = {};
+	for (const locale of localeOptions) if (locale.flagCountryCode) flagMapping[locale.code.toLowerCase()] = locale.flagCountryCode;
+	const hasCustomMapping = Object.keys(flagMapping).length > 0;
+	const getLocaleFlagUrl = (code, size = 24) => getFlagUrl(code, size, hasCustomMapping ? flagMapping : void 0);
+	if (!hasResolvedValue) return null;
+	const codeLabel = currentLocale.code;
+	const nameLabel = currentLocale.label ? resolveText(currentLocale.label) : codeLabel;
+	let labelElement = null;
+	switch (labelMode) {
+		case "none": break;
+		case "name":
+			labelElement = /* @__PURE__ */ jsx("span", {
+				className: "font-medium",
+				children: nameLabel
+			});
+			break;
+		case "both":
+			labelElement = /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
 					className: "font-chrome chrome-meta",
 					children: codeLabel
-				});
-			}
-			let baseClassName;
-			let t9$1;
-			if ($[16] !== className) {
-				baseClassName = cn("item-surface border-border bg-secondary text-secondary-foreground inline-flex min-h-5 items-center gap-1 px-2 py-0.5 text-xs font-medium", className);
-				t9$1 = cn(baseClassName, "hover:bg-accent hover:text-accent-foreground focus:ring-ring cursor-pointer transition-colors focus:ring-1 focus:outline-none");
-				$[16] = className;
-				$[17] = baseClassName;
-				$[18] = t9$1;
-			} else {
-				baseClassName = $[17];
-				t9$1 = $[18];
-			}
-			const interactiveClassName = t9$1;
-			const ariaLabel = `Switch locale (current: ${nameLabel})`;
-			const t10 = showFlag && !imgError && /* @__PURE__ */ jsx("img", {
-				src: getLocaleFlagUrl(resolvedValue),
-				alt: resolvedValue,
-				className: "image-outline h-2.5 w-3.5 rounded-[1px] object-cover",
-				onError: () => setImgError(true)
+				}), currentLocale.label && /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground font-normal",
+					children: resolveText(currentLocale.label)
+				})]
+			});
+			break;
+		case "code":
+		default:
+			labelElement = /* @__PURE__ */ jsx("span", {
+				className: "font-chrome chrome-meta",
+				children: codeLabel
 			});
-			let t11;
-			if ($[19] !== labelElement || $[20] !== t10) {
-				t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, labelElement] });
-				$[19] = labelElement;
-				$[20] = t10;
-				$[21] = t11;
-			} else t11 = $[21];
-			const content = t11;
-			if (!canSwitch) {
-				let t12$1;
-				if ($[22] !== baseClassName || $[23] !== content) {
-					t12$1 = /* @__PURE__ */ jsx("span", {
-						className: baseClassName,
-						children: content
-					});
-					$[22] = baseClassName;
-					$[23] = content;
-					$[24] = t12$1;
-				} else t12$1 = $[24];
-				t7 = t12$1;
-				break bb0;
-			}
-			if (!useDropdown) {
-				const handleCycle = (e) => {
-					e.stopPropagation();
-					const nextLocale = localeOptions[(localeOptions.findIndex((locale_1) => locale_1.code === resolvedValue) + 1) % localeOptions.length]?.code;
-					if (nextLocale) onChange(nextLocale);
-				};
-				let t12$1;
-				if ($[25] !== ariaLabel || $[26] !== content || $[27] !== handleCycle || $[28] !== interactiveClassName) {
-					t12$1 = /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: handleCycle,
-						className: interactiveClassName,
-						"aria-label": ariaLabel,
-						title: ariaLabel,
-						children: content
-					});
-					$[25] = ariaLabel;
-					$[26] = content;
-					$[27] = handleCycle;
-					$[28] = interactiveClassName;
-					$[29] = t12$1;
-				} else t12$1 = $[29];
-				t7 = t12$1;
-				break bb0;
-			}
-			T1 = DropdownMenu;
-			let t12;
-			if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-				t12 = /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:caret-down",
-					className: "size-2.5"
-				});
-				$[30] = t12;
-			} else t12 = $[30];
-			if ($[31] !== ariaLabel || $[32] !== content || $[33] !== interactiveClassName) {
-				t6 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-					className: interactiveClassName,
-					"aria-label": ariaLabel,
-					title: ariaLabel,
-					onClick: _temp,
-					children: [content, t12]
-				});
-				$[31] = ariaLabel;
-				$[32] = content;
-				$[33] = interactiveClassName;
-				$[34] = t6;
-			} else t6 = $[34];
-			T0 = DropdownMenuContent;
-			t3 = "start";
-			t4 = "min-w-[140px]";
-			t5 = localeOptions.map((locale_2) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-				onClick: (e_1) => {
-					e_1.stopPropagation();
-					onChange(locale_2.code);
-				},
-				className: "gap-2 text-xs",
-				children: [
-					showFlag && /* @__PURE__ */ jsx("img", {
-						src: getLocaleFlagUrl(locale_2.code),
-						alt: locale_2.code,
-						className: "image-outline h-2.5 w-3.5 rounded-[1px] object-cover",
-						onError: _temp2
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "font-chrome chrome-meta font-medium",
-						children: locale_2.code
-					}),
-					locale_2.label && /* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground",
-						children: resolveText(locale_2.label)
-					}),
-					locale_2.code === resolvedValue && /* @__PURE__ */ jsx(Icon, {
-						icon: "ph:check",
-						className: "ml-auto size-3"
-					})
-				]
-			}, locale_2.code));
-		}
-		$[0] = className;
-		$[1] = hasResolvedValue;
-		$[2] = imgError;
-		$[3] = labelMode;
-		$[4] = locales;
-		$[5] = onChange;
-		$[6] = resolveText;
-		$[7] = resolvedValue;
-		$[8] = showFlag;
-		$[9] = T0;
-		$[10] = T1;
-		$[11] = t3;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-		$[15] = t7;
-	} else {
-		T0 = $[9];
-		T1 = $[10];
-		t3 = $[11];
-		t4 = $[12];
-		t5 = $[13];
-		t6 = $[14];
-		t7 = $[15];
+			break;
 	}
-	if (t7 !== Symbol.for("react.early_return_sentinel")) return t7;
-	let t8;
-	if ($[35] !== T0 || $[36] !== t3 || $[37] !== t4 || $[38] !== t5) {
-		t8 = /* @__PURE__ */ jsx(T0, {
-			align: t3,
-			className: t4,
-			children: t5
+	const baseClassName = cn("item-surface border-border bg-secondary text-secondary-foreground inline-flex min-h-5 items-center gap-1 px-2 py-0.5 text-xs font-medium", className);
+	const interactiveClassName = cn(baseClassName, "hover:bg-accent hover:text-accent-foreground focus:ring-ring cursor-pointer transition-colors focus:ring-1 focus:outline-none");
+	const ariaLabel = `Switch locale (current: ${nameLabel})`;
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [showFlag && !imgError && /* @__PURE__ */ jsx("img", {
+		src: getLocaleFlagUrl(resolvedValue),
+		alt: resolvedValue,
+		className: "image-outline h-2.5 w-3.5 rounded-[1px] object-cover",
+		onError: () => setImgError(true)
+	}), labelElement] });
+	if (!canSwitch) return /* @__PURE__ */ jsx("span", {
+		className: baseClassName,
+		children: content
+	});
+	if (!useDropdown) {
+		const handleCycle = (e) => {
+			e.stopPropagation();
+			const nextLocale = localeOptions[(localeOptions.findIndex((locale) => locale.code === resolvedValue) + 1) % localeOptions.length]?.code;
+			if (nextLocale) onChange(nextLocale);
+		};
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleCycle,
+			className: interactiveClassName,
+			"aria-label": ariaLabel,
+			title: ariaLabel,
+			children: content
 		});
-		$[35] = T0;
-		$[36] = t3;
-		$[37] = t4;
-		$[38] = t5;
-		$[39] = t8;
-	} else t8 = $[39];
-	let t9;
-	if ($[40] !== T1 || $[41] !== t6 || $[42] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(T1, { children: [t6, t8] });
-		$[40] = T1;
-		$[41] = t6;
-		$[42] = t8;
-		$[43] = t9;
-	} else t9 = $[43];
-	return t9;
-}
-function _temp2(event) {
-	event.currentTarget.style.display = "none";
-}
-function _temp(e_0) {
-	return e_0.stopPropagation();
+	}
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+		className: interactiveClassName,
+		"aria-label": ariaLabel,
+		title: ariaLabel,
+		onClick: (e) => e.stopPropagation(),
+		children: [content, /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-down",
+			className: "size-2.5"
+		})]
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "start",
+		className: "min-w-[140px]",
+		children: localeOptions.map((locale) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: (e) => {
+				e.stopPropagation();
+				onChange(locale.code);
+			},
+			className: "gap-2 text-xs",
+			children: [
+				showFlag && /* @__PURE__ */ jsx("img", {
+					src: getLocaleFlagUrl(locale.code),
+					alt: locale.code,
+					className: "image-outline h-2.5 w-3.5 rounded-[1px] object-cover",
+					onError: (event) => {
+						event.currentTarget.style.display = "none";
+					}
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "font-chrome chrome-meta font-medium",
+					children: locale.code
+				}),
+				locale.label && /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: resolveText(locale.label)
+				}),
+				locale.code === resolvedValue && /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:check",
+					className: "ml-auto size-3"
+				})
+			]
+		}, locale.code))
+	})] });
 }
 
 //#endregion