@pdfme/schemas 6.0.3-dev.0 → 6.0.4-dev.1

package/dist/text/types.d.ts

@@ -0,0 +1,28 @@
+import type { Schema } from '@pdfme/common';
+import type { Font as FontKitFont } from 'fontkit';
+export type ALIGNMENT = 'left' | 'center' | 'right' | 'justify';
+export type VERTICAL_ALIGNMENT = 'top' | 'middle' | 'bottom';
+export type DYNAMIC_FONT_SIZE_FIT = 'horizontal' | 'vertical';
+export type FontWidthCalcValues = {
+    font: FontKitFont;
+    fontSize: number;
+    characterSpacing: number;
+    boxWidthInPt: number;
+};
+export type TextSchema = Schema & {
+    fontName?: string;
+    alignment: ALIGNMENT;
+    verticalAlignment: VERTICAL_ALIGNMENT;
+    fontSize: number;
+    lineHeight: number;
+    strikethrough?: boolean;
+    underline?: boolean;
+    characterSpacing: number;
+    dynamicFontSize?: {
+        min: number;
+        max: number;
+        fit: DYNAMIC_FONT_SIZE_FIT;
+    };
+    fontColor: string;
+    backgroundColor: string;
+};

package/dist/text/uiRender.d.ts

@@ -0,0 +1,11 @@
+import type { Font as FontKitFont } from 'fontkit';
+import { UIRenderProps } from '@pdfme/common';
+import type { TextSchema } from './types.js';
+export declare const uiRender: (arg: UIRenderProps<TextSchema>) => Promise<void>;
+export declare const buildStyledTextContainer: (arg: UIRenderProps<TextSchema>, fontKitFont: FontKitFont, value: string) => HTMLDivElement;
+/**
+ * Firefox doesn't support 'plaintext-only' contentEditable mode, which we want to avoid mark-up.
+ * This function adds a workaround for Firefox to make the contentEditable element behave like 'plaintext-only'.
+ */
+export declare const makeElementPlainTextContentEditable: (element: HTMLElement) => void;
+export declare const mapVerticalAlignToFlex: (verticalAlignmentValue: string | undefined) => "center" | "flex-end" | "flex-start";

package/dist/utils.d.ts

@@ -0,0 +1,40 @@
+import { Color } from '@pdfme/pdf-lib';
+import { Schema, Mode, ColorType } from '@pdfme/common';
+import { IconNode } from 'lucide';
+export declare const convertForPdfLayoutProps: ({ schema, pageHeight, applyRotateTranslate, }: {
+    schema: Schema;
+    pageHeight: number;
+    applyRotateTranslate?: boolean;
+}) => {
+    position: {
+        x: number;
+        y: number;
+    };
+    height: number;
+    width: number;
+    rotate: import("@pdfme/pdf-lib").Degrees;
+    opacity: number | undefined;
+};
+export declare const rotatePoint: (point: {
+    x: number;
+    y: number;
+}, pivot: {
+    x: number;
+    y: number;
+}, angleDegrees: number) => {
+    x: number;
+    y: number;
+};
+export declare const getDynamicHeightsForTable: (value: string, args: {
+    schema: Schema;
+    basePdf: import("@pdfme/common").BasePdf;
+    options: import("@pdfme/common").CommonOptions;
+    _cache: Map<string | number, unknown>;
+}) => Promise<number[]>;
+export declare const addAlphaToHex: (hex: string, alphaPercentage: number) => string;
+export declare const isEditable: (mode: Mode, schema: Schema) => boolean;
+export declare const hex2RgbColor: (hexString: string | undefined) => import("@pdfme/pdf-lib").RGB | undefined;
+export declare const hex2PrintingColor: (color?: string | Color, colorType?: ColorType) => Color | undefined;
+export declare const readFile: (input: File | FileList | null) => Promise<string | ArrayBuffer>;
+export declare const createErrorElm: () => HTMLDivElement;
+export declare const createSvgStr: (icon: IconNode, attrs?: Record<string, string>) => string;

package/dist/utils.js

