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

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, 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 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

package/dist/node/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/types/src/graphics/cacheKey.d.ts

@@ -1,2 +0,0 @@
-import { Schema } from '@pdfme/common';
-export declare const getCacheKey: (schema: Schema, input: string) => string;

package/src/graphics/cacheKey.ts

@@ -1,3 +0,0 @@
-import { Schema } from '@pdfme/common';
-
-export const getCacheKey = (schema: Schema, input: string) => `${schema.type}${input}`;