@pdfme/schemas 5.3.10 → 5.3.11-dev.10

package/src/multiVariableText/propPanel.ts

@@ -5,9 +5,9 @@ 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 unknown as MultiVariableTextSchema;
   const text = mvtSchema.text || '';
-  const variables = JSON.parse(mvtSchema.content) || {};
+  const variables = JSON.parse(mvtSchema.content || '{}') as Record<string, string>;
   const variablesChanged = updateVariablesFromText(text, variables);
   const varNames = Object.keys(variables);
 
@@ -37,10 +37,12 @@ const mapDynamicVariables = (props: PropPanelWidgetProps) => {
       textarea.id = 'dynamic-var-' + variableName;
       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 },
-        ]);
+        if (variableName in variables) {
+          variables[variableName] = (e.target as HTMLTextAreaElement).value;
+          changeSchemas([
+            { key: 'content', value: JSON.stringify(variables), schemaId: activeSchema.id },
+          ]);
+        }
       });
 
       const label = varRow.querySelector('label') as HTMLLabelElement;
@@ -51,10 +53,18 @@ const mapDynamicVariables = (props: PropPanelWidgetProps) => {
     }
   } else {
     const para = document.createElement('p');
+    // Extract color value to avoid unsafe property access
+    const colorValue = options?.theme?.token?.colorPrimary || '#168fe3';
+    const isValidColor = /^#[0-9A-F]{6}$/i.test(colorValue) || /^(rgb|hsl)a?\(\s*([+-]?\d+%?\s*,\s*){2,3}[+-]?\d+%?\s*\)$/i.test(colorValue);
+    const safeColorValue = isValidColor ? colorValue : '#168fe3';
+    
+    // Use safe string concatenation for innerHTML
+    const typingInstructions = i18n('schemas.mvt.typingInstructions');
+    const sampleField = i18n('schemas.mvt.sampleField');
     para.innerHTML =
-      i18n('schemas.mvt.typingInstructions') +
-      ` <code style="color:${options?.theme?.token?.colorPrimary || '#168fe3'}; font-weight:bold;">{` +
-      i18n('schemas.mvt.sampleField') +
+      typingInstructions +
+      ` <code style="color:${safeColorValue}; font-weight:bold;">{` +
+      sampleField +
       '}</code>';
     rootElement.appendChild(para);
   }
