@pdfme/schemas 5.3.11-dev.6 → 5.3.11-dev.7

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

@@ -1,6 +1,5 @@
 import type { Plugin } from '@pdfme/common';
 import type { Schema } from '@pdfme/common';
-interface ImageSchema extends Schema {
-}
+type ImageSchema = Schema;
 declare const imageSchema: Plugin<ImageSchema>;
 export default imageSchema;

package/dist/types/src/graphics/svg.d.ts

@@ -1,5 +1,4 @@
 import { Plugin, Schema } from '@pdfme/common';
-interface SVGSchema extends Schema {
-}
+export type SVGSchema = Schema;
 declare const svgSchema: Plugin<SVGSchema>;
 export default svgSchema;

package/dist/types/src/tables/classes.d.ts

@@ -1,4 +1,5 @@
 import { Font } from '@pdfme/common';
+import type { Font as FontKitFont } from 'fontkit';
 import type { Styles, TableInput, Settings, Section, StylesProps } from './types.js';
 type ContentSettings = {
     body: Row[];
@@ -57,7 +58,7 @@ export declare class Table {
         input: TableInput;
         content: ContentSettings;
         font: Font;
-        _cache: Map<any, any>;
+        _cache: Map<string, FontKitFont>;
     }): Promise<Table>;
     getHeadHeight(): number;
     getBodyHeight(): number;

package/dist/types/src/tables/dynamicTemplate.d.ts

@@ -3,5 +3,5 @@ export declare const getDynamicHeightsForTable: (value: string, args: {
     schema: Schema;
     basePdf: BasePdf;
     options: CommonOptions;
-    _cache: Map<any, any>;
+    _cache: Map<string, unknown>;
 }) => Promise<number[]>;

package/dist/types/src/tables/tableHelper.d.ts

@@ -4,7 +4,7 @@ interface CreateTableArgs {
     schema: Schema;
     basePdf: BasePdf;
     options: CommonOptions;
-    _cache: Map<any, any>;
+    _cache: Map<string, unknown>;
 }
 export declare function createSingleTable(body: string[][], args: CreateTableArgs): Promise<Table>;
 export {};

package/dist/types/src/text/extraFormatter.d.ts

