treege 3.0.0-beta.75 → 3.0.0-beta.77

package/dist/renderer.js

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

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "اختر نطاق التاريخ",
       "selectFile": "اختر ملف",
       "selectFiles": "اختر ملفات",
+      "selectTime": "اختر الوقت",
+      "selectTimeRange": "اختر نطاق الوقت",
       "startDate": "تاريخ البدء",
       "startTime": "وقت البدء"
     },

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "Datumsbereich auswählen",
       "selectFile": "Datei auswählen",
       "selectFiles": "Dateien auswählen",
+      "selectTime": "Uhrzeit auswählen",
+      "selectTimeRange": "Zeitbereich auswählen",
       "startDate": "Startdatum",
       "startTime": "Startzeit"
     },

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "Select date range",
       "selectFile": "Select file",
       "selectFiles": "Select files",
+      "selectTime": "Select time",
+      "selectTimeRange": "Select time range",
       "startDate": "Start date",
       "startTime": "Start time"
     },

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "Seleccionar rango de fechas",
       "selectFile": "Seleccionar archivo",
       "selectFiles": "Seleccionar archivos",
+      "selectTime": "Seleccionar hora",
+      "selectTimeRange": "Seleccionar rango de horas",
       "startDate": "Fecha de inicio",
       "startTime": "Hora de inicio"
     },

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "Sélectionner une plage de dates",
       "selectFile": "Sélectionner un fichier",
       "selectFiles": "Sélectionner des fichiers",
+      "selectTime": "Sélectionner une heure",
+      "selectTimeRange": "Sélectionner une plage horaire",
       "startDate": "Date de début",
       "startTime": "Heure de début"
     },

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "Seleziona intervallo di date",
       "selectFile": "Seleziona file",
       "selectFiles": "Seleziona file",
+      "selectTime": "Seleziona ora",
+      "selectTimeRange": "Seleziona intervallo di orari",
       "startDate": "Data di inizio",
       "startTime": "Ora di inizio"
     },

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

@@ -435,6 +435,8 @@ declare const _default: {
       "selectDateRange": "Selecionar intervalo de datas",
       "selectFile": "Selecionar arquivo",
       "selectFiles": "Selecionar arquivos",
+      "selectTime": "Selecionar hora",
+      "selectTimeRange": "Selecionar intervalo de horas",
       "startDate": "Data de início",
       "startTime": "Hora de início"
     },

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

@@ -1,4 +1,4 @@
-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 { 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 g, k as _, l as v, o as y, p as b, s as x, u as S, w as C, y as ee } from "./ThemeContext-DeWmeqHK.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
@@ -10,13 +10,13 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		error: "No URL configured for submission",
 		success: !1
 	};
-	let l = g(t(e.url, r, { encode: !0 }), o);
+	let l = _(t(e.url, r, { encode: !0 }), o);
 	if (!l || l.trim() === "") return {
 		error: "Invalid URL after template replacement",
 		success: !1
 	};