@@ -63,13 +73,17 @@ const mapDynamicVariables = (props: PropPanelWidgetProps) => {
 export const propPanel: PropPanel<MultiVariableTextSchema> = {
   schema: (propPanelProps: Omit<PropPanelWidgetProps, 'rootElement'>) => {
     if (typeof parentPropPanel.schema !== 'function') {
-      throw Error('Oops, is text schema no longer a function?');
+      throw new Error('Oops, is text schema no longer a function?');
     }
+    // Safely call schema function with proper type handling
+    const parentSchema = typeof parentPropPanel.schema === 'function' 
+      ? parentPropPanel.schema(propPanelProps) 
+      : {};
     return {
-      ...parentPropPanel.schema(propPanelProps),
+      ...parentSchema,
       '-------': { type: 'void', widget: 'Divider' },
       dynamicVarContainer: {
-        title: propPanelProps.i18n('schemas.mvt.variablesSampleData'),
+        title: 'Variables Sample Data',
         type: 'string',
         widget: 'Card',
         span: 24,
@@ -97,7 +111,7 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
       },
     };
   },
-  widgets: { ...parentPropPanel.widgets, mapDynamicVariables },
+  widgets: { ...(parentPropPanel.widgets || {}), mapDynamicVariables },
   defaultSchema: {
     ...parentPropPanel.defaultSchema,
     readOnly: false,
@@ -110,7 +124,7 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
   },
 };
 
-const updateVariablesFromText = (text: string, variables: any): boolean => {
+const updateVariablesFromText = (text: string, variables: Record<string, string>): boolean => {
   const regex = /\{([^{}]+)}/g;
   const matches = text.match(regex);
   let changed = false;

package/src/multiVariableText/uiRender.ts

@@ -23,16 +23,17 @@ export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
   await parentUiRender({
     value: isEditable(mode, schema) ? text : substituteVariables(text, value),
     schema,
-    mode: mode == 'form' ? 'viewer' : mode, // if no variables for form it's just a viewer
+    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: unknown } | { key: string; value: unknown }[]) => {
       if (!Array.isArray(arg)) {
-        const numVariables = countUniqueVariableNames(arg.value);
-        onChange &&
+        const numVariables = countUniqueVariableNames(arg.value as string);
+        if (onChange) {
           onChange([
             { key: 'text', value: arg.value },
-            { key: 'readOnly', value: numVariables == 0 },
+            { key: 'readOnly', value: numVariables === 0 },
           ]);
+        }
       } else {
         throw new Error('onChange is not an array, the parent text plugin has changed...');
       }
@@ -40,7 +41,7 @@ export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
     ...rest,
   });
 
-  const textBlock = rootElement.querySelector('#text-' + schema.id) as HTMLDivElement;
+  const textBlock = rootElement.querySelector('#text-' + String(schema.id)) as HTMLDivElement;
   if (!textBlock) {
     throw new Error('Text block not found. Ensure the text block has an id of "text-" + schema.id');
   }
@@ -55,7 +56,7 @@ export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
           if (onChange) {
             onChange([
               { key: 'text', value: text },
-              { key: 'readOnly', value: newNumVariables == 0 },
+              { key: 'readOnly', value: newNumVariables === 0 },
             ]);
           }
           numVariables = newNumVariables;
@@ -74,11 +75,11 @@ const formUiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
     rootElement.parentElement.style.outline = '';
   }
 
-  const variables: Record<string, string> = value ? JSON.parse(value) || {} : {};
+  const variables: Record<string, string> = value ? JSON.parse(value) as Record<string, string> || {} : {};
   const variableIndices = getVariableIndices(rawText);
   const substitutedText = substituteVariables(rawText, variables);
   const font = options?.font || getDefaultFont();
-  const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
+  const fontKitFont = await getFontKitFont(schema.fontName, font, _cache as Map<string, import('fontkit').Font>);
 
   const textBlock = buildStyledTextContainer(arg, fontKitFont, substitutedText);
 
@@ -96,8 +97,8 @@ const formUiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
         const newValue = (e.target as HTMLSpanElement).textContent || '';
         if (newValue !== variables[variableIndices[i]]) {
           variables[variableIndices[i]] = newValue;
-          onChange && onChange({ key: 'content', value: JSON.stringify(variables) });
-          stopEditing && stopEditing();
+          if (onChange) onChange({ key: 'content', value: JSON.stringify(variables) });
+          if (stopEditing) stopEditing();
         }
       });
       textBlock.appendChild(span);
