@pdfme/schemas 5.3.8-dev.57 → 5.3.8-dev.59

package/src/graphics/imagehelper.ts

@@ -150,7 +150,7 @@ const imageSize = (imgBuffer: Buffer): { height: number; width: number } => {
   }
 
   throw new TypeError(
-    '[@pdfme/schemas/images] Unsupported file type: ' + (type === undefined ? 'undefined' : type)
+    '[@pdfme/schemas/images] Unsupported file type: ' + (type === undefined ? 'undefined' : type),
   );
 };
 // ----------------------------

package/src/graphics/svg.ts

@@ -14,12 +14,12 @@ const isValidSVG = (svgString: string): boolean => {
     if (!svgString || typeof svgString !== 'string') {
       return false;
     }
-    
+
     // Check for basic SVG structure
     if (!svgString.includes('<svg') || !svgString.includes('</svg>')) {
       return false;
     }
-    
+
     // Additional browser-specific validation if DOMParser is available
     if (typeof DOMParser !== 'undefined') {
       const parser = new DOMParser();
@@ -29,7 +29,7 @@ const isValidSVG = (svgString: string): boolean => {
         return false;
       }
     }
-    
+
     return true;
   } catch (error) {
     return false;

package/src/multiVariableText/helper.ts

@@ -2,7 +2,7 @@ import { MultiVariableTextSchema } from './types.js';
 
 export const substituteVariables = (
   text: string,
-  variablesIn: string | Record<string, string>
+  variablesIn: string | Record<string, string>,
 ): string => {
   if (!text) {
     return '';
@@ -38,7 +38,7 @@ export const validateVariables = (value: string, schema: MultiVariableTextSchema
     values = value ? JSON.parse(value) : {};
   } catch (e) {
     throw new SyntaxError(
-      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`
+      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`,
     );
   }
 
@@ -46,7 +46,7 @@ export const validateVariables = (value: string, schema: MultiVariableTextSchema
     if (!values[variable]) {
       if (schema.required) {
         throw new Error(
-          `[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`
+          `[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`,
         );
       }
       // If not required, then simply don't render this field if an input is missing

package/src/multiVariableText/propPanel.ts

@@ -5,7 +5,7 @@ import { MultiVariableTextSchema } from './types.js';
 const mapDynamicVariables = (props: PropPanelWidgetProps) => {
   const { rootElement, changeSchemas, activeSchema, i18n, options } = props;
 
-  const mvtSchema = (activeSchema as any);
+  const mvtSchema = activeSchema as any;
   const text = mvtSchema.text || '';
   const variables = JSON.parse(mvtSchema.content) || {};
   const variablesChanged = updateVariablesFromText(text, variables);
@@ -14,11 +14,13 @@ const mapDynamicVariables = (props: PropPanelWidgetProps) => {
   if (variablesChanged) {
     changeSchemas([
       { key: 'content', value: JSON.stringify(variables), schemaId: activeSchema.id },
-      { key: 'variables', value: varNames, schemaId: activeSchema.id }
+      { key: 'variables', value: varNames, schemaId: activeSchema.id },
     ]);
   }
 
-  const placeholderRowEl = document.getElementById('placeholder-dynamic-var')?.closest('.ant-form-item') as HTMLElement;
+  const placeholderRowEl = document
+    .getElementById('placeholder-dynamic-var')
+    ?.closest('.ant-form-item') as HTMLElement;
   if (!placeholderRowEl) {
     throw new Error('Failed to find Ant form placeholder row to create dynamic variables inputs.');
   }
@@ -36,10 +38,12 @@ const mapDynamicVariables = (props: PropPanelWidgetProps) => {
       textarea.value = variables[variableName];
       textarea.addEventListener('change', (e: Event) => {
         variables[variableName] = (e.target as HTMLTextAreaElement).value;
-        changeSchemas([{ key: 'content', value: JSON.stringify(variables), schemaId: activeSchema.id }]);
+        changeSchemas([
+          { key: 'content', value: JSON.stringify(variables), schemaId: activeSchema.id },
+        ]);
       });
 
-      const label = varRow.querySelector('label') as HTMLLabelElement
+      const label = varRow.querySelector('label') as HTMLLabelElement;
       label.innerText = variableName;
 
       varRow.style.display = 'block';
@@ -47,10 +51,11 @@ const mapDynamicVariables = (props: PropPanelWidgetProps) => {
     }
   } else {
     const para = document.createElement('p');
-    para.innerHTML = i18n('schemas.mvt.typingInstructions')
-        + ` <code style="color:${options?.theme?.token?.colorPrimary || "#168fe3"}; font-weight:bold;">{`
-        + i18n('schemas.mvt.sampleField')
-        + '}</code>';
+    para.innerHTML =
+      i18n('schemas.mvt.typingInstructions') +
+      ` <code style="color:${options?.theme?.token?.colorPrimary || '#168fe3'}; font-weight:bold;">{` +
+      i18n('schemas.mvt.sampleField') +
+      '}</code>';
     rootElement.appendChild(para);
   }
 };
@@ -73,7 +78,7 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
             type: 'object',
             widget: 'mapDynamicVariables',
             bind: false,
-            span: 24
+            span: 24,
           },
           placeholderDynamicVar: {
             title: 'Placeholder Dynamic Variable',
@@ -88,9 +93,8 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
             },
             span: 24,
           },
-        }
+        },
       },
-
     };
   },
   widgets: { ...parentPropPanel.widgets, mapDynamicVariables },
