camox 0.48.0 → 0.52.1

package/dist/features/studio/components/LocalePicker.js

@@ -33,202 +33,206 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem,
 * and removing them. Switching keeps the page shown when the other language has it, and goes to
 * that language's home otherwise; the URL names the language by its prefix. Adding and removing
 * languages are content writes, so on Live they start a draft. While Camox translates the draft
-* into its languages, the picker shows a spinner, and nothing else does.
+* into its languages, the picker shows a spinner, and nothing else does. A `disabled` picker still
+* names the language viewed.
 */
 function LocalePicker(t0) {
-	const $ = c(69);
-	const { recordPage } = t0;
+	const $ = c(70);
+	const { recordPage, disabled: t1 } = t0;
+	const disabled = t1 === void 0 ? false : t1;
 	const projectUuid = useProjectUuid();
 	const view = useViewLocale();
 	const dialog = useSelector(studioStore, _temp);
-	let t1;
+	let t2;
 	if ($[0] !== projectUuid) {
-		t1 = reads.project({ projectUuid });
+		t2 = reads.project({ projectUuid });
 		$[0] = projectUuid;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = !!projectUuid;
-	let t3;
-	if ($[2] !== t2) {
-		t3 = { enabled: t2 };
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	const projectId = useReadQuery(t1, t3).data?.id;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = !!projectUuid;
 	let t4;
+	if ($[2] !== t3) {
+		t4 = { enabled: t3 };
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const projectId = useReadQuery(t2, t4).data?.id;
+	let t5;
 	if ($[4] !== projectId) {
-		t4 = reads.localeList({ projectId: projectId ?? 0 });
+		t5 = reads.localeList({ projectId: projectId ?? 0 });
 		$[4] = projectId;
-		$[5] = t4;
-	} else t4 = $[5];
-	const t5 = !!projectId;
-	let t6;
-	if ($[6] !== t5) {
-		t6 = { enabled: t5 };
-		$[6] = t5;
-		$[7] = t6;
-	} else t6 = $[7];
-	const locales = useReadQuery(t4, t6).data ?? view.locales;
+		$[5] = t5;
+	} else t5 = $[5];
+	const t6 = !!projectId;
 	let t7;
+	if ($[6] !== t6) {
+		t7 = { enabled: t6 };
+		$[6] = t6;
+		$[7] = t7;
+	} else t7 = $[7];
+	const locales = useReadQuery(t5, t7).data ?? view.locales;
+	let t8;
 	if ($[8] !== locales || $[9] !== view) {
-		t7 = locales.find((locale) => view.locale.isDefault ? locale.isDefault : locale.tag === view.locale.tag) ?? view.locale;
+		t8 = locales.find((locale) => view.locale.isDefault ? locale.isDefault : locale.tag === view.locale.tag) ?? view.locale;
 		$[8] = locales;
 		$[9] = view;
-		$[10] = t7;
-	} else t7 = $[10];
-	const viewed = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	const viewed = t8;
 	const switchTo = useSwitchLocale(recordPage);
 	const draftId = useCurrentDraftId();
-	let t8;
+	let t9;
 	if ($[11] !== draftId || $[12] !== projectId) {
-		t8 = reads.draft({
+		t9 = reads.draft({
 			projectId: projectId ?? 0,
 			draftId: draftId ?? ""
 		});
 		$[11] = draftId;
 		$[12] = projectId;
-		$[13] = t8;
-	} else t8 = $[13];
-	const t9 = !!projectId && !!draftId;
-	let t10;
-	if ($[14] !== t9) {
-		t10 = { enabled: t9 };
-		$[14] = t9;
-		$[15] = t10;
-	} else t10 = $[15];
-	const draft = useReadQuery(t8, t10);
+		$[13] = t9;
+	} else t9 = $[13];
+	const t10 = !!projectId && !!draftId;
 	let t11;
+	if ($[14] !== t10) {
+		t11 = { enabled: t10 };
+		$[14] = t10;
+		$[15] = t11;
+	} else t11 = $[15];
+	const draft = useReadQuery(t9, t11);
+	let t12;
 	if ($[16] !== draft.data?.translatingLocales) {
-		t11 = draft.data?.translatingLocales ?? [];
+		t12 = draft.data?.translatingLocales ?? [];
 		$[16] = draft.data?.translatingLocales;
-		$[17] = t11;
-	} else t11 = $[17];
-	const translatingLocales = t11;
-	let t12;
+		$[17] = t12;
+	} else t12 = $[17];
+	const translatingLocales = t12;
+	let t13;
 	if ($[18] !== viewed.tag) {
-		t12 = [viewed.tag];
+		t13 = [viewed.tag];
 		$[18] = viewed.tag;
-		$[19] = t12;
-	} else t12 = $[19];
-	React.useEffect(_temp2, t12);
-	let t13;
+		$[19] = t13;
+	} else t13 = $[19];
+	React.useEffect(_temp2, t13);
+	let t14;
 	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = /* @__PURE__ */ jsx(Button, {
+		t14 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost"
 		});
-		$[20] = t13;
-	} else t13 = $[20];
-	let t14;
+		$[20] = t14;
+	} else t14 = $[20];
+	let t15;
 	if ($[21] !== translatingLocales) {
-		t14 = translatingLocales.length > 0 ? /* @__PURE__ */ jsx(TranslatingSpinner, { tags: translatingLocales }) : /* @__PURE__ */ jsx(Languages, {
+		t15 = translatingLocales.length > 0 ? /* @__PURE__ */ jsx(TranslatingSpinner, { tags: translatingLocales }) : /* @__PURE__ */ jsx(Languages, {
 			"aria-hidden": true,
 			className: "text-muted-foreground size-4"
 		});
 		$[21] = translatingLocales;
-		$[22] = t14;
-	} else t14 = $[22];
-	let t15;
+		$[22] = t15;
+	} else t15 = $[22];
+	let t16;
 	if ($[23] !== viewed.tag) {
-		t15 = localeLabel(viewed.tag);
+		t16 = localeLabel(viewed.tag);
 		$[23] = viewed.tag;
-		$[24] = t15;
-	} else t15 = $[24];
-	let t16;
-	if ($[25] !== t15) {
-		t16 = /* @__PURE__ */ jsx("span", {
+		$[24] = t16;
+	} else t16 = $[24];
+	let t17;
+	if ($[25] !== t16) {
+		t17 = /* @__PURE__ */ jsx("span", {
 			className: "max-w-40 truncate",
-			children: t15
+			children: t16
 		});
-		$[25] = t15;
-		$[26] = t16;
-	} else t16 = $[26];
-	let t17;
+		$[25] = t16;
+		$[26] = t17;
+	} else t17 = $[26];
+	let t18;
 	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = /* @__PURE__ */ jsx(ChevronsUpDown, {
+		t18 = /* @__PURE__ */ jsx(ChevronsUpDown, {
 			"aria-hidden": true,
 			className: "size-4 opacity-50"
 		});
-		$[27] = t17;
-	} else t17 = $[27];
-	let t18;
-	if ($[28] !== t14 || $[29] !== t16) {
-		t18 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-			render: t13,
+		$[27] = t18;
+	} else t18 = $[27];
+	let t19;
+	if ($[28] !== disabled || $[29] !== t15 || $[30] !== t17) {
+		t19 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			disabled,
+			render: t14,
 			children: [
-				t14,
-				t16,
-				t17
+				t15,
+				t17,
+				t18
 			]
 		});
-		$[28] = t14;
-		$[29] = t16;
-		$[30] = t18;
-	} else t18 = $[30];
-	const t19 = viewed.tag;
-	let t20;
-	if ($[31] !== locales || $[32] !== switchTo) {
-		t20 = (tag) => {
+		$[28] = disabled;
+		$[29] = t15;
+		$[30] = t17;
+		$[31] = t19;
+	} else t19 = $[31];
+	const t20 = viewed.tag;
+	let t21;
+	if ($[32] !== locales || $[33] !== switchTo) {
+		t21 = (tag) => {
 			const next = locales.find((locale_0) => locale_0.tag === tag);
 			if (next) switchTo(next);
 		};
-		$[31] = locales;
-		$[32] = switchTo;
-		$[33] = t20;
-	} else t20 = $[33];
-	let t21;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Languages" });
+		$[32] = locales;
+		$[33] = switchTo;
 		$[34] = t21;
 	} else t21 = $[34];
 	let t22;
-	if ($[35] !== locales) {
-		t22 = locales.map(_temp3);
-		$[35] = locales;
-		$[36] = t22;
-	} else t22 = $[36];
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Languages" });
+		$[35] = t22;
+	} else t22 = $[35];
 	let t23;
