@pdfme/schemas 3.1.5 → 3.2.0-dev.1

package/dist/esm/src/image/uiRender.js

@@ -1,107 +0,0 @@
-import { ZOOM } from '@pdfme/common';
-import { addAlphaToHex } from '../renderUtils.js';
-const fullSize = { width: '100%', height: '100%' };
-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 uiRender = async (arg) => {
-    const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
-    const editable = mode === 'form' || mode === 'designer';
-    const size = { width: schema.width * ZOOM, height: schema.height * ZOOM };
-    const container = document.createElement('div');
-    const containerStyle = {
-        ...fullSize,
-        backgroundImage: value ? 'none' : `url(${placeholder})`,
-        backgroundSize: `${size.width}px ${size.height}px`,
-        opacity: schema.opacity,
-    };
-    Object.assign(container.style, containerStyle);
-    container.addEventListener('click', (e) => {
-        if (editable) {
-            e.stopPropagation();
-        }
-    });
-    rootElement.appendChild(container);
-    // image tag
-    if (value) {
-        const img = document.createElement('img');
-        const imgStyle = { height: '100%', width: '100%', borderRadius: 0 };
-        Object.assign(img.style, imgStyle);
-        img.src = value;
-        container.appendChild(img);
-    }
-    // remove button
-    if (value && editable) {
-        const button = document.createElement('button');
-        button.textContent = 'x';
-        const buttonStyle = {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            zIndex: 1,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            color: '#333',
-            background: '#f2f2f2',
-            borderRadius: '2px',
-            border: '1px solid #767676',
-            cursor: 'pointer',
-            height: '24px',
-            width: '24px',
-        };
-        Object.assign(button.style, buttonStyle);
-        button.addEventListener('click', () => {
-            onChange && onChange('');
-        });
-        container.appendChild(button);
-    }
-    // file input
-    if (!value && editable) {
-        const label = document.createElement('label');
-        const labelStyle = {
-            ...fullSize,
-            display: editable ? 'flex' : 'none',
-            position: 'absolute',
-            top: 0,
-            backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
-            cursor: 'pointer',
-        };
-        Object.assign(label.style, labelStyle);
-        container.appendChild(label);
-        const input = document.createElement('input');
-        const inputStyle = { ...fullSize, position: 'absolute', top: '50%' };
-        Object.assign(input.style, inputStyle);
-        input.tabIndex = tabIndex || 0;
-        input.type = 'file';
-        input.accept = 'image/jpeg, image/png';
-        input.addEventListener('change', (event) => {
-            const changeEvent = event;
-            readFile(changeEvent.target.files).then((result) => onChange && onChange(result));
-        });
-        input.addEventListener('blur', () => stopEditing && stopEditing());
-        label.appendChild(input);
-    }
-};
-//# sourceMappingURL=uiRender.js.map

package/dist/esm/src/image/uiRender.js.map

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

package/dist/esm/src/renderUtils.js

@@ -1,53 +0,0 @@
-import { degrees, degreesToRadians } from '@pdfme/pdf-lib';
-import { mm2pt } 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: x,
-            y: 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;
-};
-//# sourceMappingURL=renderUtils.js.map

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-import { PropPanel } from '@pdfme/common';
-import type { ImageSchema } from './types';
-export declare const propPanel: PropPanel<ImageSchema>;

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

@@ -1,3 +0,0 @@
-import { Schema } from '@pdfme/common';
-export interface ImageSchema extends Schema {
-}

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

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

package/src/image/index.ts

@@ -1,8 +0,0 @@
-import type { Plugin } from '@pdfme/common';
-import { pdfRender } from './pdfRender.js';
-import { propPanel } from './propPanel.js';
-import { uiRender } from './uiRender.js';
-import type { ImageSchema } from './types';
-
-const schema: Plugin<ImageSchema> = { pdf: pdfRender, ui: uiRender, propPanel };
-export default schema;

package/src/image/pdfRender.ts