@@ -106,7 +110,6 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
   },
 };
 
-
 const updateVariablesFromText = (text: string, variables: any): boolean => {
   const regex = /\{([^{}]+)}/g;
   const matches = text.match(regex);
@@ -138,4 +141,4 @@ const updateVariablesFromText = (text: string, variables: any): boolean => {
   }
 
   return changed;
-}
+};

package/src/multiVariableText/uiRender.ts

@@ -3,7 +3,7 @@ import { MultiVariableTextSchema } from './types.js';
 import {
   uiRender as parentUiRender,
   buildStyledTextContainer,
-  makeElementPlainTextContentEditable
+  makeElementPlainTextContentEditable,
 } from '../text/uiRender.js';
 import { isEditable } from '../utils.js';
 import { getFontKitFont } from '../text/helper.js';
@@ -25,10 +25,14 @@ export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
     schema,
     mode: mode == 'form' ? 'viewer' : mode, // if no variables for form it's just a viewer
     rootElement,
-    onChange: (arg: { key: string; value: any; } | { key: string; value: any; }[]) => {
+    onChange: (arg: { key: string; value: any } | { key: string; value: any }[]) => {
       if (!Array.isArray(arg)) {
         const numVariables = countUniqueVariableNames(arg.value);
-        onChange && onChange([{key: 'text', value: arg.value}, {key: 'readOnly', value: numVariables == 0}]);
+        onChange &&
+          onChange([
+            { key: 'text', value: arg.value },
+            { key: 'readOnly', value: numVariables == 0 },
+          ]);
       } else {
         throw new Error('onChange is not an array, the parent text plugin has changed...');
       }
@@ -49,7 +53,10 @@ export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
         if (numVariables !== newNumVariables) {
           // If variables were modified during this keypress, we trigger a change
           if (onChange) {
-            onChange([{key: 'text', value: text}, {key: 'readOnly', value: newNumVariables == 0}]);
+            onChange([
+              { key: 'text', value: text },
+              { key: 'readOnly', value: newNumVariables == 0 },
+            ]);
           }
           numVariables = newNumVariables;
         }
@@ -59,16 +66,7 @@ export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
 };
 
 const formUiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
-  const {
-    value,
-    schema,
-    rootElement,
-    onChange,
-    stopEditing,
-    theme,
-    _cache,
-    options,
-  } = arg;
+  const { value, schema, rootElement, onChange, stopEditing, theme, _cache, options } = arg;
   const rawText = schema.text;
 
   if (rootElement.parentElement) {
@@ -92,7 +90,7 @@ const formUiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
       inVarString = true;
       let span = document.createElement('span');
       span.style.outline = `${theme.colorPrimary} dashed 1px`;
-      makeElementPlainTextContentEditable(span)
+      makeElementPlainTextContentEditable(span);
       span.textContent = variables[variableIndices[i]];
       span.addEventListener('blur', (e: Event) => {
         const newValue = (e.target as HTMLSpanElement).textContent || '';
@@ -114,7 +112,7 @@ const formUiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
       textBlock.appendChild(span);
     }
   }
-}
+};
 
 const getVariableIndices = (content: string) => {
   const regex = /\{([^}]+)}/g;
