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

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-DH9ocYy4.js";
-import { n as t, t as n } from "./ThemeContext-CiVygpDK.js";
+import { t as e } from "./editor-D3EmQ-8C.js";
+import { n as t, t as n } from "./ThemeContext-CPsC8QIP.js";
 export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

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

package/dist/{renderer-BIccXyWl.js → renderer-CNbSt_QW.js}

@@ -1,6 +1,6 @@
-import { F as e, G as t, J as n, N as r, R as i, f as a, i as o, t as s, u as c, y as l, z as u } from "./ThemeContext-CiVygpDK.js";
-import { B as d, H as f, L as p, R as m, U as h, V as g, W as _, dt as v, lt as y, n as b, rt as x, t as S, z as C } from "./DefaultSubmitButton-BIjoDpUm.js";
-import { a as w, c as T, i as E, l as D, n as ee, t as te } from "./useRenderNode-D9gPe-xm.js";
+import { B as e, F as t, N as n, V as r, X as i, f as a, i as o, q as s, t as c, u as l, y as u } from "./ThemeContext-CPsC8QIP.js";
+import { B as d, H as f, L as p, R as m, U as h, V as g, W as _, dt as v, lt as y, n as b, rt as x, t as S, z as C } from "./DefaultSubmitButton-NeSDqyzv.js";
+import { a as w, c as T, i as E, l as D, n as ee, t as te } from "./useRenderNode-CG466pNk.js";
 import { useCallback as O, useMemo as k, useState as ne } from "react";
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
 import { File as N } from "lucide-react";
@@ -15,13 +15,13 @@ var P = ({ children: e, theme: t, baseUrl: n, language: r }) => /* @__PURE__ */
 	onSubmit: n,
 	className: "tg:mx-auto tg:max-w-2xl tg:gap-y-3",
 	children: e
