@pdfme/ui 1.2.3 → 1.2.4

package/dist/types/class.d.ts

@@ -45,7 +45,7 @@ export declare abstract class BaseUIClass {
             };
             rotate?: number | undefined;
         } | {
-            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
+            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
             height: number;
             width: number;
             position: {

package/dist/types/components/Designer/index.d.ts

@@ -31,7 +31,7 @@ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplat
             };
             rotate?: number | undefined;
         } | {
-            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
+            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
             height: number;
             width: number;
             position: {
@@ -79,7 +79,7 @@ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplat
             };
             rotate?: number | undefined;
         } | {
-            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
+            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
             height: number;
             width: number;
             position: {

package/dist/types/components/Schemas/BarcodeSchema.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { SchemaUIProps } from './SchemaUI';
 declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
     schema: {
-        type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
+        type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
         height: number;
         width: number;
         position: {

package/dist/types/helper.d.ts

@@ -1,4 +1,4 @@
-import { Template, SchemaForUI, Size } from '@pdfme/common';
+import { Template, SchemaForUI, SchemaType, BarCodeType, Size } from '@pdfme/common';
 export declare const uuid: () => string;
 export declare const set: <T extends object>(obj: T, path: string | string[], value: any) => void;
 export declare const debounce: <T extends Function>(cb: T, wait?: number) => T;
@@ -62,7 +62,7 @@ export declare const templateSchemas2SchemasList: (_template: Template) => Promi
     };
     rotate?: number | undefined;
 } | {
-    type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
+    type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
     data: string;
     key: string;
     id: string;
@@ -76,8 +76,8 @@ export declare const templateSchemas2SchemasList: (_template: Template) => Promi
 })[][]>;
 export declare const fmtTemplate: (template: Template, schemasList: SchemaForUI[][]) => Template;
 export declare const getInitialSchema: () => SchemaForUI;
-export declare const getSampleByType: (type: string) => string;
-export declare const getKeepRatioHeightByWidth: (type: string, width: number) => number;
+export declare const getSampleByType: (type: SchemaType) => string;
+export declare const getKeepRatioHeightByWidth: (type: BarCodeType, width: number) => number;
 export declare const getUniqSchemaKey: (arg: {
     copiedSchemaKey: string;
     schema: SchemaForUI[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "@dnd-kit/core": "^5.0.1",
     "@dnd-kit/sortable": "^6.0.0",
     "@heroicons/react": "^2.0.13",
-    "@pdfme/common": "^1.2.1",
+    "@pdfme/common": "file:../common",
     "@scena/react-guides": "^0.16.0",
     "hotkeys-js": "^3.8.7",
     "pdfjs-dist": "2.12.313",

package/src/components/Designer/index.tsx

@@ -1,5 +1,5 @@
 import React, { useRef, useState, useEffect, useContext, useCallback } from 'react';
-import { DesignerReactProps, Template, SchemaForUI } from '@pdfme/common';
+import { DesignerReactProps, Template, SchemaForUI, SchemaType } from '@pdfme/common';
 import Sidebar from './Sidebar/index';
 import Main from './Main/index';
 import { ZOOM, RULER_HEIGHT } from '../../constants';
@@ -96,11 +96,11 @@ const TemplateEditor = ({
         // Assign to reference
         set(tgt, key, value);
         if (key === 'type') {
-          const type = String(value);
+          const type = String(value) as SchemaType;
           // set default value, text or barcode
           set(tgt, 'data', getSampleByType(type));
           // For barcodes, adjust the height to get the correct ratio.
-          if (value !== 'text') {
+          if (type !== 'text' && type !== 'image') {
             set(tgt, 'height', getKeepRatioHeightByWidth(type, tgt.width));
           }
         }

package/src/components/Schemas/BarcodeSchema.tsx

@@ -1,9 +1,9 @@
 import React, { forwardRef, Ref } from 'react';
-import { validateBarcodeInput, BarCodeType, BarcodeSchema } from '@pdfme/common';
+import { validateBarcodeInput, BarCodeType, BarcodeSchema, } from '@pdfme/common';
 import { ZOOM } from '../../constants';
 import { SchemaUIProps } from './SchemaUI';
 
-const barcodeExampleImageObj: { [key: string]: string } = {
+const barcodeExampleImageObj: { [K in BarCodeType]: string } = {
   qrcode:
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6AQMAAACyIsh+AAAABlBMVEVHcEwAAACfKoRRAAAAAXRSTlMAQObYZgAAAUBJREFUaN7t2UEOxCAIBVASD9Aj9eoeqQdowqiAYhsbTGb5u2gm9s2GIFBLrNdNnI+biI72y5YzAURBJpJlOstCuXVaLoAdUMOaLcCiWrwl/AD7QKJclwH+AUYNANgFtv0lyudFq/oA8A3mljQKwaJnAazAdKW6kpiWF8Aa2H7XRmSpmrQvZYAwGJteM7fV1drmr8QAO6A8c7Mms85KvSUBxIDkaw2r2/Ityu2fBBAHdavrwK75KkmrhQAgDFojv/qs1Da9gMQAcdCe+VlTIt8neYAoGNv/8Yr+rg8An0A6j9ykOWlfstETIAjcjO4z198AQsC/TlpsNXMB9sA4Cpbz4Es7Vc9qgCjox27a5pM73ZjP5QDCQFPVzt74FWqACJDYajVNGvQMEAfTJzOhbDVgrg8An+DxGXd8o9A2DxADPwiEPe8Jo46KAAAAAElFTkSuQmCC',
   japanpost:
@@ -20,6 +20,7 @@ const barcodeExampleImageObj: { [key: string]: string } = {
     'data:image/png;base64,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',
   upca: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiEAAAGBBAMAAABCzXzHAAAAG1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABp4cHsAAAACHRSTlMAZYI/6MobpgcQHGEAAAl4SURBVHja7drLcxrHFsBhEGLkJY7vTVgqVYnFEpfihKXvjR8sVRXHZsl1UKyl49gxSyMhMX925tHd031ODwNjaZP7a1dZEhw4Pd/0Gzqd/cq9NCufzW/Vf6Z8NlHFH+bZ4GVbQjruTTsuJHiFSOnHpebP6k39xz53vqzE0gYOty9Se6W3JuLXWbwVIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIogggggi/y8id1L2qV67gggiiCCCCCKI/NNEku9fj8WrkhP/keSrj8/ef+0//7+Tl6+/ndeE+NmSj7/a8mf57Fv3QJg1TKlr5ae8a5Ef0vS5eNUivfLqtszj1w+rR94Wa8j/zuMhfrbDtCpl+LR64KY2pa5VkPKORbrZHyvRRGbpZfXXqKz/emAfODBX9J94iJ9t6Ikc22y2XNamVLUKU96xyFLULSv91Lth7hrcQ+4yx9EQP9uFB/CuuHLvgU1dSl2rMOXdipynWmRpql+USX7zX+b/GYBe/opneev/ORriZ+u9fDot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',
   upce: 'data:image/png;base64,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',
+  gs1datamatrix: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAADYCAYAAACN1f3QAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVQTuICGaoTnZRKY61CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoC4ujgpukiJ/0sKLWI8OO7Hu3uPu3eAv1FhqtkVB1TNMtLJhJDNrQrBV/RgEAGMISYxU58TxRQ8x9c9fHy9i/Is73N/jn4lbzLAJxDHmW5YxBvEsU1L57xPHGYlSSE+J5406ILEj1yXXX7jXHTYzzPDRiY9TxwmFoodLHcwKxkq8QxxRFE1yvdnXVY4b3FWKzXWuid/YSivrSxzneYokljEEkQIkFFDGRVYiNKqkWIiTfsJD/+I4xfJJZOrDEaOBVShQnL84H/wu1uzMD3lJoUSQPeLbX+MA8FdoFm37e9j226eAIFn4Epr+6sNYPaT9HpbixwBA9vAxXVbk/eAyx1g+EmXDMmRAjT9hQLwfkbflAOGboG+Nbe31j5OH4AMdZW6AQ4OgYkiZa97vLu3s7d/z7T6+wGyunLA/6T1MgAAAAlwSFlzAAAN1wAADdcBQiibeAAAA29JREFUeNrt3VtqLSEURVEN1f8umwYcAiXZYe3oGN+XemZSwvHqHGOs8c588W8qj9X9eDfd69vjudcffA3gzwkNhAZCA4QGQgOhAUIDoQGfno1/W/5recB0bS2u74R73ZqN4osGho4gNEBoIDQQGiA0EBrwaecH63nA/a7CY3X/b/uJZzdD72t2v1dfNDB0BKEBQgOhgdAAoYHQAKFBxFN8vNX8fhOzL1IzSDq/s+6bXFjKAAwdAaGB0EBogNBAaIDQQGhwhjkyMwO6z5b479fW3QnrqFgzBAwdQWiA0EBogNBAaCA0QGjQ3xM677roGVff6wmzam56r9YMAUNHEBogNBAaCA0QGggNEBrkVK8Zkpq10HkNitTMi8SMlHXIMym/Pl80MHQEoQFCA6GB0AChgdAAoUHEc8h9zAPO2X1tkc73mnhn1gwBQ0cQGiA0EBogNBAaCA34pZ2lDBI/Cqd+xK28tuv+235jljIAQ0dAaCA0QGggNBAaIDQQGtxlZymDN7+qpzalGM3Pm7iHzteWer6WMgBDR0BoIDRAaCA0EBogNBAa3GVnZsgJsyUqZ66cMLshdW3rgOvbeg++aGDoCEIDhAZCA6EBQgOhAUKDiJ3dZN4e7xZ2k+lzbYldh6wZAoaOIDRAaCA0QGggNBAaIDTo7wmdNzUzILFmRPdZEKPxeTs/O2uGgKEjCA0QGggNEBoIDYQGCA36S+0m031tkcS9njCDJHVt7Wet+KKBoSMIDRAaCA2EBggNhAYIDSJ2dpOpnC3RfSeWhMSOKH9x3sR7bf/35IsGQgOhAUIDoYHQAKGB0IBPOz9Yp64vIbHJxQnPpPv7j92DLxoYOoLQAKGB0EBogNBAaIDQICK1ycVq/lxm4T1UzyBJnXc2fq+JZ7LVgy8aGDqC0AChgdBAaIDQQGiA0CDiKT7eOuS5lM8MKJSY8TEueq9vn8nWsXzRwNARhAYIDYQGQgOEBkIDhAYR1TNDUrt/pHZ2uclNuw5ZMwQMHQGhgdBAaIDQQGiA0EBocIY5an/x776eReK8K/huu15f6tpm6m/JFw0MHUFogNBAaCA0QGggNEBoELGzZkj5DhuNnbCbTOfznrB2izVDwNARhAYIDYQGCA2EBkIDfql6KQPgszFfNDB0BKEBQgOhgdAAoYHQAKFBxjdAx3fMRvuQ1QAAAABJRU5ErkJggg==',
 };
 
 const SampleBarcode = ({ schema }: { schema: BarcodeSchema }) => (

package/src/helper.ts

@@ -10,6 +10,8 @@ import {
   Template,
   SchemaForUI,
   Schema,
+  SchemaType,
+  BarCodeType,
   Size,
   DEFAULT_ALIGNMENT,
   DEFAULT_FONT_SIZE,
@@ -409,8 +411,8 @@ export const getInitialSchema = (): SchemaForUI => ({
   lineHeight: DEFAULT_LINE_HEIGHT,
 });
 
-export const getSampleByType = (type: string) => {
-  const defaultValue: { [key: string]: string } = {
+export const getSampleByType = (type: SchemaType) => {
+  const defaultValue: { [K in SchemaType]: string } = {
     text: 'text',
     image:
       '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',
@@ -424,14 +426,13 @@ export const getSampleByType = (type: string) => {
     itf14: '04601234567893',
     upca: '416000336108',
     upce: '00123457',
+    gs1datamatrix: '(01)03453120000011(17)191125(10)ABCD1234',
   };
-
-  return defaultValue[type] ? defaultValue[type] : '';
+  return defaultValue[type];
 };
 
-export const getKeepRatioHeightByWidth = (type: string, width: number) => {
-  const raito: { [key: string]: number } = {
-    image: 1,
+export const getKeepRatioHeightByWidth = (type: BarCodeType, width: number) => {
+  const ratio: { [K in BarCodeType]: number } = {
     qrcode: 1,
     japanpost: 0.09,
     ean13: 0.4,
@@ -442,9 +443,9 @@ export const getKeepRatioHeightByWidth = (type: string, width: number) => {
     itf14: 0.3,
     upca: 0.4,
     upce: 0.5,
+    gs1datamatrix: 1,
   };
-
-  return width * (raito[type] ? raito[type] : 1);
+  return width * ratio[type];
 };
 
 export const getUniqSchemaKey = (arg: {

package/tsconfig.json

@@ -14,7 +14,11 @@
     "strict": true,
     "types": ["node", "jest", "@types/jest"],
     "typeRoots": ["../node_modules/@types"],
-    "sourceMap": true
+    "sourceMap": true,
+    "baseUrl": "..", 
+    "paths": {
+      "@pdfme/common": ["packages/common/src"] 
+    }
   },
   "baseUrl": ".",
   "include": ["src/**/*.ts", "src/**/*.tsx"],