@@ -0,0 +1,215 @@
+import { t as getDynamicHeightsForTable$1 } from "./dynamicTemplate-D_DHR3-X.js";
+import { isHexValid, mm2pt } from "@pdfme/common";
+import { cmyk, degrees, degreesToRadians, rgb } from "@pdfme/pdf-lib";
+//#region src/utils.ts
+var convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true }) => {
+	const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
+	const { x: mmX, y: mmY } = position;
+	const rotateDegrees = rotate ? -rotate : 0;
+	const width = mm2pt(mmWidth);
+	const height = mm2pt(mmHeight);
+	let x = mm2pt(mmX);
+	let y = pageHeight - mm2pt(mmY) - height;
+	if (rotateDegrees && applyRotateTranslate) {
+		const pivotPoint = {
+			x: x + width / 2,
+			y: pageHeight - mm2pt(mmY) - height / 2
+		};
+		const rotatedPoint = rotatePoint({
+			x,
+			y
+		}, pivotPoint, rotateDegrees);
+		x = rotatedPoint.x;
+		y = rotatedPoint.y;
+	}
+	return {
+		position: {
+			x,
+			y
+		},
+		height,
+		width,
+		rotate: degrees(rotateDegrees),
+		opacity
+	};
+};
+var rotatePoint = (point, pivot, angleDegrees) => {
+	const angleRadians = degreesToRadians(angleDegrees);
+	return {
+		x: Math.cos(angleRadians) * (point.x - pivot.x) - Math.sin(angleRadians) * (point.y - pivot.y) + pivot.x,
+		y: Math.sin(angleRadians) * (point.x - pivot.x) + Math.cos(angleRadians) * (point.y - pivot.y) + pivot.y
+	};
+};
+var getDynamicHeightsForTable = getDynamicHeightsForTable$1;
+var addAlphaToHex = (hex, alphaPercentage) => {
+	if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) throw new Error("Invalid HEX color code");
+	let alphaHex = Math.round(alphaPercentage / 100 * 255).toString(16);
+	if (alphaHex.length === 1) alphaHex = "0" + alphaHex;
+	return hex + alphaHex;
+};
+var isEditable = (mode, schema) => mode === "designer" || mode === "form" && schema.readOnly !== true;
+var hex2rgb = (hex) => {
+	if (hex.slice(0, 1) === "#") hex = hex.slice(1);
+	if (hex.length === 3) hex = hex.slice(0, 1) + hex.slice(0, 1) + hex.slice(1, 2) + hex.slice(1, 2) + hex.slice(2, 3) + hex.slice(2, 3);
+	return [
+		hex.slice(0, 2),
+		hex.slice(2, 4),
+		hex.slice(4, 6)
+	].map((str) => parseInt(str, 16));
+};
+var hex2RgbColor = (hexString) => {
+	if (hexString) {
+		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
+		const [r, g, b] = hex2rgb(hexString);
+		return rgb(r / 255, g / 255, b / 255);
+	}
+};
+var hex2CmykColor = (hexString) => {
+	if (hexString) {
+		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
+		hexString = hexString.replace("#", "");
+		const hexColor = hexString.substring(0, 6);
+		const opacityColor = hexString.substring(6, 8);
+		const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;
+		let r = parseInt(hexColor.substring(0, 2), 16) / 255;
+		let g = parseInt(hexColor.substring(2, 4), 16) / 255;
+		let b = parseInt(hexColor.substring(4, 6), 16) / 255;
+		r = r * opacity + (1 - opacity);
+		g = g * opacity + (1 - opacity);
+		b = b * opacity + (1 - opacity);
+		const k = 1 - Math.max(r, g, b);
+		return cmyk(r === 0 ? 0 : (1 - r - k) / (1 - k), g === 0 ? 0 : (1 - g - k) / (1 - k), b === 0 ? 0 : (1 - b - k) / (1 - k), k);
+	}
+};
+var hex2PrintingColor = (color, colorType) => {
+	if (typeof color === "object") return color;
+	return colorType?.toLowerCase() == "cmyk" ? hex2CmykColor(color) : hex2RgbColor(color);
+};
+var readFile = (input) => new Promise((resolve, reject) => {
+	const fileReader = new FileReader();
+	fileReader.onload = (e) => {
+		if (e.target?.result) resolve(e.target.result);
+	};
+	fileReader.onerror = () => {
+		reject(/* @__PURE__ */ new Error("[@pdfme/schemas] File reading failed"));
+	};
+	let file = null;
+	if (input instanceof FileList && input.length > 0) file = input[0];
+	else if (input instanceof File) file = input;
+	if (file) fileReader.readAsDataURL(file);
+	else reject(/* @__PURE__ */ new Error("[@pdfme/schemas] No files provided"));
+});
+var createErrorElm = () => {
+	const container = document.createElement("div");
+	Object.assign(container.style, {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "100%",
+		height: "100%"
+	});
+	const span = document.createElement("span");
+	Object.assign(span.style, {
+		color: "white",
+		background: "red",
+		padding: "0.25rem",
+		fontSize: "12pt",
+		fontWeight: "bold",
+		borderRadius: "2px",
+		fontFamily: "'Open Sans', sans-serif"
+	});
+	span.textContent = "ERROR";
+	container.appendChild(span);
+	return container;
+};
+var createSvgStr = (icon, attrs) => {
+	const safeTagNames = new Set([
+		"svg",
+		"circle",
+		"ellipse",
+		"g",
+		"line",
+		"path",
+		"polygon",
+		"polyline",
+		"rect"
+	]);
+	const safeAttributeNames = new Set([
+		"aria-hidden",
+		"aria-label",
+		"class",
+		"clip-rule",
+		"cx",
+		"cy",
+		"d",
+		"fill",
+		"fill-opacity",
+		"fill-rule",
+		"focusable",
+		"height",
+		"id",
+		"opacity",
+		"points",
+		"preserveAspectRatio",
+		"r",
+		"role",
+		"rx",
+		"ry",
+		"stroke",
+		"stroke-dasharray",
+		"stroke-dashoffset",
+		"stroke-linecap",
+		"stroke-linejoin",
+		"stroke-miterlimit",
+		"stroke-opacity",
+		"stroke-width",
+		"transform",
+		"vector-effect",
+		"viewBox",
+		"width",
+		"x",
+		"x1",
+		"x2",
+		"xmlns",
+		"xmlns:xlink",
+		"y",
+		"y1",
+		"y2"
+	]);
+	const escapeHtmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+	const escapeHtmlText = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+	const toSafeAttributeString = (attributes) => Object.entries(attributes).filter(([key, value]) => safeAttributeNames.has(key) && value !== void 0 && value !== null && !key.toLowerCase().startsWith("on")).map(([key, value]) => `${key}="${escapeHtmlAttribute(String(value))}"`).join(" ");
+	const toSafeTagName = (tag) => {
+		const tagName = String(tag);
+		if (!safeTagNames.has(tagName)) throw new Error(`Invalid SVG tag name: ${tagName}`);
+		return tagName;
+	};
+	if (!Array.isArray(icon)) return escapeHtmlText(String(icon));
+	const svgAttrString = toSafeAttributeString({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		...attrs
+	});
+	const processElement = (element) => {
+		if (!Array.isArray(element)) return escapeHtmlText(String(element));
+		const [tag, attributes = {}, children = []] = element;
+		const tagName = toSafeTagName(tag);
+		const attrString = toSafeAttributeString(attributes);
+		let childrenString = "";
+		if (Array.isArray(children) && children.length > 0) childrenString = children.map((child) => processElement(child)).join("");
+		if (childrenString) return `<${String(tagName)}${attrString ? " " + String(attrString) : ""}>${childrenString}</${String(tagName)}>`;
+		else return `<${String(tagName)}${attrString ? " " + String(attrString) : ""}/>`;
+	};
+	return `<svg ${svgAttrString}>${Array.isArray(icon) ? icon.map((element) => processElement(element)).join("") : processElement(icon)}</svg>`;
+};
+//#endregion
+export { addAlphaToHex, convertForPdfLayoutProps, createErrorElm, createSvgStr, getDynamicHeightsForTable, hex2PrintingColor, hex2RgbColor, isEditable, readFile, rotatePoint };
+
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["import type * as CSS from 'csstype';\nimport { cmyk, degrees, degreesToRadians, rgb, Color } from '@pdfme/pdf-lib';\nimport { Schema, mm2pt, Mode, isHexValid, ColorType } from '@pdfme/common';\nimport { IconNode } from 'lucide';\nimport { getDynamicHeightsForTable as _getDynamicHeightsForTable } from './tables/dynamicTemplate.js';\nexport const convertForPdfLayoutProps = ({\n  schema,\n  pageHeight,\n  applyRotateTranslate = true,\n}: {\n  schema: Schema;\n  pageHeight: number;\n  applyRotateTranslate?: boolean;\n}) => {\n  const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;\n  const { x: mmX, y: mmY } = position;\n\n  const rotateDegrees = rotate ? -rotate : 0;\n  const width = mm2pt(mmWidth);\n  const height = mm2pt(mmHeight);\n  let x = mm2pt(mmX);\n  // PDF coordinate system is from bottom left, UI is top left, so we need to flip the y axis\n  let y = pageHeight - mm2pt(mmY) - height;\n\n  if (rotateDegrees && applyRotateTranslate) {\n    // If rotating we must pivot around the same point as the UI performs its rotation.\n    // The UI performs rotation around the objects center point (the pivot point below),\n    // pdflib rotates around the bottom left corner of the object.\n    // We must therefore adjust the X and Y by rotating the bottom left corner by this pivot point.\n    const pivotPoint = { x: x + width / 2, y: pageHeight - mm2pt(mmY) - height / 2 };\n    const rotatedPoint = rotatePoint({ x, y }, pivotPoint, rotateDegrees);\n    x = rotatedPoint.x;\n    y = rotatedPoint.y;\n  }\n\n  return {\n    position: { x, y },\n    height: height,\n    width: width,\n    rotate: degrees(rotateDegrees),\n    opacity,\n  };\n};\n\nexport const rotatePoint = (\n  point: { x: number; y: number },\n  pivot: { x: number; y: number },\n  angleDegrees: number,\n): { x: number; y: number } => {\n  const angleRadians = degreesToRadians(angleDegrees);\n\n  const x =\n    Math.cos(angleRadians) * (point.x - pivot.x) -\n    Math.sin(angleRadians) * (point.y - pivot.y) +\n    pivot.x;\n  const y =\n    Math.sin(angleRadians) * (point.x - pivot.x) +\n    Math.cos(angleRadians) * (point.y - pivot.y) +\n    pivot.y;\n\n  return { x, y };\n};\n\nexport const getDynamicHeightsForTable = _getDynamicHeightsForTable;\n\n// ----------------------------------------\n\nexport const addAlphaToHex = (hex: string, alphaPercentage: number) => {\n  if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {\n    throw new Error('Invalid HEX color code');\n  }\n  const alphaValue = Math.round((alphaPercentage / 100) * 255);\n  let alphaHex = alphaValue.toString(16);\n  if (alphaHex.length === 1) alphaHex = '0' + alphaHex;\n  return hex + alphaHex;\n};\n\nexport const isEditable = (mode: Mode, schema: Schema) =>\n  mode === 'designer' || (mode === 'form' && schema.readOnly !== true);\n\nconst hex2rgb = (hex: string) => {\n  if (hex.slice(0, 1) === '#') hex = hex.slice(1);\n  if (hex.length === 3)\n    hex =\n      hex.slice(0, 1) +\n      hex.slice(0, 1) +\n      hex.slice(1, 2) +\n      hex.slice(1, 2) +\n      hex.slice(2, 3) +\n      hex.slice(2, 3);\n\n  return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map((str) => parseInt(str, 16));\n};\n\nexport const hex2RgbColor = (hexString: string | undefined) => {\n  if (hexString) {\n    const isValid = isHexValid(hexString);\n\n    if (!isValid) {\n      throw new Error(`Invalid hex color value ${hexString}`);\n    }\n\n    const [r, g, b] = hex2rgb(hexString);\n\n    return rgb(r / 255, g / 255, b / 255);\n  }\n\n  return undefined;\n};\n\nconst hex2CmykColor = (hexString: string | undefined) => {\n  if (hexString) {\n    const isValid = isHexValid(hexString);\n\n    if (!isValid) {\n      throw new Error(`Invalid hex color value ${hexString}`);\n    }\n\n    // Remove the # if it's present\n    hexString = hexString.replace('#', '');\n\n    // Extract the hexadecimal color code and the opacity\n    const hexColor = hexString.substring(0, 6);\n    const opacityColor = hexString.substring(6, 8);\n    const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;\n\n    // Convert the hex values to decimal\n    let r = parseInt(hexColor.substring(0, 2), 16) / 255;\n    let g = parseInt(hexColor.substring(2, 4), 16) / 255;\n    let b = parseInt(hexColor.substring(4, 6), 16) / 255;\n\n    // Apply the opacity\n    r = r * opacity + (1 - opacity);\n    g = g * opacity + (1 - opacity);\n    b = b * opacity + (1 - opacity);\n\n    // Calculate the CMYK values\n    const k = 1 - Math.max(r, g, b);\n    const c = r === 0 ? 0 : (1 - r - k) / (1 - k);\n    const m = g === 0 ? 0 : (1 - g - k) / (1 - k);\n    const y = b === 0 ? 0 : (1 - b - k) / (1 - k);\n\n    return cmyk(c, m, y, k);\n  }\n\n  return undefined;\n};\n\nexport const hex2PrintingColor = (color?: string | Color, colorType?: ColorType) => {\n  // if color is already CMYK, RGB or Grayscale, does not required to convert\n  if (typeof color === 'object') return color;\n  return colorType?.toLowerCase() == 'cmyk' ? hex2CmykColor(color) : hex2RgbColor(color);\n};\n\nexport const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>\n  new Promise((resolve, reject) => {\n    const fileReader = new FileReader();\n\n    fileReader.onload = (e) => {\n      if (e.target?.result) {\n        resolve(e.target.result);\n      }\n    };\n\n    fileReader.onerror = () => {\n      reject(new Error('[@pdfme/schemas] File reading failed'));\n    };\n\n    let file: File | null = null;\n    if (input instanceof FileList && input.length > 0) {\n      file = input[0];\n    } else if (input instanceof File) {\n      file = input;\n    }\n\n    if (file) {\n      fileReader.readAsDataURL(file);\n    } else {\n      reject(new Error('[@pdfme/schemas] No files provided'));\n    }\n  });\n\nexport const createErrorElm = () => {\n  const container = document.createElement('div');\n  const containerStyle: CSS.Properties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%',\n  };\n  Object.assign(container.style, containerStyle);\n\n  const span = document.createElement('span');\n  const spanStyle: CSS.Properties = {\n    color: 'white',\n    background: 'red',\n    padding: '0.25rem',\n    fontSize: '12pt',\n    fontWeight: 'bold',\n    borderRadius: '2px',\n    fontFamily: \"'Open Sans', sans-serif\",\n  };\n  Object.assign(span.style, spanStyle);\n\n  span.textContent = 'ERROR';\n  container.appendChild(span);\n\n  return container;\n};\n\nexport const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): string => {\n  // In lucide 0.475.0, the icon is an array of elements, not a single SVG element\n  // We need to create an SVG wrapper and add the elements as children\n\n  const safeTagNames = new Set([\n    'svg',\n    'circle',\n    'ellipse',\n    'g',\n    'line',\n    'path',\n    'polygon',\n    'polyline',\n    'rect',\n  ]);\n  const safeAttributeNames = new Set([\n    'aria-hidden',\n    'aria-label',\n    'class',\n    'clip-rule',\n    'cx',\n    'cy',\n    'd',\n    'fill',\n    'fill-opacity',\n    'fill-rule',\n    'focusable',\n    'height',\n    'id',\n    'opacity',\n    'points',\n    'preserveAspectRatio',\n    'r',\n    'role',\n    'rx',\n    'ry',\n    'stroke',\n    'stroke-dasharray',\n    'stroke-dashoffset',\n    'stroke-linecap',\n    'stroke-linejoin',\n    'stroke-miterlimit',\n    'stroke-opacity',\n    'stroke-width',\n    'transform',\n    'vector-effect',\n    'viewBox',\n    'width',\n    'x',\n    'x1',\n    'x2',\n    'xmlns',\n    'xmlns:xlink',\n    'y',\n    'y1',\n    'y2',\n  ]);\n  const escapeHtmlAttribute = (value: string): string =>\n    value\n      .replaceAll('&', '&amp;')\n      .replaceAll('\"', '&quot;')\n      .replaceAll(\"'\", '&#39;')\n      .replaceAll('<', '&lt;')\n      .replaceAll('>', '&gt;');\n  const escapeHtmlText = (value: string): string =>\n    value.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;');\n  const toSafeAttributeString = (attributes: Record<string, string>): string =>\n    Object.entries(attributes)\n      .filter(\n        ([key, value]) =>\n          safeAttributeNames.has(key) &&\n          value !== undefined &&\n          value !== null &&\n          !key.toLowerCase().startsWith('on'),\n      )\n      .map(([key, value]) => `${key}=\"${escapeHtmlAttribute(String(value))}\"`)\n      .join(' ');\n  const toSafeTagName = (tag: unknown): string => {\n    const tagName = String(tag);\n    if (!safeTagNames.has(tagName)) {\n      throw new Error(`Invalid SVG tag name: ${tagName}`);\n    }\n    return tagName;\n  };\n\n  // Handle non-array input\n  if (!Array.isArray(icon)) {\n    return escapeHtmlText(String(icon));\n  }\n\n  // Create default SVG attributes\n  const svgAttrs = {\n    xmlns: 'http://www.w3.org/2000/svg',\n    width: '24',\n    height: '24',\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    'stroke-width': '2',\n    'stroke-linecap': 'round',\n    'stroke-linejoin': 'round',\n    ...attrs,\n  };\n  const svgAttrString = toSafeAttributeString(svgAttrs);\n\n  // Helper function to process a single element\n  const processElement = (element: unknown): string => {\n    if (!Array.isArray(element)) {\n      return escapeHtmlText(String(element));\n    }\n\n    const [tag, attributes = {}, children = []] = element as [\n      unknown,\n      Record<string, string>,\n      unknown[],\n    ];\n    const tagName = toSafeTagName(tag);\n    const attrString = toSafeAttributeString(attributes);\n\n    // Process children recursively\n    let childrenString = '';\n\n    if (Array.isArray(children) && children.length > 0) {\n      childrenString = children.map((child) => processElement(child)).join('');\n    }\n\n    // Return properly formatted element string\n    if (childrenString) {\n      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}>${childrenString}</${String(tagName)}>`;\n    } else {\n      // Self-closing tag for empty children\n      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}/>`;\n    }\n  };\n\n  // Process all elements and join them\n  const elementsString = Array.isArray(icon)\n    ? icon.map((element) => processElement(element)).join('')\n    : processElement(icon);\n\n  // Return the complete SVG string\n  return `<svg ${svgAttrString}>${elementsString}</svg>`;\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "6.0.3-dev.0",
+  "version": "6.0.4-dev.1",
   "description": "TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!",
   "keywords": [
     "pdf",
@@ -22,6 +22,10 @@
   },
   "type": "module",
   "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/barcodes/constants.ts

@@ -1,20 +0,0 @@
-export const BARCODE_TYPES = [
-  'qrcode',
-  'japanpost',
-  'ean13',
-  'ean8',
-  'code39',
-  'code128',
-  'nw7',
-  'itf14',
-  'upca',
-  'upce',
-  'gs1datamatrix',
-  'pdf417',
-] as const;
-
-export const DEFAULT_BARCODE_BG_COLOR = '#ffffff';
-
-export const DEFAULT_BARCODE_COLOR = '#000000';
-
-export const DEFAULT_BARCODE_INCLUDETEXT = true;

package/src/barcodes/helper.ts

@@ -1,187 +0,0 @@
-import { b64toUint8Array } from '@pdfme/common';
-import bwipjs, { RenderOptions } from 'bwip-js';
-import { Buffer } from 'buffer';
-import { BARCODE_TYPES, DEFAULT_BARCODE_INCLUDETEXT } from './constants.js';
-import { BarcodeTypes } from './types.js';
-
-// GTIN-13, GTIN-8, GTIN-12, GTIN-14
-const validateCheckDigit = (input: string, checkDigitPos: number) => {
-  let passCheckDigit = true;
-
-  if (input.length === checkDigitPos) {
-    const ds = input.slice(0, -1).replace(/[^0-9]/g, '');
-    let sum = 0;
-    let odd = 1;
-    for (let i = ds.length - 1; i > -1; i -= 1) {
-      sum += Number(ds[i]) * (odd ? 3 : 1);
-      odd ^= 1;
-      if (sum > 0xffffffffffff) {
-        // ~2^48 at max
-        sum %= 10;
-      }
-    }
-    passCheckDigit = String(10 - (sum % 10)).slice(-1) === input.slice(-1);
-  }
-
-  return passCheckDigit;
-};
-export const validateBarcodeInput = (type: BarcodeTypes, input: string) => {
-  if (!input) return false;
-
-  if (!BARCODE_TYPES.includes(type)) return false;
-
-  if (type === 'qrcode') {
-    // Up to 500 characters
-    return input.length < 500;
-  }
-  if (type === 'japanpost') {
-    // For Japan Post: Postal codes must be digits (0-9) only.
-    // Address display numbers can use alphanumeric characters (0-9, A-Z) and hyphen (-).
-    const regexp = /^(\d{7})(\d|[A-Z]|-)+$/;
-    return regexp.test(input);
-  }
-  if (type === 'ean13') {
-    // For EAN-13: Valid characters are digits (0-9) only.
-    // Either 12 digits (without check digit) or 13 digits (with check digit).
-    const regexp = /^\d{12}$|^\d{13}$/;
-    return regexp.test(input) && validateCheckDigit(input, 13);
-  }
-  if (type === 'ean8') {
-    // For EAN-8: Valid characters are digits (0-9) only.
-    // Either 7 digits (without check digit) or 8 digits (with check digit).
-    const regexp = /^\d{7}$|^\d{8}$/;
-    return regexp.test(input) && validateCheckDigit(input, 8);
-  }
-  if (type === 'code39') {
-    // For Code39: Valid characters are digits (0-9), uppercase alphabets (A-Z),
-    // symbols (-, ., $, /, +, %), and space.
-    const regexp = /^(\d|[A-Z]|[-.$/+%]|\s)+$/;
-    return regexp.test(input);
-  }
-  if (type === 'code128') {
-    // For Code128: Valid characters are all except Kanji, Hiragana, and Katakana.
-    // https://qiita.com/graminume/items/2ac8dd9c32277fa9da64
-    return !input.match(
-      /([\u30a0-\u30ff\u3040-\u309f\u3005-\u3006\u30e0-\u9fcf]|[Ａ-Ｚａ-ｚ０-９！＂＃＄％＆＇（）＊＋，－．／：；＜＝＞？＠［＼］＾＿｀｛｜｝〜　])+/,
-    );
-  }
-  if (type === 'nw7') {
-    // For NW-7: Valid characters are digits (0-9) and symbols (-, ., $, :, /, +).
-    // The first and last characters must be one of the alphabets A-D (start/stop codes).
-    const regexp = /^[A-Da-d]([0-9.$:/+-])+[A-Da-d]$/;
-    return regexp.test(input);
-  }
-  if (type === 'itf14') {
-    // For ITF-14: Valid characters are digits (0-9) only.
-    // Either 13 digits (without check digit) or 14 digits (with check digit).
-    const regexp = /^\d{13}$|^\d{14}$/;
-    return regexp.test(input) && validateCheckDigit(input, 14);
-  }
-  if (type === 'upca') {
-    // For UPCA: Valid characters are digits (0-9) only.
-    // Either 11 digits (without check digit) or 12 digits (with check digit).
-    const regexp = /^\d{11}$|^\d{12}$/;
-    return regexp.test(input) && validateCheckDigit(input, 12);
-  }
-  if (type === 'upce') {
-    // For UPCE: Valid characters are digits (0-9) only.
-    // The first digit (number system character) must be 0.
-    // Either 7 digits (without check digit) or 8 digits (with check digit).
-    const regexp = /^0(\d{6}$|\d{7}$)/;
-    return regexp.test(input) && validateCheckDigit(input, 8);
-  }
-  if (type === 'gs1datamatrix') {
-    let ret = false;
-    // Find the GTIN application identifier: regex for "(01)" and the digits following it until another "(".
-    const regexp = /\((01)\)(\d*)(\(|$)/;
-    let res = input.match(regexp);
-    if (
-      res != null &&
-      input.length <= 52 && // 52 is the max length of a GS1 DataMatrix barcode before bwip-js throws an error
-      res[1] === '01' &&
-      (res[2].length === 14 || res[2].length === 8 || res[2].length === 12 || res[2].length === 13)
-    ) {
-      let gtin = res[2];
-      ret = validateCheckDigit(gtin, gtin.length);
-    }
-    return ret;
-  }
-  if (type === 'pdf417') {
-    // PDF417 can encode a wide range of characters,
-    // but considering performance and library limitations, the maximum number of characters is limited (up to 1000 characters here).
-    return input.length > 0 && input.length <= 1000;
-  }
-
-  return false;
-};
-
-/**
- * The bwip.js lib has a different name for nw7 type barcodes
- */
-export const barCodeType2Bcid = (type: BarcodeTypes) =>
-  type === 'nw7' ? 'rationalizedCodabar' : type;
-
-/**
- *  Strip hash from the beginning of HTML hex color codes for the bwip.js lib
- */
-export const mapHexColorForBwipJsLib = (color: string | undefined, fallback?: string) =>
-  color ? color.replace('#', '') : fallback ? fallback.replace('#', '') : '000000';
-
-export const createBarCode = async (arg: {
-  type: BarcodeTypes;
-  input: string;
-  width: number;
-  height: number;
-  backgroundColor?: string;
-  barColor?: string;
-  textColor?: string;
-  includetext?: boolean;
-}): Promise<Buffer> => {
-  const {
-    type,
-    input,
-    width,
-    height,
-    backgroundColor,
-    barColor,
-    textColor,
-    includetext = DEFAULT_BARCODE_INCLUDETEXT,
-  } = arg;
-
-  const bcid = barCodeType2Bcid(type);
-  const scale = 5;
-  const bwipjsArg: RenderOptions = {
-    bcid,
-    text: input,
-    width,
-    height,
-    scale,
-    includetext,
-    textxalign: 'center',
-  };
-
-  if (backgroundColor) bwipjsArg.backgroundcolor = mapHexColorForBwipJsLib(backgroundColor);
-  if (barColor) bwipjsArg.barcolor = mapHexColorForBwipJsLib(barColor);
-  if (textColor) bwipjsArg.textcolor = mapHexColorForBwipJsLib(textColor);
-
-  let res: Buffer;
-
-  if (typeof window !== 'undefined') {
-    const canvas = document.createElement('canvas');
-    // Use a type assertion to safely call toCanvas
-    const bwipjsModule = bwipjs as unknown as {
-      toCanvas(canvas: HTMLCanvasElement, options: RenderOptions): void;
-    };
-    bwipjsModule.toCanvas(canvas, bwipjsArg);
-    const dataUrl = canvas.toDataURL('image/png');
-    res = Buffer.from(b64toUint8Array(dataUrl).buffer);
-  } else {
-    // Use a type assertion to safely call toBuffer
-    const bwipjsModule = bwipjs as unknown as {
-      toBuffer(options: RenderOptions): Promise<Buffer>;
-    };
-    res = await bwipjsModule.toBuffer(bwipjsArg);
-  }
-
-  return res;
-};

package/src/barcodes/index.ts

@@ -1,23 +0,0 @@
-import { pdfRender } from './pdfRender.js';
-import { getPropPanelByBarcodeType } from './propPanel.js';
-import { uiRender } from './uiRender.js';
-import type { BarcodeSchema, BarcodeTypes } from './types.js';
-import { BARCODE_TYPES } from './constants.js';
-import { createSvgStr } from '../utils.js';
-import { Plugin } from '@pdfme/common';
-import { QrCode, Barcode } from 'lucide';
-
-const barcodes = BARCODE_TYPES.reduce(
-  (acc, type) =>
-    Object.assign(acc, {
-      [type]: {
-        pdf: pdfRender,
-        ui: uiRender,
-        propPanel: getPropPanelByBarcodeType(type),
-        icon: createSvgStr(type == 'qrcode' ? QrCode : Barcode),
-      },
-    }),
-  {} as Record<BarcodeTypes, Plugin<BarcodeSchema>>,
-);
-
-export default barcodes;

package/src/barcodes/pdfRender.ts

@@ -1,37 +0,0 @@
-import { PDFRenderProps } from '@pdfme/common';
-import { convertForPdfLayoutProps } from '../utils.js';
-import type { BarcodeSchema } from './types.js';
-import { createBarCode, validateBarcodeInput } from './helper.js';
-import { PDFImage } from '@pdfme/pdf-lib';
-
-const getBarcodeCacheKey = (schema: BarcodeSchema, value: string) => {
-  return `${schema.type}${schema.backgroundColor}${schema.barColor}${schema.textColor}${value}${schema.includetext}`;
-};
-
-export const pdfRender = async (arg: PDFRenderProps<BarcodeSchema>) => {
-  const { value, schema, pdfDoc, page, _cache } = arg;
-  if (!validateBarcodeInput(schema.type, value)) return;
-
-  const inputBarcodeCacheKey = getBarcodeCacheKey(schema, value);
-  let image = _cache.get(inputBarcodeCacheKey) as PDFImage | undefined;
-  if (!image) {
-    const imageBuf = await createBarCode({
-      ...schema,
-      type: schema.type,
-      input: value,
-    });
-    image = await pdfDoc.embedPng(imageBuf);
-    _cache.set(inputBarcodeCacheKey, image);
-  }
-
-  const pageHeight = page.getHeight();
-  const {
-    width,
-    height,
-    rotate,
-    position: { x, y },
-    opacity,
-  } = convertForPdfLayoutProps({ schema, pageHeight });
-
-  page.drawImage(image, { x, y, rotate, width, height, opacity });
-};