@questpie/admin 3.2.0 → 3.2.2

package/dist/client/components/fields/array-field.mjs

@@ -1,4 +1,5 @@
-import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { useResolveText, useSafeI18n, useTranslation } from "../../i18n/hooks.mjs";
+import { resolveOptionLabel } from "../primitives/option-label.mjs";
 import { Button } from "../ui/button.mjs";
 import { Input } from "../ui/input.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select.mjs";
@@ -19,144 +20,202 @@ import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
 * When `item` prop is provided, delegates to ObjectArrayField for object items.
 */
 function ArrayItemInput(t0) {
-	const $ = c(44);
+	const $ = c(64);
 	const { name, index, itemType, itemValue, placeholder, disabled, readOnly, options } = t0;
 	const resolveText = useResolveText();
+	const i18n = useSafeI18n();
+	const locale = i18n?.locale ?? "en";
+	let t1;
+	if ($[0] !== i18n) {
+		t1 = (key) => i18n?.t(key) ?? key;
+		$[0] = i18n;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t = t1;
+	let t2;
+	if ($[2] !== locale || $[3] !== resolveText || $[4] !== t) {
+		t2 = (option) => resolveOptionLabel({
+			value: option.value,
+			label: option.label,
+			resolveText,
+			t,
+			locale
+		});
+		$[2] = locale;
+		$[3] = resolveText;
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	const getOptionLabel = t2;
 	const form = useFormContext();
 	const itemName = `${name}.${index}`;
 	const itemPlaceholder = placeholder || `Item ${index + 1}`;
 	if (itemType === "textarea") {
-		const t1$1 = disabled || readOnly;
-		const t2$1 = itemValue ?? "";
-		let t3$1;
-		if ($[0] !== form || $[1] !== itemName) {
-			t3$1 = form.register(itemName);
-			$[0] = form;
-			$[1] = itemName;
-			$[2] = t3$1;
-		} else t3$1 = $[2];
-		let t4$1;
-		if ($[3] !== itemName || $[4] !== itemPlaceholder || $[5] !== t1$1 || $[6] !== t2$1 || $[7] !== t3$1) {
-			t4$1 = /* @__PURE__ */ jsx(Textarea, {
+		const t3$1 = disabled || readOnly;
+		const t4$1 = itemValue ?? "";
+		let t5$1;
+		if ($[6] !== form || $[7] !== itemName) {
+			t5$1 = form.register(itemName);
+			$[6] = form;
+			$[7] = itemName;
+			$[8] = t5$1;
+		} else t5$1 = $[8];
+		let t6$1;
+		if ($[9] !== itemName || $[10] !== itemPlaceholder || $[11] !== t3$1 || $[12] !== t4$1 || $[13] !== t5$1) {
+			t6$1 = /* @__PURE__ */ jsx(Textarea, {
 				id: itemName,
 				placeholder: itemPlaceholder,
-				disabled: t1$1,
-				defaultValue: t2$1,
-				...t3$1
+				disabled: t3$1,
+				defaultValue: t4$1,
+				...t5$1
 			});
-			$[3] = itemName;
-			$[4] = itemPlaceholder;
-			$[5] = t1$1;
-			$[6] = t2$1;
-			$[7] = t3$1;
-			$[8] = t4$1;
-		} else t4$1 = $[8];
-		return t4$1;
+			$[9] = itemName;
+			$[10] = itemPlaceholder;
+			$[11] = t3$1;
+			$[12] = t4$1;
+			$[13] = t5$1;
+			$[14] = t6$1;
+		} else t6$1 = $[14];
+		return t6$1;
 	}
 	if (itemType === "select") {
-		const t1$1 = itemValue ?? "";
-		let t2$1;
-		if ($[9] !== form || $[10] !== itemName) {
-			t2$1 = (value) => form.setValue(itemName, value, {
-				shouldDirty: true,
-				shouldTouch: true
-			});
-			$[9] = form;
-			$[10] = itemName;
-			$[11] = t2$1;
-		} else t2$1 = $[11];
-		const t3$1 = disabled || readOnly;
+		let T0;
+		let T1;
+		let t3$1;
 		let t4$1;
-		if ($[12] !== itemPlaceholder || $[13] !== itemValue || $[14] !== options || $[15] !== resolveText) {
-			t4$1 = options?.find((o_0) => o_0.value === itemValue)?.label ? resolveText(options.find((o) => o.value === itemValue)?.label) : itemPlaceholder;
-			$[12] = itemPlaceholder;
-			$[13] = itemValue;
-			$[14] = options;
-			$[15] = resolveText;
-			$[16] = t4$1;
-		} else t4$1 = $[16];
 		let t5$1;
-		if ($[17] !== t4$1) {
-			t5$1 = /* @__PURE__ */ jsx("span", {
-				className: "truncate",
+		let t6$1;
+		let t7$1;
+		let t8;
+		if ($[15] !== disabled || $[16] !== form || $[17] !== getOptionLabel || $[18] !== itemName || $[19] !== itemPlaceholder || $[20] !== itemValue || $[21] !== options || $[22] !== readOnly) {
+			const selectedOption = options?.find((o) => o.value === itemValue);
+			T1 = Select;
+			t6$1 = itemValue ?? "";
+			if ($[31] !== form || $[32] !== itemName) {
+				t7$1 = (value) => form.setValue(itemName, value, {
+					shouldDirty: true,
+					shouldTouch: true
+				});
+				$[31] = form;
+				$[32] = itemName;
+				$[33] = t7$1;
+			} else t7$1 = $[33];
+			t8 = disabled || readOnly;
+			T0 = SelectTrigger;
+			t5$1 = itemName;
+			t3$1 = "truncate";
+			t4$1 = selectedOption ? getOptionLabel(selectedOption) : itemPlaceholder;
+			$[15] = disabled;
+			$[16] = form;
+			$[17] = getOptionLabel;
+			$[18] = itemName;
+			$[19] = itemPlaceholder;
+			$[20] = itemValue;
+			$[21] = options;
+			$[22] = readOnly;
+			$[23] = T0;
+			$[24] = T1;
+			$[25] = t3$1;
+			$[26] = t4$1;
+			$[27] = t5$1;
+			$[28] = t6$1;
+			$[29] = t7$1;
+			$[30] = t8;
+		} else {
+			T0 = $[23];
+			T1 = $[24];
+			t3$1 = $[25];
+			t4$1 = $[26];
+			t5$1 = $[27];
+			t6$1 = $[28];
+			t7$1 = $[29];
+			t8 = $[30];
+		}
+		let t9;
+		if ($[34] !== t3$1 || $[35] !== t4$1) {
+			t9 = /* @__PURE__ */ jsx("span", {
+				className: t3$1,
 				children: t4$1
 			});
-			$[17] = t4$1;
-			$[18] = t5$1;
-		} else t5$1 = $[18];
-		let t6;
-		if ($[19] !== itemName || $[20] !== t5$1) {
-			t6 = /* @__PURE__ */ jsx(SelectTrigger, {
-				id: itemName,
-				children: t5$1
+			$[34] = t3$1;
+			$[35] = t4$1;
+			$[36] = t9;
+		} else t9 = $[36];
+		let t10;
+		if ($[37] !== T0 || $[38] !== t5$1 || $[39] !== t9) {
+			t10 = /* @__PURE__ */ jsx(T0, {
+				id: t5$1,
+				children: t9
 			});
-			$[19] = itemName;
-			$[20] = t5$1;
-			$[21] = t6;
-		} else t6 = $[21];
-		let t7;
-		if ($[22] !== options || $[23] !== resolveText) {
-			t7 = options?.map((option) => /* @__PURE__ */ jsx(SelectItem, {
-				value: option.value,
-				children: resolveText(option.label)
-			}, option.value));
-			$[22] = options;
-			$[23] = resolveText;
-			$[24] = t7;
-		} else t7 = $[24];
-		let t8;
-		if ($[25] !== t7) {
-			t8 = /* @__PURE__ */ jsx(SelectContent, { children: t7 });
-			$[25] = t7;
-			$[26] = t8;
-		} else t8 = $[26];
-		let t9;
-		if ($[27] !== t1$1 || $[28] !== t2$1 || $[29] !== t3$1 || $[30] !== t6 || $[31] !== t8) {
-			t9 = /* @__PURE__ */ jsxs(Select, {
-				value: t1$1,
-				onValueChange: t2$1,
-				disabled: t3$1,
-				children: [t6, t8]
+			$[37] = T0;
+			$[38] = t5$1;
+			$[39] = t9;
+			$[40] = t10;
+		} else t10 = $[40];
+		let t11;
+		if ($[41] !== getOptionLabel || $[42] !== options) {
+			t11 = options?.map((option_0) => /* @__PURE__ */ jsx(SelectItem, {
+				value: option_0.value,
+				children: getOptionLabel(option_0)
+			}, option_0.value));
+			$[41] = getOptionLabel;
+			$[42] = options;
+			$[43] = t11;
+		} else t11 = $[43];
+		let t12;
+		if ($[44] !== t11) {
+			t12 = /* @__PURE__ */ jsx(SelectContent, { children: t11 });
+			$[44] = t11;
+			$[45] = t12;
+		} else t12 = $[45];
+		let t13;
+		if ($[46] !== T1 || $[47] !== t10 || $[48] !== t12 || $[49] !== t6$1 || $[50] !== t7$1 || $[51] !== t8) {
+			t13 = /* @__PURE__ */ jsxs(T1, {
+				value: t6$1,
+				onValueChange: t7$1,
+				disabled: t8,
+				children: [t10, t12]
 			});
-			$[27] = t1$1;
-			$[28] = t2$1;
-			$[29] = t3$1;
-			$[30] = t6;
-			$[31] = t8;
-			$[32] = t9;
-		} else t9 = $[32];
-		return t9;
+			$[46] = T1;
+			$[47] = t10;
+			$[48] = t12;
+			$[49] = t6$1;
+			$[50] = t7$1;
+			$[51] = t8;
+			$[52] = t13;
+		} else t13 = $[52];
+		return t13;
 	}
-	const t1 = itemType === "email" ? "email" : itemType;
-	const t2 = disabled || readOnly;
-	const t3 = itemValue ?? "";
-	let t4;
-	if ($[33] !== form || $[34] !== itemName || $[35] !== itemType) {
-		t4 = form.register(itemName, itemType === "number" ? { valueAsNumber: true } : void 0);
-		$[33] = form;
-		$[34] = itemName;
-		$[35] = itemType;
-		$[36] = t4;
-	} else t4 = $[36];
-	let t5;
-	if ($[37] !== itemName || $[38] !== itemPlaceholder || $[39] !== t1 || $[40] !== t2 || $[41] !== t3 || $[42] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Input, {
+	const t3 = itemType === "email" ? "email" : itemType;
+	const t4 = disabled || readOnly;
+	const t5 = itemValue ?? "";
+	let t6;
+	if ($[53] !== form || $[54] !== itemName || $[55] !== itemType) {
+		t6 = form.register(itemName, itemType === "number" ? { valueAsNumber: true } : void 0);
+		$[53] = form;
+		$[54] = itemName;
+		$[55] = itemType;
+		$[56] = t6;
+	} else t6 = $[56];
+	let t7;
+	if ($[57] !== itemName || $[58] !== itemPlaceholder || $[59] !== t3 || $[60] !== t4 || $[61] !== t5 || $[62] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Input, {
 			id: itemName,
-			type: t1,
+			type: t3,
 			placeholder: itemPlaceholder,
-			disabled: t2,
-			defaultValue: t3,
-			...t4
+			disabled: t4,
+			defaultValue: t5,
+			...t6
 		});
-		$[37] = itemName;
-		$[38] = itemPlaceholder;
-		$[39] = t1;
-		$[40] = t2;
-		$[41] = t3;
-		$[42] = t4;
-		$[43] = t5;
-	} else t5 = $[43];
-	return t5;
+		$[57] = itemName;
+		$[58] = itemPlaceholder;
+		$[59] = t3;
+		$[60] = t4;
+		$[61] = t5;
+		$[62] = t6;
+		$[63] = t7;
+	} else t7 = $[63];
+	return t7;
 }
 function ArrayField(t0) {
 	const $ = c(89);