@pdfme/schemas 5.3.8-dev.6 → 5.3.8-dev.61

package/dist/types/src/barcodes/index.d.ts

@@ -1,4 +1,4 @@
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 import { Plugin } from '@pdfme/common';
 declare const barcodes: Record<"qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix", Plugin<BarcodeSchema>>;
 export default barcodes;

package/dist/types/src/barcodes/pdfRender.d.ts

@@ -1,3 +1,3 @@
 import { PDFRenderProps } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 export declare const pdfRender: (arg: PDFRenderProps<BarcodeSchema>) => Promise<void>;

package/dist/types/src/barcodes/propPanel.d.ts

@@ -1,3 +1,3 @@
 import type { PropPanel } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 export declare const getPropPanelByBarcodeType: (barcodeType: string) => PropPanel<BarcodeSchema>;

package/dist/types/src/barcodes/uiRender.d.ts

@@ -1,3 +1,3 @@
 import { UIRenderProps } from '@pdfme/common';
-import type { BarcodeSchema } from './types';
+import type { BarcodeSchema } from './types.js';
 export declare const uiRender: (arg: UIRenderProps<BarcodeSchema>) => Promise<void>;

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

@@ -1,2 +1,2 @@
-declare const _default: import("@pdfme/common").Plugin<import("./types").DateSchema>;
+declare const _default: import("@pdfme/common").Plugin<import("./types.js").DateSchema>;
 export default _default;

