treege 3.0.0-beta.63 → 3.0.0-beta.65

package/dist/renderer.js

@@ -1,3 +1,5 @@
-import { M as e, N as t, S as n, V as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, s as v, t as y, u as b, x } from "./ThemeContext-nopV_oRU.js";
-import { C as S, E as C, S as w, T, _ as E, a as D, b as O, d as k, f as A, i as j, l as M, m as N, n as P, p as F, r as I, s as L, t as R, u as z, v as B, w as V, x as H, y as U } from "./DefaultInputs-nX-CVK2i.js";
-export { C as DefaultAddressInput, T as DefaultAutocompleteInput, V as DefaultCheckboxInput, S as DefaultDateInput, w as DefaultDateRangeInput, H as DefaultFileInput, O as DefaultHiddenInput, U as DefaultHttpInput, B as DefaultNumberInput, E as DefaultPasswordInput, N as DefaultRadioInput, F as DefaultSelectInput, L as DefaultSwitchInput, D as DefaultTextAreaInput, j as DefaultTextInput, I as DefaultTimeInput, P as DefaultTimeRangeInput, z as Divider, y as ThemeProvider, k as Title, M as TreegeRenderer, b as TreegeRendererProvider, l as applyReferenceTransformation, _ as buildInitialFormValues, m as calculateReferenceFieldUpdates, d as checkFormFieldHasValue, u as convertFormValuesToNamedFormat, R as defaultInputRenderers, A as defaultUI, s as evaluateCondition, p as evaluateConditions, o as fileToSerializable, x as filesToSerializable, a as findStartNode, g as getFlowRenderState, r as getTranslatedText, i as isFieldEmpty, v as isStartNode, e as sanitize, t as sanitizeHttpResponse, n as serializableToFile, h as useTheme, f as useTreegeRenderer, c as useTreegeRendererConfig };
+import { D as e, E as t, P as n, a as r, c as i, h as a, i as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p } from "./ThemeContext-7cghqUb0.js";
+import { S as m, _ as h, a as g, b as _, g as v, h as y, i as b, l as x, m as S, n as C, p as w, r as T, s as E, t as D, u as O, v as k, x as A, y as j } from "./DefaultInputs-2wzCRMKH.js";
+import { a as M, c as N, i as P, l as F, n as I, o as L, r as R, s as z } from "./useRenderNode-DGe-7y4d.js";
+import { i as B, n as V, r as H, t as U } from "./renderer-BZDW7wcE.js";
+export { m as DefaultAddressInput, A as DefaultAutocompleteInput, _ as DefaultCheckboxInput, j as DefaultDateInput, k as DefaultDateRangeInput, h as DefaultFileInput, v as DefaultHiddenInput, y as DefaultHttpInput, S as DefaultNumberInput, w as DefaultPasswordInput, O as DefaultRadioInput, x as DefaultSelectInput, E as DefaultSwitchInput, g as DefaultTextAreaInput, b as DefaultTextInput, T as DefaultTimeInput, C as DefaultTimeRangeInput, V as Divider, p as ThemeProvider, H as Title, U as TreegeRenderer, N as TreegeRendererProvider, d as applyReferenceTransformation, o as buildInitialFormValues, r as calculateReferenceFieldUpdates, l as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, D as defaultInputRenderers, B as defaultUI, L as evaluateCondition, z as evaluateConditions, u as fileToSerializable, s as filesToSerializable, R as findStartNode, P as getFlowRenderState, n as getTranslatedText, i as isFieldEmpty, M as isStartNode, t as sanitize, e as sanitizeHttpResponse, a as serializableToFile, c as useTheme, I as useTreegeRenderer, F as useTreegeRendererConfig };

package/dist/useRenderNode-DGe-7y4d.js

