@pdfme/schemas 4.2.3 → 4.2.4

package/src/graphics/svg.ts

@@ -73,13 +73,13 @@ const svgSchema: Plugin<SVGSchema> = {
     schema: {},
     defaultSchema: {
       type: 'svg',
-      icon:'<svg 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" class="lucide lucide-route"><circle cx="6" cy="19" r="3"/><path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"/><circle cx="18" cy="5" r="3"/></svg>',
       content: defaultValue,
       position: { x: 0, y: 0 },
       width: 40,
       height: 40,
     },
   },
+  icon:'<svg 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" class="lucide lucide-route"><circle cx="6" cy="19" r="3"/><path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15"/><circle cx="18" cy="5" r="3"/></svg>',
 };
 
 export default svgSchema;
@@ -92,8 +92,8 @@ export const readOnlySvg: Plugin<SVGSchema> = {
     defaultSchema: {
       ...svgSchema.propPanel.defaultSchema,
       type: 'readOnlySvg',
-      icon: '<svg 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" class="lucide lucide-route-off"><circle cx="6" cy="19" r="3"/><path d="M9 19h8.5c.4 0 .9-.1 1.3-.2"/><path d="M5.2 5.2A3.5 3.53 0 0 0 6.5 12H12"/><path d="m2 2 20 20"/><path d="M21 15.3a3.5 3.5 0 0 0-3.3-3.3"/><path d="M15 5h-4.3"/><circle cx="18" cy="5" r="3"/></svg>',
       readOnly: true,
     },
   },
+  icon: '<svg 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" class="lucide lucide-route-off"><circle cx="6" cy="19" r="3"/><path d="M9 19h8.5c.4 0 .9-.1 1.3-.2"/><path d="M5.2 5.2A3.5 3.53 0 0 0 6.5 12H12"/><path d="m2 2 20 20"/><path d="M21 15.3a3.5 3.5 0 0 0-3.3-3.3"/><path d="M15 5h-4.3"/><circle cx="18" cy="5" r="3"/></svg>',
 };

package/src/multiVariableText/index.ts

@@ -4,5 +4,11 @@ import { propPanel } from './propPanel.js';
 import { uiRender } from './uiRender.js';
 import type { MultiVariableTextSchema } from './types';
 
-const schema: Plugin<MultiVariableTextSchema> = { pdf: pdfRender, ui: uiRender, propPanel, uninterruptedEditMode: true };
+const schema: Plugin<MultiVariableTextSchema> = {
+    pdf: pdfRender,
+    ui: uiRender,
+    propPanel,
+    icon: '<svg 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" class="lucide lucide-type"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>',
+    uninterruptedEditMode: true
+};
 export default schema;

package/src/multiVariableText/propPanel.ts

@@ -97,7 +97,6 @@ export const propPanel: PropPanel<MultiVariableTextSchema> = {
   defaultSchema: {
     ...parentPropPanel.defaultSchema,
     type: 'multiVariableText',
-    icon: '<svg 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" class="lucide lucide-type"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>',
     text: 'Type something...',
     content: '{}',
     variables: [],

package/src/shapes/line.ts

@@ -50,7 +50,6 @@ const lineSchema: Plugin<LineSchema> = {
     }),
     defaultSchema: {
       type: 'line',
-      icon:'<svg 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" class="lucide lucide-minus"><path d="M5 12h14"/></svg>',
       position: { x: 0, y: 0 },
       width: 50,
       height: 1,
@@ -60,5 +59,6 @@ const lineSchema: Plugin<LineSchema> = {
       color: DEFAULT_LINE_COLOR,
     },
   },
+  icon:'<svg 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" class="lucide lucide-minus"><path d="M5 12h14"/></svg>',
 };
 export default lineSchema;

package/src/shapes/rectAndEllipse.ts

@@ -111,10 +111,17 @@ const getPropPanelSchema = (type: 'rectangle' | 'ellipse') => ({
   defaultSchema: {
     ...shape.propPanel.defaultSchema,
     type,
-    icon: type === 'rectangle' ? rectangleIcon : ellipseIcon,
   },
 });
 
-export const rectangle = { ...shape, propPanel: getPropPanelSchema('rectangle') };
+export const rectangle = {
+  ...shape,
+  propPanel: getPropPanelSchema('rectangle'),
+  icon: rectangleIcon
+};
 
-export const ellipse = { ...shape, propPanel: getPropPanelSchema('ellipse') };
+export const ellipse = {
+  ...shape,
+  propPanel: getPropPanelSchema('ellipse'),
+  icon: ellipseIcon
+};

package/src/tables/index.ts

@@ -8,5 +8,6 @@ const tableSchema: Plugin<TableSchema> = {
   pdf: pdfRender,
   ui: uiRender,
   propPanel,
+  icon: '<svg 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" class="lucide lucide-table"><path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/></svg>',
 };
 export default tableSchema;

package/src/tables/propPanel.ts

@@ -62,7 +62,6 @@ export const propPanel: PropPanel<TableSchema> = {
   },
   defaultSchema: {
     type: 'table',
-    icon:'<svg 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" class="lucide lucide-table"><path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/></svg>',
     position: { x: 0, y: 0 },
     width: 150,
     height: 20,

package/src/text/index.ts

@@ -4,7 +4,12 @@ import { propPanel } from './propPanel.js';
 import { uiRender } from './uiRender.js';
 import type { TextSchema } from './types';
 
-const textSchema: Plugin<TextSchema> = { pdf: pdfRender, ui: uiRender, propPanel };
+const textSchema: Plugin<TextSchema> = {
+  pdf: pdfRender,
+  ui: uiRender,
+  propPanel,
+  icon: '<svg 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" class="lucide lucide-text-cursor-input"><path d="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1"/><path d="M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5"/><path d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"/><path d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7"/><path d="M9 7v10"/></svg>',
+};
 
 export default textSchema;
 
@@ -16,8 +21,8 @@ export const readOnlyText: Plugin<TextSchema> = {
     defaultSchema: {
       ...textSchema.propPanel.defaultSchema,
       type: 'readOnlyText',
-      icon: '<svg 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" class="lucide lucide-type"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>',
       readOnly: true,
     },
   },
+  icon: '<svg 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" class="lucide lucide-type"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>',
 };

package/src/text/propPanel.ts

@@ -148,7 +148,6 @@ export const propPanel: PropPanel<TextSchema> = {
   widgets: { UseDynamicFontSize },
   defaultSchema: {
     type: 'text',
-    icon: '<svg 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" class="lucide lucide-text-cursor-input"><path d="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1"/><path d="M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5"/><path d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"/><path d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7"/><path d="M9 7v10"/></svg>',
     content: 'Type Something...',
     position: { x: 0, y: 0 },
     width: 45,