treege 3.0.0-beta.89 → 3.0.0-beta.90

package/dist/renderer.js

@@ -1,5 +1,5 @@
-import { G as e, I as t, L as n, _ as r, a as i, b as a, c as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, r as m, s as h, t as g, v as _, y as v } from "./ThemeContext-CiVygpDK.js";
-import { C as y, L as b, S as x, _ as S, a as C, b as w, c as T, d as E, g as D, h as O, i as k, m as A, n as j, o as M, r as N, u as P, v as F, x as I, y as L } from "./DefaultSubmitButton-BIjoDpUm.js";
-import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G } from "./useRenderNode-D9gPe-xm.js";
-import { a as K, c as q, i as J, l as Y, n as X, o as Z, r as Q, s as $, t as ee } from "./renderer-BIccXyWl.js";
-export { y as DefaultAddressInput, x as DefaultAutocompleteInput, I as DefaultCheckboxInput, w as DefaultDateInput, L as DefaultDateRangeInput, F as DefaultFileInput, S as DefaultHiddenInput, D as DefaultHttpInput, b as DefaultInputLabel, O as DefaultNumberInput, A as DefaultPasswordInput, E as DefaultRadioInput, P as DefaultSelectInput, T as DefaultSwitchInput, M as DefaultTextAreaInput, C as DefaultTextInput, k as DefaultTimeInput, N as DefaultTimeRangeInput, Z as Divider, g as ThemeProvider, $ as Title, K as TreegeRenderer, z as TreegeRendererProvider, ee as TreegeViewer, Y as TreegeViewerProvider, m as applyReferenceTransformation, l as buildInitialFormValues, i as calculateReferenceFieldUpdates, p as checkFormFieldHasValue, h as convertFormValuesToNamedFormat, j as defaultInputRenderers, q as defaultUI, U as evaluateCondition, G as evaluateConditions, d as fileNameFromUrl, c as fileToSerializable, s as filesToSerializable, W as findStartNode, r as formatFileSize, B as getFlowRenderState, e as getTranslatedText, X as getViewerFields, o as isFieldEmpty, Q as isImageFile, _ as isRemoteFileData, R as isStartNode, v as normalizeSerializableFiles, u as resolveNodeDefaultValue, t as sanitize, n as sanitizeHttpResponse, a as serializableToFile, f as useTheme, H as useTreegeRenderer, V as useTreegeRendererConfig, J as viewerFieldsFromResponse };
+import { I as e, L as t, _ as n, a as r, b as i, c as a, g as o, h as s, i as c, l, m as u, n as d, o as f, q as p, r as m, s as h, t as g, v as _, y as v } from "./ThemeContext-CPsC8QIP.js";
+import { C as y, L as b, S as x, _ as S, a as C, b as w, c as T, d as E, g as D, h as O, i as k, m as A, n as j, o as M, r as N, u as P, v as F, x as I, y as L } from "./DefaultSubmitButton-NeSDqyzv.js";
+import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G } from "./useRenderNode-CG466pNk.js";
+import { a as K, c as q, i as J, l as Y, n as X, o as Z, r as Q, s as $, t as ee } from "./renderer-CNbSt_QW.js";
+export { y as DefaultAddressInput, x as DefaultAutocompleteInput, I as DefaultCheckboxInput, w as DefaultDateInput, L as DefaultDateRangeInput, F as DefaultFileInput, S as DefaultHiddenInput, D as DefaultHttpInput, b as DefaultInputLabel, O as DefaultNumberInput, A as DefaultPasswordInput, E as DefaultRadioInput, P as DefaultSelectInput, T as DefaultSwitchInput, M as DefaultTextAreaInput, C as DefaultTextInput, k as DefaultTimeInput, N as DefaultTimeRangeInput, Z as Divider, g as ThemeProvider, $ as Title, K as TreegeRenderer, z as TreegeRendererProvider, ee as TreegeViewer, Y as TreegeViewerProvider, m as applyReferenceTransformation, c as buildInitialFormValues, r as calculateReferenceFieldUpdates, f as checkFormFieldHasValue, h as convertFormValuesToNamedFormat, j as defaultInputRenderers, q as defaultUI, U as evaluateCondition, G as evaluateConditions, u as fileNameFromUrl, s as fileToSerializable, o as filesToSerializable, W as findStartNode, n as formatFileSize, B as getFlowRenderState, p as getTranslatedText, X as getViewerFields, a as isFieldEmpty, Q as isImageFile, _ as isRemoteFileData, R as isStartNode, v as normalizeSerializableFiles, l as resolveNodeDefaultValue, e as sanitize, t as sanitizeHttpResponse, i as serializableToFile, d as useTheme, H as useTreegeRenderer, V as useTreegeRendererConfig, J as viewerFieldsFromResponse };

