@pdfme/schemas 5.3.8-dev.3 → 5.3.8-dev.36

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,

package/src/utils.ts

@@ -212,21 +212,70 @@ export const createErrorElm = () => {
 };
 
 export const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): string => {
-  const createElementString = (node: IconNode): string => {
-    const [tag, attributes, children = []] = node;
-
-    const mergedAttributes = tag === 'svg' ? { ...attributes, ...attrs } : attributes;
-
-    const attrString = Object.entries(mergedAttributes)
+  // In lucide 0.475.0, the icon is an array of elements, not a single SVG element
+  // We need to create an SVG wrapper and add the elements as children
+  
+  // Handle non-array input
+  if (!Array.isArray(icon)) {
+    return String(icon);
+  }
+  
+  // Create default SVG attributes
+  const svgAttrs = {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    ...(attrs || {})
+  };
+  
+  // Format SVG attributes string
+  const svgAttrString = Object.entries(svgAttrs)
+    .map(([key, value]) => `${key}="${value}"`)
+    .join(' ');
+  
+  // Helper function to process a single element
+  const processElement = (element: any): string => {
+    if (!Array.isArray(element)) {
+      return String(element);
+    }
+    
+    const [tag, attributes = {}, children = []] = element;
+    const tagName = String(tag);
+    
+    // Format attributes string
+    const attrString = Object.entries(attributes)
       .map(([key, value]) => `${key}="${value}"`)
       .join(' ');
-
-    const childrenString = children
-      .map((child) => createElementString(child))
-      .join('');
-
-    return `<${tag} ${attrString}>${childrenString}</${tag}>`;
+    
+    // Process children recursively
+    let childrenString = '';
+    
+    if (Array.isArray(children) && children.length > 0) {
+      childrenString = children
+        .map(child => processElement(child))
+        .join('');
+    }
+    
+    // Return properly formatted element string
+    if (childrenString) {
+      return `<${tagName}${attrString ? ' ' + attrString : ''}>${childrenString}</${tagName}>`;
+    } else {
+      // Self-closing tag for empty children
+      return `<${tagName}${attrString ? ' ' + attrString : ''}/>`;
+    }
   };
-
-  return createElementString(icon);
-};
+  
+  // Process all elements and join them
+  const elementsString = Array.isArray(icon) 
+    ? icon.map(element => processElement(element)).join('')
+    : processElement(icon);
+  
+  // Return the complete SVG string
+  return `<svg ${svgAttrString}>${elementsString}</svg>`;
+};

package/tsconfig.esm.json

@@ -2,9 +2,10 @@
   "extends": "../../tsconfig.base",
   "compilerOptions": {
     "module": "ESNext",
+    "moduleResolution": "nodenext",
     "outDir": "./dist/esm",
     "declaration": true,
     "declarationDir": "dist/types",
     "skipLibCheck": true
   }
-}
+}