@@ -1,28 +0,0 @@
-import type { PDFRenderProps, Schema } from '@pdfme/common';
-import type { ImageSchema } from './types';
-import { convertForPdfLayoutProps } from '../renderUtils.js';
-
-const getCacheKey = (schema: Schema, input: string) => `${schema.type}${input}`;
-
-export const pdfRender = async (arg: PDFRenderProps<ImageSchema>) => {
-  const { value, schema, pdfDoc, page, _cache } = arg;
-
-  const inputImageCacheKey = getCacheKey(schema, value);
-  let image = _cache.get(inputImageCacheKey);
-  if (!image) {
-    const isPng = value.startsWith('data:image/png;');
-    image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
-    _cache.set(inputImageCacheKey, 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 });
-};

package/src/image/propPanel.ts

@@ -1,19 +0,0 @@
-import { PropPanel } from '@pdfme/common';
-import type { ImageSchema } from './types';
-import { DEFAULT_OPACITY } from '../constants.js';
-
-export const propPanel: PropPanel<ImageSchema> = {
-  schema: {},
-  defaultValue:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAALuAQMAAADL0wGJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURbzAw+rv8fKruy0AAAPoSURBVHja7dwxbtwwEEBRCkKwRQodYftcYk+ROkcJz5NTsEuZK/AIKlIQAUEnke0VqQ0pA5zxWvFnZcD2s0CNuENxPOZBc0QDDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PD/+P8bkxvnTzzjTG0M2b5rh08rHNT518aPOnTt63+aGTd23edPJ2h//ax+/oO6Gzx6c78+cuPu7x01vmwx5/6uLnO/PjO+b/rGifvtWH3VnT9vmh/e3eqx/bc9d79af2YwEPDw8P/6r8r1GVt5VcUoZPtXxGhp9rGYEM72vbEBne1hJ5Gb6ayIvwqZppi/CxmgqL8KGaTIrwc3WDfATeV/ffIryr7r+PwNvq/vsIfH17D5/qbw/gb/mLKp/OqnycFPj14yqcJPm4vfp5VJ0cP6jyzqjy9rr2q/Dr4qzBp3V5E1wxp/V3rl8LXn32qF6fAY31Psv2NXi/5lQaH+Vuzak0eLsmPRppVPa3FPiU3QiFFDZmD4FCAh6yxV+Bn7O9isLmx2d/TGHr5rI7obDxtFkcKWyb89M2+U1/sX7Kv7Io8gaxFy5l2D/faRk++3x6PgsalV52+fwUW4j/+eGhDPuneyH/otHmp9jyfHHMLM6n4phZnI/FObA4H4qDWnF+Lo46xXlflG+I864o3xDnbVG+Ic6X9RXSfCrrK6T5WBZASPOhrFCQ5ufyjF+a92XdkjTvyrolad6WdUvS/KawSI7/sQn7JfDl+O+bsF8CX44fN2FvHnNnIT4Nm7BfAl+ON5uwXwJfjA/LCuk2BXvCvN0U7InxflmAtxV1gvx0U2N3luPtdZOlwj/FoR5vbuq85Pi48F6LD0scOk3+sq1cleP9ohlNfkpq/N9pGaMuH7T4ZVqGWYt/nBavyxstftblfaVIWJU/y72yODCfzJH5oMvPh+adLm+PzCdzZD5U/61ClT9Lnvyo8e7QvFHlE3ydj0zOu5ucickhcpgcJofJedUVk8j5b/nGgIeHh4d/I3x/RwLlhgfNH3DavSwGXf7YjT76uqCEQ/P37p9z7uKVmwspd17S7hul3PXK6fbsmnvWhO6GZlMnn3ri8gXN5GzHnX0B35ydj91814CHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHl+d/A9cKjmiL040TAAAAAElFTkSuQmCC',
-  defaultSchema: {
-    type: 'image',
-    position: { x: 0, y: 0 },
-    width: 40,
-    height: 40,
-    // If the value of "rotate" is set to undefined or not set at all, rotation will be disabled in the UI.
-    // Check this document: https://pdfme.com//docs/custom-schemas#learning-how-to-create-from-pdfmeschemas-code
-    rotate: 0,
-    opacity: DEFAULT_OPACITY,
-  },
-};

package/src/image/types.ts