@@ -0,0 +1,506 @@
+import { A as e, C as t, E as n, F as r, I as i, L as a, P as o, S as s, T as c, a as l, b as u, c as d, d as f, f as p, i as m, j as h, l as g, o as _, s as v, u as y, w as b, x, y as S } from "./ThemeContext-7cghqUb0.js";
+import { Fragment as C, createContext as w, useCallback as T, useContext as E, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
+import { jsx as j } from "react/jsx-runtime";
+//#region src/renderer/context/TreegeRendererProvider.tsx
+var M = w(void 0), ee = () => E(M), N = ({ children: e, ...t }) => /* @__PURE__ */ j(M.Provider, {
+	value: t,
+	children: e
+}), P = async (e, n, r, i, a) => {
+	if (!e.url || e.url.trim() === "") return {
+		error: "No URL configured for submission",
+		success: !1
+	};
+	let o = b(s(e.url, n, { encode: !0 }), a);
+	if (!o || o.trim() === "") return {
+		error: "Invalid URL after template replacement",
+		success: !1
+	};
+	let c = await S({
+		body: e.sendAllFormValues ? JSON.stringify(v(n, r)) : e.body ? s(e.body, n, { json: !0 }) : void 0,
+		headers: u(t(i, n), t(e.headers, n)),
+		method: e.method || "POST",
+		queryParams: t(e.queryParams, n),
+		url: o
+	});
+	if (!c.success) return {
+		data: c.data,
+		error: c.error,
+		success: !1
+	};
+	let l = e.redirectUrl ? (() => {
+		let t = x(e.redirectUrl, c.data);
+		return t && t.trim() !== "" ? t : void 0;
+	})() : void 0;
+	return {
+		data: c.data,
+		redirectUrl: l,
+		success: !0
+	};
+}, F = (e) => {
+	e && (e.startsWith("http://") || e.startsWith("https://") ? window.location.href = e : window.history?.pushState ? (window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = e);
+}, te = (e, t, n, r, a, s) => {
+	let [c, l] = A(!1), [u, d] = A(null), f = O(() => {
+		let t = e.find((e) => i(e) && e.data?.type === "submit");
+		return t && i(t) ? t : null;
+	}, [e]), p = T(async (e) => {
+		if (!f?.data?.submitConfig) return null;
+		let i = f.data.submitConfig;
+		if (!i.url || i.url.trim() === "") return null;
+		d(null), i.showLoading !== !1 && l(!0);
+		try {
+			let c = await P(i, t, r, a, s);
+			if (c.success) {
+				let t = o(i.successMessage, n);
+				if (t && d({
+					message: t,
+					type: "success"
+				}), e && e(c.data), c.redirectUrl) {
+					let e = c.redirectUrl;
+					setTimeout(() => F(e), 1e3);
+				}
+			} else d({
+				message: o(i.errorMessage, n) || c.error || "An error occurred during submission",
+				type: "error"
+			});
+			return c;
+		} catch (e) {
+			let t = o(i.errorMessage, n) || (e instanceof Error ? e.message : "An unexpected error occurred");
+			return d({
+				message: t,
+				type: "error"
+			}), {
+				error: t,
+				success: !1
+			};
+		} finally {
+			l(!1);
+		}
+	}, [
+		f,
+		t,
+		n,
+		r,
+		a,
+		s
+	]);
+	return {
+		clearSubmitMessage: T(() => {
+			d(null);
+		}, []),
+		handleSubmitWithConfig: p,
+		hasSubmitConfig: !!f?.data?.submitConfig,
+		isSubmitting: c,
+		submitButtonNode: f,
+		submitMessage: u
+	};
+}, I = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), L = (e, t, n) => {
+	let r = I(e), i = I(t);
+	if (r === null || i === null) switch (n) {
+		case "===": return r === i;
+		case "!==": return r !== i;
+		default: return !1;
+	}
+	if ([
+		">",
+		"<",
+		">=",
+		"<="
+	].includes(n)) {
+		let e = Number(r), t = Number(i);
+		if (!(Number.isNaN(e) || Number.isNaN(t))) switch (n) {
+			case ">": return e > t;
+			case "<": return e < t;
+			case ">=": return e >= t;
+			case "<=": return e <= t;
+			default: return !1;
+		}
+		return !1;
+	}
+	switch (n) {
+		case "===": {
+			let e = Number(r), t = Number(i);
+			return Number.isNaN(e) || Number.isNaN(t) ? String(r) === String(i) : e === t;
+		}
+		case "!==": {
+			let e = Number(r), t = Number(i);
+			return Number.isNaN(e) || Number.isNaN(t) ? String(r) !== String(i) : e !== t;
+		}
+		default: return !1;
+	}
+}, R = (e, t, n) => {
+	let { field: r, operator: a, value: o } = e;
+	if (!(r && a) || o === void 0) return !0;
+	let s = t[r];
+	if (s === void 0 && n) {
+		let e = n.get(r);
+		e && i(e) && (s = t[e.id]);
+	}
+	return Array.isArray(s) ? a === "===" ? s.some((e) => L(e, o, "===")) || L(s, o, "===") : a === "!==" ? s.every((e) => L(e, o, "!==")) && L(s, o, "!==") : s.some((e) => L(e, o, a)) : L(s, o, a);
+}, z = (e, t, n) => {
+	if (!e || e.length === 0) return !0;
+	if (e.length === 1) return R(e[0], t, n);
+	let r = R(e[0], t, n);
+	for (let i = 1; i < e.length; i += 1) {
+		let a = e[i], o = R(a, t, n), s = e[i - 1].logicalOperator || h.AND;
+		if (s === h.AND) {
+			if (r &&= o, !r) return !1;
+		} else if (s === h.OR && (r ||= o, r)) return !0;
+	}
+	return r;
+}, B = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let n = t.get(e.source);
+		n ? n.push(e) : t.set(e.source, [e]);
+	}), t;
+}, V = (e, t, n) => {
+	let r = [], a = [], o = [];
+	e.forEach((e) => {
+		let t = e.data?.isFallback, n = e.data?.conditions?.length;
+		t ? o.push(e) : n ? a.push(e) : r.push(e);
+	});
+	let s = [...r];
+	if (a.length === 0) return o.length > 0 && s.length === 0 && s.push(...o), {
+		edgesToFollow: s,
+		waitingForInput: !1
+	};
+	if (!a.every((e) => {
+		let r = e.data?.conditions;
+		return r ? r.every((e) => {
+			if (!e.field) return !0;
+			let r = n.get(e.field);
+			return _(i(r) ? r.id : e.field, t);
+		}) : !1;
+	})) return o.length > 0 && s.push(...o), {
+		edgesToFollow: s,
+		waitingForInput: s.length === 0
+	};
+	let c = a.filter((e) => z(e.data?.conditions, t, n));
+	return c.length > 0 ? (s.push(...c), {
+		edgesToFollow: s,
+		waitingForInput: !1
+	}) : (s.push(...o), {
+		edgesToFollow: s,
+		waitingForInput: !1
+	});
+}, H = (e, t) => !t.some((t) => t.target === e), U = (e, t) => {
+	let n = e.filter((e) => H(e.id, t));
+	return n.find(i) || n[0];
+}, ne = (e, t, n, r) => {
+	e.forEach((e) => {
+		let i = r.get(e);
+		if (!i) return;
+		let { parentId: a } = i, o = /* @__PURE__ */ new Set();
+		for (; a && !o.has(a);) {
+			if (o.add(a), t.add(a), !n.has(a)) {
+				let t = n.get(e);
+				t !== void 0 && n.set(a, t);
+			}
+			a = r.get(a)?.parentId;
+		}
+	});
+}, re = (e, t, n) => {
+	let r = U(e, t);
+	if (!r) return {
+		endOfPathReached: !0,
+		visibleNodeIds: /* @__PURE__ */ new Set(),
+		visibleNodes: [],
+		visibleRootNodes: []
+	};
+	let i = new Map(e.map((e) => [e.id, e])), a = B(t), o = [], s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = !1, u = (e) => {
+		if (c.has(e)) return;
+		c.add(e);
+		let t = i.get(e);
+		if (!t) return;
+		s.add(e), o.push(t);
+		let { edgesToFollow: r, waitingForInput: d } = V(a.get(e) || [], n, i);
+		if (d) {
+			l = !0;
+			return;
+		}
+		r.forEach((e) => {
+			u(e.target);
+		});
+	};
+	u(r.id);
+	let d = new Map(o.map((e, t) => [e.id, t])), f = new Set(s);
+	ne(s, f, d, i);
+	let p = e.filter((e) => f.has(e.id)).sort((e, t) => (d.get(e.id) ?? 2 ** 53 - 1) - (d.get(t.id) ?? 2 ** 53 - 1)), m = p.filter((e) => !(e.parentId && f.has(e.parentId)));
+	return {
+		endOfPathReached: !l,
+		visibleNodeIds: f,
+		visibleNodes: p,
+		visibleRootNodes: m
+	};
+}, ie = (e) => e.filter((e) => !r(e)).reduce((e, t) => {
+	let n = t.parentId ?? null, r = e.at(-1);
+	return r && r.groupId === n ? [...e.slice(0, -1), {
+		...r,
+		nodes: [...r.nodes, t]
+	}] : [...e, {
+		groupId: n,
+		nodes: [t]
+	}];
+}, []), W = (e) => {
+	if (typeof e != "object" || !e) return JSON.stringify(e) ?? "null";
+	if (Array.isArray(e)) return `[${e.map(W).join(",")}]`;
+	let t = e;
+	return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${W(t[e])}`).join(",")}}`;
+}, G = ({ baseUrl: e, components: t, flow: n, googleApiKey: a, headers: o, language: s, onChange: f, onSubmit: p, showPoweredBy: h, theme: _, validate: y, validationMode: b, initialValues: x = {} }) => {
+	let S = ee(), C = O(() => ({
+		baseUrl: e ?? S?.baseUrl,
+		components: {
+			form: t?.form ?? S?.components?.form,
+			inputs: {
+				...S?.components?.inputs,
+				...t?.inputs
+			},
+			loadingSkeleton: t?.loadingSkeleton ?? S?.components?.loadingSkeleton,
+			step: t?.step ?? S?.components?.step,
+			submitButton: t?.submitButton ?? S?.components?.submitButton,
+			submitButtonWrapper: t?.submitButtonWrapper ?? S?.components?.submitButtonWrapper,
+			ui: {
+				...S?.components?.ui,
+				...t?.ui
+			}
+		},
+		googleApiKey: a ?? S?.googleApiKey,
+		headers: u(S?.headers, o),
+		language: s ?? S?.language ?? "en",
+		showPoweredBy: h ?? S?.showPoweredBy ?? !0,
+		theme: _ ?? S?.theme ?? "dark",
+		validationMode: b ?? S?.validationMode ?? "onSubmit"
+	}), [
+		e,
+		t,
+		S,
+		a,
+		o,
+		s,
+		h,
+		_,
+		b
+	]), w = O(() => n?.nodes ?? [], [n]), E = O(() => n?.edges ?? [], [n]), j = O(() => g(w), [w]), M = c(C.language), N = k({}), [P, F] = A({}), [I, L] = A(() => m(x, j)), R = O(() => W(x), [x]), z = k(R), { endOfPathReached: B, visibleNodes: V, visibleRootNodes: H } = O(() => re(w, E, I), [
+		w,
+		E,
+		I
+	]), U = O(() => ie(V), [V]), ne = O(() => {
+		let e = /* @__PURE__ */ new Map();
+		return w.forEach((t) => {
+			r(t) && e.set(t.id, t);
+		}), e;
+	}, [w]), [G, K] = A(0), q = U.length === 0 ? 0 : Math.min(G, U.length - 1), J = U[q], Y = J?.groupId ? ne.get(J.groupId) : void 0, ae = q === 0, oe = U.length === 0 || q >= U.length - 1, { clearSubmitMessage: se, handleSubmitWithConfig: ce, hasSubmitConfig: le, isSubmitting: ue, submitMessage: de } = te(V, I, C.language, j, C.headers, C.baseUrl), fe = k(f), X = k(y), Z = O(() => v(I, j), [I, j]), pe = T((e, t) => {
+		L((n) => ({
+			...n,
+			[e]: t
+		})), F((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, []), Q = T((e) => {
+		Object.keys(e).length !== 0 && (L((t) => ({
+			...t,
+			...e
+		})), F((t) => {
+			let n = { ...t };
+			return Object.keys(e).forEach((e) => {
+				delete n[e];
+			}), n;
+		}));
+	}, []), $ = T((e) => {
+		let t = {};
+		V.forEach((e) => {
+			if (i(e)) {
+				let n = e.id, r = I[n];
+				if (e.data.required && d(r)) {
+					t[n] = M(e.data.errorMessage) || M("validation.required");
+					return;
+				}
+				if (!d(r) && e.data.pattern) try {
+					new RegExp(e.data.pattern).test(String(r)) || (t[n] = M(e.data.errorMessage) || M("validation.invalidFormat"));
+				} catch (e) {
+					console.error(`Invalid pattern for field ${n}:`, e);
+				}
+			}
+		});
+		let n = e ? e(I, V) : {}, r = {
+			...t,
+			...n
+		};
+		return F(r), {
+			errors: r,
+			hasCustomErrors: Object.keys(n).length > 0,
+			isValid: Object.keys(r).length === 0
+		};
+	}, [
+		V,
+		I,
+		M
+	]), me = T(() => {
+		K((e) => e >= U.length - 1 ? e : e + 1);
+	}, [U.length]), he = T(() => {
+		K((e) => Math.max(0, e - 1));
+	}, []), ge = T(async () => {
+		let { isValid: e } = $(X.current);
+		if (!e) return !1;
+		if (le) {
+			let e = await ce((e) => {
+				p && p(Z, { httpResponse: e });
+			});
+			if (e === null) return p?.(Z), !0;
+			if (!e.success) return !0;
+		} else p && p(Z);
+		return !0;
+	}, [
+		$,
+		le,
+		ce,
+		p,
+		Z
+	]), _e = O(() => {
+		if (!J) return [];
+		let e = [];
+		return J.nodes.forEach((t) => {
+			i(t) && t.data.type !== "submit" && t.data.required && d(I[t.id]) && e.push(M(t.data.label) || t.id);
+		}), e;
+	}, [
+		J,
+		I,
+		M
+	]), ve = O(() => V.some((e) => i(e) && e.data.type === "submit"), [V]), ye = O(() => J ? J.nodes.every((e) => !i(e) || !e.data.required || e.data.type === "submit" ? !0 : !d(I[e.id])) : !1, [J, I]), be = O(() => {
+		let e = Object.keys(P);
+		return e.length > 0 ? e[0] : void 0;
+	}, [P]);
+	return D(() => {
+		if (U.length === 0) {
+			G !== 0 && K(0);
+			return;
+		}
+		G > U.length - 1 && K(U.length - 1);
+	}, [U.length, G]), D(() => {
+		fe.current = f;
+	}, [f]), D(() => {
+		X.current = y;
+	}, [y]), D(() => {
+		fe.current?.(Z);
+	}, [Z]), D(() => {
+		C.validationMode === "onChange" && $(X.current);
+	}, [C.validationMode, $]), D(() => {
+		let e = l(j, I, N.current);
+		Object.keys(e).length > 0 && Q(e), N.current = I;
+	}, [
+		I,
+		j,
+		Q
+	]), D(() => {
+		z.current !== R && (z.current = R, L(m(x, j)), F({}));
+	}, [
+		R,
+		x,
+		j
+	]), {
+		canContinueStep: ye,
+		canSubmit: (ve || B) && w.length > 0,
+		clearSubmitMessage: se,
+		config: C,
+		currentStep: J,
+		currentStepGroupNode: Y,
+		currentStepIndex: q,
+		firstErrorFieldId: be,
+		formErrors: P,
+		formValues: I,
+		goToNextStep: me,
+		goToPreviousStep: he,
+		handleSubmit: ge,
+		hasSubmitInput: ve,
+		inputNodes: j,
+		isFirstStep: ae,
+		isLastStep: oe,
+		isSubmitting: ue,
+		missingRequiredFields: _e,
+		prevFormValuesRef: N,
+		setFieldErrors: F,
+		setFieldValue: pe,
+		setMultipleFieldValues: Q,
+		steps: U,
+		submitMessage: de,
+		t: M,
+		validateForm: $,
+		visibleNodes: V,
+		visibleRootNodes: H
+	};
+}, K = /\{\{([\w-]+)}}/g, q = (e) => e == null || e === "", J = (...e) => {
+	let t = [];
+	for (let n of e) if (n) for (let e of n.matchAll(K)) t.includes(e[1]) || t.push(e[1]);
+	return t;
+}, Y = (e) => {
+	let t = e.data.httpConfig ?? e.data.optionsSource;
+	if (!t) return [];
+	let n = Object.values(t.queryParams ?? {});
+	return J(t.url, t.body, ...n);
+}, ae = (e, t, n, r) => Y(e).filter((e) => q(t[e])).map((e) => {
+	let t = n.find((t) => t.id === e);
+	return {
+		id: e,
+		label: t ? p(t, r) : e
+	};
+}), oe = ({ DefaultFormWrapper: t, DefaultInputWrapper: r, DefaultSubmitButton: s, DefaultSubmitButtonWrapper: c, config: l, defaultInputRenderers: u, defaultUI: d, formErrors: p, formValues: m, inputNodes: h, isSubmitting: g, missingRequiredFields: _, setFieldValue: v }) => {
+	let b = O(() => l.components.form || t, [l.components.form, t]), x = O(() => l.components.submitButton || s, [l.components.submitButton, s]), S = O(() => l.components.submitButtonWrapper || c || C, [l.components.submitButtonWrapper, c]);
+	return {
+		FormWrapper: b,
+		renderNode: T(function(t) {
+			let { type: s } = t;
+			switch (s) {
+				case e.input: {
+					if (!i(t)) return null;
+					let e = t.data, a = e.type || "text", s = l.components.inputs?.[a], c = u[a], d = s || c, b = t.id, x = (e) => v(b, e), S = m[b], C = p[b], w = o(e.label, l.language), T = y(e, l.language), E = o(e.helperText, l.language), D = f(t), O = n(w), k = n(T), A = n(E);
+					return d ? /* @__PURE__ */ j(r, {
+						node: t,
+						children: /* @__PURE__ */ j(d, {
+							field: {
+								"aria-invalid": C ? !0 : void 0,
+								id: t.id,
+								name: D,
+								placeholder: k,
+								required: e.required,
+								value: S
+							},
+							extra: {
+								error: C,
+								helperText: A,
+								isSubmitting: g,
+								label: O,
+								missingDependencies: ae(t, m, h, l.language),
+								missingRequiredFields: _,
+								node: t,
+								setValue: x
+							}
+						}, a)
+					}, t.id) : (console.warn("No renderer found for input type:", a), null);
+				}
+				case e.group: return null;
+				case e.ui: {
+					if (!a(t)) return null;
+					let e = t.data.type || "title", n = l.components.ui?.[e], r = d[e], i = n || r;
+					return i ? /* @__PURE__ */ j(i, { node: t }, t.id) : null;
+				}
+				default: return console.warn("Unknown node type:", s), null;
+			}
+		}, [
+			l,
+			m,
+			p,
+			v,
+			g,
+			_,
+			h,
+			u,
+			d,
+			r
+		]),
+		SubmitButton: x,
+		SubmitButtonWrapper: S
+	};
+};
+//#endregion
+export { H as a, N as c, re as i, ee as l, G as n, R as o, U as r, z as s, oe as t };

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.63",
+  "version": "3.0.0-beta.65",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",