package/dist/{useRenderNode-D9gPe-xm.js → useRenderNode-CG466pNk.js}

@@ -1,4 +1,4 @@
-import { A as e, B as t, C as n, F as r, G as i, I as a, J as o, M as s, N as c, O as l, V as u, Y as d, a as f, c as p, d as m, f as h, i as g, j as _, k as v, l as ee, o as y, p as b, q as x, s as S, u as C } from "./ThemeContext-CiVygpDK.js";
+import { A as e, C as t, F as n, H as r, I as i, M as a, N as o, O as s, U as c, X as l, Y as u, Z as d, a as f, c as p, d as m, f as h, i as g, j as _, k as v, l as ee, o as y, p as b, q as x, s as S, u as C } from "./ThemeContext-CPsC8QIP.js";
 import { Fragment as w, createContext as T, useCallback as E, useContext as D, useEffect as O, useMemo as k, useRef as A, useState as j } from "react";
 import { jsx as M } from "react/jsx-runtime";
 //#region src/renderer/context/TreegeRendererProvider.tsx
@@ -12,21 +12,21 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		...e,
 		...r
 	};
-}, F = async (t, r, i, a, o, u) => {
-	if (!t.url || t.url.trim() === "") return {
+}, F = async (n, r, i, c, l, u) => {
+	if (!n.url || n.url.trim() === "") return {
 		error: "No URL configured for submission",
 		success: !1
 	};
-	let d = c(_(t.url, r, { encode: !0 }), o);
+	let d = o(_(n.url, r, { encode: !0 }), l);
 	if (!d || d.trim() === "") return {
 		error: "Invalid URL after template replacement",
 		success: !1
 	};
-	let f = S(r, i), p = t.payloadTemplate ? n(t.payloadTemplate, r, i) : void 0, m = ne(p === void 0 ? t.sendAllFormValues ? f : void 0 : p, u, f), h = await l({
+	let f = S(r, i), p = n.payloadTemplate ? t(n.payloadTemplate, r, i) : void 0, m = ne(p === void 0 ? n.sendAllFormValues ? f : void 0 : p, u, f), h = await s({
 		body: m === void 0 ? void 0 : JSON.stringify(m),
-		headers: v(s(a, r), s(t.headers, r)),
-		method: t.method || "POST",
-		queryParams: s(t.queryParams, r),
+		headers: v(a(c, r), a(n.headers, r)),
+		method: n.method || "POST",
+		queryParams: a(n.queryParams, r),
 		url: d
 	});
 	if (!h.success) return {
@@ -34,9 +34,9 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		error: h.error,
 		success: !1
 	};
-	let g = t.redirectUrl ? (() => {
-		let n = e(t.redirectUrl, h.data);
-		return n && n.trim() !== "" ? n : void 0;
+	let g = n.redirectUrl ? (() => {
+		let t = e(n.redirectUrl, h.data);
+		return t && t.trim() !== "" ? t : void 0;
 	})() : void 0;
 	return {
 		data: h.data,
@@ -45,34 +45,34 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	};
 }, I = (e) => {
 	e && (typeof window > "u" || !window.location || (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));
-}, re = (e, t, n, r, a, s, c) => {
-	let [l, u] = j(!1), [d, f] = j(null), p = k(() => {
-		let t = e.find((e) => o(e) && e.data?.type === "submit");
-		return t && o(t) ? t : null;
-	}, [e]), m = E(async (e) => {
-		if (!p?.data?.submitConfig) return null;
-		let o = p.data.submitConfig;
-		if (!o.url || o.url.trim() === "") return null;
-		f(null), o.showLoading !== !1 && u(!0);
+}, re = (e, t, n, r, i, a, o) => {
+	let [s, c] = j(!1), [u, d] = j(null), f = k(() => {
+		let t = e.find((e) => l(e) && e.data?.type === "submit");
+		return t && l(t) ? t : null;
+	}, [e]), p = E(async (e) => {
+		if (!f?.data?.submitConfig) return null;
+		let s = f.data.submitConfig;
+		if (!s.url || s.url.trim() === "") return null;
+		d(null), s.showLoading !== !1 && c(!0);
 		try {
-			let l = await F(o, t, r, a, s, c);
-			if (l.success) {
-				let t = i(o.successMessage, n);
-				if (t && f({
+			let c = await F(s, t, r, i, a, o);
+			if (c.success) {
+				let t = x(s.successMessage, n);
+				if (t && d({
 					message: t,
 					type: "success"
-				}), e && e(l.data), l.redirectUrl) {
-					let e = l.redirectUrl;
+				}), e && e(c.data), c.redirectUrl) {
+					let e = c.redirectUrl;
 					setTimeout(() => I(e), 1e3);
 				}
-			} else f({
-				message: i(o.errorMessage, n) || l.error || "An error occurred during submission",
+			} else d({
+				message: x(s.errorMessage, n) || c.error || "An error occurred during submission",
 				type: "error"
 			});
-			return l;
+			return c;
 		} catch (e) {
-			let t = i(o.errorMessage, n) || (e instanceof Error ? e.message : "An unexpected error occurred");
-			return f({
+			let t = x(s.errorMessage, n) || (e instanceof Error ? e.message : "An unexpected error occurred");
+			return d({
 				message: t,
 				type: "error"
 			}), {
@@ -80,26 +80,26 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 				success: !1
 			};
 		} finally {
-			u(!1);
+			c(!1);
 		}
 	}, [
-		p,
+		f,
 		t,
 		n,
 		r,
+		i,
 		a,
-		s,
-		c
+		o
 	]);
 	return {
 		clearSubmitMessage: E(() => {
-			f(null);
+			d(null);
 		}, []),
-		handleSubmitWithConfig: m,
-		hasSubmitConfig: !!p?.data?.submitConfig,
-		isSubmitting: l,
-		submitButtonNode: p,
-		submitMessage: d
+		handleSubmitWithConfig: p,
+		hasSubmitConfig: !!f?.data?.submitConfig,
+		isSubmitting: s,
+		submitButtonNode: f,
+		submitMessage: u
 	};
 }, L = (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), R = (e, t, n) => {
 	let r = L(e), i = L(t);
@@ -138,17 +138,17 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 }, z = (e, t, n) => {
 	let { field: r, operator: i, value: a } = e;
 	if (!(r && i) || a === void 0) return !0;
-	let s = t[r], c = s === void 0 && n ? n.get(r) : void 0, l = c && o(c) ? t[c.id] : s;
-	return Array.isArray(l) ? i === "===" ? l.some((e) => R(e, a, "===")) || R(l, a, "===") : i === "!==" ? l.every((e) => R(e, a, "!==")) && R(l, a, "!==") : l.some((e) => R(e, a, i)) : R(l, a, i);
+	let o = t[r], s = o === void 0 && n ? n.get(r) : void 0, c = s && l(s) ? t[s.id] : o;
+	return Array.isArray(c) ? i === "===" ? c.some((e) => R(e, a, "===")) || R(c, a, "===") : i === "!==" ? c.every((e) => R(e, a, "!==")) && R(c, a, "!==") : c.some((e) => R(e, a, i)) : R(c, a, i);
 }, B = (e, t, n) => {
 	if (!e || e.length === 0) return !0;
 	if (e.length === 1) return z(e[0], t, n);
 	let r = z(e[0], t, n);
 	for (let i = 1; i < e.length; i += 1) {
-		let a = e[i], o = z(a, t, n), s = e[i - 1].logicalOperator || u.AND;
-		if (s === u.AND) {
+		let a = e[i], o = z(a, t, n), s = e[i - 1].logicalOperator || c.AND;
+		if (s === c.AND) {
 			if (r &&= o, !r) return !1;
-		} else if (s === u.OR && (r ||= o, r)) return !0;
+		} else if (s === c.OR && (r ||= o, r)) return !0;
 	}
 	return r;
 }, V = (e) => {
@@ -163,9 +163,9 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		let t = e.data?.isFallback, n = e.data?.conditions?.length;
 		t ? a.push(e) : n ? i.push(e) : r.push(e);
 	});
-	let s = [...r];
-	if (i.length === 0) return a.length > 0 && s.length === 0 && s.push(...a), {
-		edgesToFollow: s,
+	let o = [...r];
+	if (i.length === 0) return a.length > 0 && o.length === 0 && o.push(...a), {
+		edgesToFollow: o,
 		waitingForInput: !1
 	};
 	if (!i.every((e) => {
@@ -173,23 +173,23 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		return r ? r.every((e) => {
 			if (!e.field) return !0;
 			let r = n.get(e.field);
-			return y(o(r) ? r.id : e.field, t);
+			return y(l(r) ? r.id : e.field, t);
 		}) : !1;
-	})) return a.length > 0 && s.push(...a), {
-		edgesToFollow: s,
-		waitingForInput: s.length === 0
+	})) return a.length > 0 && o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: o.length === 0
 	};
-	let c = i.filter((e) => B(e.data?.conditions, t, n));
-	return c.length > 0 ? (s.push(...c), {
-		edgesToFollow: s,
+	let s = i.filter((e) => B(e.data?.conditions, t, n));
+	return s.length > 0 ? (o.push(...s), {
+		edgesToFollow: o,
 		waitingForInput: !1
-	}) : (s.push(...a), {
-		edgesToFollow: s,
+	}) : (o.push(...a), {
+		edgesToFollow: o,
 		waitingForInput: !1
 	});
 }, ie = (e, t) => !t.some((t) => t.target === e), U = (e, t) => {
 	let n = e.filter((e) => ie(e.id, t));
-	return n.find(o) || n[0];
+	return n.find(l) || n[0];
 }, ae = (e, t, n = /* @__PURE__ */ new Set()) => !e || n.has(e) ? [] : (n.add(e), [e, ...ae(t.get(e)?.parentId, t, n)]), W = (e, t, n, r) => {
 	e.forEach((e) => {
 		let i = n.get(e);
@@ -230,7 +230,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		visibleNodes: p,
 		visibleRootNodes: m
 	};
-}, se = (e) => e.filter((e) => !x(e)).reduce((e, t) => {
+}, se = (e) => e.filter((e) => !u(e)).reduce((e, t) => {
 	let n = t.parentId ?? null, r = e.at(-1);
 	return r && r.groupId === n ? [...e.slice(0, -1), {
 		...r,
@@ -244,52 +244,52 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	if (Array.isArray(e)) return `[${e.map(G).join(",")}]`;
 	let t = e;
 	return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${G(t[e])}`).join(",")}}`;
-}, K = ({ baseUrl: e, components: t, extraPayload: i, flow: a, googleApiKey: s, headers: c, language: l, onChange: u, onSubmit: d, showPoweredBy: m, theme: h, validate: _, validationMode: y, initialValues: b = {} }) => {
+}, K = ({ baseUrl: e, components: r, extraPayload: i, flow: a, googleApiKey: o, headers: s, language: c, onChange: d, onSubmit: m, showPoweredBy: h, theme: _, validate: y, validationMode: b, initialValues: x = {} }) => {
 	let w = te(), T = k(() => ({
 		baseUrl: e ?? w?.baseUrl,
 		components: {
-			form: t?.form ?? w?.components?.form,
+			form: r?.form ?? w?.components?.form,
 			inputs: {
 				...w?.components?.inputs,
-				...t?.inputs
+				...r?.inputs
 			},
-			loadingSkeleton: t?.loadingSkeleton ?? w?.components?.loadingSkeleton,
-			step: t?.step ?? w?.components?.step,
-			submitButton: t?.submitButton ?? w?.components?.submitButton,
-			submitButtonWrapper: t?.submitButtonWrapper ?? w?.components?.submitButtonWrapper,
+			loadingSkeleton: r?.loadingSkeleton ?? w?.components?.loadingSkeleton,
+			step: r?.step ?? w?.components?.step,
+			submitButton: r?.submitButton ?? w?.components?.submitButton,
+			submitButtonWrapper: r?.submitButtonWrapper ?? w?.components?.submitButtonWrapper,
 			ui: {
 				...w?.components?.ui,
-				...t?.ui
+				...r?.ui
 			}
 		},
-		googleApiKey: s ?? w?.googleApiKey,
-		headers: v(w?.headers, c),
-		language: l ?? w?.language ?? "en",
-		showPoweredBy: m ?? w?.showPoweredBy ?? !0,
-		theme: h ?? w?.theme ?? "dark",
-		validationMode: y ?? w?.validationMode ?? "onSubmit"
+		googleApiKey: o ?? w?.googleApiKey,
+		headers: v(w?.headers, s),
+		language: c ?? w?.language ?? "en",
+		showPoweredBy: h ?? w?.showPoweredBy ?? !0,
+		theme: _ ?? w?.theme ?? "dark",
+		validationMode: b ?? w?.validationMode ?? "onSubmit"
 	}), [
 		e,
-		t,
+		r,
 		w,
+		o,
 		s,
 		c,
-		l,
-		m,
 		h,
-		y
-	]), D = k(() => a?.nodes ?? [], [a]), M = k(() => a?.edges ?? [], [a]), N = k(() => C(D), [D]), P = r(T.language), F = A({}), I = A(null), [L, R] = j({}), [z, B] = j(() => g(b, N)), V = k(() => G(b), [b]), H = A(V), { endOfPathReached: ie, visibleNodes: U, visibleRootNodes: ae } = k(() => oe(D, M, z), [
+		_,
+		b
+	]), D = k(() => a?.nodes ?? [], [a]), M = k(() => a?.edges ?? [], [a]), N = k(() => C(D), [D]), P = n(T.language), F = A({}), I = A(null), [L, R] = j({}), [z, B] = j(() => g(x, N)), V = k(() => G(x), [x]), H = A(V), { endOfPathReached: ie, visibleNodes: U, visibleRootNodes: ae } = k(() => oe(D, M, z), [
 		D,
 		M,
 		z
 	]), W = k(() => C(U), [U]), K = k(() => se(U), [U]), ce = k(() => {
 		let e = /* @__PURE__ */ new Map();
 		return D.forEach((t) => {
-			x(t) && e.set(t.id, t);
+			u(t) && e.set(t.id, t);
 		}), e;
-	}, [D]), [q, J] = j(0), Y = K.length === 0 ? 0 : Math.min(q, K.length - 1), X = K[Y], le = X?.groupId ? ce.get(X.groupId) : void 0, ue = Y === 0, de = K.length === 0 || Y >= K.length - 1, { clearSubmitMessage: fe, handleSubmitWithConfig: pe, hasSubmitConfig: me, isSubmitting: he, submitButtonNode: ge, submitMessage: _e } = re(U, z, T.language, W, T.headers, T.baseUrl, i), ve = A(u), Z = A(_), Q = k(() => S(z, W), [z, W]), ye = k(() => {
+	}, [D]), [q, J] = j(0), Y = K.length === 0 ? 0 : Math.min(q, K.length - 1), X = K[Y], le = X?.groupId ? ce.get(X.groupId) : void 0, ue = Y === 0, de = K.length === 0 || Y >= K.length - 1, { clearSubmitMessage: fe, handleSubmitWithConfig: pe, hasSubmitConfig: me, isSubmitting: he, submitButtonNode: ge, submitMessage: _e } = re(U, z, T.language, W, T.headers, T.baseUrl, i), ve = A(d), Z = A(y), Q = k(() => S(z, W), [z, W]), ye = k(() => {
 		let e = ge?.data?.submitConfig?.payloadTemplate;
-		return e ? n(e, z, W) ?? Q : Q;
+		return e ? t(e, z, W) ?? Q : Q;
 	}, [
 		ge,
 		z,
@@ -316,7 +316,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	}, []), $ = E((e) => {
 		let t = {};
 		U.forEach((e) => {
-			if (o(e)) {
+			if (l(e)) {
 				let n = e.id, r = z[n];
 				if (e.data.required && p(r)) {
 					t[n] = P(e.data.errorMessage) || P("validation.required");
@@ -352,17 +352,17 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		let t = ne(ye, i, Q);
 		if (me) {
 			let e = await pe((e) => {
-				d && d(t, { httpResponse: e });
+				m && m(t, { httpResponse: e });
 			});
-			if (e === null) return d?.(t), !0;
+			if (e === null) return m?.(t), !0;
 			if (!e.success) return !0;
-		} else d && d(t);
+		} else m && m(t);
 		return !0;
 	}, [
 		$,
 		me,
 		pe,
-		d,
+		m,
 		ye,
 		i,
 		Q
@@ -370,13 +370,13 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		if (!X) return [];
 		let e = [];
 		return X.nodes.forEach((t) => {
-			o(t) && t.data.type !== "submit" && t.data.required && p(z[t.id]) && e.push(P(t.data.label) || t.id);
+			l(t) && t.data.type !== "submit" && t.data.required && p(z[t.id]) && e.push(P(t.data.label) || t.id);
 		}), e;
 	}, [
 		X,
 		z,
 		P
-	]), Ee = k(() => U.some((e) => o(e) && e.data.type === "submit"), [U]), De = k(() => X ? X.nodes.every((e) => !o(e) || !e.data.required || e.data.type === "submit" ? !0 : !p(z[e.id])) : !1, [X, z]), Oe = k(() => {
+	]), Ee = k(() => U.some((e) => l(e) && e.data.type === "submit"), [U]), De = k(() => X ? X.nodes.every((e) => !l(e) || !e.data.required || e.data.type === "submit" ? !0 : !p(z[e.id])) : !1, [X, z]), Oe = k(() => {
 		let e = Object.keys(L);
 		return e.length > 0 ? e[0] : void 0;
 	}, [L]);
@@ -387,10 +387,10 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		}
 		q > K.length - 1 && J(K.length - 1);
 	}, [K.length, q]), O(() => {
-		ve.current = u;
-	}, [u]), O(() => {
-		Z.current = _;
-	}, [_]), O(() => {
+		ve.current = d;
+	}, [d]), O(() => {
+		Z.current = y;
+	}, [y]), O(() => {
 		ve.current?.(Q);
 	}, [Q]), O(() => {
 		T.validationMode === "onChange" && $(Z.current);
@@ -424,10 +424,10 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 			}), t ? r : e;
 		}));
 	}, [W, z]), O(() => {
-		H.current !== V && (H.current = V, B(g(b, N)), R({}), I.current = null);
+		H.current !== V && (H.current = V, B(g(x, N)), R({}), I.current = null);
 	}, [
 		V,
-		b,
+		x,
 		N
 	]), {
 		canContinueStep: De,
@@ -475,62 +475,62 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		id: e,
 		label: t ? b(t, r) : e
 	};
-}), le = ({ DefaultFormWrapper: e, DefaultInputLabel: n, DefaultInputWrapper: r, DefaultSubmitButton: s, DefaultSubmitButtonWrapper: c, config: l, defaultInputRenderers: u, defaultUI: f, formErrors: p, formValues: g, inputNodes: _, isSubmitting: v, missingRequiredFields: ee, setFieldValue: y }) => {
-	let b = k(() => l.components.form || e, [l.components.form, e]), x = k(() => l.components.submitButton || s, [l.components.submitButton, s]), S = k(() => l.components.submitButtonWrapper || c || w, [l.components.submitButtonWrapper, c]), C = k(() => l.components.inputLabel || n, [l.components.inputLabel, n]);
+}), le = ({ DefaultFormWrapper: e, DefaultInputLabel: t, DefaultInputWrapper: n, DefaultSubmitButton: a, DefaultSubmitButtonWrapper: o, config: s, defaultInputRenderers: c, defaultUI: u, formErrors: f, formValues: p, inputNodes: g, isSubmitting: _, missingRequiredFields: v, setFieldValue: ee }) => {
+	let y = k(() => s.components.form || e, [s.components.form, e]), b = k(() => s.components.submitButton || a, [s.components.submitButton, a]), S = k(() => s.components.submitButtonWrapper || o || w, [s.components.submitButtonWrapper, o]), C = k(() => s.components.inputLabel || t, [s.components.inputLabel, t]);
 	return {
-		FormWrapper: b,
+		FormWrapper: y,
 		renderNode: E(function(e) {
-			let { type: n } = e;
-			switch (n) {
-				case t.input: {
-					if (!o(e)) return null;
-					let t = e.data, n = t.type || "text", s = l.components.inputs?.[n], c = u[n], d = s || c, f = e.id, b = (e) => y(f, e), x = g[f], S = p[f], w = i(t.label, l.language), T = m(t, l.language), E = i(t.helperText, l.language), D = h(e), O = a(w), k = a(T), A = a(E);
-					return d ? /* @__PURE__ */ M(r, {
+			let { type: t } = e;
+			switch (t) {
+				case r.input: {
+					if (!l(e)) return null;
+					let t = e.data, r = t.type || "text", a = s.components.inputs?.[r], o = c[r], u = a || o, d = e.id, y = (e) => ee(d, e), b = p[d], S = f[d], w = x(t.label, s.language), T = m(t, s.language), E = x(t.helperText, s.language), D = h(e), O = i(w), k = i(T), A = i(E);
+					return u ? /* @__PURE__ */ M(n, {
 						node: e,
-						children: /* @__PURE__ */ M(d, {
+						children: /* @__PURE__ */ M(u, {
 							field: {
 								"aria-invalid": S ? !0 : void 0,
 								id: e.id,
 								name: D,
 								placeholder: k,
 								required: t.required,
-								value: x
+								value: b
 							},
 							extra: {
 								error: S,
 								helperText: A,
 								InputLabel: C,
-								isSubmitting: v,
+								isSubmitting: _,
 								label: O,
-								missingDependencies: X(e, g, _, l.language),
-								missingRequiredFields: ee,
+								missingDependencies: X(e, p, g, s.language),
+								missingRequiredFields: v,
 								node: e,
-								setValue: b
+								setValue: y
 							}
-						}, n)
-					}, e.id) : (console.warn("No renderer found for input type:", n), null);
+						}, r)
+					}, e.id) : (console.warn("No renderer found for input type:", r), null);
 				}
-				case t.group: return null;
-				case t.ui: {
+				case r.group: return null;
+				case r.ui: {
 					if (!d(e)) return null;
-					let t = e.data.type || "title", n = l.components.ui?.[t], r = f[t], i = n || r;
+					let t = e.data.type || "title", n = s.components.ui?.[t], r = u[t], i = n || r;
 					return i ? /* @__PURE__ */ M(i, { node: e }, e.id) : null;
 				}
-				default: return console.warn("Unknown node type:", n), null;
+				default: return console.warn("Unknown node type:", t), null;
 			}
 		}, [
-			l,
-			g,
+			s,
 			p,
-			y,
-			v,
+			f,
 			ee,
 			_,
+			v,
+			g,
+			c,
 			u,
-			f,
-			r
+			n
 		]),
-		SubmitButton: x,
+		SubmitButton: b,
 		SubmitButtonWrapper: S
 	};
 };

package/package.json

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