@pdfme/schemas 3.1.5 → 3.2.0

package/dist/esm/src/utils.js

@@ -0,0 +1,124 @@
+import { degrees, degreesToRadians, rgb } from '@pdfme/pdf-lib';
+import { mm2pt, isHexValid } from '@pdfme/common';
+export const 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);
+    // PDF coordinate system is from bottom left, UI is top left, so we need to flip the y axis
+    let y = pageHeight - mm2pt(mmY) - height;
+    if (rotateDegrees && applyRotateTranslate) {
+        // If rotating we must pivot around the same point as the UI performs its rotation.
+        // The UI performs rotation around the objects center point (the pivot point below),
+        // pdflib rotates around the bottom left corner of the object.
+        // We must therefore adjust the X and Y by rotating the bottom left corner by this pivot point.
+        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: height,
+        width: width,
+        rotate: degrees(rotateDegrees),
+        opacity,
+    };
+};
+export const rotatePoint = (point, pivot, angleDegrees) => {
+    const angleRadians = degreesToRadians(angleDegrees);
+    const x = Math.cos(angleRadians) * (point.x - pivot.x) -
+        Math.sin(angleRadians) * (point.y - pivot.y) +
+        pivot.x;
+    const y = Math.sin(angleRadians) * (point.x - pivot.x) +
+        Math.cos(angleRadians) * (point.y - pivot.y) +
+        pivot.y;
+    return { x, y };
+};
+export const addAlphaToHex = (hex, alphaPercentage) => {
+    if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {
+        throw new Error('Invalid HEX color code');
+    }
+    const alphaValue = Math.round((alphaPercentage / 100) * 255);
+    let alphaHex = alphaValue.toString(16);
+    if (alphaHex.length === 1)
+        alphaHex = '0' + alphaHex;
+    return hex + alphaHex;
+};
+export const isEditable = (mode, schema) => mode === 'designer' || (mode === 'form' && schema.readOnly !== true);
+const 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));
+};
+export const hex2RgbColor = (hexString) => {
+    if (hexString) {
+        const isValid = isHexValid(hexString);
+        if (!isValid) {
+            throw new Error(`Invalid hex color value ${hexString}`);
+        }
+        const [r, g, b] = hex2rgb(hexString);
+        return rgb(r / 255, g / 255, b / 255);
+    }
+    return undefined;
+};
+export const readFile = (input) => new Promise((resolve, reject) => {
+    const fileReader = new FileReader();
+    fileReader.onload = (e) => {
+        if (e.target?.result) {
+            resolve(e.target.result);
+        }
+    };
+    fileReader.onerror = (e) => {
+        reject(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(new Error('[@pdfme/schemas] No files provided'));
+    }
+});
+export const createErrorElm = () => {
+    const container = document.createElement('div');
+    const containerStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        height: '100%',
+    };
+    Object.assign(container.style, containerStyle);
+    const span = document.createElement('span');
+    const spanStyle = {
+        color: 'white',
+        background: 'red',
+        padding: '0.25rem',
+        fontSize: '12pt',
+        fontWeight: 'bold',
+        borderRadius: '2px',
+        fontFamily: "'Open Sans', sans-serif",
+    };
+    Object.assign(span.style, spanStyle);
+    span.textContent = 'ERROR';
+    container.appendChild(span);
+    return container;
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils.ts"],"names":[],"mappings":"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"}

package/dist/types/src/barcodes/index.d.ts

@@ -1,4 +1,4 @@
 import type { BarcodeSchema } from './types';
 import { Plugin } from '@pdfme/common';
-declare const schemas: Record<"qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix", Plugin<BarcodeSchema>>;
-export default schemas;
+declare const barcodes: Record<"qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix", Plugin<BarcodeSchema>>;
+export default barcodes;

package/dist/types/src/graphics/helper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+export declare const imageSize: (imgBuffer: Buffer) => {
+    height: number;
+    width: number;
+};

package/dist/types/src/graphics/image.d.ts

@@ -0,0 +1,7 @@
+import type { Plugin } from '@pdfme/common';
+import type { Schema } from '@pdfme/common';
+interface ImageSchema extends Schema {
+}
+declare const imageSchema: Plugin<ImageSchema>;
+export default imageSchema;
+export declare const readOnlyImage: Plugin<ImageSchema>;

package/dist/types/src/graphics/svg.d.ts

@@ -0,0 +1,6 @@
+import { Plugin, Schema } from '@pdfme/common';
+interface SVGSchema extends Schema {
+}
+declare const svgSchema: Plugin<SVGSchema>;
+export default svgSchema;
+export declare const readOnlySvg: Plugin<SVGSchema>;

package/dist/types/src/index.d.ts

@@ -1,8 +1,11 @@
-import text from './text/index.js';
-import image from './image/index.js';
+import text, { readOnlyText } from './text/index.js';
+import image, { readOnlyImage } from './graphics/image.js';
+import svg, { readOnlySvg } from './graphics/svg.js';
 import barcodes from './barcodes/index.js';
-import { convertForPdfLayoutProps, rotatePoint } from './renderUtils.js';
+import line from './shapes/line.js';
+import { rectangle, ellipse } from './shapes/rectAndEllipse.js';
+import { convertForPdfLayoutProps, rotatePoint } from './utils.js';
 declare const builtInPlugins: {
     Text: import("@pdfme/common").Plugin<import("./text/types.js").TextSchema>;
 };
-export { text, image, barcodes, builtInPlugins, convertForPdfLayoutProps, rotatePoint };
+export { text, readOnlyText, image, readOnlyImage, svg, readOnlySvg, barcodes, line, rectangle, ellipse, builtInPlugins, convertForPdfLayoutProps, rotatePoint, };

package/dist/types/src/shapes/line.d.ts

@@ -0,0 +1,6 @@
+import type { Schema, Plugin } from '@pdfme/common';
+interface LineSchema extends Schema {
+    color: string;
+}
+declare const lineSchema: Plugin<LineSchema>;
+export default lineSchema;

package/dist/types/src/shapes/rectAndEllipse.d.ts

@@ -0,0 +1,144 @@
+import { Schema } from '@pdfme/common';
+interface Shape extends Schema {
+    type: 'ellipse' | 'rectangle';
+    borderWidth: number;
+    borderColor: string;
+    color: string;
+}
+export declare const rectangle: {
+    propPanel: {
+        defaultSchema: {
+            type: "ellipse" | "rectangle";
+            borderWidth: number;
+            borderColor: string;
+            color: string;
+            position: {
+                x: number;
+                y: number;
+            };
+            width: number;
+            height: number;
+            readOnly?: boolean | undefined;
+            readOnlyValue?: string | undefined;
+            rotate?: number | undefined;
+            opacity?: number | undefined;
+        };
+        schema: ((propPanelProps: Omit<{
+            rootElement: HTMLDivElement;
+            activeSchema: {
+                width: number;
+                height: number;
+                type: string;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                data: string;
+                id: string;
+                key: string;
+                opacity?: number | undefined;
+                rotate?: number | undefined;
+                readOnly?: boolean | undefined;
+                readOnlyValue?: string | undefined;
+            };
+            activeElements: HTMLElement[];
+            changeSchemas: import("@pdfme/common").ChangeSchemas;
+            schemas: {
+                width: number;
+                height: number;
+                type: string;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                data: string;
+                id: string;
+                key: string;
+                opacity?: number | undefined;
+                rotate?: number | undefined;
+                readOnly?: boolean | undefined;
+                readOnlyValue?: string | undefined;
+            }[];
+            pageSize: {
+                width: number;
+                height: number;
+            };
+            options: import("@pdfme/common").UIOptions;
+            theme: import("antd").GlobalToken;
+            i18n: (key: string) => string;
+        }, "rootElement">) => Record<string, Partial<import("form-render").SchemaBase>>) | Record<string, Partial<import("form-render").SchemaBase>>;
+        widgets?: Record<string, (props: import("@pdfme/common").PropPanelWidgetProps) => void> | undefined;
+        defaultValue: string;
+    };
+    pdf: (arg: import("@pdfme/common").PDFRenderProps<Shape>) => void | Promise<void>;
+    ui: (arg: import("@pdfme/common").UIRenderProps<Shape>) => void | Promise<void>;
+};
+export declare const ellipse: {
+    propPanel: {
+        defaultSchema: {
+            type: "ellipse" | "rectangle";
+            borderWidth: number;
+            borderColor: string;
+            color: string;
+            position: {
+                x: number;
+                y: number;
+            };
+            width: number;
+            height: number;
+            readOnly?: boolean | undefined;
+            readOnlyValue?: string | undefined;
+            rotate?: number | undefined;
+            opacity?: number | undefined;
+        };
+        schema: ((propPanelProps: Omit<{
+            rootElement: HTMLDivElement;
+            activeSchema: {
+                width: number;
+                height: number;
+                type: string;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                data: string;
+                id: string;
+                key: string;
+                opacity?: number | undefined;
+                rotate?: number | undefined;
+                readOnly?: boolean | undefined;
+                readOnlyValue?: string | undefined;
+            };
+            activeElements: HTMLElement[];
+            changeSchemas: import("@pdfme/common").ChangeSchemas;
+            schemas: {
+                width: number;
+                height: number;
+                type: string;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                data: string;
+                id: string;
+                key: string;
+                opacity?: number | undefined;
+                rotate?: number | undefined;
+                readOnly?: boolean | undefined;
+                readOnlyValue?: string | undefined;
+            }[];
+            pageSize: {
+                width: number;
+                height: number;
+            };
+            options: import("@pdfme/common").UIOptions;
+            theme: import("antd").GlobalToken;
+            i18n: (key: string) => string;
+        }, "rootElement">) => Record<string, Partial<import("form-render").SchemaBase>>) | Record<string, Partial<import("form-render").SchemaBase>>;
+        widgets?: Record<string, (props: import("@pdfme/common").PropPanelWidgetProps) => void> | undefined;
+        defaultValue: string;
+    };
+    pdf: (arg: import("@pdfme/common").PDFRenderProps<Shape>) => void | Promise<void>;
+    ui: (arg: import("@pdfme/common").UIRenderProps<Shape>) => void | Promise<void>;
+};
+export {};

package/dist/types/src/text/index.d.ts

@@ -1,4 +1,5 @@
 import type { Plugin } from '@pdfme/common';
 import type { TextSchema } from './types';
-declare const schema: Plugin<TextSchema>;
-export default schema;
+declare const textSchema: Plugin<TextSchema>;
+export default textSchema;
+export declare const readOnlyText: Plugin<TextSchema>;

package/dist/types/src/text/pdfRender.d.ts

@@ -1,3 +1,3 @@
-import { PDFRenderProps } from '@pdfme/common';
 import type { TextSchema } from './types';
+import { PDFRenderProps } from '@pdfme/common';
 export declare const pdfRender: (arg: PDFRenderProps<TextSchema>) => Promise<void>;

package/dist/types/src/{renderUtils.d.ts → utils.d.ts}

@@ -1,4 +1,4 @@
-import { Schema } from '@pdfme/common';
+import { Schema, Mode } from '@pdfme/common';
 export declare const convertForPdfLayoutProps: ({ schema, pageHeight, applyRotateTranslate, }: {
     schema: Schema;
     pageHeight: number;
@@ -24,3 +24,7 @@ export declare const rotatePoint: (point: {
     y: 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 readFile: (input: File | FileList | null) => Promise<string | ArrayBuffer>;
+export declare const createErrorElm: () => HTMLDivElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "3.1.5",
+  "version": "3.2.0",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -32,7 +32,7 @@
     }
   },
   "scripts": {
-    "develop": "tsc -p tsconfig.esm.json -w",
+    "dev": "tsc -p tsconfig.esm.json -w",
     "build": "npm-run-all --parallel build:cjs build:esm",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:esm": "tsc -p tsconfig.esm.json",
@@ -43,8 +43,9 @@
     "prettier": "prettier --write 'src/**/*.ts'"
   },
   "dependencies": {
-    "@pdfme/pdf-lib": "^1.17.3",
+    "@pdfme/pdf-lib": "^1.18.3",
     "bwip-js": "^4.1.1",
+    "fast-xml-parser": "^4.3.2",
     "fontkit": "^2.0.2"
   },
   "devDependencies": {

package/src/barcodes/index.ts

@@ -5,7 +5,7 @@ import type { BarcodeSchema, BarcodeTypes } from './types';
 import { BARCODE_TYPES } from './constants.js';
 import { Plugin } from '@pdfme/common';
 
-const schemas = BARCODE_TYPES.reduce(
+const barcodes = BARCODE_TYPES.reduce(
   (acc, type) =>
     Object.assign(acc, {
       [type]: { pdf: pdfRender, ui: uiRender, propPanel: getPropPanelByBarcodeType(type) },
@@ -13,4 +13,4 @@ const schemas = BARCODE_TYPES.reduce(
   {} as Record<BarcodeTypes, Plugin<BarcodeSchema>>
 );
 
-export default schemas;
+export default barcodes;

package/src/barcodes/pdfRender.ts

@@ -1,5 +1,5 @@
 import { PDFRenderProps } from '@pdfme/common';
-import { convertForPdfLayoutProps } from '../renderUtils.js';
+import { convertForPdfLayoutProps } from '../utils.js';
 import type { BarcodeSchema } from './types';
 import { createBarCode, validateBarcodeInput } from './helper.js';
 

package/src/barcodes/propPanel.ts

@@ -154,38 +154,36 @@ export const getPropPanelByBarcodeType = (barcodeType: string): PropPanel<Barcod
 
   const defaults = barcodeDefaults.find(({ defaultSchema }) => defaultSchema.type === barcodeType);
 
-  if (!defaults) throw new Error(`[@pdfme/schemas] No default for barcode type ${barcodeType}`);
+  if (!defaults) throw new Error(`[@pdfme/schemas/barcodes] No default for barcode type ${barcodeType}`);
 
   return {
-    schema: ({ i18n }) => {
-      return {
-        barColor: {
-          title: i18n('schemas.barcodes.barColor'),
-          type: 'string',
-          widget: 'color',
-          rules: [
-            {
-              pattern: HEX_COLOR_PATTERN,
-              message: 'Please enter a valid hex color code.',
-            },
-          ],
-        },
-        backgroundColor: {
-          title: i18n('schemas.bgColor'),
-          type: 'string',
-          widget: 'color',
-          rules: [
-            {
-              pattern: HEX_COLOR_PATTERN,
-              message: 'Please enter a valid hex color code.',
-            },
-          ],
-        },
-        ...(barcodeHasText
-          ? { textColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' } }
-          : {}),
-      };
-    },
+    schema: ({ i18n }) => ({
+      barColor: {
+        title: i18n('schemas.barcodes.barColor'),
+        type: 'string',
+        widget: 'color',
+        rules: [
+          {
+            pattern: HEX_COLOR_PATTERN,
+            message: i18n('hexColorPrompt'),
+          },
+        ],
+      },
+      backgroundColor: {
+        title: i18n('schemas.bgColor'),
+        type: 'string',
+        widget: 'color',
+        rules: [
+          {
+            pattern: HEX_COLOR_PATTERN,
+            message: i18n('hexColorPrompt'),
+          },
+        ],
+      },
+      ...(barcodeHasText
+        ? { textColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' } }
+        : {}),
+    }),
     ...defaults,
   };
 };

package/src/barcodes/uiRender.ts

@@ -2,37 +2,10 @@ import type * as CSS from 'csstype';
 import { UIRenderProps } from '@pdfme/common';
 import type { BarcodeSchema } from './types';
 import { validateBarcodeInput, createBarCode } from './helper.js';
-import { addAlphaToHex } from '../renderUtils.js';
+import { addAlphaToHex, isEditable, createErrorElm } from '../utils.js';
 
 const fullSize = { width: '100%', height: '100%' };
 
-const createErrorBarcodeElm = () => {
-  const container = document.createElement('div');
-  const containerStyle: CSS.Properties = {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    ...fullSize,
-  };
-  Object.assign(container.style, containerStyle);
-
-  const span = document.createElement('span');
-  const spanStyle: CSS.Properties = {
-    color: 'white',
-    background: 'red',
-    padding: '0.25rem',
-    fontSize: '12pt',
-    fontWeight: 'bold',
-    borderRadius: '2px',
-  };
-  Object.assign(span.style, spanStyle);
-
-  span.textContent = 'ERROR';
-  container.appendChild(span);
-
-  return container;
-};
-
 const blobToDataURL = (blob: Blob): Promise<string> =>
   new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -71,20 +44,20 @@ export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
     alignItems: 'center',
     justifyContent: 'center',
     fontFamily: "'Open Sans', sans-serif",
-    opacity: schema.opacity,
   };
   Object.assign(container.style, containerStyle);
   rootElement.appendChild(container);
-  const editable = mode === 'form' || mode === 'designer';
+  const editable = isEditable(mode, schema);
   if (editable) {
     const input = document.createElement('input');
     const inputStyle: CSS.Properties = {
-      ...fullSize,
+      width: '100%',
       position: 'absolute',
       textAlign: 'center',
-      fontSize: '1rem',
-      color: '#000',
-      backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
+      fontSize: '12pt',
+      fontWeight: 'bold',
+      color: theme.colorWhite,
+      backgroundColor: editable || value ? addAlphaToHex('#000000', 80) : 'none',
       border: 'none',
       display: 'flex',
       alignItems: 'center',
@@ -102,21 +75,18 @@ export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
       stopEditing && stopEditing();
     });
     container.appendChild(input);
-    if (mode === 'designer') {
-      input.setSelectionRange(value.length, value.length);
-      input.focus();
-    }
+    input.setSelectionRange(value.length, value.length);
+    input.focus();
   }
 
   if (!value) return;
   try {
     if (!validateBarcodeInput(schema.type, value))
-      throw new Error('[@pdfme/schemas] Invalid barcode input');
+      throw new Error('[@pdfme/schemas/barcodes] Invalid barcode input');
     const imgElm = await createBarcodeImageElm(schema, value);
     container.appendChild(imgElm);
   } catch (err) {
     console.error(`[@pdfme/ui] ${err}`);
-    const errorBarcodeElm = createErrorBarcodeElm();
-    container.appendChild(errorBarcodeElm);
+    container.appendChild(createErrorElm());
   }
 };