@@ -1,3 +0,0 @@
-import { Schema } from '@pdfme/common';
-
-export interface ImageSchema extends Schema {}

package/src/image/uiRender.ts

@@ -1,121 +0,0 @@
-import type { ChangeEvent } from 'react';
-import type * as CSS from 'csstype';
-import type { ImageSchema } from './types';
-import { UIRenderProps, ZOOM } from '@pdfme/common';
-import { addAlphaToHex } from '../renderUtils.js';
-
-const fullSize = { width: '100%', height: '100%' };
-
-const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>
-  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: File | null = 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 uiRender = async (arg: UIRenderProps<ImageSchema>) => {
-  const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } =
-    arg;
-  const editable = mode === 'form' || mode === 'designer';
-
-  const size = { width: schema.width * ZOOM, height: schema.height * ZOOM };
-
-  const container = document.createElement('div');
-  const containerStyle: CSS.Properties = {
-    ...fullSize,
-    backgroundImage: value ? 'none' : `url(${placeholder})`,
-    backgroundSize: `${size.width}px ${size.height}px`,
-    opacity: schema.opacity,
-  };
-  Object.assign(container.style, containerStyle);
-  container.addEventListener('click', (e) => {
-    if (editable) {
-      e.stopPropagation();
-    }
-  });
-  rootElement.appendChild(container);
-
-  // image tag
-  if (value) {
-    const img = document.createElement('img');
-    const imgStyle: CSS.Properties = { height: '100%', width: '100%', borderRadius: 0 };
-    Object.assign(img.style, imgStyle);
-    img.src = value;
-    container.appendChild(img);
-  }
-
-  // remove button
-  if (value && editable) {
-    const button = document.createElement('button');
-    button.textContent = 'x';
-    const buttonStyle: CSS.Properties = {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      zIndex: 1,
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      color: '#333',
-      background: '#f2f2f2',
-      borderRadius: '2px',
-      border: '1px solid #767676',
-      cursor: 'pointer',
-      height: '24px',
-      width: '24px',
-    };
-    Object.assign(button.style, buttonStyle);
-    button.addEventListener('click', () => {
-      onChange && onChange('');
-    });
-    container.appendChild(button);
-  }
-
-  // file input
-  if (!value && editable) {
-    const label = document.createElement('label');
-    const labelStyle: CSS.Properties = {
-      ...fullSize,
-      display: editable ? 'flex' : 'none',
-      position: 'absolute',
-      top: 0,
-      backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
-      cursor: 'pointer',
-    };
-    Object.assign(label.style, labelStyle);
-    container.appendChild(label);
-    const input = document.createElement('input');
-    const inputStyle: CSS.Properties = { ...fullSize, position: 'absolute', top: '50%' };
-    Object.assign(input.style, inputStyle);
-    input.tabIndex = tabIndex || 0;
-    input.type = 'file';
-    input.accept = 'image/jpeg, image/png';
-    input.addEventListener('change', (event: Event) => {
-      const changeEvent = event as unknown as ChangeEvent<HTMLInputElement>;
-      readFile(changeEvent.target.files).then((result) => onChange && onChange(result as string));
-    });
-    input.addEventListener('blur', () => stopEditing && stopEditing());
-    label.appendChild(input);
-  }
-};

package/src/renderUtils.ts

@@ -1,73 +0,0 @@
-import { degrees, degreesToRadians } from '@pdfme/pdf-lib';
-import { Schema, mm2pt } from '@pdfme/common';
-
-export const convertForPdfLayoutProps = ({
-  schema,
-  pageHeight,
-  applyRotateTranslate = true,
-}: {
-  schema: Schema;
-  pageHeight: number;
-  applyRotateTranslate?: boolean;
-}) => {
-  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: x,
-      y: y,
-    },
-    height: height,
-    width: width,
-    rotate: degrees(rotateDegrees),
-    opacity,
-  };
-};
-
-export const rotatePoint = (
-  point: { x: number; y: number },
-  pivot: { x: number; y: number },
-  angleDegrees: number
-): { x: number; y: number } => {
-  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: string, alphaPercentage: number) => {
-  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;
-};