@plumile/backoffice-react 0.1.104 → 0.1.106

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

@@ -0,0 +1,591 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { resolveMutationOutcome as t } from "../../../relay/mutationResult.js";
+import { useBackofficeConfig as n } from "../../../provider/BackofficeConfigContext.js";
+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 { BackofficeFormSection as ne, Button as g, CheckboxField as _, Form as re, FormErrorBanner as ie, FormGroup as v, HighlightCode as ae, Input as y, Label as b, Modal as oe, SimpleSelect as se, Textarea as ce, useToast as le } from "@plumile/ui";
+import { Fragment as ue, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useTranslation as de } from "react-i18next";
+import * as C from "react-relay";
+import { RoutingContext as fe } from "@plumile/router";
+//#region src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx
+var { commitMutation: pe, useRelayEnvironment: me } = C, w = (e, t) => e(t), T = (e) => typeof e == "object" && !!e && !Array.isArray(e), he = (e) => {
+	if (!T(e)) return null;
+	for (let t of Object.values(e)) if (T(t) && ("status" in t || "result" in t)) return t;
+	return null;
+}, E = (e) => {
+	let t = {};
+	return e.forEach((e) => {
+		if (e.kind === "boolean") {
+			t[e.id] = e.defaultValue ?? !1;
+			return;
+		}
+		if (e.kind === "multiEnum") {
+			t[e.id] = e.defaultValue ?? [];
+			return;
+		}
+		if (e.defaultValue != null) {
+			t[e.id] = e.defaultValue;
+			return;
+		}
+		t[e.id] = "";
+	}), t;
+}, D = (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 ?? "", ge = (e, t) => {
+	let n = E(e.fields);
+	if (e.getInitialValues == null) return n;
+	let r = e.getInitialValues(t), i = { ...n };
+	return e.fields.forEach((e) => {
+		e.id in r && (i[e.id] = D(e, r[e.id]));
+	}), i;
+}, O = ({ isOpen: C, action: E, node: D, onClose: O, onSuccess: k }) => {
+	let { t: A } = de(), { t: j } = e(), { entities: M } = n(), N = f(fe), P = me(), F = le(), _e = te(), [I, L] = h({}), [ve, R] = h(null), [ye, z] = h({}), [B, V] = h(!1), [H, U] = h(null), [W, G] = h(null), [K, q] = h(null);
+	p(() => {
+		C && (L(ge(E, D)), R(null), z({}), U(null), G(null));
+	}, [
+		E,
+		C,
+		D
+	]);
+	let J = d(() => {
+		B || O();
+	}, [B, O]), Y = d((e, t) => {
+		L((n) => ({
+			...n,
+			[e]: t
+		})), z((t) => {
+			if (t[e] == null) return t;
+			let { [e]: n, ...r } = t;
+			return r;
+		});
+	}, []), be = w(E.label, A), X = d((e) => j("actions.form.errors.required", { label: e }), [j]), xe = d((e) => j("actions.form.errors.invalidNumber", { label: e }), [j]), Se = d((e) => j("actions.form.errors.invalidJson", { label: e }), [j]), Ce = d((e) => j("actions.form.errors.invalidJsonObject", { label: e }), [j]), we = d((e) => j("actions.form.errors.invalidJsonArray", { label: e }), [j]), Te = d(() => {
+		let e = {};
+		for (let t of E.fields) {
+			let n = w(t.label, A), r = I[t.id];
+			switch (t.kind) {
+				case "text": {
+					let i = "";
+					if (typeof r == "string" && (i = r.trim()), i === "") {
+						if (t.required) return {
+							error: X(n),
+							fieldId: t.id
+						};
+						break;
+					}
+					e[t.id] = i;
+					break;
+				}
+				case "number": {
+					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),
+							fieldId: t.id
+						};
+						break;
+					}
+					let a = Number(i);
+					if (!Number.isFinite(a)) return {
+						error: xe(n),
+						fieldId: t.id
+					};
+					e[t.id] = a;
+					break;
+				}
+				case "json": {
+					let i = "";
+					if (typeof r == "string" && (i = r.trim()), i === "") {
+						if (t.required) return {
+							error: X(n),
+							fieldId: t.id
+						};
+						break;
+					}
+					let a;
+					try {
+						a = JSON.parse(i);
+					} catch {
+						return {
+							error: Se(n),
+							fieldId: t.id
+						};
+					}
+					let o = t.jsonType ?? "object";
+					if (o === "object" && !T(a)) return {
+						error: Ce(n),
+						fieldId: t.id
+					};
+					if (o === "array" && !Array.isArray(a)) return {
+						error: we(n),
+						fieldId: t.id
+					};
+					e[t.id] = a;
+					break;
+				}
+				case "enum": {
+					let i = "";
+					if (typeof r == "string" && (i = r.trim()), i === "") {
+						if (t.required) return {
+							error: X(n),
+							fieldId: t.id
+						};
+						break;
+					}
+					e[t.id] = i;
+					break;
+				}
+				case "boolean":
+					e[t.id] = r === !0;
+					break;
+				case "entityId": {
+					let i = "";
+					if (typeof r == "string" && (i = r.trim()), i === "") {
+						if (t.required) return {
+							error: X(n),
+							fieldId: t.id
+						};
+						break;
+					}
+					e[t.id] = i;
+					break;
+				}
+				case "multiEnum": {
+					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),
+							fieldId: t.id
+						};
+						break;
+					}
+					e[t.id] = i;
+					break;
+				}
+				default: break;
+			}
+		}
+		return { values: e };
+	}, [
+		E.fields,
+		we,
+		Se,
+		Ce,
+		xe,
+		X,
+		A,
+		I
+	]), Z = d(() => {
+		if (B) return;
+		R(null), z({});
+		let e = Te();
+		if ("error" in e) {
+			R(e.error), e.fieldId != null && z({ [e.fieldId]: e.error });
+			return;
+		}
+		let n;
+		try {
+			n = E.getVariables(D, e.values);
+		} catch {
+			R(j("actions.form.errors.invalidPayload"));
+			return;
+		}
+		V(!0), pe(P, {
+			mutation: E.mutation,
+			variables: n,
+			updater: (e) => {
+				E.updater?.(e, D);
+			},
+			onCompleted: (e) => {
+				V(!1);
+				let n = he(e);
+				if (n != null) {
+					let e = j("actions.form.errors.invalidPayload");
+					E.toasts?.error?.message == null ? E.toasts?.error?.title != null && (e = w(E.toasts.error.title, A)) : e = w(E.toasts.error.message, A);
+					let r = t(n, {
+						defaultErrorMessage: e,
+						mapReason: (e) => {
+							let t = E.mapErrorReason?.(e, D);
+							return t == null ? null : typeof t == "function" ? w(t, A) : String(t);
+						}
+					});
+					if (!r.ok) {
+						let e = Error(r.message);
+						if (R(r.message), E.onError?.(e, D), E.toasts?.error != null) {
+							let e = w(E.toasts.error.title, A), t;
+							E.toasts.error.message != null && (t = w(E.toasts.error.message, A)), F.error(e, t);
+						}
+						return;
+					}
+				}
+				E.onCompleted?.(e, D);
+				let r = !1;
+				if (E.result?.render != null && E.result.render(e, D) != null && (r = !0, G(e)), E.toasts?.success != null) {
+					let t = a(E.toasts.success, A), n = o({
+						toast: E.toasts.success,
+						response: e,
+						node: D,
+						tApp: A,
+						entities: M,
+						defaultLabel: j("actions.view"),
+						navigateTo: (e) => {
+							N?.history.push({ pathname: e });
+						}
+					});
+					F.push({
+						kind: "info",
+						title: t.title,
+						message: t.message,
+						actions: n
+					});
+				}
+				if (E.result != null) {
+					let t = E.result.getValue(e, D);
+					if (typeof t == "string" && t.trim() !== "") {
+						U(t), k?.();
+						return;
+					}
+				}
+				if (r) {
+					k?.();
+					return;
+				}
+				k?.(), O();
+			},
+			onError: (e) => {
+				if (V(!1), R(j("actions.form.errors.submitFailed")), E.onError?.(e, D), E.toasts?.error != null) {
+					let e = w(E.toasts.error.title, A), t;
+					E.toasts.error.message != null && (t = w(E.toasts.error.message, A)), F.error(e, t);
+				}
+			}
+		});
+	}, [
+		E,
+		Te,
+		M,
+		P,
+		B,
+		D,
+		O,
+		k,
+		N?.history,
+		j,
+		A,
+		F
+	]), Ee = d((e) => {
+		e.preventDefault(), Z();
+	}, [Z]), Q = m(() => E.result == null ? null : w(E.result.label, A), [E.result, A]), De = m(() => E.result?.render == null || W == null ? null : E.result.render(W, D), [
+		E.result,
+		D,
+		W
+	]), $ = H != null && Q != null || De != null, Oe = w(E.label, A);
+	return C ? /* @__PURE__ */ S(ue, { children: [/* @__PURE__ */ x(oe, {
+		isOpen: C,
+		onClose: J,
+		title: be,
+		footer: /* @__PURE__ */ S("div", {
+			className: s,
+			children: [/* @__PURE__ */ x(g, {
+				type: "button",
+				variant: "secondary",
+				size: "small",
+				disabled: B,
+				onClick: J,
+				children: j("actions.form.cancel")
+			}), !$ && /* @__PURE__ */ x(g, {
+				type: "submit",
+				variant: "primary",
+				size: "small",
+				disabled: B,
+				isLoading: B,
+				loadingLabel: j("actions.form.submitting"),
+				onClick: Z,
+				children: Oe
+			})]
+		}),
+		children: /* @__PURE__ */ S(re, {
+			onSubmit: Ee,
+			className: u,
+			children: [
+				/* @__PURE__ */ x(ie, { message: ve }),
+				/* @__PURE__ */ x(ne, { children: E.fields.map((e) => {
+					let t = w(e.label, A), n = null;
+					e.description != null && (n = w(e.description, A));
+					let i = `${_e}-${e.id}`, a = `${i}-description`, o = `${i}-error`, s = ye[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 = I[e.id], c = "";
+							typeof r == "string" && (c = r);
+							let l;
+							return e.placeholder != null && (l = w(e.placeholder, A)), /* @__PURE__ */ S(v, { children: [
+								/* @__PURE__ */ x(b, {
+									htmlFor: i,
+									required: e.required,
+									children: t
+								}),
+								n != null && /* @__PURE__ */ x("span", {
+									id: a,
+									className: "txvbqb8p txvbqbv9d",
+									children: n
+								}),
+								/* @__PURE__ */ x(y, {
+									id: i,
+									type: "text",
+									value: c,
+									placeholder: l,
+									"aria-describedby": p,
+									"aria-invalid": u,
+									disabled: B,
+									variant: d,
+									onChange: (t) => {
+										Y(e.id, t.target.value);
+									},
+									fullWidth: !0
+								}),
+								s != null && /* @__PURE__ */ x("span", {
+									id: o,
+									className: "txvbqb8p txvbqbvad",
+									children: s
+								})
+							] }, e.id);
+						}
+						case "number": {
+							let r = I[e.id], c = "";
+							typeof r == "string" && (c = r);
+							let l;
+							return e.placeholder != null && (l = w(e.placeholder, A)), /* @__PURE__ */ S(v, { children: [
+								/* @__PURE__ */ x(b, {
+									htmlFor: i,
+									required: e.required,
+									children: t
+								}),
+								n != null && /* @__PURE__ */ x("span", {
+									id: a,
+									className: "txvbqb8p txvbqbv9d",
+									children: n
+								}),
+								/* @__PURE__ */ x(y, {
+									id: i,
+									type: "number",
+									value: c,
+									placeholder: l,
+									"aria-describedby": p,
+									"aria-invalid": u,
+									disabled: B,
+									variant: d,
+									onChange: (t) => {
+										Y(e.id, t.target.value);
+									},
+									fullWidth: !0
+								}),
+								s != null && /* @__PURE__ */ x("span", {
+									id: o,
+									className: "txvbqb8p txvbqbvad",
+									children: s
+								})
+							] }, e.id);
+						}
+						case "json": {
+							let r = I[e.id], c = "";
+							typeof r == "string" && (c = r);
+							let l;
+							return e.placeholder != null && (l = w(e.placeholder, A)), /* @__PURE__ */ S(v, { children: [
+								/* @__PURE__ */ x(b, {
+									htmlFor: i,
+									required: e.required,
+									children: t
+								}),
+								n != null && /* @__PURE__ */ x("span", {
+									id: a,
+									className: "txvbqb8p txvbqbv9d",
+									children: n
+								}),
+								/* @__PURE__ */ x(ce, {
+									id: i,
+									value: c,
+									placeholder: l,
+									rows: 8,
+									"aria-describedby": p,
+									"aria-invalid": u,
+									disabled: B,
+									variant: d,
+									onChange: (t) => {
+										Y(e.id, t.target.value);
+									},
+									fullWidth: !0
+								}),
+								s != null && /* @__PURE__ */ x("span", {
+									id: o,
+									className: "txvbqb8p txvbqbvad",
+									children: s
+								})
+							] }, e.id);
+						}
+						case "enum": {
+							let r = I[e.id], c = "";
+							typeof r == "string" && (c = r);
+							let l = e.options.map((e) => ({
+								id: e.value,
+								value: e.value,
+								label: w(e.label, A)
+							}));
+							return /* @__PURE__ */ S(v, { children: [
+								/* @__PURE__ */ x(b, {
+									id: `${i}-label`,
+									required: e.required,
+									children: t
+								}),
+								n != null && /* @__PURE__ */ x("span", {
+									id: a,
+									className: "txvbqb8p txvbqbv9d",
+									children: n
+								}),
+								/* @__PURE__ */ x(se, {
+									options: l,
+									value: c,
+									placeholder: t,
+									ariaDescribedBy: p,
+									ariaInvalid: u,
+									ariaLabelledBy: `${i}-label`,
+									isDisabled: B,
+									state: f,
+									onChange: (t) => {
+										Y(e.id, t);
+									}
+								}),
+								s != null && /* @__PURE__ */ x("span", {
+									id: o,
+									className: "txvbqb8p txvbqbvad",
+									children: s
+								})
+							] }, e.id);
+						}
+						case "boolean": {
+							let r = I[e.id] === !0;
+							return /* @__PURE__ */ x(v, { children: /* @__PURE__ */ x(_, {
+								id: i,
+								label: t,
+								helperText: n ?? void 0,
+								error: s ?? void 0,
+								checked: r,
+								disabled: B,
+								onChange: (t) => {
+									Y(e.id, t.target.checked);
+								}
+							}) }, e.id);
+						}
+						case "entityId": {
+							let c = I[e.id], l = "";
+							return typeof c == "string" && (l = c), /* @__PURE__ */ S(v, { children: [
+								/* @__PURE__ */ x(b, {
+									htmlFor: i,
+									required: e.required,
+									children: t
+								}),
+								n != null && /* @__PURE__ */ x("span", {
+									id: a,
+									className: "txvbqb8p txvbqbv9d",
+									children: n
+								}),
+								/* @__PURE__ */ x(r, {
+									id: i,
+									label: t,
+									value: l,
+									ariaDescribedBy: p,
+									ariaInvalid: u,
+									disabled: B,
+									onPick: () => {
+										q({
+											fieldId: e.id,
+											entity: e.entity,
+											label: t
+										});
+									},
+									onClear: () => {
+										Y(e.id, "");
+									}
+								}),
+								s != null && /* @__PURE__ */ x("span", {
+									id: o,
+									className: "txvbqb8p txvbqbvad",
+									children: s
+								})
+							] }, e.id);
+						}
+						case "multiEnum": {
+							let r = I[e.id], d = `${i}-legend`, f = [];
+							return Array.isArray(r) && (f = r.filter((e) => typeof e == "string")), /* @__PURE__ */ S(v, { children: [/* @__PURE__ */ S("fieldset", {
+								className: l,
+								children: [
+									/* @__PURE__ */ S("legend", {
+										id: d,
+										className: ee,
+										children: [t, e.required && /* @__PURE__ */ x("span", {
+											className: "txvbqbgng txvbqbvad",
+											children: "*"
+										})]
+									}),
+									n != null && /* @__PURE__ */ x("span", {
+										id: a,
+										className: "txvbqb8p txvbqbv9d",
+										children: n
+									}),
+									/* @__PURE__ */ x("div", {
+										className: c,
+										role: "group",
+										"aria-labelledby": d,
+										"aria-describedby": p,
+										"aria-invalid": u,
+										children: e.options.map((t, n) => {
+											let r = w(t.label, A), a = f.includes(t.value);
+											return /* @__PURE__ */ x(_, {
+												id: `${i}-${n}`,
+												label: r,
+												checked: a,
+												disabled: B,
+												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);
+												}
+											}, `${t.value}-${n}`);
+										})
+									})
+								]
+							}), s != null && /* @__PURE__ */ x("span", {
+								id: o,
+								className: "txvbqb8p txvbqbvad",
+								children: s
+							})] }, e.id);
+						}
+						default: return null;
+					}
+				}) }),
+				$ && /* @__PURE__ */ S("div", {
+					className: "txvbqb9ip txvbqbai7 txvbqbao7",
+					children: [H != null && Q != null && /* @__PURE__ */ x(ae, {
+						badgeLabel: Q,
+						copyCode: H,
+						fallbackCodeText: H
+					}), De]
+				})
+			]
+		})
+	}), /* @__PURE__ */ x(i, {
+		isOpen: K != null,
+		entity: K?.entity ?? "",
+		title: K?.label ?? "",
+		onClose: () => {
+			q(null);
+		},
+		onSelectId: (e) => {
+			K != null && (Y(K.fieldId, e), q(null));
+		}
+	})] }) : null;
+};
+//#endregion
+export { O as BackofficeEntityActionFormDialog, O as default };
+
+//# sourceMappingURL=BackofficeEntityActionFormDialog.js.map