package/dist/types/src/date/dateTime.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@pdfme/common").Plugin<import("./types").DateSchema>;
+declare const _default: import("@pdfme/common").Plugin<import("./types.js").DateSchema>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { Plugin } from '@pdfme/common';
-import { DateSchema } from './types';
+import { DateSchema } from './types.js';
 type PickerType = 'date' | 'time' | 'dateTime';
 export declare const getPlugin: ({ type, icon }: {
     type: PickerType;

package/dist/types/src/date/time.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@pdfme/common").Plugin<import("./types").DateSchema>;
+declare const _default: import("@pdfme/common").Plugin<import("./types.js").DateSchema>;
 export default _default;

package/dist/types/src/date/types.d.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;
     fontName?: string;
@@ -9,4 +9,9 @@ export interface DateSchema extends Schema {
     fontColor: string;
     backgroundColor: string;
     locale?: string;
+    width: number;
+    height: number;
+    name: string;
+    type: string;
+    content?: string;
 }

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

@@ -1,18 +1,18 @@
-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';
 declare const builtInPlugins: {
-    Text: import("@pdfme/common").Plugin<import("./text/types").TextSchema>;
+    Text: import("@pdfme/common").Plugin<import("./text/types.js").TextSchema>;
 };
 export { builtInPlugins, text, multiVariableText, image, svg, table, barcodes, line, rectangle, ellipse, dateTime, date, time, select, radioGroup, checkbox, };

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

@@ -1,3 +1,3 @@
-import { MultiVariableTextSchema } from "./types";
+import { MultiVariableTextSchema } from './types.js';
 export declare const substituteVariables: (text: string, variablesIn: string | Record<string, string>) => string;
 export declare const validateVariables: (value: string, schema: MultiVariableTextSchema) => boolean;

package/dist/types/src/multiVariableText/index.d.ts

@@ -1,4 +1,4 @@
 import type { Plugin } from '@pdfme/common';
-import type { MultiVariableTextSchema } from './types';
+import type { MultiVariableTextSchema } from './types.js';
 declare const schema: Plugin<MultiVariableTextSchema>;
 export default schema;

package/dist/types/src/multiVariableText/pdfRender.d.ts

@@ -1,3 +1,3 @@
 import { PDFRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 export declare const pdfRender: (arg: PDFRenderProps<MultiVariableTextSchema>) => Promise<void>;

package/dist/types/src/multiVariableText/propPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropPanel } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 export declare const propPanel: PropPanel<MultiVariableTextSchema>;

package/dist/types/src/multiVariableText/types.d.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;
     variables: string[];

package/dist/types/src/multiVariableText/uiRender.d.ts

@@ -1,3 +1,3 @@
 import { UIRenderProps } from '@pdfme/common';
-import { MultiVariableTextSchema } from './types';
+import { MultiVariableTextSchema } from './types.js';
 export declare const uiRender: (arg: UIRenderProps<MultiVariableTextSchema>) => Promise<void>;

package/dist/types/src/select/index.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from '@pdfme/common';
-import { TextSchema } from '../text/types';
+import { TextSchema } from '../text/types.js';
 interface Select extends TextSchema {
     options: string[];
 }

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

@@ -1,4 +1,4 @@
 import { Plugin } from '@pdfme/common';
-import type { CellSchema } from './types';
+import type { CellSchema } from './types.js';
 declare const cellSchema: Plugin<CellSchema>;
 export default cellSchema;

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

@@ -1,5 +1,5 @@
 import { Font } from '@pdfme/common';
-import type { Styles, TableInput, Settings, Section, StylesProps } from './types';
+import type { Styles, TableInput, Settings, Section, StylesProps } from './types.js';
 type ContentSettings = {
     body: Row[];
     head: Row[];

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

@@ -1,7 +1,7 @@
 export declare const getDefaultCellStyles: () => {
     fontName: undefined;
-    alignment: import("../text/types").ALIGNMENT;
-    verticalAlignment: import("../text/types").VERTICAL_ALIGNMENT;
+    alignment: import("../text/types.js").ALIGNMENT;
+    verticalAlignment: import("../text/types.js").VERTICAL_ALIGNMENT;
     fontSize: number;
     lineHeight: number;
     characterSpacing: number;
@@ -182,7 +182,7 @@ export declare const getCellPropPanelSchema: (arg: {
         props: {
             options: {
                 label: string;
-                value: import("../text/types").ALIGNMENT;
+                value: import("../text/types.js").ALIGNMENT;
             }[];
         };
         span: number;
@@ -194,7 +194,7 @@ export declare const getCellPropPanelSchema: (arg: {
         props: {
             options: {
                 label: string;
-                value: import("../text/types").VERTICAL_ALIGNMENT;
+                value: import("../text/types.js").VERTICAL_ALIGNMENT;
             }[];
         };
         span: number;

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

@@ -1,3 +1,3 @@
-import type { TableSchema } from './types';
+import type { TableSchema } from './types.js';
 import type { PDFRenderProps } from '@pdfme/common';
 export declare const pdfRender: (arg: PDFRenderProps<TableSchema>) => Promise<void>;

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

@@ -1,3 +1,3 @@
 import type { PropPanel } from '@pdfme/common';
-import type { TableSchema } from './types';
+import type { TableSchema } from './types.js';
 export declare const propPanel: PropPanel<TableSchema>;

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

@@ -1,5 +1,5 @@
 import { Schema, BasePdf, CommonOptions } from '@pdfme/common';
-import { Table } from './classes';
+import { Table } from './classes.js';
 interface CreateTableArgs {
     schema: Schema;
     basePdf: BasePdf;

package/dist/types/src/tables/types.d.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;

package/dist/types/src/text/constants.d.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 declare const DEFAULT_FONT_SIZE = 13;
 export declare const ALIGN_LEFT: ALIGNMENT;
 export declare const ALIGN_CENTER: ALIGNMENT;

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

@@ -1,7 +1,7 @@
 import * as fontkit from 'fontkit';
 import type { Font as FontKitFont } from 'fontkit';
 import { Font } from '@pdfme/common';
-import type { TextSchema, FontWidthCalcValues } from './types';
+import type { TextSchema, FontWidthCalcValues } from './types.js';
 export declare const getBrowserVerticalFontAdjustments: (fontKitFont: FontKitFont, fontSize: number, lineHeight: number, verticalAlignment: string) => {
     topAdj: number;
     bottomAdj: number;

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

@@ -1,4 +1,4 @@
 import type { Plugin } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 declare const textSchema: Plugin<TextSchema>;
 export default textSchema;

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

@@ -1,3 +1,3 @@
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 import { PDFRenderProps } from '@pdfme/common';
 export declare const pdfRender: (arg: PDFRenderProps<TextSchema>) => Promise<void>;

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

@@ -1,3 +1,3 @@
 import { PropPanel } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 export declare const propPanel: PropPanel<TextSchema>;

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

@@ -1,6 +1,6 @@
 import type { Font as FontKitFont } from 'fontkit';
 import { UIRenderProps } from '@pdfme/common';
-import type { TextSchema } from './types';
+import type { TextSchema } from './types.js';
 export declare const uiRender: (arg: UIRenderProps<TextSchema>) => Promise<void>;
 export declare const buildStyledTextContainer: (arg: UIRenderProps<TextSchema>, fontKitFont: FontKitFont, value: string) => HTMLDivElement;
 /**

package/eslint.config.mjs

@@ -0,0 +1,22 @@
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Import the root config
+const rootConfigPath = resolve(__dirname, '../../eslint.config.mjs');
+const rootConfig = await import(rootConfigPath);
+
+export default [
+  ...rootConfig.default,
+  {
+    files: ['src/**/*.ts'],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.esm.json'],
+        tsconfigRootDir: __dirname,
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "5.3.8-dev.6",
+  "version": "5.3.8-dev.61",
   "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.477.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) => {
@@ -63,7 +63,7 @@ export const validateBarcodeInput = (type: BarcodeTypes, input: string) => {
     // 有効文字は漢字、ひらがな、カタカナ以外。
     // https://qiita.com/graminume/items/2ac8dd9c32277fa9da64
     return !input.match(
-      /([\u30a0-\u30ff\u3040-\u309f\u3005-\u3006\u30e0-\u9fcf]|[Ａ-Ｚａ-ｚ０-９！＂＃＄％＆＇（）＊＋，－．／：；＜＝＞？＠［＼］＾＿｀｛｜｝〜　])+/
+      /([\u30a0-\u30ff\u3040-\u309f\u3005-\u3006\u30e0-\u9fcf]|[Ａ-Ｚａ-ｚ０-９！＂＃＄％＆＇（）＊＋，－．／：；＜＝＞？＠［＼］＾＿｀｛｜｝〜　])+/,
     );
   }
   if (type === 'nw7') {
@@ -176,4 +176,3 @@ export const createBarCode = async (arg: {
 
   return res;
 };
-

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';
@@ -17,7 +17,7 @@ const barcodes = BARCODE_TYPES.reduce(
         icon: createSvgStr(type == 'qrcode' ? QrCode : Barcode),
       },
     }),
-  {} as Record<BarcodeTypes, Plugin<BarcodeSchema>>
+  {} as Record<BarcodeTypes, Plugin<BarcodeSchema>>,
 );
 
 export default barcodes;

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) => {
@@ -15,7 +15,7 @@ export const pdfRender = async (arg: PDFRenderProps<BarcodeSchema>) => {
   let image = _cache.get(inputBarcodeCacheKey);
   if (!image) {
     const imageBuf = await createBarCode(
-      Object.assign(schema, { type: schema.type, input: value })
+      Object.assign(schema, { type: schema.type, input: value }),
     );
     image = await pdfDoc.embedPng(imageBuf);
     _cache.set(inputBarcodeCacheKey, image);

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,
@@ -16,7 +16,6 @@ const defaultIncludetext = { includetext: DEFAULT_BARCODE_INCLUDETEXT };
 const position = { x: 0, y: 0 };
 const default40x20 = { width: 40, height: 20 };
 
-
 const barcodeDefaults: { defaultSchema: BarcodeSchema }[] = [
   {
     defaultSchema: {
@@ -190,7 +189,7 @@ export const getPropPanelByBarcodeType = (barcodeType: string): PropPanel<Barcod
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         rules: [
           {
@@ -204,7 +203,7 @@ export const getPropPanelByBarcodeType = (barcodeType: string): PropPanel<Barcod
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         rules: [
           {
@@ -220,7 +219,7 @@ export const getPropPanelByBarcodeType = (barcodeType: string): PropPanel<Barcod
               type: 'string',
               widget: 'color',
               props: {
-                disabledAlpha: true
+                disabledAlpha: true,
               },
             },
             includetext: {

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';
@@ -49,7 +49,7 @@ const schema: Plugin<Checkbox> = {
         type: 'string',
         widget: 'color',
         props: {
-          disabledAlpha: true
+          disabledAlpha: true,
         },
         required: true,
         rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],

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';
 
@@ -162,7 +169,7 @@ const getFmtValue = (
   value: string,
   type: PickerType,
   schema: DateSchema,
-  locale: Locale
+  locale: Locale,
 ): string => {
   return value
     ? format(strDateToDate(value, type), schema.format, {
@@ -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();
@@ -311,7 +318,7 @@ 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 any).locale || options.lang || defaultLocale,
         );
 
         if (
@@ -326,7 +333,7 @@ export const getPlugin = ({ type, icon }: { type: PickerType; icon: string }) =>
 
         const formatter = getExtraFormatterSchema(i18n);
         formatter.buttons = formatter.buttons.filter(
-          (button) => button.key === Formatter.ALIGNMENT
+          (button) => button.key === Formatter.ALIGNMENT,
         );
 
         const validateDateTimeFormat = (_rule: any, formatString: string): boolean => {
@@ -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/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

@@ -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">