@@ -1,4 +1,3 @@
-import { Dict } from '@pdfme/common';
 export declare enum Formatter {
     STRIKETHROUGH = "strikethrough",
     UNDERLINE = "underline",
@@ -17,7 +16,7 @@ interface GroupButtonString {
     value: string;
 }
 type GroupButton = GroupButtonBoolean | GroupButtonString;
-export declare function getExtraFormatterSchema(i18n: (key: keyof Dict | string) => string): {
+export declare function getExtraFormatterSchema(i18n: (key: string) => string): {
     title: string;
     widget: string;
     buttons: GroupButton[];

package/dist/types/src/text/helper.d.ts

@@ -9,7 +9,7 @@ export declare const getBrowserVerticalFontAdjustments: (fontKitFont: FontKitFon
 export declare const getFontDescentInPt: (fontKitFont: FontKitFont, fontSize: number) => number;
 export declare const heightOfFontAtSize: (fontKitFont: FontKitFont, fontSize: number) => number;
 export declare const widthOfTextAtSize: (text: string, fontKitFont: FontKitFont, fontSize: number, characterSpacing: number) => number;
-export declare const getFontKitFont: (fontName: string | undefined, font: Font, _cache: Map<any, any>) => Promise<fontkit.Font>;
+export declare const getFontKitFont: (fontName: string | undefined, font: Font, _cache: Map<string, fontkit.Font>) => Promise<fontkit.Font>;
 /**
  * Recursively splits the line at getSplitPosition.
  * If there is some leftover, split the rest again in the same manner.

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

@@ -29,7 +29,7 @@ export declare const getDynamicHeightsForTable: (value: string, args: {
     schema: Schema;
     basePdf: import("@pdfme/common").BasePdf;
     options: import("@pdfme/common").CommonOptions;
-    _cache: Map<any, any>;
+    _cache: Map<string, unknown>;
 }) => Promise<number[]>;
 export declare const addAlphaToHex: (hex: string, alphaPercentage: number) => string;
 export declare const isEditable: (mode: Mode, schema: Schema) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "5.3.11-dev.6",
+  "version": "5.3.11-dev.7",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

package/src/barcodes/helper.ts

@@ -1,6 +1,18 @@
 import { b64toUint8Array } from '@pdfme/common';
 import bwipjs, { RenderOptions } from 'bwip-js';
 import { Buffer } from 'buffer';
+
+// Extend the bwipjs type to include browser-specific methods
+declare module 'bwip-js' {
+  interface BwipJs {
+    toCanvas(canvas: HTMLCanvasElement, options: any): void;
+  }
+  
+  export default interface BwipJsModule {
+    toCanvas(canvas: HTMLCanvasElement, options: any): void;
+    toBuffer(options: any): Promise<Buffer>;
+  }
+}
 import { BARCODE_TYPES, DEFAULT_BARCODE_INCLUDETEXT } from './constants.js';
 import { BarcodeTypes } from './types.js';
 
@@ -166,8 +178,8 @@ export const createBarCode = async (arg: {
 
   if (typeof window !== 'undefined') {
     const canvas = document.createElement('canvas');
-    // @ts-ignore
-    bwipjs.toCanvas(canvas, bwipjsArg);
+    // Using any type for bwipjs to avoid type errors with toCanvas method
+    (bwipjs as any).toCanvas(canvas, bwipjsArg);
     const dataUrl = canvas.toDataURL('image/png');
     res = Buffer.from(b64toUint8Array(dataUrl).buffer);
   } else {

package/src/barcodes/pdfRender.ts

@@ -2,6 +2,7 @@ import { PDFRenderProps } from '@pdfme/common';
 import { convertForPdfLayoutProps } from '../utils.js';
 import type { BarcodeSchema } from './types.js';
 import { createBarCode, validateBarcodeInput } from './helper.js';
+import { PDFImage } from '@pdfme/pdf-lib';
 
 const getBarcodeCacheKey = (schema: BarcodeSchema, value: string) => {
   return `${schema.type}${schema.backgroundColor}${schema.barColor}${schema.textColor}${value}${schema.includetext}`;
@@ -12,11 +13,13 @@ export const pdfRender = async (arg: PDFRenderProps<BarcodeSchema>) => {
   if (!validateBarcodeInput(schema.type, value)) return;
 
   const inputBarcodeCacheKey = getBarcodeCacheKey(schema, value);
-  let image = _cache.get(inputBarcodeCacheKey);
+  let image = _cache.get(inputBarcodeCacheKey) as PDFImage | undefined;
   if (!image) {
-    const imageBuf = await createBarCode(
-      Object.assign(schema, { type: schema.type, input: value }),
-    );
+    const imageBuf = await createBarCode({
+      ...schema,
+      type: schema.type,
+      input: value,
+    });
     image = await pdfDoc.embedPng(imageBuf);
     _cache.set(inputBarcodeCacheKey, image);
   }

package/src/barcodes/uiRender.ts

@@ -69,10 +69,10 @@ export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
     input.placeholder = placeholder || '';
     input.tabIndex = tabIndex || 0;
     input.addEventListener('change', (e: Event) => {
-      onChange && onChange({ key: 'content', value: (e.target as HTMLInputElement).value });
+      if (onChange) onChange({ key: 'content', value: (e.target as HTMLInputElement).value });
     });
     input.addEventListener('blur', () => {
-      stopEditing && stopEditing();
+      if (stopEditing) stopEditing();
     });
     container.appendChild(input);
     input.setSelectionRange(value.length, value.length);
@@ -88,7 +88,7 @@ export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
     const imgElm = await createBarcodeImageElm(schema, value);
     container.appendChild(imgElm);
   } catch (err) {
-    console.error(`[@pdfme/ui] ${err}`);
+    console.error(`[@pdfme/ui] ${String(err)}`);
     container.appendChild(createErrorElm());
   }
 };

package/src/checkbox/index.ts

@@ -27,7 +27,7 @@ const schema: Plugin<Checkbox> = {
 
     if (isEditable(mode, schema)) {
       container.addEventListener('click', () => {
-        onChange && onChange({ key: 'content', value: value === 'true' ? 'false' : 'true' });
+        if (onChange) onChange({ key: 'content', value: value === 'true' ? 'false' : 'true' });
       });
     }
 

package/src/date/helper.ts

@@ -318,12 +318,12 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
         const fallbackFontName = getFallbackFontName(font);
 
         const locale = getAirDatepickerLocale(
-          (activeSchema as any).locale || options.lang || defaultLocale,
+          (activeSchema as { locale?: string }).locale || options.lang || defaultLocale,
         );
 
         if (
-          (activeSchema as any).locale === undefined &&
-          (activeSchema as any).locale !== options.lang
+          (activeSchema as { locale?: string }).locale === undefined &&
+          (activeSchema as { locale?: string }).locale !== options.lang
         ) {
           changeSchemas([
             { schemaId: activeSchema.id, key: 'locale', value: options.lang },
@@ -336,13 +336,13 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
           (button) => button.key === Formatter.ALIGNMENT,
         );
 
-        const validateDateTimeFormat = (_rule: any, formatString: string): boolean => {
+        const validateDateTimeFormat = (_rule: unknown, formatString: string): boolean => {
           try {
             format('Thu Jan 01 1970 00:00:00 GMT+0000', formatString, {
               locale: locale.formatLocale,
             });
             return true;
-          } catch (_err) {
+          } catch {
             return false;
           }
         };

package/src/graphics/image.ts

@@ -20,7 +20,7 @@ const fullSize = { width: '100%', height: '100%' };
 const defaultValue =
   'data:image/png;base64,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';
 
-interface ImageSchema extends Schema {}
+type ImageSchema = Schema;
 
 const imageSchema: Plugin<ImageSchema> = {
   pdf: async (arg: PDFRenderProps<ImageSchema>) => {
@@ -131,7 +131,7 @@ const imageSchema: Plugin<ImageSchema> = {
       };
       Object.assign(button.style, buttonStyle);
       button.addEventListener('click', () => {
-        onChange && onChange({ key: 'content', value: '' });
+        if (onChange) onChange({ key: 'content', value: '' });
       });
       container.appendChild(button);
     }
@@ -168,13 +168,13 @@ const imageSchema: Plugin<ImageSchema> = {
         const changeEvent = event as unknown as ChangeEvent<HTMLInputElement>;
         readFile(changeEvent.target.files)
           .then((result) => {
-            onChange && onChange({ key: 'content', value: result as string });
+            if (onChange) onChange({ key: 'content', value: result as string });
           })
           .catch((error) => {
             console.error('Error reading file:', error);
           });
       });
-      input.addEventListener('blur', () => stopEditing && stopEditing());
+      input.addEventListener('blur', () => { if (stopEditing) stopEditing(); });
       label.appendChild(input);
     }
   },

package/src/graphics/svg.ts

@@ -31,7 +31,7 @@ const isValidSVG = (svgString: string): boolean => {
     }
 
     return true;
-  } catch (error) {
+  } catch {
     return false;
   }
 };
@@ -42,7 +42,8 @@ const defaultValue = `<svg viewBox="0 0 488 600" version="1.1" xmlns="http://www
     </g>
 </svg>`;
 
-interface SVGSchema extends Schema {}
+// This interface extends Schema with no additional properties
+export type SVGSchema = Schema;
 
 const svgSchema: Plugin<SVGSchema> = {
   ui: (arg) => {
@@ -73,7 +74,7 @@ const svgSchema: Plugin<SVGSchema> = {
 
       textarea.addEventListener('change', (e: Event) => {
         const newValue = (e.target as HTMLTextAreaElement).value;
-        onChange && onChange({ key: 'content', value: newValue });
+        if (onChange) onChange({ key: 'content', value: newValue });
       });
       rootElement.appendChild(container);
       textarea.setSelectionRange(value.length, value.length);

package/src/multiVariableText/helper.ts

@@ -12,7 +12,7 @@ export const substituteVariables = (
 
   if (variablesIn) {
     const variables: Record<string, string> =
-      typeof variablesIn === 'string' ? JSON.parse(variablesIn) || {} : variablesIn;
+      typeof variablesIn === 'string' ? JSON.parse(variablesIn || '{}') as Record<string, string> : variablesIn;
 
     Object.keys(variables).forEach((variableName) => {
       // handle special characters in variable name
@@ -29,14 +29,14 @@ export const substituteVariables = (
 };
 
 export const validateVariables = (value: string, schema: MultiVariableTextSchema): boolean => {
-  if (schema.variables.length == 0) {
+  if (schema.variables.length === 0) {
     return true;
   }
 
   let values;
   try {
-    values = value ? JSON.parse(value) : {};
-  } catch (e) {
+    values = value ? JSON.parse(value) as Record<string, string> : {};
+  } catch {
     throw new SyntaxError(
       `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`,
     );

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,9 +53,13 @@ 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';
     para.innerHTML =
       i18n('schemas.mvt.typingInstructions') +
-      ` <code style="color:${options?.theme?.token?.colorPrimary || '#168fe3'}; font-weight:bold;">{` +
+      ` <code style="color:${safeColorValue}; font-weight:bold;">{` +
       i18n('schemas.mvt.sampleField') +
       '}</code>';
     rootElement.appendChild(para);
@@ -63,13 +69,15 @@ 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 = parentPropPanel.schema?.(propPanelProps) || {};
     return {
-      ...parentPropPanel.schema(propPanelProps),
+      ...parentSchema,
       '-------': { type: 'void', widget: 'Divider' },
       dynamicVarContainer: {
-        title: propPanelProps.i18n('schemas.mvt.variablesSampleData'),
+        title: typeof propPanelProps.i18n === 'function' ? propPanelProps.i18n('schemas.mvt.variablesSampleData') : 'Variables Sample Data',
         type: 'string',
         widget: 'Card',
         span: 24,
@@ -97,7 +105,7 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
       },
     };
   },
-  widgets: { ...parentPropPanel.widgets, mapDynamicVariables },
+  widgets: { ...(parentPropPanel.widgets || {}), mapDynamicVariables },
   defaultSchema: {
     ...parentPropPanel.defaultSchema,
     readOnly: false,
@@ -110,7 +118,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: string } | { key: string; value: string }[]) => {
       if (!Array.isArray(arg)) {
         const numVariables = countUniqueVariableNames(arg.value);
-        onChange &&
+        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/select/index.ts

@@ -150,7 +150,7 @@ 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 });
         }
       });
 

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, 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, 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, unknown>;
   },
 ): Promise<number[]> => {
   if (args.schema.type !== 'table') return Promise.resolve([args.schema.height]);

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, 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 Map<string, 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,
@@ -42,7 +42,7 @@ interface 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, 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;
   }