treege 3.0.0-beta.73 → 3.0.0-beta.74

package/dist/renderer.js

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

package/dist/shared/locales/ar.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "الاسم",
       "nameDescription": "اسم حقل مخصص اختياري لتصدير النموذج. إذا كان فارغاً، سيتم استخدام التسمية كمفتاح.",
       "noParentFieldsAvailable": "لا توجد حقول أصلية متاحة",
+      "normalizeLabels": "توحيد التسميات",
+      "normalizeLabelsHint": "تنسيق التسميات الواردة من واجهة برمجة التطبيقات (مثل الأحرف الكبيرة) إلى شكل موحّد وسهل القراءة. لا تتأثر الخيارات المُدخلة يدويًا.",
       "objectMapping": "تعيين الكائن",
       "objectMappingDesc": "تعيين خصائص الكائن المصدر إلى بنية جديدة",
       "optional": "اختياري",

package/dist/shared/locales/de.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "Name",
       "nameDescription": "Optionaler benutzerdefinierter Feldname für den Formularexport. Falls leer, wird die Bezeichnung als Schlüssel verwendet.",
       "noParentFieldsAvailable": "Keine übergeordneten Felder verfügbar",
+      "normalizeLabels": "Beschriftungen normalisieren",
+      "normalizeLabelsHint": "Bereinigt von der API gelieferte Beschriftungen (z. B. GROSSBUCHSTABEN) zu einer einheitlichen, lesbaren Form. Manuell eingegebene Optionen sind nicht betroffen.",
       "objectMapping": "Objektzuordnung",
       "objectMappingDesc": "Eigenschaften des Quellobjekts auf eine neue Struktur abbilden",
       "optional": "Optional",

package/dist/shared/locales/en.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "Name",
       "nameDescription": "Optional custom field name for form export. If empty, the label will be used as the key.",
       "noParentFieldsAvailable": "No parent fields available",
+      "normalizeLabels": "Normalize labels",
+      "normalizeLabelsHint": "Clean up labels coming from the API (e.g. ALL CAPS) into a uniform, readable form. Manually-typed options are not affected.",
       "objectMapping": "Object Mapping",
       "objectMappingDesc": "Map properties from the source object to a new structure",
       "optional": "Optional",

package/dist/shared/locales/es.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "Nombre",
       "nameDescription": "Nombre de campo personalizado opcional para la exportación del formulario. Si está vacío, la etiqueta se usará como clave.",
       "noParentFieldsAvailable": "No hay campos principales disponibles",
+      "normalizeLabels": "Normalizar etiquetas",
+      "normalizeLabelsHint": "Limpia las etiquetas que vienen de la API (p. ej. EN MAYÚSCULAS) a una forma uniforme y legible. Las opciones escritas a mano no se ven afectadas.",
       "objectMapping": "Mapeo de objetos",
       "objectMappingDesc": "Mapear las propiedades del objeto de origen a una nueva estructura",
       "optional": "Opcional",

package/dist/shared/locales/fr.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "Nom",
       "nameDescription": "Nom de champ personnalisé optionnel pour l'export du formulaire. Si vide, le libellé sera utilisé comme clé.",
       "noParentFieldsAvailable": "Aucun champ parent disponible",
+      "normalizeLabels": "Normaliser les libellés",
+      "normalizeLabelsHint": "Nettoie les libellés venant de l'API (ex : EN MAJUSCULES) pour un rendu uniforme et lisible. Les options saisies à la main ne sont pas affectées.",
       "objectMapping": "Mappage d'objet",
       "objectMappingDesc": "Mapper les propriétés de l'objet source vers une nouvelle structure",
       "optional": "Optionnel",

package/dist/shared/locales/it.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "Nome",
       "nameDescription": "Nome campo personalizzato opzionale per l'esportazione del modulo. Se vuoto, l'etichetta verrà utilizzata come chiave.",
       "noParentFieldsAvailable": "Nessun campo genitore disponibile",