-	if ($[37] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [t21, t22] });
-		$[37] = t22;
-		$[38] = t23;
-	} else t23 = $[38];
+	if ($[36] !== locales) {
+		t23 = locales.map(_temp3);
+		$[36] = locales;
+		$[37] = t23;
+	} else t23 = $[37];
 	let t24;
-	if ($[39] !== t20 || $[40] !== t23 || $[41] !== viewed.tag) {
-		t24 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-			value: t19,
-			onValueChange: t20,
-			children: t23
-		});
-		$[39] = t20;
-		$[40] = t23;
-		$[41] = viewed.tag;
-		$[42] = t24;
-	} else t24 = $[42];
+	if ($[38] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [t22, t23] });
+		$[38] = t23;
+		$[39] = t24;
+	} else t24 = $[39];
 	let t25;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-		t25 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+	if ($[40] !== t21 || $[41] !== t24 || $[42] !== viewed.tag) {
+		t25 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+			value: t20,
+			onValueChange: t21,
+			children: t24
+		});
+		$[40] = t21;
+		$[41] = t24;
+		$[42] = viewed.tag;
 		$[43] = t25;
 	} else t25 = $[43];
-	const t26 = !projectId;
-	let t27;
+	let t26;
 	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
-		t27 = /* @__PURE__ */ jsx(Plus, {});
-		$[44] = t27;
-	} else t27 = $[44];
+		t26 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[44] = t26;
+	} else t26 = $[44];
+	const t27 = !projectId;
 	let t28;