@@ -146,7 +144,12 @@ const countUniqueVariableNames = (content: string) => {
  * Regex would otherwise be performed on every key press (which isn't terrible, but this code helps).
  */
 const keyPressShouldBeChecked = (event: KeyboardEvent) => {
-  if (event.key == "ArrowUp" || event.key == "ArrowDown" || event.key == "ArrowLeft" || event.key == "ArrowRight") {
+  if (
+    event.key == 'ArrowUp' ||
+    event.key == 'ArrowDown' ||
+    event.key == 'ArrowLeft' ||
+    event.key == 'ArrowRight'
+  ) {
     return false;
   }
 
@@ -164,4 +167,4 @@ const keyPressShouldBeChecked = (event: KeyboardEvent) => {
   }
 
   return true;
-}
+};

package/src/radioGroup/index.ts

@@ -65,7 +65,7 @@ const schema: Plugin<RadioGroup> = {
           onChange({ key: 'content', value: 'true' });
           radioButtonStates.set(schema.name, { value: 'true', onChange });
           eventEmitter.dispatchEvent(
-            new CustomEvent(`group-${schema.group}`, { detail: schema.name })
+            new CustomEvent(`group-${schema.group}`, { detail: schema.name }),
           );
         }
       });
@@ -89,7 +89,7 @@ const schema: Plugin<RadioGroup> = {
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         required: true,
         rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],

package/src/select/index.ts

