@pdfme/schemas 6.1.0-dev.2 → 6.1.1-dev.10

package/dist/helper-BJzBqIT4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper-BJzBqIT4.js","names":[],"sources":["../src/multiVariableText/helper.ts"],"sourcesContent":["import { MultiVariableTextSchema } from './types.js';\nimport { escapeInlineMarkdown } from '../text/inlineMarkdown.js';\n\nexport const substituteVariables = (\n  text: string,\n  variablesIn: string | Record<string, string>,\n  valueMapper: (value: string, variableName: string) => string = (value) => value,\n): string => {\n  if (!text) {\n    return '';\n  }\n\n  let substitutedText = text;\n\n  if (variablesIn) {\n    let variables: Record<string, string>;\n    try {\n      variables =\n        typeof variablesIn === 'string'\n          ? (JSON.parse(variablesIn || '{}') as Record<string, string>)\n          : variablesIn;\n    } catch {\n      throw new SyntaxError(`[@pdfme/schemas] MVT: invalid JSON string '${variablesIn as string}'`);\n    }\n\n    Object.keys(variables).forEach((variableName) => {\n      // handle special characters in variable name\n      const variableForRegex = variableName.replace(/[/\\-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n      const regex = new RegExp('\\\\{' + variableForRegex + '\\\\}', 'g');\n      substitutedText = substitutedText.replace(\n        regex,\n        valueMapper(variables[variableName], variableName),\n      );\n    });\n  }\n\n  // Remove any variables that were not substituted from inputs\n  substitutedText = substitutedText.replace(/{[^{}]+}/g, '');\n\n  return substitutedText;\n};\n\nexport const substituteVariablesAsInlineMarkdownLiterals = (\n  text: string,\n  variablesIn: string | Record<string, string>,\n): string => substituteVariables(text, variablesIn, escapeInlineMarkdown);\n\nexport const validateVariables = (value: string, schema: MultiVariableTextSchema): boolean => {\n  if (schema.variables.length === 0) {\n    return true;\n  }\n\n  let values;\n  try {\n    values = value ? (JSON.parse(value) as Record<string, string>) : {};\n  } catch {\n    throw new SyntaxError(\n      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`,\n    );\n  }\n\n  for (const variable of schema.variables) {\n    if (!values[variable]) {\n      if (schema.required) {\n        throw new Error(\n          `[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`,\n        );\n      }\n      // If not required, then simply don't render this field if an input is missing\n      return false;\n    }\n  }\n\n  return true;\n};\n"],"mappings":";;AAGA,IAAa,uBACX,MACA,aACA,eAAgE,UAAU,UAC/D;AACX,KAAI,CAAC,KACH,QAAO;CAGT,IAAI,kBAAkB;AAEtB,KAAI,aAAa;EACf,IAAI;AACJ,MAAI;AACF,eACE,OAAO,gBAAgB,WAClB,KAAK,MAAM,eAAe,KAAK,GAChC;UACA;AACN,SAAM,IAAI,YAAY,8CAA8C,YAAsB,GAAG;;AAG/F,SAAO,KAAK,UAAU,CAAC,SAAS,iBAAiB;GAE/C,MAAM,mBAAmB,aAAa,QAAQ,0BAA0B,OAAO;GAC/E,MAAM,QAAQ,IAAI,OAAO,QAAQ,mBAAmB,OAAO,IAAI;AAC/D,qBAAkB,gBAAgB,QAChC,OACA,YAAY,UAAU,eAAe,aAAa,CACnD;IACD;;AAIJ,mBAAkB,gBAAgB,QAAQ,aAAa,GAAG;AAE1D,QAAO;;AAGT,IAAa,+CACX,MACA,gBACW,oBAAoB,MAAM,aAAa,qBAAqB;AAEzE,IAAa,qBAAqB,OAAe,WAA6C;AAC5F,KAAI,OAAO,UAAU,WAAW,EAC9B,QAAO;CAGT,IAAI;AACJ,KAAI;AACF,WAAS,QAAS,KAAK,MAAM,MAAM,GAA8B,EAAE;SAC7D;AACN,QAAM,IAAI,YACR,2CAA2C,MAAM,2BAA2B,OAAO,OACpF;;AAGH,MAAK,MAAM,YAAY,OAAO,UAC5B,KAAI,CAAC,OAAO,WAAW;AACrB,MAAI,OAAO,SACT,OAAM,IAAI,MACR,+BAA+B,SAAS,wBAAwB,OAAO,OACxE;AAGH,SAAO;;AAIX,QAAO"}

package/dist/index.d.ts

@@ -18,3 +18,4 @@ export { builtInPlugins } from './builtins.js';
 export { text, multiVariableText, list, image, signature, svg, table, barcodes, line, rectangle, ellipse, dateTime, date, time, select, radioGroup, checkbox, };
 export { getDynamicHeightsForTable, getDynamicLayoutForTable } from './tables.js';
 export { getDynamicLayoutForList } from './lists.js';
+export { BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, LIST_ITEM_SPLIT_UNIT, TABLE_BODY_SPLIT_UNIT, TEXT_LINE_SPLIT_UNIT, createListItemSplitRange, createTableBodySplitRange, createTextLineSplitRange, getListItemRange, getTableBodyRange, getTextLineRange, type BuiltInDynamicLayoutSplitUnit, } from './splitRange.js';

package/dist/index.js

@@ -1,9 +1,12 @@
-import { D as PLACEHOLDER_FONT_COLOR, N as VERTICAL_ALIGN_MIDDLE, O as SYNTHETIC_BOLD_CSS_TEXT_SHADOW, a as getFontKitFont, g as DEFAULT_ALIGNMENT, m as CODE_BACKGROUND_COLOR, v as DEFAULT_FONT_COLOR } from "./helper-M_MmV_d5.js";
-import { a as mapVerticalAlignToFlex, c as Formatter, d as isInlineMarkdownTextSchema, f as resolveFontVariant, i as makeElementPlainTextContentEditable, l as getExtraFormatterSchema, m as parseInlineMarkdown, n as textSchema, o as uiRender$4, p as escapeInlineMarkdown, r as buildStyledTextContainer, s as propPanel$3, t as builtInPlugins, u as pdfRender$4 } from "./builtins-CWHhKSVA.js";
-import { a as getCellPropPanelSchema, c as HEX_COLOR_PATTERN, i as getBodyWithRange, l as createSingleTable, n as getDynamicLayoutForTable, o as getColumnStylesPropPanelSchema, r as getBody, s as getDefaultCellStyles, t as getDynamicHeightsForTable } from "./dynamicTemplate-DmuRoTw4.js";
+import { E as DEFAULT_ALIGNMENT, K as VERTICAL_ALIGN_MIDDLE, O as DEFAULT_FONT_COLOR, R as PLACEHOLDER_FONT_COLOR, a as createListItemSplitRange, c as getListItemRange, h as getFontKitFont, i as TEXT_LINE_SPLIT_UNIT, l as getTableBodyRange, n as LIST_ITEM_SPLIT_UNIT, o as createTableBodySplitRange, r as TABLE_BODY_SPLIT_UNIT, s as createTextLineSplitRange, t as BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, u as getTextLineRange, w as CODE_BACKGROUND_COLOR, z as SYNTHETIC_BOLD_CSS_TEXT_SHADOW } from "./splitRange-CpXivbmJ.js";
+import { d as resolveFontVariant, l as isInlineMarkdownTextSchema, m as parseInlineMarkdown } from "./measure-Bjmh9Ro3.js";
+import { a as mapVerticalAlignToFlex, c as Formatter, i as makeElementPlainTextContentEditable, l as getExtraFormatterSchema, n as textSchema, o as uiRender$4, r as buildStyledTextContainer, s as propPanel$3, t as builtInPlugins, u as pdfRender$4 } from "./builtins-Clh58o_b.js";
+import { a as getCellPropPanelSchema, c as HEX_COLOR_PATTERN, i as getBodyWithSchemaRange, l as createSingleTable, n as getDynamicLayoutForTable, o as getColumnStylesPropPanelSchema, r as getBody, s as getDefaultCellStyles, t as getDynamicHeightsForTable } from "./dynamicTemplate-CjbGepw4.js";
 import { addAlphaToHex, convertForPdfLayoutProps, createErrorElm, createSvgStr, hex2PrintingColor, isEditable, readFile, rotatePoint } from "./utils.js";
-import { a as normalizeListItems, c as LIST_STYLE_BULLET, i as normalizeListItemEntries, l as LIST_STYLE_ORDERED, n as calculateListLayout, o as serializeListItems, s as DEFAULT_LIST_STYLE, t as getDynamicLayoutForList } from "./lists-B6dmgpkS.js";
+import { a as normalizeListItems, c as LIST_STYLE_BULLET, i as normalizeListItemEntries, l as LIST_STYLE_ORDERED, n as calculateListLayout, o as serializeListItems, s as DEFAULT_LIST_STYLE, t as getDynamicLayoutForList } from "./dynamicTemplate-Fn7mpUsu.js";
+import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-BJzBqIT4.js";
 import "./tables.js";
+import "./lists.js";
 import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, mm2pt, px2mm } from "@pdfme/common";
 import { Buffer as Buffer$1 } from "buffer";
 import { toRadians } from "@pdfme/pdf-lib";
@@ -36,45 +39,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-//#region src/multiVariableText/helper.ts
-var substituteVariables = (text, variablesIn, valueMapper = (value) => value) => {
-	if (!text) return "";
-	let substitutedText = text;
-	if (variablesIn) {
-		let variables;
-		try {
-			variables = typeof variablesIn === "string" ? JSON.parse(variablesIn || "{}") : variablesIn;
-		} catch {
-			throw new SyntaxError(`[@pdfme/schemas] MVT: invalid JSON string '${variablesIn}'`);
-		}
-		Object.keys(variables).forEach((variableName) => {
-			const variableForRegex = variableName.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&");
-			const regex = new RegExp("\\{" + variableForRegex + "\\}", "g");
-			substitutedText = substitutedText.replace(regex, valueMapper(variables[variableName], variableName));
-		});
-	}
-	substitutedText = substitutedText.replace(/{[^{}]+}/g, "");
-	return substitutedText;
-};
-var substituteVariablesAsInlineMarkdownLiterals = (text, variablesIn) => substituteVariables(text, variablesIn, escapeInlineMarkdown);
-var validateVariables = (value, schema) => {
-	if (schema.variables.length === 0) return true;
-	let values;
-	try {
-		values = value ? JSON.parse(value) : {};
-	} catch {
-		throw new SyntaxError(`[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`);
-	}
-	for (const variable of schema.variables) if (!values[variable]) {
-		if (schema.required) throw new Error(`[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`);
-		return false;
-	}
-	return true;
-};
-//#endregion
 //#region src/multiVariableText/pdfRender.ts
 var pdfRender$3 = async (arg) => {
 	const { value, schema, ...rest } = arg;
+	if (schema.readOnly) {
+		await pdfRender$4({
+			value,
+			schema,
+			...rest
+		});
+		return;
+	}
 	if (!validateVariables(value, schema)) return;
 	await pdfRender$4({
 		value: isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(schema.text || "", value) : substituteVariables(schema.text || "", value),
@@ -268,11 +243,22 @@ var uiRender$3 = async (arg) => {
 	const { value, schema, rootElement, mode, onChange, ...rest } = arg;
 	let text = schema.text;
 	let numVariables = schema.variables.length;
-	if (mode === "form" && numVariables > 0) {
+	const renderResolvedValue = schema.readOnly === true && mode !== "designer";
+	const renderValue = renderResolvedValue ? value : isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
+	if (mode === "form" && numVariables > 0 && !renderResolvedValue) {
+		if (getTextLineRange(schema)) {
+			await uiRender$4({
+				value: renderValue,
+				schema,
+				mode: "viewer",
+				rootElement,
+				...rest
+			});
+			return;
+		}
 		await formUiRender(arg);
 		return;
 	}
-	const renderValue = isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
 	await uiRender$4({
 		value: isEditable(mode, schema) ? text : renderValue,
 		schema,
@@ -375,7 +361,9 @@ var applyInlineMarkdownStyle = (arg) => {
 		element.style.textShadow = SYNTHETIC_BOLD_CSS_TEXT_SHADOW;
 	}
 	if (resolvedFont.syntheticItalic) element.style.fontStyle = "italic";
-	if (run.strikethrough) element.style.textDecoration = "line-through";
+	const textDecorations = [];
+	if (run.strikethrough) textDecorations.push("line-through");
+	if (textDecorations.length > 0) element.style.textDecoration = textDecorations.join(" ");
 	if (run.code) {
 		element.style.backgroundColor = CODE_BACKGROUND_COLOR;
 		element.style.borderRadius = "2px";
@@ -622,7 +610,7 @@ var rectanglePdfRender$2 = rectangle.pdf;
 var pdfRender$2 = async (arg) => {
 	const { schema, value } = arg;
 	const items = normalizeListItems(value);
-	const range = schema.__itemRange ?? {
+	const range = getListItemRange(schema) ?? {
 		start: 0,
 		end: items.length
 	};
@@ -887,7 +875,7 @@ var uiRender$2 = async (arg) => {
 	const usePlaceholder = editable && !value && Boolean(placeholder);
 	const items = normalizeListItems(usePlaceholder ? placeholder || "" : value);
 	const originalItems = normalizeListItemEntries(value);
-	const range = schema.__itemRange ?? {
+	const range = getListItemRange(schema) ?? {
 		start: 0,
 		end: items.length
 	};
@@ -2515,7 +2503,7 @@ async function drawTable(arg, table) {
 }
 var pdfRender = async (arg) => {
 	const { value, schema, basePdf, options, _cache } = arg;
-	const body = getBodyWithRange(typeof value !== "string" ? JSON.stringify(value || "[]") : value, schema.__bodyRange);
+	const body = getBodyWithSchemaRange(typeof value !== "string" ? JSON.stringify(value || "[]") : value, schema);
 	const createTableArgs = {
 		schema,
 		basePdf,
@@ -2642,7 +2630,7 @@ var renderRowUi = (args) => {
 					if (!arg.onChange) return;
 					const newValue = Array.isArray(v) ? v[0].value : v.value;
 					if (section === "body") {
-						const startRange = arg.schema.__bodyRange?.start ?? 0;
+						const startRange = getTableBodyRange(arg.schema)?.start ?? 0;
 						value[rowIndex + startRange][colIndex] = newValue;
 						arg.onChange({
 							key: "content",
@@ -2695,7 +2683,8 @@ var resetEditingPosition = () => {
 var uiRender = async (arg) => {
 	const { rootElement, onChange, schema, value, mode, scale } = arg;
 	const body = getBody(value);
-	const bodyWidthRange = getBodyWithRange(value, schema.__bodyRange);
+	const bodyRange = getTableBodyRange(schema);
+	const bodyWidthRange = getBodyWithSchemaRange(value, schema, bodyRange);
 	const table = await createSingleTable(bodyWidthRange, arg);
 	const showHead = table.settings.showHead;
 	rootElement.innerHTML = "";
@@ -2748,7 +2737,7 @@ var uiRender = async (arg) => {
 				text: "-",
 				ariaLabel: "Remove row",
 				onClick: () => {
-					const newTableBody = body.filter((_, j) => j !== i + (schema.__bodyRange?.start ?? 0));
+					const newTableBody = body.filter((_, j) => j !== i + (bodyRange?.start ?? 0));
 					if (onChange) onChange({
 						key: "content",
 						value: JSON.stringify(newTableBody)
@@ -2758,7 +2747,7 @@ var uiRender = async (arg) => {
 		});
 	};
 	if (mode === "form" && onChange && !schema.readOnly) {
-		if (schema.__bodyRange?.end === void 0 || schema.__bodyRange.end >= JSON.parse(value || "[]").length) rootElement.appendChild(createAddRowButton());
+		if (bodyRange?.end === void 0 || bodyRange.end >= JSON.parse(value || "[]").length) rootElement.appendChild(createAddRowButton());
 		createRemoveRowButtons().forEach((button) => rootElement.appendChild(button));
 	}
 	if (mode === "designer" && onChange) {
@@ -6159,6 +6148,6 @@ var schema = {
 	icon: getCheckedIcon()
 };
 //#endregion
-export { barcodes, builtInPlugins, schema as checkbox, date_default as date, dateTime_default as dateTime, ellipse, getDynamicHeightsForTable, getDynamicLayoutForList, getDynamicLayoutForTable, imageSchema as image, lineSchema as line, listSchema as list, schema$1 as multiVariableText, schema$2 as radioGroup, rectangle, schema$3 as select, signature, svgSchema as svg, tableSchema as table, textSchema as text, time_default as time };
+export { BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, LIST_ITEM_SPLIT_UNIT, TABLE_BODY_SPLIT_UNIT, TEXT_LINE_SPLIT_UNIT, barcodes, builtInPlugins, schema as checkbox, createListItemSplitRange, createTableBodySplitRange, createTextLineSplitRange, date_default as date, dateTime_default as dateTime, ellipse, getDynamicHeightsForTable, getDynamicLayoutForList, getDynamicLayoutForTable, getListItemRange, getTableBodyRange, getTextLineRange, imageSchema as image, lineSchema as line, listSchema as list, schema$1 as multiVariableText, schema$2 as radioGroup, rectangle, schema$3 as select, signature, svgSchema as svg, tableSchema as table, textSchema as text, time_default as time };
 
 //# sourceMappingURL=index.js.map