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

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
   }
-}
+}