@pdfme/schemas 5.3.8-dev.4 → 5.3.8-dev.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "5.3.8-dev.4",
+  "version": "5.3.8-dev.42",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -49,7 +49,7 @@
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:node": "tsc -p tsconfig.node.json",
     "clean": "rimraf dist",
-    "lint": "eslint --ext .ts src",
+    "lint": "eslint --ext .ts src --config eslint.config.mjs --no-error-on-unmatched-pattern",
     "test": "jest",
     "prune": "ts-prune src",
     "prettier": "prettier --write 'src/**/*.ts'"
@@ -59,9 +59,8 @@
     "air-datepicker": "^3.5.3",
     "bwip-js": "^4.1.1",
     "date-fns": "^4.1.0",
-    "fast-xml-parser": "^4.3.2",
     "fontkit": "^2.0.2",
-    "lucide": "^0.460.0"
+    "lucide": "^0.476.0"
   },
   "devDependencies": {
     "@pdfme/common": "file:../common",

package/src/barcodes/helper.ts

@@ -2,7 +2,7 @@ import { b64toUint8Array } from '@pdfme/common';
 import bwipjs, { RenderOptions } from 'bwip-js';
 import { Buffer } from 'buffer';
 import { BARCODE_TYPES, DEFAULT_BARCODE_INCLUDETEXT } from './constants.js';
-import { BarcodeTypes } from './types';
+import { BarcodeTypes } from './types.js';
 
 // GTIN-13, GTIN-8, GTIN-12, GTIN-14
 const validateCheckDigit = (input: string, checkDigitPos: number) => {

package/src/barcodes/index.ts

@@ -1,7 +1,7 @@
 import { pdfRender } from './pdfRender.js';
 import { getPropPanelByBarcodeType } from './propPanel.js';
 import { uiRender } from './uiRender.js';
-import type { BarcodeSchema, BarcodeTypes } from './types';
+import type { BarcodeSchema, BarcodeTypes } from './types.js';
 import { BARCODE_TYPES } from './constants.js';
 import { createSvgStr } from '../utils.js';
 import { Plugin } from '@pdfme/common';

package/src/barcodes/pdfRender.ts

@@ -1,6 +1,6 @@
 import { PDFRenderProps } from '@pdfme/common';
 import { convertForPdfLayoutProps } from '../utils.js';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import { createBarCode, validateBarcodeInput } from './helper.js';
 
 const getBarcodeCacheKey = (schema: BarcodeSchema, value: string) => {

package/src/barcodes/propPanel.ts

@@ -1,5 +1,5 @@
 import type { PropPanel } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import {
   DEFAULT_BARCODE_COLOR,
   DEFAULT_BARCODE_BG_COLOR,

package/src/barcodes/uiRender.ts

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { UIRenderProps } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import { validateBarcodeInput, createBarCode } from './helper.js';
 import { addAlphaToHex, isEditable, createErrorElm } from '../utils.js';
 

package/src/checkbox/index.ts

@@ -1,6 +1,6 @@
 import { Plugin } from '@pdfme/common';
 import { Schema } from '@pdfme/common';
-import svg from '../graphics/svg';
+import svg from '../graphics/svg.js';
 import { isEditable } from '../utils.js';
 import { HEX_COLOR_PATTERN } from '../constants.js';
 import { Square, SquareCheck } from 'lucide';

package/src/date/date.ts

@@ -1,4 +1,4 @@
-import { getPlugin } from './helper';
+import { getPlugin } from './helper.js';
 import { createSvgStr } from '../utils.js';
 import { Calendar } from 'lucide';
 

package/src/date/dateTime.ts

@@ -1,4 +1,4 @@
-import { getPlugin } from './helper';
+import { getPlugin } from './helper.js';
 import { createSvgStr } from '../utils.js';
 import { CalendarClock } from 'lucide';
 

package/src/date/helper.ts

@@ -1,7 +1,7 @@
 import type * as CSS from 'csstype';
 
 import AirDatepicker from 'air-datepicker';
-import type { AirDatepickerLocale, AirDatepickerButton } from 'air-datepicker';
+import type { AirDatepickerLocale, AirDatepickerButton, AirDatepickerDate } from 'air-datepicker';
 import localeAr from 'air-datepicker/locale/ar';
 import localeBg from 'air-datepicker/locale/bg';
 import localeCa from 'air-datepicker/locale/ca';
@@ -40,9 +40,9 @@ import * as dateFns from 'date-fns/locale';
 import { format } from 'date-fns';
 
 import { Plugin, getFallbackFontName, DEFAULT_FONT_NAME, PropPanelSchema } from '@pdfme/common';
-import text from '../text';
+import text from '../text/index.js';
 import { DEFAULT_OPACITY, HEX_COLOR_PATTERN } from '../constants.js';
-import { mapVerticalAlignToFlex } from '../text/uiRender';
+import { mapVerticalAlignToFlex } from '../text/uiRender.js';
 import {
   DEFAULT_FONT_SIZE,
   DEFAULT_ALIGNMENT,
@@ -51,9 +51,16 @@ import {
   DEFAULT_CHARACTER_SPACING,
   DEFAULT_FONT_COLOR,
 } from '../text/constants.js';
-import { DateSchema } from './types';
-import { getExtraFormatterSchema, Formatter } from '../text/extraFormatter';
-import { isEditable } from '../utils';
+import { DateSchema } from './types.js';
+import { getExtraFormatterSchema, Formatter } from '../text/extraFormatter.js';
+import { isEditable } from '../utils.js';
+
+interface AirDatepickerInstance {
+  selectedDates: Date[];
+  hide: () => void;
+  destroy: () => void;
+  show: () => void;
+}
 
 type PickerType = 'date' | 'time' | 'dateTime';
 
@@ -259,16 +266,16 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
           },
         });
       }
-
       const airDatepicker = new AirDatepicker(input, {
         locale: locale.adLocale,
         selectedDates: [strDateToDate(value, type)],
-        dateFormat: (date) => format(date, schema.format, { locale: locale.formatLocale }),
+        dateFormat: (date: AirDatepickerDate) =>
+          format(date, schema.format, { locale: locale.formatLocale }),
         timepicker: type !== 'date',
         onlyTimepicker: type === 'time',
         isMobile: window.innerWidth < 768,
         buttons: adButtons,
-        onSelect: ({ datepicker }) => {
+        onSelect: ({ datepicker }: { datepicker: AirDatepickerInstance }) => {
           if (type === 'date') {
             commitChange(datepicker.selectedDates.length ? datepicker.selectedDates[0] : null);
             datepicker.hide();
@@ -441,7 +448,7 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
         backgroundColor: '',
         locale: undefined,
         opacity: DEFAULT_OPACITY,
-      },
+      } as DateSchema,
     },
     icon,
   };

package/src/date/time.ts

@@ -1,4 +1,4 @@
-import { getPlugin } from './helper';
+import { getPlugin } from './helper.js';
 import { createSvgStr } from '../utils.js';
 import { Clock } from 'lucide';
 

package/src/date/types.ts

@@ -1,5 +1,5 @@
 import { Schema } from '@pdfme/common';
-import { ALIGNMENT } from '../text/types';
+import { ALIGNMENT } from '../text/types.js';
 
 export interface DateSchema extends Schema {
   format: string;
@@ -10,4 +10,10 @@ export interface DateSchema extends Schema {
   fontColor: string;
   backgroundColor: string;
   locale?: string;
+  // Explicitly include these properties from Schema for TypeScript
+  width: number;
+  height: number;
+  name: string;
+  type: string;
+  content?: string;
 }

package/src/graphics/svg.ts

@@ -1,5 +1,4 @@
 import { Plugin, Schema } from '@pdfme/common';
-import { XMLValidator } from 'fast-xml-parser';
 import {
   convertForPdfLayoutProps,
   isEditable,
@@ -9,7 +8,33 @@ import {
 } from '../utils.js';
 import { Route } from 'lucide';
 
-const isValidSVG = (svgString: string) => XMLValidator.validate(svgString) === true;
+const isValidSVG = (svgString: string): boolean => {
+  try {
+    // Basic validation checks that work in both Node.js and browser
+    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();
+      const doc = parser.parseFromString(svgString, 'image/svg+xml');
+      const parserError = doc.querySelector('parsererror');
+      if (parserError !== null) {
+        return false;
+      }
+    }
+    
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
 
 const defaultValue = `<svg viewBox="0 0 488 600" version="1.1" xmlns="http://www.w3.org/2000/svg">
     <g transform="matrix(1,0,0,1,-56,0)" fill="#000000" stroke="none">

package/src/index.ts

@@ -1,17 +1,17 @@
-import multiVariableText from './multiVariableText/index';
-import text from './text/index';
-import image from './graphics/image';
-import svg from './graphics/svg';
-import barcodes from './barcodes/index';
-import line from './shapes/line';
-import table from './tables/index';
-import { rectangle, ellipse } from './shapes/rectAndEllipse';
-import dateTime from './date/dateTime';
-import date from './date/date';
-import time from './date/time';
-import select from './select/index';
-import radioGroup from './radioGroup/index';
-import checkbox from './checkbox/index';
+import multiVariableText from './multiVariableText/index.js';
+import text from './text/index.js';
+import image from './graphics/image.js';
+import svg from './graphics/svg.js';
+import barcodes from './barcodes/index.js';
+import line from './shapes/line.js';
+import table from './tables/index.js';
+import { rectangle, ellipse } from './shapes/rectAndEllipse.js';
+import dateTime from './date/dateTime.js';
+import date from './date/date.js';
+import time from './date/time.js';
+import select from './select/index.js';
+import radioGroup from './radioGroup/index.js';
+import checkbox from './checkbox/index.js';
 
 const builtInPlugins = { Text: text };
 

package/src/multiVariableText/helper.ts

@@ -1,14 +1,18 @@
-import { MultiVariableTextSchema } from "./types";
+import { MultiVariableTextSchema } from './types.js';
 
-export const substituteVariables = (text: string, variablesIn: string | Record<string, string>): string => {
+export const substituteVariables = (
+  text: string,
+  variablesIn: string | Record<string, string>
+): string => {
   if (!text) {
-    return "";
+    return '';
   }
 
   let substitutedText = text;
 
   if (variablesIn) {
-    const variables: Record<string, string> = (typeof variablesIn === "string") ? JSON.parse(variablesIn) || {} : variablesIn;
+    const variables: Record<string, string> =
+      typeof variablesIn === 'string' ? JSON.parse(variablesIn) || {} : variablesIn;
 
     Object.keys(variables).forEach((variableName) => {
       // handle special characters in variable name
@@ -33,13 +37,17 @@ export const validateVariables = (value: string, schema: MultiVariableTextSchema
   try {
     values = value ? JSON.parse(value) : {};
   } catch (e) {
-    throw new SyntaxError(`[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`);
+    throw new SyntaxError(
+      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`
+    );
   }
 
   for (const variable of schema.variables) {
     if (!values[variable]) {
       if (schema.required) {
-        throw new Error(`[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`);
+        throw new Error(
+          `[@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
       return false;
@@ -47,4 +55,4 @@ export const validateVariables = (value: string, schema: MultiVariableTextSchema
   }
 
   return true;
-}
+};

package/src/multiVariableText/index.ts

@@ -2,7 +2,7 @@ import type { Plugin } from '@pdfme/common';
 import { pdfRender } from './pdfRender.js';
 import { propPanel } from './propPanel.js';
 import { uiRender } from './uiRender.js';
-import type { MultiVariableTextSchema } from './types';
+import type { MultiVariableTextSchema } from './types.js';
 import { Type } from 'lucide';
 import { createSvgStr } from '../utils.js';
 

package/src/multiVariableText/pdfRender.ts

@@ -1,7 +1,7 @@
 import { PDFRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
-import { pdfRender as parentPdfRender } from '../text/pdfRender';
-import { substituteVariables, validateVariables } from './helper';
+import { MultiVariableTextSchema } from './types.js';
+import { pdfRender as parentPdfRender } from '../text/pdfRender.js';
+import { substituteVariables, validateVariables } from './helper.js';
 
 export const pdfRender = async (arg: PDFRenderProps<MultiVariableTextSchema>) => {
   const { value, schema, ...rest } = arg;

package/src/multiVariableText/propPanel.ts

@@ -1,6 +1,6 @@
-import { propPanel as parentPropPanel } from '../text/propPanel';
+import { propPanel as parentPropPanel } from '../text/propPanel.js';
 import { PropPanel, PropPanelWidgetProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 
 const mapDynamicVariables = (props: PropPanelWidgetProps) => {
   const { rootElement, changeSchemas, activeSchema, i18n, options } = props;

package/src/multiVariableText/types.ts

@@ -1,4 +1,4 @@
-import type { TextSchema } from '../text/types';
+import type { TextSchema } from '../text/types.js';
 
 export interface MultiVariableTextSchema extends TextSchema {
   text: string;

package/src/multiVariableText/uiRender.ts

@@ -1,13 +1,13 @@
 import { getDefaultFont, UIRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 import {
   uiRender as parentUiRender,
   buildStyledTextContainer,
   makeElementPlainTextContentEditable
-} from '../text/uiRender';
-import { isEditable } from '../utils';
-import { getFontKitFont } from '../text/helper';
-import { substituteVariables } from './helper';
+} from '../text/uiRender.js';
+import { isEditable } from '../utils.js';
+import { getFontKitFont } from '../text/helper.js';
+import { substituteVariables } from './helper.js';
 
 export const uiRender = async (arg: UIRenderProps<MultiVariableTextSchema>) => {
   const { value, schema, rootElement, mode, onChange, ...rest } = arg;

package/src/radioGroup/index.ts

@@ -1,7 +1,7 @@
 import { Plugin } from '@pdfme/common';
 import { Schema } from '@pdfme/common';
 import { Circle, CircleDot } from 'lucide';
-import svg from '../graphics/svg';
+import svg from '../graphics/svg.js';
 import { isEditable, createSvgStr } from '../utils.js';
 import { HEX_COLOR_PATTERN } from '../constants.js';
 

package/src/select/index.ts

@@ -1,8 +1,8 @@
 import type * as CSS from 'csstype';
-import { propPanel as parentPropPanel } from '../text/propPanel';
+import { propPanel as parentPropPanel } from '../text/propPanel.js';
 import { Plugin, PropPanelWidgetProps, SchemaForUI } from '@pdfme/common';
-import text from '../text';
-import { TextSchema } from '../text/types';
+import text from '../text/index.js';
+import { TextSchema } from '../text/types.js';
 import { ChevronDown } from 'lucide';
 import { createSvgStr } from '../utils.js';
 

package/src/tables/cell.ts

@@ -9,7 +9,7 @@ import { uiRender as textUiRender } from '../text/uiRender.js';
 import { pdfRender as textPdfRender } from '../text/pdfRender.js';
 import line from '../shapes/line.js';
 import { rectangle } from '../shapes/rectAndEllipse.js';
-import type { CellSchema } from './types';
+import type { CellSchema } from './types.js';
 import { getCellPropPanelSchema, getDefaultCellStyles } from './helper.js';
 const linePdfRender = line.pdf;
 const rectanglePdfRender = rectangle.pdf;

package/src/tables/classes.ts

@@ -1,7 +1,7 @@
 import { Font, mm2pt, pt2mm } from '@pdfme/common';
 import type { Font as FontKitFont } from 'fontkit';
-import { splitTextToSize, getFontKitFont, widthOfTextAtSize } from '../text/helper';
-import type { Styles, TableInput, Settings, Section, StylesProps } from './types';
+import { splitTextToSize, getFontKitFont, widthOfTextAtSize } from '../text/helper.js';
+import type { Styles, TableInput, Settings, Section, StylesProps } from './types.js';
 
 type ContentSettings = { body: Row[]; head: Row[]; columns: Column[] };
 

package/src/tables/dynamicTemplate.ts

@@ -1,7 +1,7 @@
 import { Schema, BasePdf, CommonOptions } from '@pdfme/common';
-import { createSingleTable } from './tableHelper';
+import { createSingleTable } from './tableHelper.js';
 import { getBodyWithRange, getBody } from './helper.js';
-import { TableSchema } from './types';
+import { TableSchema } from './types.js';
 
 export const getDynamicHeightsForTable = async (
   value: string,

package/src/tables/helper.ts

@@ -10,7 +10,7 @@ import {
   VERTICAL_ALIGN_TOP,
   VERTICAL_ALIGN_MIDDLE,
   VERTICAL_ALIGN_BOTTOM,
-} from '../text/constants';
+} from '../text/constants.js';
 import { HEX_COLOR_PATTERN } from '../constants.js';
 
 export const getDefaultCellStyles = () => ({

package/src/tables/pdfRender.ts

@@ -1,10 +1,10 @@
-import type { TableSchema } from './types';
+import type { TableSchema } from './types.js';
 import type { PDFRenderProps } from '@pdfme/common';
-import { Cell, Table, Row, Column } from './classes';
-import { rectangle } from '../shapes/rectAndEllipse';
-import cell from './cell';
-import { getBodyWithRange } from './helper';
-import { createSingleTable } from './tableHelper';
+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';
 
 type Pos = { x: number; y: number };
 

package/src/tables/propPanel.ts

@@ -1,5 +1,5 @@
 import type { PropPanel } from '@pdfme/common';
-import type { TableSchema } from './types';
+import type { TableSchema } from './types.js';
 import { getFallbackFontName, DEFAULT_FONT_NAME } from '@pdfme/common';
 import {
   getDefaultCellStyles,

package/src/tables/tableHelper.ts

@@ -15,8 +15,8 @@ import type {
   TableInput,
   StylesProps,
   Section,
-} from './types';
-import { Cell, Column, Row, Table } from './classes';
+} from './types.js';
+import { Cell, Column, Row, Table } from './classes.js';
 
 type StyleProp = 'styles' | 'headStyles' | 'bodyStyles' | 'alternateRowStyles' | 'columnStyles';
 

package/src/tables/types.ts

@@ -1,4 +1,4 @@
-import type { ALIGNMENT, VERTICAL_ALIGNMENT } from '../text/types';
+import type { ALIGNMENT, VERTICAL_ALIGNMENT } from '../text/types.js';
 import type { Schema } from '@pdfme/common';
 
 export type Spacing = { top: number; right: number; bottom: number; left: number };

package/src/tables/uiRender.ts

@@ -4,7 +4,7 @@ import { px2mm } from '@pdfme/common';
 import { createSingleTable } from './tableHelper.js';
 import { getBody, getBodyWithRange } from './helper.js';
 import cell from './cell.js';
-import { Row } from './classes';
+import { Row } from './classes.js';
 
 const buttonSize = 30;
 

package/src/text/constants.ts

@@ -1,4 +1,4 @@
-import { ALIGNMENT, VERTICAL_ALIGNMENT, DYNAMIC_FONT_SIZE_FIT } from './types';
+import { ALIGNMENT, VERTICAL_ALIGNMENT, DYNAMIC_FONT_SIZE_FIT } from './types.js';
 
 export const DEFAULT_FONT_SIZE = 13;
 

package/src/text/extraFormatter.ts

@@ -9,7 +9,7 @@ import {
   TextVerticalAlignBottomIcon,
   TextVerticalAlignMiddleIcon,
   TextVerticalAlignTopIcon,
-} from './icons';
+} from './icons/index.js';
 import {
   ALIGN_CENTER,
   ALIGN_RIGHT,
@@ -18,7 +18,7 @@ import {
   VERTICAL_ALIGN_BOTTOM,
   VERTICAL_ALIGN_MIDDLE,
   ALIGN_JUSTIFY,
-} from './constants';
+} from './constants.js';
 
 export enum Formatter {
   STRIKETHROUGH = 'strikethrough',

package/src/text/helper.ts

@@ -11,7 +11,7 @@ import {
   DEFAULT_FONT_NAME,
 } from '@pdfme/common';
 import { Buffer } from 'buffer';
-import type { TextSchema, FontWidthCalcValues } from './types';
+import type { TextSchema, FontWidthCalcValues } from './types.js';
 import {
   DEFAULT_FONT_SIZE,
   DEFAULT_CHARACTER_SPACING,

package/src/text/index.ts

@@ -2,7 +2,7 @@ import type { Plugin } from '@pdfme/common';
 import { pdfRender } from './pdfRender.js';
 import { propPanel } from './propPanel.js';
 import { uiRender } from './uiRender.js';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 import { TextCursorInput } from 'lucide';
 import { createSvgStr } from '../utils.js';
 

package/src/text/pdfRender.ts

@@ -1,6 +1,6 @@
 import { PDFFont, PDFDocument } from '@pdfme/pdf-lib';
 import type { Font as FontKitFont } from 'fontkit';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 import {
   PDFRenderProps,
   ColorType,

package/src/text/propPanel.ts

@@ -5,7 +5,7 @@ import {
   PropPanelSchema,
   getFallbackFontName,
 } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 import {
   DEFAULT_FONT_SIZE,
   DEFAULT_ALIGNMENT,
@@ -20,7 +20,7 @@ import {
   DEFAULT_DYNAMIC_MAX_FONT_SIZE,
 } from './constants.js';
 import { DEFAULT_OPACITY, HEX_COLOR_PATTERN } from '../constants.js';
-import { getExtraFormatterSchema } from './extraFormatter';
+import { getExtraFormatterSchema } from './extraFormatter.js';
 
 const UseDynamicFontSize = (props: PropPanelWidgetProps) => {
   const { rootElement, changeSchemas, activeSchema, i18n } = props;

package/src/text/uiRender.ts

@@ -1,7 +1,7 @@
 import type * as CSS from 'csstype';
 import type { Font as FontKitFont } from 'fontkit';
 import { UIRenderProps, getDefaultFont } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 import {
   DEFAULT_FONT_SIZE,
   DEFAULT_ALIGNMENT,