-	if ($[45] !== t26) {
-		t28 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			disabled: t26,
+	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+		t28 = /* @__PURE__ */ jsx(Plus, {});
+		$[45] = t28;
+	} else t28 = $[45];
+	let t29;
+	if ($[46] !== t27) {
+		t29 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			disabled: t27,
 			onClick: _temp4,
-			children: [t27, "Add language…"]
+			children: [t28, "Add language…"]
 		});
-		$[45] = t26;
-		$[46] = t28;
-	} else t28 = $[46];
-	let t29;
-	if ($[47] !== projectId || $[48] !== viewed.isDefault || $[49] !== viewed.tag) {
-		t29 = !viewed.isDefault && /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		$[46] = t27;
+		$[47] = t29;
+	} else t29 = $[47];
+	let t30;
+	if ($[48] !== projectId || $[49] !== viewed.isDefault || $[50] !== viewed.tag) {
+		t30 = !viewed.isDefault && /* @__PURE__ */ jsxs(DropdownMenuItem, {
 			variant: "destructive",
 			disabled: !projectId,
 			onClick: _temp5,
@@ -239,43 +243,43 @@ function LocalePicker(t0) {
 				"…"
 			]
 		});
-		$[47] = projectId;
-		$[48] = viewed.isDefault;
-		$[49] = viewed.tag;
-		$[50] = t29;
-	} else t29 = $[50];
-	let t30;
-	if ($[51] !== t28 || $[52] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [t28, t29] });
-		$[51] = t28;
+		$[48] = projectId;
+		$[49] = viewed.isDefault;
+		$[50] = viewed.tag;
+		$[51] = t30;
+	} else t30 = $[51];
+	let t31;
+	if ($[52] !== t29 || $[53] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [t29, t30] });
 		$[52] = t29;
 		$[53] = t30;
-	} else t30 = $[53];
-	let t31;
-	if ($[54] !== t24 || $[55] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		$[54] = t31;
+	} else t31 = $[54];
+	let t32;
+	if ($[55] !== t25 || $[56] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(DropdownMenuContent, {
 			className: "w-64",
 			align: "start",
 			children: [
-				t24,
 				t25,
-				t30
+				t26,
+				t31
 			]
 		});
-		$[54] = t24;
-		$[55] = t30;
+		$[55] = t25;
 		$[56] = t31;
-	} else t31 = $[56];
-	let t32;
-	if ($[57] !== t18 || $[58] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t18, t31] });
-		$[57] = t18;
-		$[58] = t31;
-		$[59] = t32;
-	} else t32 = $[59];
+		$[57] = t32;
+	} else t32 = $[57];
 	let t33;
-	if ($[60] !== dialog || $[61] !== locales || $[62] !== projectId || $[63] !== switchTo || $[64] !== viewed) {
-		t33 = projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AddLocaleDialog, {
+	if ($[58] !== t19 || $[59] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t19, t32] });
+		$[58] = t19;
+		$[59] = t32;
+		$[60] = t33;
+	} else t33 = $[60];
+	let t34;
+	if ($[61] !== dialog || $[62] !== locales || $[63] !== projectId || $[64] !== switchTo || $[65] !== viewed) {
+		t34 = projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AddLocaleDialog, {
 			projectId,
 			locales,
 			open: dialog === "add",
@@ -289,21 +293,21 @@ function LocalePicker(t0) {
 				if (fallback) switchTo(fallback);
 			}
 		})] });
-		$[60] = dialog;
-		$[61] = locales;
-		$[62] = projectId;
-		$[63] = switchTo;
-		$[64] = viewed;
-		$[65] = t33;
-	} else t33 = $[65];
-	let t34;
-	if ($[66] !== t32 || $[67] !== t33) {
-		t34 = /* @__PURE__ */ jsxs(Fragment, { children: [t32, t33] });
-		$[66] = t32;
+		$[61] = dialog;
+		$[62] = locales;
+		$[63] = projectId;
+		$[64] = switchTo;
+		$[65] = viewed;
+		$[66] = t34;
+	} else t34 = $[66];
+	let t35;
+	if ($[67] !== t33 || $[68] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [t33, t34] });
 		$[67] = t33;
 		$[68] = t34;
-	} else t34 = $[68];
-	return t34;
+		$[69] = t35;
+	} else t35 = $[69];
+	return t35;
 }
 function _temp6(locale_2) {
 	return locale_2.isDefault;