@@ -145,10 +146,10 @@ const countUniqueVariableNames = (content: string) => {
  */
 const keyPressShouldBeChecked = (event: KeyboardEvent) => {
   if (
-    event.key == 'ArrowUp' ||
-    event.key == 'ArrowDown' ||
-    event.key == 'ArrowLeft' ||
-    event.key == 'ArrowRight'
+    event.key === 'ArrowUp' ||
+    event.key === 'ArrowDown' ||
+    event.key === 'ArrowLeft' ||
+    event.key === 'ArrowRight'
   ) {
     return false;
   }

package/src/radioGroup/index.ts

@@ -1,5 +1,4 @@
-import { Plugin } from '@pdfme/common';
-import { Schema } from '@pdfme/common';
+import { Plugin, Schema, UIRenderProps, PDFRenderProps } from '@pdfme/common';
 import { Circle, CircleDot } from 'lucide';
 import svg from '../graphics/svg.js';
 import { isEditable, createSvgStr } from '../utils.js';
@@ -29,7 +28,7 @@ const radioButtonStates = new Map<string, RadioButtonState>();
 const eventListeners = new Map<string, EventListener>();
 
 const schema: Plugin<RadioGroup> = {
-  ui: (arg) => {
+  ui: (arg: UIRenderProps<RadioGroup>) => {
     const { schema, value, onChange, rootElement, mode } = arg;
     const container = document.createElement('div');
     container.style.width = '100%';
@@ -80,7 +79,7 @@ const schema: Plugin<RadioGroup> = {
 
     rootElement.appendChild(container);
   },
-  pdf: (arg) =>
+  pdf: (arg: PDFRenderProps<RadioGroup>) =>
     svg.pdf(Object.assign(arg, { value: getIcon({ value: arg.value, color: arg.schema.color }) })),
   propPanel: {
     schema: ({ i18n }) => ({

package/src/select/index.ts

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { propPanel as parentPropPanel } from '../text/propPanel.js';
-import { Plugin, PropPanelWidgetProps, SchemaForUI } from '@pdfme/common';
+import { Plugin, PropPanelWidgetProps, SchemaForUI, UIRenderProps } from '@pdfme/common';
 import text from '../text/index.js';
 import { TextSchema } from '../text/types.js';
 import { ChevronDown } from 'lucide';
@@ -112,7 +112,7 @@ const addOptions = (props: PropPanelWidgetProps) => {
 };
 
 const schema: Plugin<Select> = {
-  ui: async (arg) => {
+  ui: async (arg: UIRenderProps<Select>) => {
     const { schema, value, onChange, rootElement, mode } = arg;
     await text.ui(Object.assign(arg, { mode: 'viewer' }));
 
@@ -150,11 +150,13 @@ const schema: Plugin<Select> = {
 
       selectElement.addEventListener('change', (e) => {
         if (onChange && e.target instanceof HTMLSelectElement) {
-          onChange && onChange({ key: 'content', value: e.target.value });
+          if (onChange) onChange({ key: 'content', value: e.target.value });
         }
       });
 
-      selectElement.innerHTML = schema.options
+      // Ensure schema.options is an array before mapping
+      const options = Array.isArray(schema.options) ? schema.options : [];
+      selectElement.innerHTML = options
         .map(
           (option) =>
             `<option value="${option}" ${option === value ? 'selected' : ''}>${option}</option>`,
@@ -172,8 +174,12 @@ const schema: Plugin<Select> = {
         throw Error('Oops, is text schema no longer a function?');
       }
 
+      // Safely call the parent schema function with proper type checking
+      const parentSchema = parentPropPanel.schema(propPanelProps);
+
+      // Create a type-safe return object
       return {
-        ...parentPropPanel.schema(propPanelProps),
+        ...parentSchema,
         '-------': { type: 'void', widget: 'Divider' },
 
         optionsContainer: {
@@ -185,11 +191,18 @@ const schema: Plugin<Select> = {
         },
       };
     },
-    defaultSchema: {
-      ...text.propPanel.defaultSchema,
-      type: 'select',
-      content: 'option1',
-      options: ['option1', 'option2'],
+    // Create a type-safe defaultSchema by first creating a safe copy of the text.propPanel.defaultSchema
+    get defaultSchema() {
+      // Create a safe copy of the text.propPanel.defaultSchema
+      const baseSchema = text.propPanel.defaultSchema;
+
+      // Add our properties
+      return {
+        ...baseSchema,
+        type: 'select',
+        content: 'option1',
+        options: ['option1', 'option2'],
+      };
     },
   },
   icon: selectIcon,

package/src/shapes/rectAndEllipse.ts

@@ -1,4 +1,4 @@
-import { Plugin, Schema, mm2pt } from '@pdfme/common';
+import { Plugin, Schema, mm2pt, UIRenderProps, PDFRenderProps } from '@pdfme/common';
 import { HEX_COLOR_PATTERN } from '../constants.js';
 import { hex2PrintingColor, convertForPdfLayoutProps, createSvgStr } from '../utils.js';
 import { toRadians } from '@pdfme/pdf-lib';
@@ -12,7 +12,7 @@ interface ShapeSchema extends Schema {
 }
 
 const shape: Plugin<ShapeSchema> = {
-  ui: (arg) => {
+  ui: (arg: UIRenderProps<ShapeSchema>) => {
     const { schema, rootElement } = arg;
     const div = document.createElement('div');
     div.style.width = '100%';
@@ -28,7 +28,7 @@ const shape: Plugin<ShapeSchema> = {
 
     rootElement.appendChild(div);
   },
-  pdf: (arg) => {
+  pdf: (arg: PDFRenderProps<ShapeSchema>) => {
     const { schema, page, options } = arg;
     if (!schema.color && !schema.borderColor) return;
     const { colorType } = options;

package/src/tables/classes.ts

@@ -114,7 +114,7 @@ export class Table {
     input: TableInput;
     content: ContentSettings;
     font: Font;
-    _cache: Map<any, any>;
+    _cache: Map<string | number, FontKitFont>;
   }) {
     const { input, content, font, _cache } = arg;
     const table = new Table(input, content);
@@ -145,7 +145,7 @@ export class Table {
   }
 }
 
-async function calculateWidths(arg: { table: Table; font: Font; _cache: Map<any, any> }) {
+async function calculateWidths(arg: { table: Table; font: Font; _cache: Map<string | number, FontKitFont> }) {
   const { table, font, _cache } = arg;
 
   const getFontKitFontByFontName = (fontName: string | undefined) =>

package/src/tables/dynamicTemplate.ts

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

package/src/tables/pdfRender.ts

@@ -1,11 +1,19 @@
 import type { TableSchema } from './types.js';
-import type { PDFRenderProps } from '@pdfme/common';
+import type { PDFRenderProps, Schema, BasePdf, CommonOptions } from '@pdfme/common';
 import { Cell, Table, Row, Column } from './classes.js';
 import { rectangle } from '../shapes/rectAndEllipse.js';
 import cell from './cell.js';
 import { getBodyWithRange } from './helper.js';
 import { createSingleTable } from './tableHelper.js';
 
+// Define the CreateTableArgs interface locally since it's not exported from tableHelper.js
+interface CreateTableArgs {
+  schema: Schema;
+  basePdf: BasePdf;
+  options: CommonOptions;
+  _cache: Map<string | number, unknown>;
+}
+
 type Pos = { x: number; y: number };
 
 const rectanglePdfRender = rectangle.pdf;
@@ -108,12 +116,29 @@ async function drawTable(arg: PDFRenderProps<TableSchema>, table: Table): Promis
 }
 
 export const pdfRender = async (arg: PDFRenderProps<TableSchema>) => {
-  const { value, schema } = arg;
+  const { value, schema, basePdf, options, _cache } = arg;
 
   const body = getBodyWithRange(
     typeof value !== 'string' ? JSON.stringify(value || '[]') : value,
     schema.__bodyRange,
   );
-  const table = await createSingleTable(body, arg);
+  
+  // Create a properly typed CreateTableArgs object
+  const createTableArgs: CreateTableArgs = {
+    schema,
+    basePdf,
+    options,
+    _cache: _cache
+  };
+  
+  // Ensure body is properly typed before passing to createSingleTable
+  // Ensure body is properly typed as string[][] before passing to createSingleTable
+  const typedBody: string[][] = Array.isArray(body) ? 
+    body.map(row => Array.isArray(row) ? row.map(cell => String(cell)) : []) : 
+    [];
+  const table = await createSingleTable(typedBody, createTableArgs);
+  
+  // Use the original arg directly since drawTable expects PDFRenderProps<TableSchema>
+  // which is the same type as our arg parameter
   await drawTable(arg, table);
 };

package/src/tables/propPanel.ts

@@ -10,7 +10,7 @@ import { HEX_COLOR_PATTERN } from '../constants.js';
 
 export const propPanel: PropPanel<TableSchema> = {
   schema: ({ activeSchema, options, i18n }) => {
-    // @ts-expect-error
+    // @ts-expect-error Type casting is necessary here as the activeSchema type is generic
     const tableSchema = activeSchema as TableSchema;
     const head = tableSchema.head || [];
     const showHead = tableSchema.showHead || false;

package/src/tables/tableHelper.ts

@@ -7,6 +7,7 @@ import {
   getFallbackFontName,
   cloneDeep,
 } from '@pdfme/common';
+import type { Font as FontKitFont } from 'fontkit';
 import type {
   TableSchema,
   CellStyle,
@@ -24,7 +25,7 @@ interface CreateTableArgs {
   schema: Schema;
   basePdf: BasePdf;
   options: CommonOptions;
-  _cache: Map<any, any>;
+  _cache: Map<string | number, unknown>;
 }
 
 interface UserOptions {
@@ -278,5 +279,5 @@ export function createSingleTable(body: string[][], args: CreateTableArgs) {
 
   const content = parseContent4Table(input, fallbackFontName);
 
-  return Table.create({ input, content, font, _cache });
+  return Table.create({ input, content, font, _cache: _cache as unknown as Map<string | number, FontKitFont> });
 }

package/src/tables/uiRender.ts

@@ -250,7 +250,7 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
       text: '+',
       onClick: () => {
         const newRow = Array(schema.head.length).fill('') as string[];
-        onChange && onChange({ key: 'content', value: JSON.stringify(body.concat([newRow])) });
+        if (onChange) onChange({ key: 'content', value: JSON.stringify(body.concat([newRow])) });
       },
     });
 
@@ -266,7 +266,7 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
         text: '-',
         onClick: () => {
           const newTableBody = body.filter((_, j) => j !== i + (schema.__bodyRange?.start ?? 0));
-          onChange && onChange({ key: 'content', value: JSON.stringify(newTableBody) });
+          if (onChange) onChange({ key: 'content', value: JSON.stringify(newTableBody) });
         },
       });
       return removeRowButton;

package/src/text/extraFormatter.ts

@@ -1,4 +1,4 @@
-import { Dict } from '@pdfme/common';
+// No imports needed from @pdfme/common
 import {
   TextAlignCenterIcon,
   TextAlignLeftIcon,
@@ -40,9 +40,9 @@ interface GroupButtonString {
   value: string;
 }
 
-export type GroupButton = GroupButtonBoolean | GroupButtonString;
+type GroupButton = GroupButtonBoolean | GroupButtonString;
 
-export function getExtraFormatterSchema(i18n: (key: keyof Dict | string) => string): {
+export function getExtraFormatterSchema(i18n: (key: string) => string): {
   title: string;
   widget: string;
   buttons: GroupButton[];

package/src/text/helper.ts

@@ -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<string | number, fontkit.Font>,
 ) => {
   const fntNm = fontName || getFallbackFontName(font);
   const cacheKey = getCacheKey(fntNm);
@@ -128,9 +128,14 @@ export const getFontKitFont = async (
       : b64toUint8Array(fontData);
   }
 
-  const fontKitFont = fontkit.create(
-    fontData instanceof Buffer ? fontData : Buffer.from(fontData as ArrayBuffer),
-  ) as fontkit.Font;
+  // Convert fontData to Buffer if it's not already a Buffer
+  let fontDataBuffer: Buffer;
+  if (fontData instanceof Buffer) {
+    fontDataBuffer = fontData;
+  } else {
+    fontDataBuffer = Buffer.from(fontData as ArrayBufferLike);
+  }
+  const fontKitFont = fontkit.create(fontDataBuffer) as fontkit.Font;
   _cache.set(cacheKey, fontKitFont);
 
   return fontKitFont;
@@ -489,7 +494,11 @@ export const filterStartJP = (lines: string[]): string[] => {
     });
 
   if (charToAppend) {
-    return [charToAppend + filtered.slice(0, 1)[0], ...filtered.slice(1)].reverse();
+    // Handle the case where filtered might be empty
+    const firstItem = filtered.length > 0 ? filtered[0] : '';
+    // Ensure we're concatenating strings
+    const combinedItem = String(charToAppend) + String(firstItem);
+    return [combinedItem, ...filtered.slice(1)].reverse();
   } else {
     return filtered.reverse();
   }
@@ -530,7 +539,11 @@ export const filterEndJP = (lines: string[]): string[] => {
   });
 
   if (charToPrepend) {
-    return [...filtered.slice(0, -1), filtered.slice(-1)[0] + charToPrepend];
+    // Handle the case where filtered might be empty
+    const lastItem = filtered.length > 0 ? filtered[filtered.length - 1] : '';
+    // Ensure we're concatenating strings
+    const combinedItem = String(lastItem) + String(charToPrepend);
+    return [...filtered.slice(0, -1), combinedItem];
   } else {
     return filtered;
   }

package/src/text/pdfRender.ts

@@ -33,7 +33,7 @@ import { convertForPdfLayoutProps, rotatePoint, hex2PrintingColor } from '../uti
 const embedAndGetFontObj = async (arg: {
   pdfDoc: PDFDocument;
   font: Font;
-  _cache: Map<any, any>;
+  _cache: Map<PDFDocument, { [key: string]: PDFFont }>;
 }) => {
   const { pdfDoc, font, _cache } = arg;
   if (_cache.has(pdfDoc)) {
@@ -94,8 +94,8 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
   const { font = getDefaultFont(), colorType } = options;
 
   const [pdfFontObj, fontKitFont] = await Promise.all([
-    embedAndGetFontObj({ pdfDoc, font, _cache }),
-    getFontKitFont(schema.fontName, font, _cache),
+    embedAndGetFontObj({ pdfDoc, font, _cache: _cache as unknown as Map<PDFDocument, { [key: string]: PDFFont }> }),
+    getFontKitFont(schema.fontName, font, _cache as Map<string, FontKitFont>),
   ]);
   const fontProp = getFontProp({ value, fontKitFont, schema, colorType });
 

package/src/text/propPanel.ts

@@ -27,9 +27,9 @@ const UseDynamicFontSize = (props: PropPanelWidgetProps) => {
 
   const checkbox = document.createElement('input');
   checkbox.type = 'checkbox';
-  checkbox.checked = Boolean((activeSchema as any)?.dynamicFontSize);
-  checkbox.onchange = (e: any) => {
-    const val = e.target.checked
+  checkbox.checked = Boolean((activeSchema as { dynamicFontSize?: unknown })?.dynamicFontSize);
+  checkbox.onchange = (e: Event) => {
+    const val = (e.target as HTMLInputElement).checked
       ? {
           min: DEFAULT_DYNAMIC_MIN_FONT_SIZE,
           max: DEFAULT_DYNAMIC_MAX_FONT_SIZE,
@@ -54,7 +54,7 @@ export const propPanel: PropPanel<TextSchema> = {
     const fontNames = Object.keys(font);
     const fallbackFontName = getFallbackFontName(font);
 
-    const enableDynamicFont = Boolean((activeSchema as any)?.dynamicFontSize);
+    const enableDynamicFont = Boolean((activeSchema as { dynamicFontSize?: unknown })?.dynamicFontSize);
 
     const textSchema: Record<string, PropPanelSchema> = {
       fontName: {

package/src/text/uiRender.ts

@@ -69,7 +69,7 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
     return text;
   };
   const font = options?.font || getDefaultFont();
-  const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
+  const fontKitFont = await getFontKitFont(schema.fontName, font, _cache as Map<string, import('fontkit').Font>);
   const textBlock = buildStyledTextContainer(
     arg,
     fontKitFont,
@@ -96,8 +96,8 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
   textBlock.tabIndex = tabIndex || 0;
   textBlock.innerText = mode === 'designer' ? value : processedText;
   textBlock.addEventListener('blur', (e: Event) => {
-    onChange && onChange({ key: 'content', value: getText(e.target as HTMLDivElement) });
-    stopEditing && stopEditing();
+    if (onChange) onChange({ key: 'content', value: getText(e.target as HTMLDivElement) });
+    if (stopEditing) stopEditing();
   });
 
   if (schema.dynamicFontSize) {
@@ -105,7 +105,8 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
 
     textBlock.addEventListener('keyup', () => {
       setTimeout(() => {
-        void (async () => {
+        // Use a regular function instead of an async one since we don't need await
+        (() => {
           if (!textBlock.textContent) return;
           dynamicFontSize = calculateDynamicFontSize({
             textSchema: schema,
@@ -159,8 +160,7 @@ export const buildStyledTextContainer = (
   fontKitFont: FontKitFont,
   value: string,
 ) => {
-  const { schema, rootElement, mode, options, _cache } = arg;
-  const font = options?.font || getDefaultFont();
+  const { schema, rootElement, mode } = arg;
 
   let dynamicFontSize: undefined | number = undefined;
 
@@ -278,7 +278,7 @@ export const mapVerticalAlignToFlex = (verticalAlignmentValue: string | undefine
   return 'flex-start';
 };
 
-export const getBackgroundColor = (value: string, schema: { backgroundColor?: string }) => {
+const getBackgroundColor = (value: string, schema: { backgroundColor?: string }) => {
   if (!value || !schema.backgroundColor) return 'transparent';
   return schema.backgroundColor;
 };

package/src/utils.ts

@@ -162,7 +162,7 @@ export const readFile = (input: File | FileList | null): Promise<string | ArrayB
       }
     };
 
-    fileReader.onerror = (e) => {
+    fileReader.onerror = () => {
       reject(new Error('[@pdfme/schemas] File reading failed'));
     };
 
@@ -238,12 +238,12 @@ export const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): st
     .join(' ');
 
   // Helper function to process a single element
-  const processElement = (element: any): string => {
+  const processElement = (element: unknown): string => {
     if (!Array.isArray(element)) {
       return String(element);
     }
 
-    const [tag, attributes = {}, children = []] = element;
+    const [tag, attributes = {}, children = []] = element as [unknown, Record<string, string>, unknown[]];
     const tagName = String(tag);
 
     // Format attributes string
@@ -260,10 +260,10 @@ export const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): st
 
     // Return properly formatted element string
     if (childrenString) {
-      return `<${tagName}${attrString ? ' ' + attrString : ''}>${childrenString}</${tagName}>`;
+      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}>${childrenString}</${String(tagName)}>`;
     } else {
       // Self-closing tag for empty children
-      return `<${tagName}${attrString ? ' ' + attrString : ''}/>`;
+      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}/>`;
     }
   };
 

package/dist/cjs/src/graphics/cacheKey.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCacheKey = void 0;
-const getCacheKey = (schema, input) => `${schema.type}${input}`;
-exports.getCacheKey = getCacheKey;
-//# sourceMappingURL=cacheKey.js.map

package/dist/cjs/src/graphics/cacheKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cacheKey.js","sourceRoot":"","sources":["../../../../src/graphics/cacheKey.ts"],"names":[],"mappings":";;;AAEO,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC;AAA1E,QAAA,WAAW,eAA+D"}

package/dist/esm/src/graphics/cacheKey.js

@@ -1,2 +0,0 @@
-export const getCacheKey = (schema, input) => `${schema.type}${input}`;
-//# sourceMappingURL=cacheKey.js.map

package/dist/esm/src/graphics/cacheKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cacheKey.js","sourceRoot":"","sources":["../../../../src/graphics/cacheKey.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC"}

package/dist/node/src/graphics/cacheKey.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCacheKey = void 0;
-const getCacheKey = (schema, input) => `${schema.type}${input}`;
-exports.getCacheKey = getCacheKey;
-//# sourceMappingURL=cacheKey.js.map