@plumile/backoffice-react 0.1.187 → 0.1.188

package/lib/esm/components/backoffice/actions/BackofficeEntityActionFormDialog.js

@@ -4,31 +4,31 @@ import { useBackofficeConfig as n } from "../../../provider/BackofficeConfigCont
 import { EntityIdFilterField as r } from "../filters/EntityIdFilterField.js";
 import { EntityIdPickerDialog as i } from "../pickers/EntityIdPickerDialog.js";
 import { resolveToastSpec as a, resolveToastViewActions as o } from "./toastViewAction.js";
-import { actions as s, checkboxGroup as c, fieldset as l, form as u, legend as ee } from "./backofficeEntityActionFormDialog.css.js";
-import { useCallback as d, useContext as f, useEffect as p, useId as te, useMemo as m, useState as h } from "react";
-import { Fragment as ne, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useTranslation as re } from "react-i18next";
-import { Button as v } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { FormError as ie } from "@plumile/ui/atomic/molecules/form_error/FormError.js";
-import { Form as ae } from "@plumile/ui/atomic/molecules/form/Form.js";
-import * as y from "react-relay";
-import { Input as b } from "@plumile/ui/atomic/atoms/input/Input.js";
-import { Label as x } from "@plumile/ui/atomic/atoms/label/Label.js";
-import { Modal as oe } from "@plumile/ui/atomic/atoms/modal/Modal.js";
-import { Textarea as S } from "@plumile/ui/atomic/atoms/textarea/Textarea.js";
-import { CheckboxField as C } from "@plumile/ui/atomic/molecules/checkbox_field/CheckboxField.js";
-import { FormGroup as w } from "@plumile/ui/atomic/molecules/form/FormGroup.js";
+import { actions as s, checkboxGroup as c, form as l } from "./backofficeEntityActionFormDialog.css.js";
+import { useCallback as u, useContext as d, useEffect as f, useId as ee, useMemo as p, useState as m } from "react";
+import { Fragment as te, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useTranslation as ne } from "react-i18next";
+import { Button as _ } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { FormError as re } from "@plumile/ui/atomic/molecules/form_error/FormError.js";
+import { Form as ie } from "@plumile/ui/atomic/molecules/form/Form.js";
+import * as v from "react-relay";
+import { Input as y } from "@plumile/ui/atomic/atoms/input/Input.js";
+import { Modal as ae } from "@plumile/ui/atomic/atoms/modal/Modal.js";
+import { Textarea as b } from "@plumile/ui/atomic/atoms/textarea/Textarea.js";
+import { CheckboxField as x } from "@plumile/ui/atomic/molecules/checkbox_field/CheckboxField.js";
+import { FormGrid as oe } from "@plumile/ui/atomic/molecules/form_grid/FormGrid.js";
+import { FormFieldLayout as S } from "@plumile/ui/atomic/molecules/form_field_layout/FormFieldLayout.js";
 import { HighlightCode as se } from "@plumile/ui/atomic/molecules/highlight/HighlightCode.js";
 import { useToast as ce } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
 import { BackofficeFormSection as le } from "@plumile/ui/backoffice/molecules/backoffice_form_section/BackofficeFormSection.js";
 import { SimpleSelect as ue } from "@plumile/ui/components/select/SimpleSelect.js";
 import de from "@plumile/router/routing/RoutingContext.js";
 //#region src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx
