@pdfme/ui 6.1.13-dev.13 → 6.1.13-dev.22

package/dist/index.js

@@ -46125,6 +46125,21 @@ var evaluatePlaceholders = (arg) => {
 	}
 	return resultContent;
 };
+/**
+* Resolve a read-only schema's render value.
+* Text `content` is an expression template. MVT `content` is a variable JSON
+* map and must not go through {@link replacePlaceholders}. Other types (table,
+* image, …) keep the previous generate/UI behavior of evaluating expressions.
+*/
+var resolveReadOnlyContent = (arg) => {
+	const content = arg.schema.content || "";
+	if (arg.schema.type === "multiVariableText") return content;
+	return replacePlaceholders({
+		content,
+		variables: arg.variables,
+		schemas: arg.schemas
+	});
+};
 var replacePlaceholders = (arg) => {
 	const { content, variables, schemas } = arg;
 	if (!content || typeof content !== "string" || !content.includes("{") || !content.includes("}")) return content;
@@ -46152,10 +46167,23 @@ var replacePlaceholders = (arg) => {
 var EPSILON = .01;
 /** Calculate the content height of a page (drawable area excluding padding) */
 var getContentHeight = (basePdf) => basePdf.height - basePdf.padding[0] - basePdf.padding[2];
+/**
+* Resolve a readOnly table body.
+* Uses input[schema.name] when present (array or JSON string) and never runs
+* replacePlaceholders. Falls back to schema.content (Designer sample).
+*/
+var getReadOnlyTableValue = (schema, input) => {
+	if (input && Object.prototype.hasOwnProperty.call(input, schema.name)) {
+		const value = input[schema.name];
+		if (value !== void 0 && value !== null) return typeof value === "string" ? value : JSON.stringify(value);
+	}
+	return schema.content || "";
+};
 /** Get the input value for a schema */
 var getSchemaValue = (schema, input, schemas) => {
 	if (!schema.readOnly) return input?.[schema.name] || "";
-	if (schema.type !== "text" && schema.type !== "multiVariableText") return schema.content || "";
+	if (schema.type === "table") return getReadOnlyTableValue(schema, input);
+	if (schema.type !== "text") return schema.content || "";
 	return replacePlaceholders({
 		content: schema.content || "",
 		variables: input,
@@ -204746,7 +204774,16 @@ var useForm = function useForm() {
 //#region ../../node_modules/form-render/es/index.js
 var es_default = withProvider(FormCore, widgets_exports);
 //#endregion
-//#region ../schemas/dist/helper-VroN19Ci.js
+//#region ../schemas/dist/helper-4iOJns1p.js
+var tryParseVariableMap = (variablesIn) => {
+	if (!variablesIn) return;
+	if (typeof variablesIn === "object" && !Array.isArray(variablesIn)) return variablesIn;
+	if (typeof variablesIn !== "string") return;
+	try {
+		const parsed = JSON.parse(variablesIn);
+		if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) return parsed;
+	} catch {}
+};
 var substituteVariables = (text, variablesIn, valueMapper = (value) => value) => {
 	if (!text) return "";
 	let substitutedText = text;
@@ -204767,6 +204804,20 @@ var substituteVariables = (text, variablesIn, valueMapper = (value) => value) =>
 	return substitutedText;
 };
 var substituteVariablesAsInlineMarkdownLiterals = (text, variablesIn) => substituteVariables(text, variablesIn, escapeInlineMarkdown);
+/**
+* Resolve a read-only MVT field to display text.
+* jsx locked fields set `contentSnapshot` and store already-substituted text
+* in `content`. Designer templates omit that flag and store variable JSON.
+* Never treat `content` as an expression, and never infer a snapshot from keys.
+*/
+var resolveReadOnlyMultiVariableText = (schema, value) => {
+	if (schema.contentSnapshot) return schema.content ?? value ?? schema.text ?? "";
+	if (!schema.variables?.length) return schema.text || "";
+	const variableMap = tryParseVariableMap(schema.content) ?? tryParseVariableMap(value);
+	if (variableMap) return isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(schema.text || "", variableMap) : substituteVariables(schema.text || "", variableMap);
+	if (typeof value === "string" && value.length > 0) return value;
+	return schema.content || schema.text || "";
+};
 var validateVariables = (value, schema) => {
 	if (schema.variables.length === 0) return true;
 	let values;
@@ -204782,13 +204833,14 @@ var validateVariables = (value, schema) => {
 	return true;
 };
 //#endregion
-//#region ../schemas/dist/dynamicTemplate-DFk_de1Y.js
+//#region ../schemas/dist/dynamicTemplate-CCCmLMvQ.js
 var getDynamicLayoutForMultiVariableText = async (value, args) => {
 	if (args.schema.type !== "multiVariableText") return { heights: [args.schema.height] };
 	const schema = args.schema;
 	if (schema.overflow !== "expand") return { heights: [schema.height] };
-	let renderValue = schema.readOnly && schema.variables.length === 0 ? schema.text || "" : value;
-	if (!schema.readOnly) {
+	let renderValue;
+	if (schema.readOnly) renderValue = resolveReadOnlyMultiVariableText(schema, value);
+	else {
 		if (!validateVariables(value, schema)) return { heights: [schema.height] };
 		renderValue = isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(schema.text || "", value) : substituteVariables(schema.text || "", value);
 	}
@@ -225859,8 +225911,8 @@ var StaticSchema = (props) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: schemasForUI.map((schema) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Renderer, {
 		schema,
 		basePdf,
-		value: schema.readOnly ? replacePlaceholders({
-			content: schema.content || "",
+		value: schema.readOnly && schema.type === "table" ? getReadOnlyTableValue(schema, input) : schema.readOnly ? resolveReadOnlyContent({
+			schema,
 			variables: {
 				...input,
 				totalPages,
@@ -226233,10 +226285,9 @@ var Canvas = (props, ref) => {
 			] }),
 			renderSchema: ({ schema, index }) => {
 				const mode = editing && activeElements.map((ae) => ae.id).includes(schema.id) ? "designer" : "viewer";
-				const content = schema.content || "";
-				let value = content;
-				if (mode !== "designer" && schema.readOnly) value = replacePlaceholders({
-					content,
+				let value = schema.content || "";
+				if (mode !== "designer" && schema.readOnly && schema.type !== "table") value = resolveReadOnlyContent({
+					schema,
 					variables: {
 						...schemasList.flat().reduce((acc, currSchema) => {
 							acc[currSchema.name] = currSchema.content || "";
@@ -227664,8 +227715,8 @@ var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 					backgrounds,
 					renderSchema: ({ schema, index }) => {
 						const hasInputValue = Boolean(input && Object.prototype.hasOwnProperty.call(input, schema.name));
-						const value = schema.readOnly ? replacePlaceholders({
-							content: schema.content || "",
+						const value = schema.readOnly && schema.type === "table" ? getReadOnlyTableValue(schema, input) : schema.readOnly ? resolveReadOnlyContent({
+							schema,
 							variables: {
 								...input,
 								totalPages: schemasList.length,