-	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),
+	let u = e.payloadTemplate ? ee(e.payloadTemplate, r, i) : void 0, d = await C({
+		body: u === void 0 ? e.sendAllFormValues ? JSON.stringify(x(r, i)) : void 0 : JSON.stringify(u),
 		headers: c(s(a, r), s(e.headers, r)),
 		method: e.method || "POST",
 		queryParams: s(e.queryParams, r),
@@ -169,7 +169,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		return i ? i.every((e) => {
 			if (!e.field) return !0;
 			let i = n.get(e.field);
-			return v(r(i) ? i.id : e.field, t);
+			return y(r(i) ? i.id : e.field, t);
 		}) : !1;
 	})) return o.length > 0 && s.push(...o), {
 		edgesToFollow: s,
@@ -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: 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,
+}, K = ({ baseUrl: e, components: t, flow: n, googleApiKey: i, headers: a, language: o, onChange: s, onSubmit: l, showPoweredBy: p, theme: m, validate: _, validationMode: y, initialValues: b = {} }) => {
+	let C = te(), w = k(() => ({
+		baseUrl: e ?? C?.baseUrl,
 		components: {
-			form: t?.form ?? S?.components?.form,
+			form: t?.form ?? C?.components?.form,
 			inputs: {
-				...S?.components?.inputs,
+				...C?.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,
+			loadingSkeleton: t?.loadingSkeleton ?? C?.components?.loadingSkeleton,
+			step: t?.step ?? C?.components?.step,
+			submitButton: t?.submitButton ?? C?.components?.submitButton,
+			submitButtonWrapper: t?.submitButtonWrapper ?? C?.components?.submitButtonWrapper,
 			ui: {
-				...S?.components?.ui,
+				...C?.components?.ui,
 				...t?.ui
 			}
 		},
-		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"
+		googleApiKey: i ?? C?.googleApiKey,
+		headers: c(C?.headers, a),
+		language: o ?? C?.language ?? "en",
+		showPoweredBy: p ?? C?.showPoweredBy ?? !0,
+		theme: m ?? C?.theme ?? "dark",
+		validationMode: y ?? C?.validationMode ?? "onSubmit"
 	}), [
 		e,
 		t,
-		S,
+		C,
 		i,
 		a,
 		o,
 		p,
 		m,
-		v
-	]), 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), [
+		y
+	]), T = k(() => n?.nodes ?? [], [n]), D = k(() => n?.edges ?? [], [n]), M = k(() => S(T), [T]), N = g(w.language), P = A({}), F = A(null), [I, L] = j({}), [R, z] = j(() => h(b, M)), B = k(() => G(b), [b]), 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(() => {
+	]), W = k(() => S(H), [H]), K = k(() => ae(H), [H]), oe = k(() => {
 		let e = /* @__PURE__ */ new Map();
 		return T.forEach((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(s), _e = A(g), 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(_), Z = k(() => x(R, W), [R, W]), Q = k(() => {
 		let e = me?.data?.submitConfig?.payloadTemplate;
-		return e ? C(e, R, W) ?? Z : Z;
+		return e ? ee(e, R, W) ?? Z : Z;
 	}, [
 		me,
 		R,
@@ -388,8 +388,8 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	}, [K.length, q]), O(() => {
 		ge.current = s;
 	}, [s]), O(() => {
-		_e.current = g;
-	}, [g]), O(() => {
+		_e.current = _;
+	}, [_]), O(() => {
 		ge.current?.(Z);
 	}, [Z]), O(() => {
 		w.validationMode === "onChange" && $(_e.current);
@@ -406,7 +406,7 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 		let n = [...e].filter((e) => !t.has(e)), r = {};
 		W.forEach((t) => {
 			if (e.has(t.id) || R[t.id] !== void 0) return;
-			let n = _(t, R);
+			let n = v(t, R);
 			n !== void 0 && (r[t.id] = n);
 		}), !(n.length === 0 && Object.keys(r).length === 0) && (z((e) => {
 			let t = {
@@ -423,10 +423,10 @@ 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(h(y, M)), L({}), F.current = null);
+		V.current !== B && (V.current = B, z(h(b, M)), L({}), F.current = null);
 	}, [
 		B,
-		y,
+		b,
 		M
 	]), {
 		canContinueStep: Te,
@@ -472,64 +472,65 @@ var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__
 	let t = n.find((t) => t.id === e);
 	return {
 		id: e,
-		label: t ? y(t, r) : e
+		label: t ? b(t, r) : e
 	};
-}), 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]);
+}), se = ({ DefaultFormWrapper: t, DefaultInputLabel: n, DefaultInputWrapper: a, DefaultSubmitButton: s, DefaultSubmitButtonWrapper: c, config: u, defaultInputRenderers: d, defaultUI: f, formErrors: h, formValues: g, inputNodes: _, isSubmitting: v, missingRequiredFields: y, setFieldValue: b }) => {
+	let x = k(() => u.components.form || t, [u.components.form, t]), S = k(() => u.components.submitButton || s, [u.components.submitButton, s]), C = k(() => u.components.submitButtonWrapper || c || w, [u.components.submitButtonWrapper, c]), ee = k(() => u.components.inputLabel || n, [u.components.inputLabel, n]);
 	return {
-		FormWrapper: y,
+		FormWrapper: x,
 		renderNode: E(function(t) {
-			let { type: a } = t;
-			switch (a) {
+			let { type: n } = t;
+			switch (n) {
 				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, {
+					let n = t.data, i = n.type || "text", s = u.components.inputs?.[i], c = d[i], l = s || c, f = t.id, x = (e) => b(f, e), S = g[f], C = h[f], w = e(n.label, u.language), T = p(n, u.language), E = e(n.helperText, u.language), D = m(t), O = o(w), k = o(T), A = o(E);
+					return l ? /* @__PURE__ */ M(a, {
 						node: t,
-						children: /* @__PURE__ */ M(d, {
+						children: /* @__PURE__ */ M(l, {
 							field: {
-								"aria-invalid": S ? !0 : void 0,
+								"aria-invalid": C ? !0 : void 0,
 								id: t.id,
-								name: E,
-								placeholder: O,
-								required: i.required,
-								value: x
+								name: D,
+								placeholder: k,
+								required: n.required,
+								value: S
 							},
 							extra: {
-								error: S,
-								helperText: k,
-								isSubmitting: g,
-								label: D,
-								missingDependencies: X(t, h, ee, c.language),
-								missingRequiredFields: _,
+								error: C,
+								helperText: A,
+								InputLabel: ee,
+								isSubmitting: v,
+								label: O,
+								missingDependencies: X(t, g, _, u.language),
+								missingRequiredFields: y,
 								node: t,
-								setValue: b
+								setValue: x
 							}
-						}, a)
-					}, t.id) : (console.warn("No renderer found for input type:", a), null);
+						}, i)
+					}, t.id) : (console.warn("No renderer found for input type:", i), 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;
+					let e = t.data.type || "title", n = u.components.ui?.[e], r = f[e], i = n || r;
 					return i ? /* @__PURE__ */ M(i, { node: t }, t.id) : null;
 				}
-				default: return console.warn("Unknown node type:", a), null;
+				default: return console.warn("Unknown node type:", n), null;
 			}
 		}, [
-			c,
+			u,
+			g,
 			h,
-			f,
+			b,
 			v,
-			g,
+			y,
 			_,
-			ee,
-			u,
 			d,
-			n
+			f,
+			a
 		]),
-		SubmitButton: b,
-		SubmitButtonWrapper: x
+		SubmitButton: S,
+		SubmitButtonWrapper: C
 	};
 };
 //#endregion

package/package.json

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