-var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E = (e) => typeof e == "object" && !!e && !Array.isArray(e), me = (e) => {
-	if (!E(e)) return null;
-	for (let t of Object.values(e)) if (E(t) && ("status" in t || "result" in t)) return t;
+var { commitMutation: fe, useRelayEnvironment: pe } = v, C = (e, t) => e(t), w = (e) => typeof e == "object" && !!e && !Array.isArray(e), me = (e) => {
+	if (!w(e)) return null;
+	for (let t of Object.values(e)) if (w(t) && ("status" in t || "result" in t)) return t;
 	return null;
-}, D = (e) => {
+}, T = (e) => {
 	let t = {};
 	return e.forEach((e) => {
 		if (e.kind === "boolean") {
@@ -45,45 +45,45 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 		}
 		t[e.id] = "";
 	}), t;
-}, O = (e, t) => e.kind === "number" ? typeof t == "number" ? String(t) : typeof t == "string" ? t : "" : e.kind === "multiEnum" ? Array.isArray(t) ? t.filter((e) => typeof e == "string" && e.trim() !== "") : [] : e.kind === "boolean" ? t === !0 : typeof t == "string" ? t : t ?? "", he = (e, t) => {
-	let n = D(e.fields);
+}, E = (e, t) => e.kind === "number" ? typeof t == "number" ? String(t) : typeof t == "string" ? t : "" : e.kind === "multiEnum" ? Array.isArray(t) ? t.filter((e) => typeof e == "string" && e.trim() !== "") : [] : e.kind === "boolean" ? t === !0 : typeof t == "string" ? t : t ?? "", he = (e, t) => {
+	let n = T(e.fields);
 	if (e.getInitialValues == null) return n;
 	let r = e.getInitialValues(t);
-	if (!E(r)) return n;
+	if (!w(r)) return n;
 	let i = { ...n };
 	return e.fields.forEach((e) => {
-		e.id in r && (i[e.id] = O(e, r[e.id]));
+		e.id in r && (i[e.id] = E(e, r[e.id]));
 	}), i;
-}, k = ({ isOpen: y, action: D, node: O, onClose: k, onSuccess: A }) => {
-	let { t: j } = re(), { t: M } = e(), { entities: N } = n(), P = f(de), F = pe(), I = ce(), ge = te(), [L, R] = h({}), [_e, z] = h(null), [ve, B] = h({}), [V, H] = h(!1), [U, W] = h(null), [G, K] = h(null), [q, J] = h(null);
-	p(() => {
-		y && (R(he(D, O)), z(null), B({}), W(null), K(null));
+}, D = ({ isOpen: v, action: T, node: E, onClose: D, onSuccess: O }) => {
+	let { t: k } = ne(), { t: A } = e(), { entities: j } = n(), M = d(de), N = pe(), P = ce(), ge = ee(), [F, I] = m({}), [_e, L] = m(null), [ve, R] = m({}), [z, B] = m(!1), [V, H] = m(null), [U, W] = m(null), [G, K] = m(null);
+	f(() => {
+		v && (I(he(T, E)), L(null), R({}), H(null), W(null));
 	}, [
-		D,
-		y,
-		O
+		T,
+		v,
+		E
 	]);
-	let ye = d(() => {
-		V || k();
-	}, [V, k]), Y = d((e, t) => {
-		R((n) => ({
+	let q = u(() => {
+		z || D();
+	}, [z, D]), J = u((e, t) => {
+		I((n) => ({
 			...n,
 			[e]: t
-		})), B((t) => {
+		})), R((t) => {
 			if (t[e] == null) return t;
 			let { [e]: n, ...r } = t;
 			return r;
 		});
-	}, []), be = T(D.label, j), X = d((e) => M("actions.form.errors.required", { label: e }), [M]), xe = d((e) => M("actions.form.errors.invalidNumber", { label: e }), [M]), Se = d((e) => M("actions.form.errors.invalidJson", { label: e }), [M]), Ce = d((e) => M("actions.form.errors.invalidJsonObject", { label: e }), [M]), we = d((e) => M("actions.form.errors.invalidJsonArray", { label: e }), [M]), Te = d(() => {
+	}, []), ye = C(T.label, k), Y = u((e) => A("actions.form.errors.required", { label: e }), [A]), X = u((e) => A("actions.form.errors.invalidNumber", { label: e }), [A]), be = u((e) => A("actions.form.errors.invalidJson", { label: e }), [A]), xe = u((e) => A("actions.form.errors.invalidJsonObject", { label: e }), [A]), Se = u((e) => A("actions.form.errors.invalidJsonArray", { label: e }), [A]), Ce = u(() => {
 		let e = {};
-		for (let t of D.fields) {
-			let n = T(t.label, j), r = L[t.id];
+		for (let t of T.fields) {
+			let n = C(t.label, k), r = F[t.id];
 			switch (t.kind) {
 				case "text": {
 					let i = "";
 					if (typeof r == "string" && (i = r.trim()), i === "") {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
@@ -95,7 +95,7 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 					let i = "";
 					if (typeof r == "string" && (i = r.trim()), i === "") {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
@@ -107,14 +107,14 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 					let i = "";
 					if (typeof r == "string" ? i = r.trim() : typeof r == "number" && Number.isFinite(r) && (i = String(r)), i === "") {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
 					}
 					let a = Number(i);
 					if (!Number.isFinite(a)) return {
-						error: xe(n),
+						error: X(n),
 						fieldId: t.id
 					};
 					e[t.id] = a;
@@ -124,7 +124,7 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 					let i = "";
 					if (typeof r == "string" && (i = r.trim()), i === "") {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
@@ -134,17 +134,17 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 						a = JSON.parse(i);
 					} catch {
 						return {
-							error: Se(n),
+							error: be(n),
 							fieldId: t.id
 						};
 					}
 					let o = t.jsonType ?? "object";
-					if (o === "object" && !E(a)) return {
-						error: Ce(n),
+					if (o === "object" && !w(a)) return {
+						error: xe(n),
 						fieldId: t.id
 					};
 					if (o === "array" && !Array.isArray(a)) return {
-						error: we(n),
+						error: Se(n),
 						fieldId: t.id
 					};
 					e[t.id] = a;
@@ -154,7 +154,7 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 					let i = "";
 					if (typeof r == "string" && (i = r.trim()), i === "") {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
@@ -169,7 +169,7 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 					let i = "";
 					if (typeof r == "string" && (i = r.trim()), i === "") {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
@@ -181,7 +181,7 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 					let i = [];
 					if (Array.isArray(r) && (i = r.filter((e) => typeof e == "string" && e.trim() !== "")), i.length === 0) {
 						if (t.required) return {
-							error: X(n),
+							error: Y(n),
 							fieldId: t.id
 						};
 						break;
@@ -194,461 +194,404 @@ var { commitMutation: fe, useRelayEnvironment: pe } = y, T = (e, t) => e(t), E =
 		}
 		return { values: e };
 	}, [
-		D.fields,
-		we,
+		T.fields,
 		Se,
-		Ce,
+		be,
 		xe,
 		X,
-		j,
-		L
-	]), Z = d(() => {
-		if (V) return;
-		z(null), B({});
-		let e = Te();
+		Y,
+		k,
+		F
+	]), Z = u(() => {
+		if (z) return;
+		L(null), R({});
+		let e = Ce();
 		if ("error" in e) {
-			z(e.error), e.fieldId != null && B({ [e.fieldId]: e.error });
+			L(e.error), e.fieldId != null && R({ [e.fieldId]: e.error });
 			return;
 		}
 		let n;
 		try {
-			n = D.getVariables(O, e.values);
+			n = T.getVariables(E, e.values);
 		} catch {
-			z(M("actions.form.errors.invalidPayload"));
+			L(A("actions.form.errors.invalidPayload"));
 			return;
 		}
-		H(!0), fe(F, {
-			mutation: D.mutation,
+		B(!0), fe(N, {
+			mutation: T.mutation,
 			variables: n,
 			updater: (e) => {
-				D.updater?.(e, O);
+				T.updater?.(e, E);
 			},
 			onCompleted: (e) => {
-				H(!1);
+				B(!1);
 				let n = me(e);
 				if (n != null) {
-					let e = M("actions.form.errors.invalidPayload");
-					D.toasts?.error?.message == null ? D.toasts?.error?.title != null && (e = T(D.toasts.error.title, j)) : e = T(D.toasts.error.message, j);
+					let e = A("actions.form.errors.invalidPayload");
+					T.toasts?.error?.message == null ? T.toasts?.error?.title != null && (e = C(T.toasts.error.title, k)) : e = C(T.toasts.error.message, k);
 					let r = t(n, {
 						defaultErrorMessage: e,
 						mapReason: (e) => {
-							let t = D.mapErrorReason?.(e, O);
-							return t == null ? null : typeof t == "function" ? T(t, j) : String(t);
+							let t = T.mapErrorReason?.(e, E);
+							return t == null ? null : typeof t == "function" ? C(t, k) : String(t);
 						}
 					});
 					if (!r.ok) {
 						let e = Error(r.message);
-						if (z(r.message), D.onError?.(e, O), D.toasts?.error != null) {
-							let e = T(D.toasts.error.title, j), t;
-							D.toasts.error.message != null && (t = T(D.toasts.error.message, j)), I.error(e, t);
+						if (L(r.message), T.onError?.(e, E), T.toasts?.error != null) {
+							let e = C(T.toasts.error.title, k), t;
+							T.toasts.error.message != null && (t = C(T.toasts.error.message, k)), P.error(e, t);
 						}
 						return;
 					}
 				}
-				D.onCompleted?.(e, O);
+				T.onCompleted?.(e, E);
 				let r = !1;
-				if (D.result?.render != null && D.result.render(e, O) != null && (r = !0, K(e)), D.toasts?.success != null) {
-					let t = a(D.toasts.success, j), n = o({
-						toast: D.toasts.success,
+				if (T.result?.render != null && T.result.render(e, E) != null && (r = !0, W(e)), T.toasts?.success != null) {
+					let t = a(T.toasts.success, k), n = o({
+						toast: T.toasts.success,
 						response: e,
-						node: O,
-						tApp: j,
-						entities: N,
-						defaultLabel: M("actions.view"),
+						node: E,
+						tApp: k,
+						entities: j,
+						defaultLabel: A("actions.view"),
 						navigateTo: (e) => {
-							P?.history.push({ pathname: e });
+							M?.history.push({ pathname: e });
 						}
 					});
-					I.push({
+					P.push({
 						kind: "info",
 						title: t.title,
 						message: t.message,
 						actions: n
 					});
 				}
-				if (D.result != null) {
-					let t = D.result.getValue(e, O);
+				if (T.result != null) {
+					let t = T.result.getValue(e, E);
 					if (typeof t == "string" && t.trim() !== "") {
-						W(t), A?.();
+						H(t), O?.();
 						return;
 					}
 				}
 				if (r) {
-					A?.();
+					O?.();
 					return;
 				}
-				A?.(), k();
+				O?.(), D();
 			},
 			onError: (e) => {
-				if (H(!1), z(M("actions.form.errors.submitFailed")), D.onError?.(e, O), D.toasts?.error != null) {
-					let e = T(D.toasts.error.title, j), t;
-					D.toasts.error.message != null && (t = T(D.toasts.error.message, j)), I.error(e, t);
+				if (B(!1), L(A("actions.form.errors.submitFailed")), T.onError?.(e, E), T.toasts?.error != null) {
+					let e = C(T.toasts.error.title, k), t;
+					T.toasts.error.message != null && (t = C(T.toasts.error.message, k)), P.error(e, t);
 				}
 			}
 		});
 	}, [
-		D,
-		Te,
+		T,
+		Ce,
+		j,
 		N,
-		F,
-		V,
+		z,
+		E,
+		D,
 		O,
-		k,
+		M?.history,
 		A,
-		P?.history,
-		M,
-		j,
-		I
-	]), Ee = d((e) => {
+		k,
+		P
+	]), we = u((e) => {
 		e.preventDefault(), Z();
-	}, [Z]), Q = m(() => D.result == null ? null : T(D.result.label, j), [D.result, j]), De = m(() => D.result?.render == null || G == null ? null : D.result.render(G, O), [
-		D.result,
-		O,
-		G
-	]), $ = U != null && Q != null || De != null, Oe = T(D.label, j);
-	return y ? /* @__PURE__ */ _(ne, { children: [/* @__PURE__ */ g(oe, {
-		isOpen: y,
-		onClose: ye,
-		title: be,
+	}, [Z]), Q = p(() => T.result == null ? null : C(T.result.label, k), [T.result, k]), Te = p(() => T.result?.render == null || U == null ? null : T.result.render(U, E), [
+		T.result,
+		E,
+		U
+	]), $ = V != null && Q != null || Te != null, Ee = C(T.label, k);
+	return v ? /* @__PURE__ */ g(te, { children: [/* @__PURE__ */ h(ae, {
+		isOpen: v,
+		onClose: q,
+		title: ye,
 		initialFocus: "first-form-control",
-		footer: /* @__PURE__ */ _("div", {
+		footer: /* @__PURE__ */ g("div", {
 			className: s,
-			children: [/* @__PURE__ */ g(v, {
+			children: [/* @__PURE__ */ h(_, {
 				type: "button",
 				variant: "secondary",
 				size: "small",
-				disabled: V,
-				onClick: ye,
-				children: M("actions.form.cancel")
-			}), !$ && /* @__PURE__ */ g(v, {
+				disabled: z,
+				onClick: q,
+				children: A("actions.form.cancel")
+			}), !$ && /* @__PURE__ */ h(_, {
 				type: "submit",
 				variant: "primary",
 				size: "small",
-				disabled: V,
-				isLoading: V,
-				loadingLabel: M("actions.form.submitting"),
+				disabled: z,
+				isLoading: z,
+				loadingLabel: A("actions.form.submitting"),
 				onClick: Z,
-				children: Oe
+				children: Ee
 			})]
 		}),
-		children: /* @__PURE__ */ _(ae, {
-			onSubmit: Ee,
-			className: u,
+		children: /* @__PURE__ */ g(ie, {
+			onSubmit: we,
+			className: l,
 			children: [
-				/* @__PURE__ */ g(ie, { message: _e }),
-				/* @__PURE__ */ g(le, { children: D.fields.map((e) => {
-					let t = T(e.label, j), n = null;
-					e.description != null && (n = T(e.description, j));
-					let i = `${ge}-${e.id}`, a = `${i}-description`, o = `${i}-error`, s = ve[e.id] ?? null, u = s != null, d, f = "default";
-					u && (d = "error", f = "error");
-					let p;
-					switch (n != null && s != null ? p = `${a} ${o}` : n == null ? s != null && (p = o) : p = a, e.kind) {
-						case "text": {
-							let r = L[e.id], c = "";
-							typeof r == "string" && (c = r);
-							let l;
-							return e.placeholder != null && (l = T(e.placeholder, j)), /* @__PURE__ */ _(w, { children: [
-								/* @__PURE__ */ g(x, {
-									htmlFor: i,
+				/* @__PURE__ */ h(re, { message: _e }),
+				/* @__PURE__ */ h(le, { children: /* @__PURE__ */ h(oe, {
+					layout: "vertical",
+					children: T.fields.map((e) => {
+						let t = C(e.label, k), n = null;
+						e.description != null && (n = C(e.description, k));
+						let i = `${ge}-${e.id}`, a = `${i}-description`, o = `${i}-error`, s = ve[e.id] ?? null, l = s != null, u, d = "default";
+						l && (u = "error", d = "error");
+						let f;
+						switch (n != null && s != null ? f = `${a} ${o}` : n == null ? s != null && (f = o) : f = a, e.kind) {
+							case "text": {
+								let r = F[e.id], c = "";
+								typeof r == "string" && (c = r);
+								let d;
+								return e.placeholder != null && (d = C(e.placeholder, k)), /* @__PURE__ */ h(S, {
+									label: t,
+									labelFor: i,
 									required: e.required,
-									children: t
-								}),
-								n != null && /* @__PURE__ */ g("span", {
-									id: a,
-									className: "txvbqb96 txvbqb1bff",
-									children: n
-								}),
-								/* @__PURE__ */ g(b, {
-									id: i,
-									type: "text",
-									value: c,
-									placeholder: l,
-									"aria-describedby": p,
-									"aria-invalid": u,
-									disabled: V,
-									variant: d,
-									onChange: (t) => {
-										Y(e.id, t.target.value);
-									},
-									fullWidth: !0
-								}),
-								s != null && /* @__PURE__ */ g("span", {
-									id: o,
-									className: "txvbqb96 txvbqb1bij",
-									children: s
-								})
-							] }, e.id);
-						}
-						case "textarea": {
-							let r = L[e.id], c = "";
-							typeof r == "string" && (c = r);
-							let l;
-							return e.placeholder != null && (l = T(e.placeholder, j)), /* @__PURE__ */ _(w, { children: [
-								/* @__PURE__ */ g(x, {
-									htmlFor: i,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h(y, {
+										id: i,
+										type: "text",
+										value: c,
+										placeholder: d,
+										"aria-describedby": f,
+										"aria-invalid": l,
+										disabled: z,
+										variant: u,
+										onChange: (t) => {
+											J(e.id, t.target.value);
+										},
+										fullWidth: !0
+									})
+								}, e.id);
+							}
+							case "textarea": {
+								let r = F[e.id], c = "";
+								typeof r == "string" && (c = r);
+								let d;
+								return e.placeholder != null && (d = C(e.placeholder, k)), /* @__PURE__ */ h(S, {
+									label: t,
+									labelFor: i,
 									required: e.required,
-									children: t
-								}),
-								n != null && /* @__PURE__ */ g("span", {
-									id: a,
-									className: "txvbqb96 txvbqb1bff",
-									children: n
-								}),
-								/* @__PURE__ */ g(S, {
-									id: i,
-									value: c,
-									placeholder: l,
-									rows: e.rows ?? 8,
-									"aria-describedby": p,
-									"aria-invalid": u,
-									disabled: V,
-									variant: d,
-									onChange: (t) => {
-										Y(e.id, t.target.value);
-									},
-									fullWidth: !0
-								}),
-								s != null && /* @__PURE__ */ g("span", {
-									id: o,
-									className: "txvbqb96 txvbqb1bij",
-									children: s
-								})
-							] }, e.id);
-						}
-						case "number": {
-							let r = L[e.id], c = "";
-							typeof r == "string" && (c = r);
-							let l;
-							return e.placeholder != null && (l = T(e.placeholder, j)), /* @__PURE__ */ _(w, { children: [
-								/* @__PURE__ */ g(x, {
-									htmlFor: i,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h(b, {
+										id: i,
+										value: c,
+										placeholder: d,
+										rows: e.rows ?? 8,
+										"aria-describedby": f,
+										"aria-invalid": l,
+										disabled: z,
+										variant: u,
+										onChange: (t) => {
+											J(e.id, t.target.value);
+										},
+										fullWidth: !0
+									})
+								}, e.id);
+							}
+							case "number": {
+								let r = F[e.id], c = "";
+								typeof r == "string" && (c = r);
+								let d;
+								return e.placeholder != null && (d = C(e.placeholder, k)), /* @__PURE__ */ h(S, {
+									label: t,
+									labelFor: i,
 									required: e.required,
-									children: t
-								}),
-								n != null && /* @__PURE__ */ g("span", {
-									id: a,
-									className: "txvbqb96 txvbqb1bff",
-									children: n
-								}),
-								/* @__PURE__ */ g(b, {
-									id: i,
-									type: "number",
-									value: c,
-									placeholder: l,
-									"aria-describedby": p,
-									"aria-invalid": u,
-									disabled: V,
-									variant: d,
-									onChange: (t) => {
-										Y(e.id, t.target.value);
-									},
-									fullWidth: !0
-								}),
-								s != null && /* @__PURE__ */ g("span", {
-									id: o,
-									className: "txvbqb96 txvbqb1bij",
-									children: s
-								})
-							] }, e.id);
-						}
-						case "json": {
-							let r = L[e.id], c = "";
-							typeof r == "string" && (c = r);
-							let l;
-							return e.placeholder != null && (l = T(e.placeholder, j)), /* @__PURE__ */ _(w, { children: [
-								/* @__PURE__ */ g(x, {
-									htmlFor: i,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h(y, {
+										id: i,
+										type: "number",
+										value: c,
+										placeholder: d,
+										"aria-describedby": f,
+										"aria-invalid": l,
+										disabled: z,
+										variant: u,
+										onChange: (t) => {
+											J(e.id, t.target.value);
+										},
+										fullWidth: !0
+									})
+								}, e.id);
+							}
+							case "json": {
+								let r = F[e.id], c = "";
+								typeof r == "string" && (c = r);
+								let d;
+								return e.placeholder != null && (d = C(e.placeholder, k)), /* @__PURE__ */ h(S, {
+									label: t,
+									labelFor: i,
 									required: e.required,
-									children: t
-								}),
-								n != null && /* @__PURE__ */ g("span", {
-									id: a,
-									className: "txvbqb96 txvbqb1bff",
-									children: n
-								}),
-								/* @__PURE__ */ g(S, {
-									id: i,
-									value: c,
-									placeholder: l,
-									rows: 8,
-									"aria-describedby": p,
-									"aria-invalid": u,
-									disabled: V,
-									variant: d,
-									onChange: (t) => {
-										Y(e.id, t.target.value);
-									},
-									fullWidth: !0
-								}),
-								s != null && /* @__PURE__ */ g("span", {
-									id: o,
-									className: "txvbqb96 txvbqb1bij",
-									children: s
-								})
-							] }, e.id);
-						}
-						case "enum": {
-							let r = L[e.id], c = "";
-							typeof r == "string" && (c = r);
-							let l = e.options.map((e) => ({
-								id: e.value,
-								value: e.value,
-								label: T(e.label, j)
-							}));
-							return /* @__PURE__ */ _(w, { children: [
-								/* @__PURE__ */ g(x, {
-									id: `${i}-label`,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h(b, {
+										id: i,
+										value: c,
+										placeholder: d,
+										rows: 8,
+										"aria-describedby": f,
+										"aria-invalid": l,
+										disabled: z,
+										variant: u,
+										onChange: (t) => {
+											J(e.id, t.target.value);
+										},
+										fullWidth: !0
+									})
+								}, e.id);
+							}
+							case "enum": {
+								let r = F[e.id], c = "";
+								typeof r == "string" && (c = r);
+								let u = e.options.map((e) => ({
+									id: e.value,
+									value: e.value,
+									label: C(e.label, k)
+								}));
+								return /* @__PURE__ */ h(S, {
+									label: t,
+									labelId: `${i}-label`,
 									required: e.required,
-									children: t
-								}),
-								n != null && /* @__PURE__ */ g("span", {
-									id: a,
-									className: "txvbqb96 txvbqb1bff",
-									children: n
-								}),
-								/* @__PURE__ */ g(ue, {
-									options: l,
-									value: c,
-									placeholder: t,
-									ariaDescribedBy: p,
-									ariaInvalid: u,
-									ariaLabelledBy: `${i}-label`,
-									isDisabled: V,
-									state: f,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h(ue, {
+										options: u,
+										value: c,
+										placeholder: t,
+										ariaDescribedBy: f,
+										ariaInvalid: l,
+										ariaLabelledBy: `${i}-label`,
+										isDisabled: z,
+										state: d,
+										onChange: (t) => {
+											J(e.id, t);
+										}
+									})
+								}, e.id);
+							}
+							case "boolean": {
+								let r = F[e.id] === !0;
+								return /* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(x, {
+									id: i,
+									label: t,
+									helperText: n ?? void 0,
+									error: s ?? void 0,
+									checked: r,
+									disabled: z,
 									onChange: (t) => {
-										Y(e.id, t);
+										J(e.id, t.target.checked);
 									}
-								}),
-								s != null && /* @__PURE__ */ g("span", {
-									id: o,
-									className: "txvbqb96 txvbqb1bij",
-									children: s
-								})
-							] }, e.id);
-						}
-						case "boolean": {
-							let r = L[e.id] === !0;
-							return /* @__PURE__ */ g(w, { children: /* @__PURE__ */ g(C, {
-								id: i,
-								label: t,
-								helperText: n ?? void 0,
-								error: s ?? void 0,
-								checked: r,
-								disabled: V,
-								onChange: (t) => {
-									Y(e.id, t.target.checked);
-								}
-							}) }, e.id);
-						}
-						case "entityId": {
-							let c = L[e.id], l = "";
-							return typeof c == "string" && (l = c), /* @__PURE__ */ _(w, { children: [
-								/* @__PURE__ */ g(x, {
-									htmlFor: i,
+								}) }, e.id);
+							}
+							case "entityId": {
+								let c = F[e.id], u = "";
+								return typeof c == "string" && (u = c), /* @__PURE__ */ h(S, {
+									label: t,
+									labelFor: i,
 									required: e.required,
-									children: t
-								}),
-								n != null && /* @__PURE__ */ g("span", {
-									id: a,
-									className: "txvbqb96 txvbqb1bff",
-									children: n
-								}),
-								/* @__PURE__ */ g(r, {
-									id: i,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h(r, {
+										id: i,
+										label: t,
+										value: u,
+										ariaDescribedBy: f,
+										ariaInvalid: l,
+										disabled: z,
+										onPick: () => {
+											K({
+												fieldId: e.id,
+												entity: e.entity,
+												label: t
+											});
+										},
+										onClear: () => {
+											J(e.id, "");
+										}
+									})
+								}, e.id);
+							}
+							case "multiEnum": {
+								let r = F[e.id], u = `${i}-legend`, d = [];
+								return Array.isArray(r) && (d = r.filter((e) => typeof e == "string")), /* @__PURE__ */ h(S, {
+									as: "fieldset",
 									label: t,
-									value: l,
-									ariaDescribedBy: p,
-									ariaInvalid: u,
-									disabled: V,
-									onPick: () => {
-										J({
-											fieldId: e.id,
-											entity: e.entity,
-											label: t
-										});
-									},
-									onClear: () => {
-										Y(e.id, "");
-									}
-								}),
-								s != null && /* @__PURE__ */ g("span", {
-									id: o,
-									className: "txvbqb96 txvbqb1bij",
-									children: s
-								})
-							] }, e.id);
-						}
-						case "multiEnum": {
-							let r = L[e.id], d = `${i}-legend`, f = [];
-							return Array.isArray(r) && (f = r.filter((e) => typeof e == "string")), /* @__PURE__ */ _(w, { children: [/* @__PURE__ */ _("fieldset", {
-								className: l,
-								children: [
-									/* @__PURE__ */ _("legend", {
-										id: d,
-										className: ee,
-										children: [t, e.required && /* @__PURE__ */ g("span", {
-											className: "txvbqbq3e txvbqb1bij",
-											children: "*"
-										})]
-									}),
-									n != null && /* @__PURE__ */ g("span", {
-										id: a,
-										className: "txvbqb96 txvbqb1bff",
-										children: n
-									}),
-									/* @__PURE__ */ g("div", {
+									labelId: u,
+									required: e.required,
+									description: n,
+									descriptionId: a,
+									error: s,
+									errorId: o,
+									children: /* @__PURE__ */ h("div", {
 										className: c,
 										role: "group",
-										"aria-labelledby": d,
-										"aria-describedby": p,
-										"aria-invalid": u,
+										"aria-labelledby": u,
+										"aria-describedby": f,
+										"aria-invalid": l,
 										children: e.options.map((t, n) => {
-											let r = T(t.label, j), a = f.includes(t.value);
-											return /* @__PURE__ */ g(C, {
+											let r = C(t.label, k), a = d.includes(t.value);
+											return /* @__PURE__ */ h(x, {
 												id: `${i}-${n}`,
 												label: r,
 												checked: a,
-												disabled: V,
+												disabled: z,
 												onChange: (n) => {
-													let r = f;
-													n.target.checked ? f.includes(t.value) || (r = [...f, t.value]) : r = f.filter((e) => e !== t.value), Y(e.id, r);
+													let r = d;
+													n.target.checked ? d.includes(t.value) || (r = [...d, t.value]) : r = d.filter((e) => e !== t.value), J(e.id, r);
 												}
 											}, `${t.value}-${n}`);
 										})
 									})
-								]
-							}), s != null && /* @__PURE__ */ g("span", {
-								id: o,
-								className: "txvbqb96 txvbqb1bij",
-								children: s
-							})] }, e.id);
+								}, e.id);
+							}
+							default: return null;
 						}
-						default: return null;
-					}
+					})
 				}) }),
-				$ && /* @__PURE__ */ _("div", {
+				$ && /* @__PURE__ */ g("div", {
 					className: "txvbqbfpn txvbqbh4x txvbqbhdl",
-					children: [U != null && Q != null && /* @__PURE__ */ g(se, {
+					children: [V != null && Q != null && /* @__PURE__ */ h(se, {
 						badgeLabel: Q,
-						copyCode: U,
-						fallbackCodeText: U
-					}), De]
+						copyCode: V,
+						fallbackCodeText: V
+					}), Te]
 				})
 			]
 		})
-	}), /* @__PURE__ */ g(i, {
-		isOpen: q != null,
-		entity: q?.entity ?? "",
-		title: q?.label ?? "",
+	}), /* @__PURE__ */ h(i, {
+		isOpen: G != null,
+		entity: G?.entity ?? "",
+		title: G?.label ?? "",
 		onClose: () => {
-			J(null);
+			K(null);
 		},
 		onSelectId: (e) => {
-			q != null && (Y(q.fieldId, e), J(null));
+			G != null && (J(G.fieldId, e), K(null));
 		}
 	})] }) : null;
 };
 //#endregion
-export { k as BackofficeEntityActionFormDialog, k as default };
+export { D as BackofficeEntityActionFormDialog, D as default };
 
 //# sourceMappingURL=BackofficeEntityActionFormDialog.js.map