-}), ie = ({ children: t, missingFields: n = [] }) => {
-	let r = n.length > 0, i = e();
+}), ie = ({ children: e, missingFields: n = [] }) => {
+	let r = n.length > 0, i = t();
 	return r ? /* @__PURE__ */ j(f, { children: /* @__PURE__ */ M(d, { children: [/* @__PURE__ */ j(h, {
 		asChild: !0,
 		children: /* @__PURE__ */ j("span", {
 			className: "tg:inline-flex",
-			children: t
+			children: e
 		})
 	}), /* @__PURE__ */ j(g, { children: /* @__PURE__ */ M("div", {
 		className: "tg:space-y-1",
@@ -32,9 +32,9 @@ var P = ({ children: e, theme: t, baseUrl: n, language: r }) => /* @__PURE__ */
 			className: "tg:list-inside tg:list-disc",
 			children: n.map((e, t) => /* @__PURE__ */ j("li", { children: e }, t))
 		})]
-	}) })] }) }) : t;
-}, ae = ({ step: t, label: r, children: i, canGoBack: a, isLastStep: o, canContinue: s, isSubmitting: c, onBack: l, onContinue: u, missingFields: d }) => {
-	let f = e(), p = D(), m = p?.components?.submitButton || S, h = p?.components?.submitButtonWrapper || ie, g = !s || c, _ = t.nodes.find((e) => n(e) && e.data.type === "submit"), v = _ && n(_) ? f(_.data.label) : void 0, y = /* @__PURE__ */ j(m, {
+	}) })] }) }) : e;
+}, ae = ({ step: e, label: n, children: r, canGoBack: a, isLastStep: o, canContinue: s, isSubmitting: c, onBack: l, onContinue: u, missingFields: d }) => {
+	let f = t(), p = D(), m = p?.components?.submitButton || S, h = p?.components?.submitButtonWrapper || ie, g = !s || c, _ = e.nodes.find((e) => i(e) && e.data.type === "submit"), v = _ && i(_) ? f(_.data.label) : void 0, y = /* @__PURE__ */ j(m, {
 		type: "button",
 		onClick: u,
 		disabled: g,
@@ -44,11 +44,11 @@ var P = ({ children: e, theme: t, baseUrl: n, language: r }) => /* @__PURE__ */
 	return /* @__PURE__ */ M("section", {
 		className: "tg:rounded-lg tg:border tg:p-4",
 		children: [
-			r && /* @__PURE__ */ j("h3", {
+			n && /* @__PURE__ */ j("h3", {
 				className: "tg:mb-4 tg:font-semibold tg:text-lg",
-				children: r
+				children: n
 			}),
-			i,
+			r,
 			/* @__PURE__ */ M("div", {
 				className: "tg:mt-6 tg:flex tg:items-center tg:justify-between tg:gap-2",
 				children: [a ? /* @__PURE__ */ j("button", {
@@ -64,8 +64,8 @@ var P = ({ children: e, theme: t, baseUrl: n, language: r }) => /* @__PURE__ */
 			})
 		]
 	});
-}, F = ({ node: t }) => {
-	let n = e()(t.data?.label);
+}, F = ({ node: e }) => {
+	let n = t()(e.data?.label);
 	return n ? /* @__PURE__ */ M("div", {
 		className: "tg:flex tg:items-center tg:gap-x-3",
 		children: [
@@ -77,11 +77,11 @@ var P = ({ children: e, theme: t, baseUrl: n, language: r }) => /* @__PURE__ */
 			/* @__PURE__ */ j(m, { className: "tg:my-8 tg:flex-1" })
 		]
 	}) : /* @__PURE__ */ j(m, { className: "tg:my-8" });
-}, I = ({ node: t }) => {
-	let { edges: n } = u(), r = e();
+}, I = ({ node: e }) => {
+	let { edges: n } = r(), i = t();
 	return /* @__PURE__ */ j("h2", {
-		className: v("tg:mb-5 tg:font-bold tg:text-2xl", !w(t.id, n) && "tg:mt-10"),
-		children: r(t.data?.label)
+		className: v("tg:mb-5 tg:font-bold tg:text-2xl", !w(e.id, n) && "tg:mt-10"),
+		children: i(e.data?.label)
 	});
 }, L = {
 	divider: F,
@@ -131,13 +131,13 @@ var se = () => /* @__PURE__ */ M("section", {
 	href: "treege-renderer",
 	precedence: "default",
 	children: z
-}), B = ({ baseUrl: e, components: t, className: n, extraPayload: r, flow: a, formId: o, googleApiKey: c, headers: l, language: u, onBack: d, onChange: f, onSubmit: m, showPoweredBy: h, theme: g, validate: _, validationMode: y, initialValues: C = {}, isLoading: w = !1, isSubmitting: T = !1 }) => {
+}), B = ({ baseUrl: t, components: n, className: r, extraPayload: i, flow: a, formId: o, googleApiKey: s, headers: l, language: u, onBack: d, onChange: f, onSubmit: m, showPoweredBy: h, theme: g, validate: _, validationMode: y, initialValues: C = {}, isLoading: w = !1, isSubmitting: T = !1 }) => {
 	let { canContinueStep: E, canSubmit: D, clearSubmitMessage: A, config: N, currentStep: P, currentStepGroupNode: F, currentStepIndex: I, firstErrorFieldId: R, formErrors: z, formValues: B, goToNextStep: V, goToPreviousStep: H, handleSubmit: U, hasSubmitInput: W, inputNodes: G, isFirstStep: K, isLastStep: q, isSubmitting: le, missingRequiredFields: J, setFieldValue: Y, steps: X, submitMessage: Z, t: Q } = ee({
-		baseUrl: e,
-		components: t,
-		extraPayload: r,
+		baseUrl: t,
+		components: n,
+		extraPayload: i,
 		flow: a,
-		googleApiKey: c,
+		googleApiKey: s,
 		headers: l,
 		initialValues: C,
 		language: u,
@@ -197,13 +197,13 @@ var se = () => /* @__PURE__ */ M("section", {
 	]), be = !K || !!d;
 	return /* @__PURE__ */ j("div", {
 		ref: de,
-		className: v("treege treege-renderer", n),
+		className: v("treege treege-renderer", r),
 		children: /* @__PURE__ */ M(x, {
 			container: ue,
-			children: [/* @__PURE__ */ j(ce, {}), /* @__PURE__ */ j(s, {
+			children: [/* @__PURE__ */ j(ce, {}), /* @__PURE__ */ j(c, {
 				theme: N.theme,
 				storageKey: "treege-renderer-theme",
-				children: w ? /* @__PURE__ */ j(he, {}) : /* @__PURE__ */ M(i, {
+				children: w ? /* @__PURE__ */ j(he, {}) : /* @__PURE__ */ M(e, {
 					value: {
 						baseUrl: N.baseUrl,
 						flow: a,
@@ -262,10 +262,10 @@ var se = () => /* @__PURE__ */ M("section", {
 	if (e == null || e === "") return "";
 	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? String(e) : n.toLocaleDateString(t);
-}, G = (e, n, r) => {
-	let i = e?.find((e) => e.value === n);
-	return i ? t(i.label, r) || i.value : String(n ?? "");
-}, K = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico)(\?|#|$)/i, q = (e) => !!e.type?.startsWith("image/") || !!e.data?.startsWith("data:image/") || K.test(e.data ?? ""), le = (e, t) => !e || e.startsWith("data:") || e.startsWith("blob:") ? e : r(e, t), J = (e, t) => l(e).map((e) => ({
+}, G = (e, t, n) => {
+	let r = e?.find((e) => e.value === t);
+	return r ? s(r.label, n) || r.value : String(t ?? "");
+}, K = /\.(png|jpe?g|gif|webp|svg|avif|bmp|ico)(\?|#|$)/i, q = (e) => !!e.type?.startsWith("image/") || !!e.data?.startsWith("data:image/") || K.test(e.data ?? ""), le = (e, t) => !e || e.startsWith("data:") || e.startsWith("blob:") ? e : n(e, t), J = (e, t) => u(e).map((e) => ({
 	...e,
 	data: le(e.data, t)
 })), Y = (e, t, n, r, i) => {
@@ -316,21 +316,21 @@ var se = () => /* @__PURE__ */ M("section", {
 			text: String(t)
 		};
 	}
-}, X = (e, n, r = {}) => {
-	let { language: i = "en", baseUrl: s } = r, l = e?.nodes ?? [], u = e?.edges ?? [], d = c(l), f = o(n ?? {}, d), { visibleNodes: p } = E(l, u, f);
-	return c(p).filter((e) => !V.has(e.data.type ?? "")).map((e) => {
-		let n = f[e.id];
+}, X = (e, t, n = {}) => {
+	let { language: r = "en", baseUrl: i } = n, c = e?.nodes ?? [], u = e?.edges ?? [], d = l(c), f = o(t ?? {}, d), { visibleNodes: p } = E(c, u, f);
+	return l(p).filter((e) => !V.has(e.data.type ?? "")).map((e) => {
+		let t = f[e.id];
 		return {
-			display: Y(e.data.type, n, e.data.options, i, s),
+			display: Y(e.data.type, t, e.data.options, r, i),
 			id: e.id,
-			label: t(e.data.label, i) || e.data.name || e.id,
+			label: s(e.data.label, r) || e.data.name || e.id,
 			name: a(e),
 			node: e,
-			rawValue: n,
+			rawValue: t,
 			type: e.data.type ?? _.text
 		};
 	});
-}, Z = (e, n) => (typeof e == "string" ? e : t(e, n)) || "", Q = (e, t = {}) => {
+}, Z = (e, t) => (typeof e == "string" ? e : s(e, t)) || "", Q = (e, t = {}) => {
 	let { language: n = "en", baseUrl: r } = t;
 	return (e ?? []).filter((e) => !!e.name && !V.has(e.type ?? "")).map((e) => ({
 		display: Y(e.type, e.value, void 0, n, r),
@@ -392,7 +392,7 @@ var se = () => /* @__PURE__ */ M("section", {
 			children: n.text
 		});
 	}
-}, $ = ({ flow: e, flowResponse: t, baseUrl: n, theme: r, excludedFields: i, excludeEmptyFields: a, collapsed: o, collapsedVisibleCount: c, className: l, renderField: u, renderRow: d, language: f, emptyText: p = "—" }) => {
+}, $ = ({ flow: e, flowResponse: t, baseUrl: n, theme: r, excludedFields: i, excludeEmptyFields: a, collapsed: o, collapsedVisibleCount: s, className: l, renderField: u, renderRow: d, language: f, emptyText: p = "—" }) => {
 	let m = D(), h = r ?? m?.theme ?? "dark", g = n ?? m?.baseUrl, _ = f ?? m?.language ?? "en", y = k(() => e ? X(e, t, {
 		baseUrl: g,
 		language: _
@@ -423,8 +423,8 @@ var se = () => /* @__PURE__ */ M("section", {
 			})]
 		});
 		return /* @__PURE__ */ j("div", { children: d ? d(e, r) : r }, e.id);
-	}, S = c ?? b.length, C = b.slice(0, S), w = b.slice(S), T = !!o && w.length > 0;
-	return /* @__PURE__ */ M(s, {
+	}, S = s ?? b.length, C = b.slice(0, S), w = b.slice(S), T = !!o && w.length > 0;
+	return /* @__PURE__ */ M(c, {
 		theme: h,
 		storageKey: "treege-renderer-theme",
 		children: [/* @__PURE__ */ j(ce, {}), /* @__PURE__ */ M("dl", {