@@ -157,7 +157,7 @@ const schema: Plugin<Select> = {
       selectElement.innerHTML = schema.options
         .map(
           (option) =>
-            `<option value="${option}" ${option === value ? 'selected' : ''}>${option}</option>`
+            `<option value="${option}" ${option === value ? 'selected' : ''}>${option}</option>`,
         )
         .join('');
       rootElement.appendChild(selectElement);

package/src/shapes/line.ts

@@ -51,7 +51,7 @@ const lineSchema: Plugin<LineSchema> = {
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         required: true,
         rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],

package/src/shapes/rectAndEllipse.ts

@@ -58,8 +58,14 @@ const shape: Plugin<ShapeSchema> = {
       });
     } else if (schema.type === 'rectangle') {
       page.drawRectangle({
-        x: position.x + borderWidth * ((1 - Math.sin(toRadians(rotate))) / 2) + Math.tan(toRadians(rotate)) * (Math.PI ** 2),
-        y: position.y + borderWidth * ((1 + Math.sin(toRadians(rotate))) / 2) + Math.tan(toRadians(rotate)) * (Math.PI ** 2),
+        x:
+          position.x +
+          borderWidth * ((1 - Math.sin(toRadians(rotate))) / 2) +
+          Math.tan(toRadians(rotate)) * Math.PI ** 2,
+        y:
+          position.y +
+          borderWidth * ((1 + Math.sin(toRadians(rotate))) / 2) +
+          Math.tan(toRadians(rotate)) * Math.PI ** 2,
         width: width - borderWidth,
         height: height - borderWidth,
         ...drawOptions,
@@ -80,7 +86,7 @@ const shape: Plugin<ShapeSchema> = {
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
       },
@@ -89,7 +95,7 @@ const shape: Plugin<ShapeSchema> = {
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
       },

package/src/tables/cell.ts

@@ -19,7 +19,7 @@ const renderLine = async (
   schema: CellSchema,
   position: { x: number; y: number },
   width: number,
-  height: number
+  height: number,
 ) =>
   linePdfRender({
     ...arg,
@@ -45,7 +45,7 @@ const createLineDiv = (
   right: string | null,
   bottom: string | null,
   left: string | null,
-  borderColor: string
+  borderColor: string,
 ) => {
   const div = document.createElement('div');
   div.style.width = width;
@@ -86,7 +86,7 @@ const cellSchema: Plugin<CellSchema> = {
         schema,
         { x: position.x + width - borderWidth.right, y: position.y },
         borderWidth.right,
-        height
+        height,
       ),
       // BOTTOM
       renderLine(
@@ -94,7 +94,7 @@ const cellSchema: Plugin<CellSchema> = {
         schema,
         { x: position.x, y: position.y + height - borderWidth.bottom },
         width,
-        borderWidth.bottom
+        borderWidth.bottom,
       ),
       // LEFT
       renderLine(arg, schema, { x: position.x, y: position.y }, borderWidth.left, height),

package/src/tables/classes.ts

@@ -175,7 +175,7 @@ async function calculateWidths(arg: { table: Table; font: Font; _cache: Map<any,
   // first resize attempt: with respect to minReadableWidth and minWidth
   if (resizeWidth) {
     resizeWidth = resizeColumns(resizableColumns, resizeWidth, (column) =>
-      Math.max(column.minReadableWidth, column.minWidth)
+      Math.max(column.minReadableWidth, column.minWidth),
     );
   }
 
@@ -257,7 +257,7 @@ function applyColSpans(table: Table) {
 
 async function fitContent(
   table: Table,
-  getFontKitFontByFontName: (fontName: string | undefined) => Promise<FontKitFont>
+  getFontKitFontByFontName: (fontName: string | undefined) => Promise<FontKitFont>,
 ) {
   const rowSpanHeight = { count: 0, height: 0 };
   for (const row of table.allRows()) {
@@ -293,7 +293,7 @@ async function fitContent(
 function resizeColumns(
   columns: Column[],
   resizeWidth: number,
-  getMinWidth: (column: Column) => number
+  getMinWidth: (column: Column) => number,
 ) {
   const initialResizeWidth = resizeWidth;
   const sumWrappedWidth = columns.reduce((acc, column) => acc + column.wrappedWidth, 0);
@@ -333,7 +333,7 @@ function resizeColumns(
 
 async function calculate(
   table: Table,
-  getFontKitFontByFontName: (fontName: string | undefined) => Promise<FontKitFont>
+  getFontKitFontByFontName: (fontName: string | undefined) => Promise<FontKitFont>,
 ) {
   for (const row of table.allRows()) {
     for (const column of table.columns) {
@@ -347,7 +347,7 @@ async function calculate(
 
       const longestWordWidth = getStringWidth(
         Object.assign(cell, { text: cell.text.join(' ').split(/\s+/) }),
-        fontKitFont
+        fontKitFont,
       );
       cell.minReadableWidth = longestWordWidth + hPadding;
 

package/src/tables/dynamicTemplate.ts

@@ -10,7 +10,7 @@ export const getDynamicHeightsForTable = async (
     basePdf: BasePdf;
     options: CommonOptions;
     _cache: Map<any, any>;
-  }
+  },
 ): Promise<number[]> => {
   if (args.schema.type !== 'table') return Promise.resolve([args.schema.height]);
   const schema = args.schema as TableSchema;

package/src/tables/helper.ts

@@ -112,7 +112,7 @@ export const getCellPropPanelSchema = (arg: {
       type: 'string',
       widget: 'color',
       props: {
-        disabledAlpha: true
+        disabledAlpha: true,
       },
       rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
     },
@@ -121,7 +121,7 @@ export const getCellPropPanelSchema = (arg: {
       type: 'string',
       widget: 'color',
       props: {
-        disabledAlpha: true
+        disabledAlpha: true,
       },
       rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
     },
@@ -130,7 +130,7 @@ export const getCellPropPanelSchema = (arg: {
       type: 'string',
       widget: 'color',
       props: {
-        disabledAlpha: true
+        disabledAlpha: true,
       },
       rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
     },
@@ -141,7 +141,7 @@ export const getCellPropPanelSchema = (arg: {
             type: 'string',
             widget: 'color',
             props: {
-              disabledAlpha: true
+              disabledAlpha: true,
             },
             rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
           },
@@ -194,7 +194,7 @@ export const getColumnStylesPropPanelSchema = ({
             },
           },
         }),
-      {}
+      {},
     ),
   },
 });
@@ -208,7 +208,7 @@ export const getBody = (value: string | string[][]): string[][] => {
 
 export const getBodyWithRange = (
   value: string | string[][],
-  range?: { start: number; end?: number | undefined }
+  range?: { start: number; end?: number | undefined },
 ) => {
   const body = getBody(value);
   if (!range) return body;

package/src/tables/pdfRender.ts

@@ -41,7 +41,7 @@ async function drawRow(
   table: Table,
   row: Row,
   cursor: Pos,
-  columns: Column[]
+  columns: Column[],
 ) {
   cursor.x = table.settings.margin.left;
   for (const column of columns) {
@@ -65,7 +65,7 @@ async function drawTableBorder(
   arg: PDFRenderProps<TableSchema>,
   table: Table,
   startPos: Pos,
-  cursor: Pos
+  cursor: Pos,
 ) {
   const lineWidth = table.settings.tableLineWidth;
   const lineColor = table.settings.tableLineColor;
@@ -112,7 +112,7 @@ export const pdfRender = async (arg: PDFRenderProps<TableSchema>) => {
 
   const body = getBodyWithRange(
     typeof value !== 'string' ? JSON.stringify(value || '[]') : value,
-    schema.__bodyRange
+    schema.__bodyRange,
   );
   const table = await createSingleTable(body, arg);
   await drawTable(arg, table);

package/src/tables/tableHelper.ts

@@ -51,7 +51,7 @@ function parseSection(
   sectionRows: string[][],
   columns: Column[],
   styleProps: StylesProps,
-  fallbackFontName: string
+  fallbackFontName: string,
 ): Row[] {
   const rowSpansLeftForColumn: { [key: string]: { left: number; times: number } } = {};
   const result = sectionRows.map((rawRow, rowIndex) => {
@@ -112,7 +112,7 @@ function cellStyles(
   column: Column,
   rowIndex: number,
   styles: StylesProps,
-  fallbackFontName: string
+  fallbackFontName: string,
 ) {
   let sectionStyles;
   if (sectionName === 'head') {
@@ -167,23 +167,26 @@ function mapCellStyle(style: CellStyle): Partial<Styles> {
 function getTableOptions(schema: TableSchema, body: string[][]): UserOptions {
   const columnStylesWidth = schema.headWidthPercentages.reduce(
     (acc, cur, i) => ({ ...acc, [i]: { cellWidth: schema.width * (cur / 100) } }),
-    {} as Record<number, Partial<Styles>>
+    {} as Record<number, Partial<Styles>>,
   );
 
   const columnStylesAlignment = Object.entries(schema.columnStyles.alignment || {}).reduce(
     (acc, [key, value]) => ({ ...acc, [key]: { alignment: value } }),
-    {} as Record<number, Partial<Styles>>
+    {} as Record<number, Partial<Styles>>,
   );
 
   const allKeys = new Set([
     ...Object.keys(columnStylesWidth).map(Number),
     ...Object.keys(columnStylesAlignment).map(Number),
   ]);
-  const columnStyles = Array.from(allKeys).reduce((acc, key) => {
-    const widthStyle = columnStylesWidth[key] || {};
-    const alignmentStyle = columnStylesAlignment[key] || {};
-    return { ...acc, [key]: { ...widthStyle, ...alignmentStyle } };
-  }, {} as Record<number, Partial<Styles>>);
+  const columnStyles = Array.from(allKeys).reduce(
+    (acc, key) => {
+      const widthStyle = columnStylesWidth[key] || {};
+      const alignmentStyle = columnStylesAlignment[key] || {};
+      return { ...acc, [key]: { ...widthStyle, ...alignmentStyle } };
+    },
+    {} as Record<number, Partial<Styles>>,
+  );
 
   return {
     head: [schema.head],
@@ -254,7 +257,7 @@ export function createSingleTable(body: string[][], args: CreateTableArgs) {
         'When specifying a custom PDF for basePdf, ' +
         'you cannot use features such as page breaks or re-layout of other elements.' +
         'To utilize these features, please define basePdf as follows:\n' +
-        '{ width: number; height: number; padding: [number, number, number, number]; }'
+        '{ width: number; height: number; padding: [number, number, number, number]; }',
     );
   }
 

package/src/tables/uiRender.ts

@@ -75,7 +75,7 @@ const calcResizedHeadWidthPercentages = (arg: {
 const setBorder = (
   div: HTMLDivElement,
   borderPosition: 'Top' | 'Left' | 'Right' | 'Bottom',
-  arg: UIRenderProps<TableSchema>
+  arg: UIRenderProps<TableSchema>,
 ) => {
   div.style[`border${borderPosition}`] = `${String(arg.schema.tableStyles.borderWidth)}mm solid ${
     arg.schema.tableStyles.borderColor
@@ -88,7 +88,7 @@ const drawBorder = (
   colIndex: number,
   rowIndex: number,
   rowsLength: number,
-  arg: UIRenderProps<TableSchema>
+  arg: UIRenderProps<TableSchema>,
 ) => {
   const isFirstColumn = colIndex === 0;
   const isLastColumn = colIndex === Object.values(row.cells).length - 1;
@@ -213,7 +213,7 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
 
   const handleChangeEditingPosition = (
     newPosition: { rowIndex: number; colIndex: number },
-    editingPosition: { rowIndex: number; colIndex: number }
+    editingPosition: { rowIndex: number; colIndex: number },
   ) => {
     resetEditingPosition();
     editingPosition.rowIndex = newPosition.rowIndex;
@@ -296,7 +296,7 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
         const newColumnWidthPercentage = 25;
         const totalCurrentWidth = schema.headWidthPercentages.reduce(
           (acc, width) => acc + width,
-          0
+          0,
         );
         const scalingRatio = (100 - newColumnWidthPercentage) / totalCurrentWidth;
         const scaledWidths = schema.headWidthPercentages.map((width) => width * scalingRatio);
@@ -329,7 +329,7 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
         onClick: () => {
           const totalWidthMinusRemoved = schema.headWidthPercentages.reduce(
             (sum, width, j) => (j !== i ? sum + width : sum),
-            0
+            0,
           );
 
           // TODO Should also remove the deleted columnStyles when deleting

package/src/text/helper.ts

@@ -29,7 +29,7 @@ export const getBrowserVerticalFontAdjustments = (
   fontKitFont: FontKitFont,
   fontSize: number,
   lineHeight: number,
-  verticalAlignment: string
+  verticalAlignment: string,
 ) => {
   const { ascent, descent, unitsPerEm } = fontKitFont;
 
@@ -92,7 +92,7 @@ export const widthOfTextAtSize = (
   text: string,
   fontKitFont: FontKitFont,
   fontSize: number,
-  characterSpacing: number
+  characterSpacing: number,
 ) => {
   const { glyphs } = fontKitFont.layout(text);
   const scale = 1000 / fontKitFont.unitsPerEm;
@@ -112,7 +112,7 @@ const getCacheKey = (fontName: string) => `getFontKitFont-${fontName}`;
 export const getFontKitFont = async (
   fontName: string | undefined,
   font: Font,
-  _cache: Map<any, any>
+  _cache: Map<any, any>,
 ) => {
   const fntNm = fontName || getFallbackFontName(font);
   const cacheKey = getCacheKey(fntNm);
@@ -129,7 +129,7 @@ export const getFontKitFont = async (
   }
 
   const fontKitFont = fontkit.create(
-    fontData instanceof Buffer ? fontData : Buffer.from(fontData as ArrayBuffer)
+    fontData instanceof Buffer ? fontData : Buffer.from(fontData as ArrayBuffer),
   ) as fontkit.Font;
   _cache.set(cacheKey, fontKitFont);
 
@@ -281,7 +281,7 @@ export const calculateDynamicFontSize = ({
             line.replace('\n', ''),
             fontKitFont,
             size,
-            characterSpacing
+            characterSpacing,
           );
           const textWidthInMm = pt2mm(textWidth);
           totalWidthInMm = Math.max(totalWidthInMm, textWidthInMm);

package/src/text/pdfRender.ts

@@ -49,12 +49,12 @@ const embedAndGetFontObj = async (arg: {
       return pdfDoc.embedFont(fontData, {
         subset: typeof v.subset === 'undefined' ? true : v.subset,
       });
-    })
+    }),
   );
 
   const fontObj = Object.keys(font).reduce(
     (acc, cur, i) => Object.assign(acc, { [cur]: fontValues[i] }),
-    {} as { [key: string]: PDFFont }
+    {} as { [key: string]: PDFFont },
   );
 
   _cache.set(pdfDoc, fontObj);
@@ -74,7 +74,7 @@ const getFontProp = ({
 }) => {
   const fontSize = schema.dynamicFontSize
     ? calculateDynamicFontSize({ textSchema: schema, fontKitFont, value })
-    : schema.fontSize ?? DEFAULT_FONT_SIZE;
+    : (schema.fontSize ?? DEFAULT_FONT_SIZE);
   const color = hex2PrintingColor(schema.fontColor || DEFAULT_FONT_COLOR, colorType);
 
   return {