+      "normalizeLabels": "Normalizza le etichette",
+      "normalizeLabelsHint": "Uniforma le etichette provenienti dall'API (es. TUTTO MAIUSCOLO) in una forma leggibile. Le opzioni inserite manualmente non vengono modificate.",
       "objectMapping": "Mappatura oggetto",
       "objectMappingDesc": "Mappa le proprietà dell'oggetto sorgente su una nuova struttura",
       "optional": "Opzionale",

package/dist/shared/locales/pt.json.d.ts

@@ -201,6 +201,8 @@ declare const _default: {
       "name": "Nome",
       "nameDescription": "Nome de campo personalizado opcional para exportação de formulário. Se vazio, o rótulo será usado como chave.",
       "noParentFieldsAvailable": "Nenhum campo pai disponível",
+      "normalizeLabels": "Normalizar rótulos",
+      "normalizeLabelsHint": "Limpa os rótulos vindos da API (ex.: MAIÚSCULAS) para um formato uniforme e legível. As opções digitadas manualmente não são afetadas.",
       "objectMapping": "Mapeamento de objeto",
       "objectMappingDesc": "Mapear as propriedades do objeto de origem para uma nova estrutura",
       "optional": "Opcional",

package/dist/shared/types/node.d.ts

@@ -273,6 +273,13 @@ export type InputNodeData = BaseNodeData & {
      * When set, overrides the static `options` array.
      */
     optionsSource?: OptionsSource;
+    /**
+     * Whether labels fetched from an API (dynamic `optionsSource` or an `http`
+     * input's `responseMapping`) are normalized to a uniform, readable Title Case
+     * form (e.g. "DUPONT JEAN" -> "Dupont Jean"). Manually-typed static option
+     * labels are never affected. Defaults to `true` when unset.
+     */
+    normalizeOptionLabels?: boolean;
     /**
      * Submit configuration for the input field (used with type="submit")
      */

package/dist/shared/utils/normalizeLabel.d.ts

@@ -0,0 +1,21 @@
+import { Translatable } from '../types/translate';
+/**
+ * Normalizes a raw label string into a uniform, readable Title Case form.
+ *
+ * Designed for labels coming from an API where casing is often inconsistent
+ * (ALL CAPS, snake_case, kebab-case, camelCase). Each word gets an uppercase
+ * first letter and a lowercase remainder, with separators collapsed to single
+ * spaces:
+ *
+ *   "DUPONT JEAN"   -> "Dupont Jean"
+ *   "admin_user"    -> "Admin User"
+ *   "dateNaissance" -> "Date Naissance"
+ *
+ * Empty/whitespace-only input is returned unchanged.
+ */
+export declare const normalizeLabel: (text: string) => string;
+/**
+ * Applies {@link normalizeLabel} to every language entry of a `Translatable`
+ * label, preserving its shape.
+ */
+export declare const normalizeTranslatableLabel: (label: Translatable) => Translatable;

package/dist/{useRenderNode-D1d8JGbe.js → useRenderNode-GobhZp-Y.js}

@@ -1,70 +1,70 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, P as o, R as s, S as c, T as l, V as u, _ as d, a as f, c as p, d as m, f as h, i as g, k as ee, l as _, o as v, p as y, s as b, u as x, w as S, z as C } from "./ThemeContext-CmyrtNyt.js";
+import { B as e, D as t, E as n, H as r, I as i, L as a, M as o, O as s, T as c, U as l, V as u, a as d, c as f, d as p, f as m, i as h, j as ee, k as g, l as _, o as v, p as y, s as b, u as x, w as S, y as C } from "./ThemeContext-CSH4Fupd.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
 var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__ */ M(N.Provider, {
 	value: t,
 	children: e
-}), F = async (e, t, a, o, s) => {
+}), F = async (e, r, i, a, o) => {
 	if (!e.url || e.url.trim() === "") return {
 		error: "No URL configured for submission",
 		success: !1
 	};
-	let u = r(l(e.url, t, { encode: !0 }), s);
-	if (!u || u.trim() === "") return {
+	let l = g(t(e.url, r, { encode: !0 }), o);
+	if (!l || l.trim() === "") return {
 		error: "Invalid URL after template replacement",
 		success: !1
 	};
-	let f = e.payloadTemplate ? d(e.payloadTemplate, t, a) : void 0, p = await c({
-		body: f === void 0 ? e.sendAllFormValues ? JSON.stringify(b(t, a)) : void 0 : JSON.stringify(f),
-		headers: n(i(o, t), i(e.headers, t)),
+	let u = e.payloadTemplate ? C(e.payloadTemplate, r, i) : void 0, d = await S({
+		body: u === void 0 ? e.sendAllFormValues ? JSON.stringify(b(r, i)) : void 0 : JSON.stringify(u),
+		headers: c(s(a, r), s(e.headers, r)),
 		method: e.method || "POST",
-		queryParams: i(e.queryParams, t),
-		url: u
+		queryParams: s(e.queryParams, r),
+		url: l
 	});
-	if (!p.success) return {
-		data: p.data,
-		error: p.error,
+	if (!d.success) return {
+		data: d.data,
+		error: d.error,
 		success: !1
 	};
-	let m = e.redirectUrl ? (() => {
-		let t = S(e.redirectUrl, p.data);
+	let f = e.redirectUrl ? (() => {
+		let t = n(e.redirectUrl, d.data);
 		return t && t.trim() !== "" ? t : void 0;
 	})() : void 0;
 	return {
-		data: p.data,
-		redirectUrl: m,
+		data: d.data,
+		redirectUrl: f,
 		success: !0
 	};
 }, I = (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);
-}, ne = (e, n, r, i, a, o) => {
+}, ne = (t, n, i, a, o, s) => {
 	let [c, l] = j(!1), [u, d] = j(null), f = k(() => {
-		let n = e.find((e) => t(e) && e.data?.type === "submit");
-		return n && t(n) ? n : null;
-	}, [e]), p = E(async (e) => {
+		let e = t.find((e) => r(e) && e.data?.type === "submit");
+		return e && r(e) ? e : null;
+	}, [t]), p = E(async (t) => {
 		if (!f?.data?.submitConfig) return null;
-		let t = f.data.submitConfig;
-		if (!t.url || t.url.trim() === "") return null;
-		d(null), t.showLoading !== !1 && l(!0);
+		let r = f.data.submitConfig;
+		if (!r.url || r.url.trim() === "") return null;
+		d(null), r.showLoading !== !1 && l(!0);
 		try {
-			let c = await F(t, n, i, a, o);
+			let c = await F(r, n, a, o, s);
 			if (c.success) {
-				let n = s(t.successMessage, r);
+				let n = e(r.successMessage, i);
 				if (n && d({
 					message: n,
 					type: "success"
-				}), e && e(c.data), c.redirectUrl) {
+				}), t && t(c.data), c.redirectUrl) {
 					let e = c.redirectUrl;
 					setTimeout(() => I(e), 1e3);
 				}
 			} else d({
-				message: s(t.errorMessage, r) || c.error || "An error occurred during submission",
+				message: e(r.errorMessage, i) || c.error || "An error occurred during submission",
 				type: "error"
 			});
 			return c;
-		} catch (e) {
-			let n = s(t.errorMessage, r) || (e instanceof Error ? e.message : "An unexpected error occurred");
+		} catch (t) {
+			let n = e(r.errorMessage, i) || (t instanceof Error ? t.message : "An unexpected error occurred");
 			return d({
 				message: n,
 				type: "error"
@@ -78,10 +78,10 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	}, [
 		f,
 		n,
-		r,
 		i,
 		a,
-		o
+		o,
+		s
 	]);
 	return {
 		clearSubmitMessage: E(() => {
@@ -127,13 +127,13 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		}
 		default: return !1;
 	}
-}, z = (e, n, r) => {
+}, z = (e, t, n) => {
 	let { field: i, operator: a, value: o } = e;
 	if (!(i && a) || o === void 0) return !0;
-	let s = n[i];
-	if (s === void 0 && r) {
-		let e = r.get(i);
-		e && t(e) && (s = n[e.id]);
+	let s = t[i];
+	if (s === void 0 && n) {
+		let e = n.get(i);
+		e && r(e) && (s = t[e.id]);
 	}
 	return Array.isArray(s) ? a === "===" ? s.some((e) => R(e, o, "===")) || R(s, o, "===") : a === "!==" ? s.every((e) => R(e, o, "!==")) && R(s, o, "!==") : s.some((e) => R(e, o, a)) : R(s, o, a);
 }, B = (e, t, n) => {
@@ -153,7 +153,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		let n = t.get(e.source);
 		n ? n.push(e) : t.set(e.source, [e]);
 	}), t;
-}, re = (e, n, r) => {
+}, re = (e, t, n) => {
 	let i = [], a = [], o = [];
 	e.forEach((e) => {
 		let t = e.data?.isFallback, n = e.data?.conditions?.length;
@@ -168,14 +168,14 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		let i = e.data?.conditions;
 		return i ? i.every((e) => {
 			if (!e.field) return !0;
-			let i = r.get(e.field);
-			return v(t(i) ? i.id : e.field, n);
+			let i = n.get(e.field);
+			return v(r(i) ? i.id : e.field, t);
 		}) : !1;
 	})) return o.length > 0 && s.push(...o), {
 		edgesToFollow: s,
 		waitingForInput: s.length === 0
 	};
-	let c = a.filter((e) => B(e.data?.conditions, n, r));
+	let c = a.filter((e) => B(e.data?.conditions, t, n));
 	return c.length > 0 ? (s.push(...c), {
 		edgesToFollow: s,
 		waitingForInput: !1
@@ -183,9 +183,9 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		edgesToFollow: s,
 		waitingForInput: !1
 	});
-}, H = (e, t) => !t.some((t) => t.target === e), U = (e, n) => {
-	let r = e.filter((e) => H(e.id, n));
-	return r.find(t) || r[0];
+}, H = (e, t) => !t.some((t) => t.target === e), U = (e, t) => {
+	let n = e.filter((e) => H(e.id, t));
+	return n.find(r) || n[0];
 }, W = (e, t, n, r) => {
 	e.forEach((e) => {
 		let i = r.get(e);
@@ -232,7 +232,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		visibleNodes: p,
 		visibleRootNodes: m
 	};
-}, ae = (e) => e.filter((e) => !C(e)).reduce((e, t) => {
+}, ae = (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,
@@ -246,52 +246,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: r, flow: i, googleApiKey: a, headers: o, language: s, onChange: c, onSubmit: l, showPoweredBy: u, theme: m, validate: h, validationMode: v, initialValues: y = {} }) => {
+}, K = ({ baseUrl: e, components: t, flow: n, googleApiKey: i, headers: a, language: o, onChange: s, onSubmit: l, showPoweredBy: p, theme: m, validate: g, validationMode: v, initialValues: y = {} }) => {
 	let S = te(), w = k(() => ({
 		baseUrl: e ?? S?.baseUrl,
 		components: {
-			form: r?.form ?? S?.components?.form,
+			form: t?.form ?? S?.components?.form,
 			inputs: {
 				...S?.components?.inputs,
-				...r?.inputs
+				...t?.inputs
 			},
-			loadingSkeleton: r?.loadingSkeleton ?? S?.components?.loadingSkeleton,
-			step: r?.step ?? S?.components?.step,
-			submitButton: r?.submitButton ?? S?.components?.submitButton,
-			submitButtonWrapper: r?.submitButtonWrapper ?? S?.components?.submitButtonWrapper,
+			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,
-				...r?.ui
+				...t?.ui
 			}
 		},
-		googleApiKey: a ?? S?.googleApiKey,
-		headers: n(S?.headers, o),
-		language: s ?? S?.language ?? "en",
-		showPoweredBy: u ?? S?.showPoweredBy ?? !0,
+		googleApiKey: i ?? S?.googleApiKey,
+		headers: c(S?.headers, a),
+		language: o ?? S?.language ?? "en",
+		showPoweredBy: p ?? S?.showPoweredBy ?? !0,
 		theme: m ?? S?.theme ?? "dark",
 		validationMode: v ?? S?.validationMode ?? "onSubmit"
 	}), [
 		e,
-		r,
+		t,
 		S,
+		i,
 		a,
 		o,
-		s,
-		u,
+		p,
 		m,
 		v
-	]), T = k(() => i?.nodes ?? [], [i]), D = k(() => i?.edges ?? [], [i]), M = k(() => x(T), [T]), N = ee(w.language), P = A({}), F = A(null), [I, L] = j({}), [R, z] = j(() => g(y, M)), B = k(() => G(y), [y]), V = A(B), { endOfPathReached: re, visibleNodes: H, visibleRootNodes: U } = k(() => ie(T, D, R), [
+	]), T = k(() => n?.nodes ?? [], [n]), D = k(() => n?.edges ?? [], [n]), M = k(() => x(T), [T]), N = ee(w.language), P = A({}), F = A(null), [I, L] = j({}), [R, z] = j(() => h(y, M)), B = k(() => G(y), [y]), V = A(B), { endOfPathReached: re, visibleNodes: H, visibleRootNodes: U } = k(() => ie(T, D, R), [
 		T,
 		D,
 		R
 	]), W = k(() => x(H), [H]), K = k(() => ae(H), [H]), oe = k(() => {
 		let e = /* @__PURE__ */ new Map();
 		return T.forEach((t) => {
-			C(t) && e.set(t.id, t);
+			u(t) && e.set(t.id, t);
 		}), e;
-	}, [T]), [q, J] = j(0), Y = K.length === 0 ? 0 : Math.min(q, K.length - 1), X = K[Y], se = X?.groupId ? oe.get(X.groupId) : void 0, ce = Y === 0, le = K.length === 0 || Y >= K.length - 1, { clearSubmitMessage: ue, handleSubmitWithConfig: de, hasSubmitConfig: fe, isSubmitting: pe, submitButtonNode: me, submitMessage: he } = ne(H, R, w.language, W, w.headers, w.baseUrl), ge = A(c), _e = A(h), Z = k(() => b(R, W), [R, W]), Q = k(() => {
+	}, [T]), [q, J] = j(0), Y = K.length === 0 ? 0 : Math.min(q, K.length - 1), X = K[Y], se = X?.groupId ? oe.get(X.groupId) : void 0, ce = Y === 0, le = K.length === 0 || Y >= K.length - 1, { clearSubmitMessage: ue, handleSubmitWithConfig: de, hasSubmitConfig: fe, isSubmitting: pe, submitButtonNode: me, submitMessage: he } = ne(H, R, w.language, W, w.headers, w.baseUrl), ge = A(s), _e = A(g), Z = k(() => b(R, W), [R, W]), Q = k(() => {
 		let e = me?.data?.submitConfig?.payloadTemplate;
-		return e ? d(e, R, W) ?? Z : Z;
+		return e ? C(e, R, W) ?? Z : Z;
 	}, [
 		me,
 		R,
@@ -316,28 +316,28 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 			}), n;
 		}));
 	}, []), $ = E((e) => {
-		let n = {};
+		let t = {};
 		H.forEach((e) => {
-			if (t(e)) {
-				let t = e.id, r = R[t];
-				if (e.data.required && p(r)) {
-					n[t] = N(e.data.errorMessage) || N("validation.required");
+			if (r(e)) {
+				let n = e.id, r = R[n];
+				if (e.data.required && f(r)) {
+					t[n] = N(e.data.errorMessage) || N("validation.required");
 					return;
 				}
-				if (!p(r) && e.data.pattern) try {
-					new RegExp(e.data.pattern).test(String(r)) || (n[t] = N(e.data.errorMessage) || N("validation.invalidFormat"));
+				if (!f(r) && e.data.pattern) try {
+					new RegExp(e.data.pattern).test(String(r)) || (t[n] = N(e.data.errorMessage) || N("validation.invalidFormat"));
 				} catch (e) {
-					console.error(`Invalid pattern for field ${t}:`, e);
+					console.error(`Invalid pattern for field ${n}:`, e);
 				}
 			}
 		});
-		let r = e ? e(R, H) : {}, i = {
-			...n,
-			...r
+		let n = e ? e(R, H) : {}, i = {
+			...t,
+			...n
 		};
 		return L(i), {
 			errors: i,
-			hasCustomErrors: Object.keys(r).length > 0,
+			hasCustomErrors: Object.keys(n).length > 0,
 			isValid: Object.keys(i).length === 0
 		};
 	}, [
@@ -368,14 +368,14 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	]), Ce = k(() => {
 		if (!X) return [];
 		let e = [];
-		return X.nodes.forEach((n) => {
-			t(n) && n.data.type !== "submit" && n.data.required && p(R[n.id]) && e.push(N(n.data.label) || n.id);
+		return X.nodes.forEach((t) => {
+			r(t) && t.data.type !== "submit" && t.data.required && f(R[t.id]) && e.push(N(t.data.label) || t.id);
 		}), e;
 	}, [
 		X,
 		R,
 		N
-	]), we = k(() => H.some((e) => t(e) && e.data.type === "submit"), [H]), Te = k(() => X ? X.nodes.every((e) => !t(e) || !e.data.required || e.data.type === "submit" ? !0 : !p(R[e.id])) : !1, [X, R]), Ee = k(() => {
+	]), we = k(() => H.some((e) => r(e) && e.data.type === "submit"), [H]), Te = k(() => X ? X.nodes.every((e) => !r(e) || !e.data.required || e.data.type === "submit" ? !0 : !f(R[e.id])) : !1, [X, R]), Ee = k(() => {
 		let e = Object.keys(I);
 		return e.length > 0 ? e[0] : void 0;
 	}, [I]);
@@ -386,15 +386,15 @@ 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(() => {
-		ge.current = c;
-	}, [c]), O(() => {
-		_e.current = h;
-	}, [h]), O(() => {
+		ge.current = s;
+	}, [s]), O(() => {
+		_e.current = g;
+	}, [g]), O(() => {
 		ge.current?.(Z);
 	}, [Z]), O(() => {
 		w.validationMode === "onChange" && $(_e.current);
 	}, [w.validationMode, $]), O(() => {
-		let e = f(M, R, P.current);
+		let e = d(M, R, P.current);
 		Object.keys(e).length > 0 && ye(e), P.current = R;
 	}, [
 		R,
@@ -423,7 +423,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 			}), t ? r : e;
 		}));
 	}, [W, R]), O(() => {
-		V.current !== B && (V.current = B, z(g(y, M)), L({}), F.current = null);
+		V.current !== B && (V.current = B, z(h(y, M)), L({}), F.current = null);
 	}, [
 		B,
 		y,
@@ -474,22 +474,22 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		id: e,
 		label: t ? y(t, r) : e
 	};
-}), se = ({ DefaultFormWrapper: n, DefaultInputWrapper: r, DefaultSubmitButton: i, DefaultSubmitButtonWrapper: a, config: c, defaultInputRenderers: l, defaultUI: d, formErrors: f, formValues: p, inputNodes: g, isSubmitting: ee, missingRequiredFields: _, setFieldValue: v }) => {
-	let y = k(() => c.components.form || n, [c.components.form, n]), b = k(() => c.components.submitButton || i, [c.components.submitButton, i]), x = k(() => c.components.submitButtonWrapper || a || w, [c.components.submitButtonWrapper, a]);
+}), se = ({ DefaultFormWrapper: t, DefaultInputWrapper: n, DefaultSubmitButton: a, DefaultSubmitButtonWrapper: s, config: c, defaultInputRenderers: u, defaultUI: d, formErrors: f, formValues: h, inputNodes: ee, isSubmitting: g, missingRequiredFields: _, setFieldValue: v }) => {
+	let y = k(() => c.components.form || t, [c.components.form, t]), b = k(() => c.components.submitButton || a, [c.components.submitButton, a]), x = k(() => c.components.submitButtonWrapper || s || w, [c.components.submitButtonWrapper, s]);
 	return {
 		FormWrapper: y,
-		renderNode: E(function(n) {
-			let { type: i } = n;
-			switch (i) {
-				case o.input: {
-					if (!t(n)) return null;
-					let i = n.data, a = i.type || "text", o = c.components.inputs?.[a], u = l[a], d = o || u, y = n.id, b = (e) => v(y, e), x = p[y], S = f[y], C = s(i.label, c.language), w = m(i, c.language), T = s(i.helperText, c.language), E = h(n), D = e(C), O = e(w), k = e(T);
-					return d ? /* @__PURE__ */ M(r, {
-						node: n,
+		renderNode: E(function(t) {
+			let { type: a } = t;
+			switch (a) {
+				case i.input: {
+					if (!r(t)) return null;
+					let i = t.data, a = i.type || "text", s = c.components.inputs?.[a], l = u[a], d = s || l, y = t.id, b = (e) => v(y, e), x = h[y], S = f[y], C = e(i.label, c.language), w = p(i, c.language), T = e(i.helperText, c.language), E = m(t), D = o(C), O = o(w), k = o(T);
+					return d ? /* @__PURE__ */ M(n, {
+						node: t,
 						children: /* @__PURE__ */ M(d, {
 							field: {
 								"aria-invalid": S ? !0 : void 0,
-								id: n.id,
+								id: t.id,
 								name: E,
 								placeholder: O,
 								required: i.required,
@@ -498,35 +498,35 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 							extra: {
 								error: S,
 								helperText: k,
-								isSubmitting: ee,
+								isSubmitting: g,
 								label: D,
-								missingDependencies: X(n, p, g, c.language),
+								missingDependencies: X(t, h, ee, c.language),
 								missingRequiredFields: _,
-								node: n,
+								node: t,
 								setValue: b
 							}
 						}, a)
-					}, n.id) : (console.warn("No renderer found for input type:", a), null);
+					}, t.id) : (console.warn("No renderer found for input type:", a), null);
 				}
-				case o.group: return null;
-				case o.ui: {
-					if (!u(n)) return null;
-					let e = n.data.type || "title", t = c.components.ui?.[e], r = d[e], i = t || r;
-					return i ? /* @__PURE__ */ M(i, { node: n }, n.id) : null;
+				case i.group: return null;
+				case i.ui: {
+					if (!l(t)) return null;
+					let e = t.data.type || "title", n = c.components.ui?.[e], r = d[e], i = n || r;
+					return i ? /* @__PURE__ */ M(i, { node: t }, t.id) : null;
 				}
-				default: return console.warn("Unknown node type:", i), null;
+				default: return console.warn("Unknown node type:", a), null;
 			}
 		}, [
 			c,
-			p,
+			h,
 			f,
 			v,
-			ee,
-			_,
 			g,
-			l,
+			_,
+			ee,
+			u,
 			d,
-			r
+			n
 		]),
 		SubmitButton: b,
 		SubmitButtonWrapper: x

package/package.json

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