@pdfme/ui 4.5.2-dev.3 → 4.5.2-dev.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "4.5.2-dev.3",
+  "version": "4.5.2-dev.5",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -81,6 +81,7 @@
     ],
     "moduleNameMapper": {
       "\\.(png|css)$": "<rootDir>/__mocks__/assetsTransformer.js",
+      "^@pdfme/schemas/utils$": "<rootDir>/../schemas/src/utils.ts",
       "^antd/es/": "antd/lib/",
       "^form-render/es/": "form-render/lib/",
       "^rc-picker/es/": "rc-picker/lib/",

package/src/components/Preview.tsx

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect, useContext } from 'react';
 import { Template, SchemaForUI, PreviewProps, Size, getDynamicTemplate } from '@pdfme/common';
-import { getDynamicHeightsForTable } from '@pdfme/schemas';
+import { getDynamicHeightsForTable } from '@pdfme/schemas/utils';
 import UnitPager from './UnitPager';
 import Root from './Root';
 import ErrorScreen from './ErrorScreen';
@@ -50,9 +50,13 @@ const Preview = ({
       options,
       _cache,
       getDynamicHeights: (value, args) => {
-        if (args.schema.type !== 'table') return Promise.resolve([args.schema.height]);
-        return getDynamicHeightsForTable(value, args);
-      }
+        switch (args.schema.type) {
+          case 'table':
+            return getDynamicHeightsForTable(value, args);
+          default:
+            return Promise.resolve([args.schema.height]);
+        }
+      },
     })
       .then(async (dynamicTemplate) => {
         const sl = await template2SchemasList(dynamicTemplate);

package/src/helper.ts

@@ -201,7 +201,7 @@ export const getPdfPageSizes = async (pdfBlob: Blob) => {
   const promises = Promise.all(
     new Array(pdfDoc.numPages).fill('').map(async (_, i) => {
       return await pdfDoc.getPage(i + 1).then((page) => {
-        const { height, width } = page.getViewport({ scale: 1 });
+        const { height, width } = page.getViewport({ scale: 1, rotation: 0 });
 
         return { height: pt2mm(height), width: pt2mm(width) };
       });
@@ -223,8 +223,8 @@ const pdf2Images = async (pdfBlob: Blob, width: number, imageType: 'png' | 'jpeg
         const canvas = document.createElement('canvas');
         canvas.width = width * 2;
         const canvasContext = canvas.getContext('2d')!;
-        const scaleRequired = canvas.width / page.getViewport({ scale: 1 }).width;
-        const viewport = page.getViewport({ scale: scaleRequired });
+        const scaleRequired = canvas.width / page.getViewport({ scale: 1, rotation: 0 }).width;
+        const viewport = page.getViewport({ scale: scaleRequired, rotation: 0 });
         canvas.height = viewport.height;
 
         return page
@@ -303,7 +303,7 @@ export const template2SchemasList = async (_template: Template) => {
 
 export const schemasList2template = (schemasList: SchemaForUI[][], basePdf: BasePdf): Template => ({
   schemas: cloneDeep(schemasList).map((page) =>
-    page.map(schema => {
+    page.map((schema) => {
       // @ts-ignore
       delete schema.id;
       return schema;
@@ -477,4 +477,4 @@ export const changeSchemas = (args: {
     return acc;
   }, cloneDeep(schemas));
   commitSchemas(newSchemas);
-};
+};

package/tsconfig.json

@@ -13,7 +13,7 @@
       "DOM",
       "DOM.Iterable"
     ],
-    "moduleResolution": "node",
+    "moduleResolution": "node16",
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "types": [