@questpie/admin 2.0.0 → 3.0.1

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

@@ -1,38 +1,67 @@
+import { cn } from "../../lib/utils.mjs";
 import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { TextInput } from "../primitives/text-input.mjs";
-import { Controller } from "react-hook-form";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/email-field.tsx
-function EmailField({ name, label, description, placeholder, required, disabled, localized, locale, control, className }) {
-	return /* @__PURE__ */ jsx(Controller, {
-		name,
-		control: useResolvedControl(control),
-		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
-			name,
-			label,
-			description,
-			required,
-			disabled,
-			localized,
-			locale,
-			error: fieldState.error?.message,
-			children: /* @__PURE__ */ jsx(TextInput, {
-				id: name,
-				value: field.value ?? "",
-				onChange: field.onChange,
-				type: "email",
-				placeholder,
+function EmailField(t0) {
+	const $ = c(14);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className } = t0;
+	const resolvedControl = useResolvedControl(control);
+	let t1;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== label || $[4] !== locale || $[5] !== localized || $[6] !== name || $[7] !== placeholder || $[8] !== required) {
+		t1 = (t2$1) => {
+			const { field, fieldState } = t2$1;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
 				disabled,
-				autoComplete: "email",
-				"aria-invalid": !!fieldState.error,
-				className
-			})
-		})
-	});
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(TextInput, {
+					id: name,
+					value: field.value ?? "",
+					onChange: field.onChange,
+					type: "email",
+					placeholder,
+					disabled,
+					autoComplete: "email",
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-email-field", className)
+				})
+			});
+		};
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = label;
+		$[4] = locale;
+		$[5] = localized;
+		$[6] = name;
+		$[7] = placeholder;
+		$[8] = required;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== name || $[11] !== resolvedControl || $[12] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[10] = name;
+		$[11] = resolvedControl;
+		$[12] = t1;
+		$[13] = t2;
+	} else t2 = $[13];
+	return t2;
 }
 
 //#endregion
-export { EmailField };
-//# sourceMappingURL=email-field.mjs.map
+export { EmailField };

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

@@ -61,5 +61,4 @@ function getGridColumnsClass(columns, useContainerQueries = false) {
 }
 
 //#endregion
-export { getAutoColumns, getGridColumnsClass, gridColumnClasses, sanitizeFilename, useResolvedControl };
-//# sourceMappingURL=field-utils.mjs.map
+export { getAutoColumns, getGridColumnsClass, gridColumnClasses, sanitizeFilename, useResolvedControl };

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

@@ -3,47 +3,122 @@ import { useSafeContentLocales } from "../../runtime/content-locales-provider.mj
 import { useScopedLocale } from "../../runtime/locale-scope.mjs";
 import { LocaleSwitcher } from "../locale-switcher.mjs";
 import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../ui/field.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/fields/field-wrapper.tsx
-function FieldWrapper({ name, label, description, required, disabled, error, localized, locale, children, fieldPath }) {
+function FieldWrapper(t0) {
+	const $ = c(33);
+	const { name, label, description, required, disabled, readOnly, error, localized, locale, children, fieldPath } = t0;
 	const resolveText = useResolveText();
 	const { locale: scopedLocale } = useScopedLocale();
 	const contentLocales = useSafeContentLocales();
 	const resolvedLocale = locale ?? scopedLocale;
-	const localeOptions = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
-	const resolvedLabel = label ? resolveText(label) : void 0;
-	const resolvedDescription = description ? resolveText(description) : void 0;
-	return /* @__PURE__ */ jsx(Field, {
-		"data-disabled": disabled,
-		"data-invalid": !!error,
-		"data-field-path": fieldPath ?? name,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
+	let t1;
+	if ($[0] !== contentLocales || $[1] !== resolvedLocale) {
+		t1 = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
+		$[0] = contentLocales;
+		$[1] = resolvedLocale;
+		$[2] = t1;
+	} else t1 = $[2];
+	const localeOptions = t1;
+	let t2;
+	if ($[3] !== label || $[4] !== resolveText) {
+		t2 = label ? resolveText(label) : void 0;
+		$[3] = label;
+		$[4] = resolveText;
+		$[5] = t2;
+	} else t2 = $[5];
+	const resolvedLabel = t2;
+	let t3;
+	if ($[6] !== description || $[7] !== resolveText) {
+		t3 = description ? resolveText(description) : void 0;
+		$[6] = description;
+		$[7] = resolveText;
+		$[8] = t3;
+	} else t3 = $[8];
+	const resolvedDescription = t3;
+	const t4 = !disabled && readOnly;
+	const t5 = !!error;
+	const t6 = fieldPath ?? name;
+	let t7;
+	if ($[9] !== localeOptions || $[10] !== localized || $[11] !== name || $[12] !== required || $[13] !== resolvedLabel || $[14] !== resolvedLocale) {
+		t7 = resolvedLabel && /* @__PURE__ */ jsxs(FieldLabel, {
+			htmlFor: name,
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1",
+				children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
+					className: "text-destructive",
+					children: "*"
+				})]
+			}), localized && /* @__PURE__ */ jsx(LocaleSwitcher, {
+				locales: localeOptions,
+				value: resolvedLocale,
+				showFlag: false
+			})]
+		});
+		$[9] = localeOptions;
+		$[10] = localized;
+		$[11] = name;
+		$[12] = required;
+		$[13] = resolvedLabel;
+		$[14] = resolvedLocale;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== children) {
+		t8 = /* @__PURE__ */ jsx(FieldContent, { children });
+		$[16] = children;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== resolvedDescription) {
+		t9 = resolvedDescription && /* @__PURE__ */ jsx(FieldDescription, { children: resolvedDescription });
+		$[18] = resolvedDescription;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== error) {
+		t10 = error && /* @__PURE__ */ jsx(FieldError, { errors: [{ message: error }] });
+		$[20] = error;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: "qa-field-wrapper space-y-2",
 			children: [
-				resolvedLabel && /* @__PURE__ */ jsxs(FieldLabel, {
-					htmlFor: name,
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-1",
-						children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
-							className: "text-destructive",
-							children: "*"
-						})]
-					}), localized && /* @__PURE__ */ jsx(LocaleSwitcher, {
-						locales: localeOptions,
-						value: resolvedLocale,
-						showFlag: false
-					})]
-				}),
-				/* @__PURE__ */ jsx(FieldContent, { children }),
-				resolvedDescription && /* @__PURE__ */ jsx(FieldDescription, { children: resolvedDescription }),
-				error && /* @__PURE__ */ jsx(FieldError, { errors: [{ message: error }] })
+				t7,
+				t8,
+				t9,
+				t10
 			]
-		})
-	});
+		});
+		$[22] = t10;
+		$[23] = t7;
+		$[24] = t8;
+		$[25] = t9;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== disabled || $[28] !== t11 || $[29] !== t4 || $[30] !== t5 || $[31] !== t6) {
+		t12 = /* @__PURE__ */ jsx(Field, {
+			"data-disabled": disabled,
+			"data-readonly": t4,
+			"data-invalid": t5,
+			"data-field-path": t6,
+			children: t11
+		});
+		$[27] = disabled;
+		$[28] = t11;
+		$[29] = t4;
+		$[30] = t5;
+		$[31] = t6;
+		$[32] = t12;
+	} else t12 = $[32];
+	return t12;
 }
 
 //#endregion
-export { FieldWrapper };
-//# sourceMappingURL=field-wrapper.mjs.map
+export { FieldWrapper };