react-id-card-generator 1.0.21 → 1.1.0

package/dist/esm/utils/tableUtils.js

@@ -0,0 +1,96 @@
+const DEFAULT_TABLE_ROW_COUNT = 5;
+const DEFAULT_TABLE_COLUMN_COUNT = 5;
+function createDefaultTableColumns(count = DEFAULT_TABLE_COLUMN_COUNT) {
+    return Array.from({ length: Math.max(1, count) }, (_, index) => ({
+        id: `column_${index + 1}`,
+        header: `Header ${index + 1}`,
+        fieldKey: `column${index + 1}`,
+        width: 1,
+        align: 'left',
+    }));
+}
+function createDefaultTableConfig() {
+    return {
+        rowCount: DEFAULT_TABLE_ROW_COUNT,
+        columns: createDefaultTableColumns(DEFAULT_TABLE_COLUMN_COUNT),
+        showHeader: true,
+        zebraRows: false,
+        style: {
+            borderColor: '#000000',
+            borderWidth: 1,
+            headerBackgroundColor: '#f0f0f0',
+            headerTextColor: '#000000',
+            headerFontSize: '10px',
+            headerFontWeight: 'bold',
+            bodyTextColor: '#000000',
+            bodyFontSize: '10px',
+            bodyFontWeight: 'normal',
+            cellPadding: '2px 4px',
+            zebraBackgroundColor: '#f7f7f7',
+        },
+    };
+}
+function resizeTableColumns(columns, count) {
+    const safeCount = Math.max(1, Math.floor(count || 1));
+    const existing = columns || [];
+    return Array.from({ length: safeCount }, (_, index) => {
+        const current = existing[index];
+        if (current) {
+            return {
+                ...current,
+                id: current.id || `column_${index + 1}`,
+                header: current.header ?? `Header ${index + 1}`,
+                fieldKey: current.fieldKey || `column${index + 1}`,
+                width: current.width && current.width > 0 ? current.width : 1,
+                align: current.align || 'left',
+            };
+        }
+        return createDefaultTableColumns(safeCount)[index];
+    });
+}
+function normalizeTableConfig(table) {
+    const defaults = createDefaultTableConfig();
+    const columns = resizeTableColumns(table?.columns?.length ? table.columns : defaults.columns, table?.columns?.length || DEFAULT_TABLE_COLUMN_COUNT);
+    return {
+        ...defaults,
+        ...table,
+        rowCount: Math.max(1, Math.floor(table?.rowCount || defaults.rowCount)),
+        columns,
+        showHeader: table?.showHeader ?? defaults.showHeader,
+        zebraRows: table?.zebraRows ?? defaults.zebraRows,
+        rowHeight: typeof table?.rowHeight === 'number' && table.rowHeight > 0
+            ? table.rowHeight
+            : undefined,
+        style: {
+            ...defaults.style,
+            ...table?.style,
+            borderWidth: typeof table?.style?.borderWidth === 'number' && table.style.borderWidth >= 0
+                ? table.style.borderWidth
+                : defaults.style?.borderWidth,
+        },
+    };
+}
+function coerceTableRows(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value
+        .filter((row) => Boolean(row) && typeof row === 'object' && !Array.isArray(row))
+        .map((row) => ({ ...row }));
+}
+function getRenderedTableRows(data, fieldKey, table) {
+    const rows = coerceTableRows(data[fieldKey]);
+    const renderedRowCount = Math.max(table.rowCount, rows.length);
+    return Array.from({ length: renderedRowCount }, (_, index) => rows[index] || {});
+}
+function createSampleTableRows(tableConfig) {
+    const table = normalizeTableConfig(tableConfig);
+    return Array.from({ length: table.rowCount }, (_, rowIndex) => {
+        return table.columns.reduce((row, column) => {
+            row[column.fieldKey] = `${column.header} ${rowIndex + 1}`;
+            return row;
+        }, {});
+    });
+}
+
+export { DEFAULT_TABLE_COLUMN_COUNT, DEFAULT_TABLE_ROW_COUNT, coerceTableRows, createDefaultTableColumns, createDefaultTableConfig, createSampleTableRows, getRenderedTableRows, normalizeTableConfig, resizeTableColumns };
+//# sourceMappingURL=tableUtils.js.map

package/dist/esm/utils/tableUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableUtils.js","sources":["../../../src/utils/tableUtils.ts"],"sourcesContent":["import type { IDCardData, TableColumn, TableConfig, TableRowData } from '../types';\n\nexport const DEFAULT_TABLE_ROW_COUNT = 5;\nexport const DEFAULT_TABLE_COLUMN_COUNT = 5;\n\nexport function createDefaultTableColumns(count = DEFAULT_TABLE_COLUMN_COUNT): TableColumn[] {\n  return Array.from({ length: Math.max(1, count) }, (_, index) => ({\n    id: `column_${index + 1}`,\n    header: `Header ${index + 1}`,\n    fieldKey: `column${index + 1}`,\n    width: 1,\n    align: 'left',\n  }));\n}\n\nexport function createDefaultTableConfig(): TableConfig {\n  return {\n    rowCount: DEFAULT_TABLE_ROW_COUNT,\n    columns: createDefaultTableColumns(DEFAULT_TABLE_COLUMN_COUNT),\n    showHeader: true,\n    zebraRows: false,\n    style: {\n      borderColor: '#000000',\n      borderWidth: 1,\n      headerBackgroundColor: '#f0f0f0',\n      headerTextColor: '#000000',\n      headerFontSize: '10px',\n      headerFontWeight: 'bold',\n      bodyTextColor: '#000000',\n      bodyFontSize: '10px',\n      bodyFontWeight: 'normal',\n      cellPadding: '2px 4px',\n      zebraBackgroundColor: '#f7f7f7',\n    },\n  };\n}\n\nexport function resizeTableColumns(\n  columns: TableColumn[] | undefined,\n  count: number\n): TableColumn[] {\n  const safeCount = Math.max(1, Math.floor(count || 1));\n  const existing = columns || [];\n\n  return Array.from({ length: safeCount }, (_, index) => {\n    const current = existing[index];\n    if (current) {\n      return {\n        ...current,\n        id: current.id || `column_${index + 1}`,\n        header: current.header ?? `Header ${index + 1}`,\n        fieldKey: current.fieldKey || `column${index + 1}`,\n        width: current.width && current.width > 0 ? current.width : 1,\n        align: current.align || 'left',\n      };\n    }\n\n    return createDefaultTableColumns(safeCount)[index];\n  });\n}\n\nexport function normalizeTableConfig(table?: TableConfig): TableConfig {\n  const defaults = createDefaultTableConfig();\n  const columns = resizeTableColumns(\n    table?.columns?.length ? table.columns : defaults.columns,\n    table?.columns?.length || DEFAULT_TABLE_COLUMN_COUNT\n  );\n\n  return {\n    ...defaults,\n    ...table,\n    rowCount: Math.max(1, Math.floor(table?.rowCount || defaults.rowCount)),\n    columns,\n    showHeader: table?.showHeader ?? defaults.showHeader,\n    zebraRows: table?.zebraRows ?? defaults.zebraRows,\n    rowHeight:\n      typeof table?.rowHeight === 'number' && table.rowHeight > 0\n        ? table.rowHeight\n        : undefined,\n    style: {\n      ...defaults.style,\n      ...table?.style,\n      borderWidth:\n        typeof table?.style?.borderWidth === 'number' && table.style.borderWidth >= 0\n          ? table.style.borderWidth\n          : defaults.style?.borderWidth,\n    },\n  };\n}\n\nexport function coerceTableRows(value: IDCardData[string]): TableRowData[] {\n  if (!Array.isArray(value)) return [];\n\n  return value\n    .filter((row): row is TableRowData => Boolean(row) && typeof row === 'object' && !Array.isArray(row))\n    .map((row) => ({ ...row }));\n}\n\nexport function getRenderedTableRows(data: IDCardData, fieldKey: string, table: TableConfig): TableRowData[] {\n  const rows = coerceTableRows(data[fieldKey]);\n  const renderedRowCount = Math.max(table.rowCount, rows.length);\n\n  return Array.from({ length: renderedRowCount }, (_, index) => rows[index] || {});\n}\n\nexport function createSampleTableRows(tableConfig?: TableConfig): TableRowData[] {\n  const table = normalizeTableConfig(tableConfig);\n\n  return Array.from({ length: table.rowCount }, (_, rowIndex) => {\n    return table.columns.reduce<TableRowData>((row, column) => {\n      row[column.fieldKey] = `${column.header} ${rowIndex + 1}`;\n      return row;\n    }, {});\n  });\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/utils/validators.js

@@ -25,16 +25,7 @@ function validateTemplate(template) {
             errors.push({ field: 'cardSize.height', message: 'Card height must be positive' });
         }
     }
-    // Validate backgrounds
-    if (!template.backgrounds?.front && template.sides === 'single') {
-        errors.push({ field: 'backgrounds.front', message: 'Front background is required' });
-    }
-    if (template.sides === 'double' && !template.backgrounds?.back) {
-        errors.push({
-            field: 'backgrounds.back',
-            message: 'Back background is required for double-sided cards',
-        });
-    }
+    // Backgrounds are optional; blank card sides render with the default card background.
     // Validate fields
     if (!template.fields || template.fields.length === 0) {
         errors.push({ field: 'fields', message: 'At least one field is required' });
@@ -106,6 +97,38 @@ function validateField(field, index) {
             message: 'Label fields require static text',
         });
     }
+    if (field.type === 'table') {
+        if (!field.table) {
+            errors.push({
+                field: `${prefix}.table`,
+                message: 'Table fields require table configuration',
+            });
+        }
+        else {
+            if (!field.table.rowCount || field.table.rowCount <= 0) {
+                errors.push({
+                    field: `${prefix}.table.rowCount`,
+                    message: 'Table row count must be positive',
+                });
+            }
+            if (!field.table.columns || field.table.columns.length === 0) {
+                errors.push({
+                    field: `${prefix}.table.columns`,
+                    message: 'Table fields require at least one column',
+                });
+            }
+            else {
+                field.table.columns.forEach((column, columnIndex) => {
+                    if (!column.fieldKey) {
+                        errors.push({
+                            field: `${prefix}.table.columns[${columnIndex}].fieldKey`,
+                            message: 'Table columns require field keys',
+                        });
+                    }
+                });
+            }
+        }
+    }
     return errors;
 }
 /**

package/dist/esm/utils/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sources":["../../../src/utils/validators.ts"],"sourcesContent":["import type { IDCardTemplate, FieldMapping, CardSize } from '../types';\r\n\r\nexport interface ValidationError {\r\n  field: string;\r\n  message: string;\r\n}\r\n\r\n/**\r\n * Validate a complete ID card template\r\n * Checks for required fields, valid dimensions, and proper field configuration\r\n * @param template - The template to validate\r\n * @returns Array of validation errors (empty if valid)\r\n */\r\nexport function validateTemplate(template: IDCardTemplate): ValidationError[] {\r\n  const errors: ValidationError[] = [];\r\n\r\n  // Check required metadata\r\n  if (!template.id) {\r\n    errors.push({ field: 'id', message: 'Template ID is required' });\r\n  }\r\n\r\n  if (!template.name) {\r\n    errors.push({ field: 'name', message: 'Template name is required' });\r\n  }\r\n\r\n  // Validate card dimensions\r\n  if (!template.cardSize) {\r\n    errors.push({ field: 'cardSize', message: 'Card size is required' });\r\n  } else {\r\n    if (template.cardSize.width <= 0) {\r\n      errors.push({ field: 'cardSize.width', message: 'Card width must be positive' });\r\n    }\r\n    if (template.cardSize.height <= 0) {\r\n      errors.push({ field: 'cardSize.height', message: 'Card height must be positive' });\r\n    }\r\n  }\r\n\r\n  // Validate backgrounds\r\n  if (!template.backgrounds?.front && template.sides === 'single') {\r\n    errors.push({ field: 'backgrounds.front', message: 'Front background is required' });\r\n  }\r\n\r\n  if (template.sides === 'double' && !template.backgrounds?.back) {\r\n    errors.push({\r\n      field: 'backgrounds.back',\r\n      message: 'Back background is required for double-sided cards',\r\n    });\r\n  }\r\n\r\n  // Validate fields\r\n  if (!template.fields || template.fields.length === 0) {\r\n    errors.push({ field: 'fields', message: 'At least one field is required' });\r\n  } else {\r\n    template.fields.forEach((field, index) => {\r\n      const fieldErrors = validateField(field, index);\r\n      errors.push(...fieldErrors);\r\n    });\r\n  }\r\n\r\n  // Ensure no duplicate field IDs (would cause rendering issues)\r\n  const fieldIds = template.fields?.map((f) => f.id) || [];\r\n  const duplicateIds = fieldIds.filter((id, index) => fieldIds.indexOf(id) !== index);\r\n  if (duplicateIds.length > 0) {\r\n    errors.push({\r\n      field: 'fields',\r\n      message: `Duplicate field IDs: ${[...new Set(duplicateIds)].join(', ')}`,\r\n    });\r\n  }\r\n\r\n  return errors;\r\n}\r\n\r\n/**\r\n * Validate a single field's configuration\r\n * @param field - The field to validate\r\n * @param index - Field index (for error messages)\r\n * @returns Array of validation errors\r\n */\r\nexport function validateField(field: FieldMapping, index: number): ValidationError[] {\r\n  const errors: ValidationError[] = [];\r\n  const prefix = `fields[${index}]`;\r\n\r\n  if (!field.id) {\r\n    errors.push({ field: `${prefix}.id`, message: 'Field ID is required' });\r\n  }\r\n\r\n  if (!field.fieldKey) {\r\n    errors.push({ field: `${prefix}.fieldKey`, message: 'Field key is required' });\r\n  }\r\n\r\n  if (!field.type) {\r\n    errors.push({ field: `${prefix}.type`, message: 'Field type is required' });\r\n  }\r\n\r\n  if (!field.side) {\r\n    errors.push({ field: `${prefix}.side`, message: 'Field side is required' });\r\n  }\r\n\r\n  if (!field.position) {\r\n    errors.push({ field: `${prefix}.position`, message: 'Field position is required' });\r\n  } else {\r\n    if (field.position.x < 0) {\r\n      errors.push({ field: `${prefix}.position.x`, message: 'X position cannot be negative' });\r\n    }\r\n    if (field.position.y < 0) {\r\n      errors.push({ field: `${prefix}.position.y`, message: 'Y position cannot be negative' });\r\n    }\r\n    if (field.position.width <= 0) {\r\n      errors.push({ field: `${prefix}.position.width`, message: 'Width must be positive' });\r\n    }\r\n    if (field.position.height <= 0) {\r\n      errors.push({ field: `${prefix}.position.height`, message: 'Height must be positive' });\r\n    }\r\n  }\r\n\r\n\r\n\r\n  if (field.type === 'qrcode' && (!field.qrFields || field.qrFields.length === 0)) {\r\n    errors.push({\r\n      field: `${prefix}.qrFields`,\r\n      message: 'QR code fields require at least one data field',\r\n    });\r\n  }\r\n\r\n  if (field.type === 'label' && !field.staticText && !field.label) {\r\n    errors.push({\r\n      field: `${prefix}.staticText`,\r\n      message: 'Label fields require static text',\r\n    });\r\n  }\r\n\r\n  return errors;\r\n}\r\n\r\n/**\r\n * Validate card size against standard dimensions\r\n */\r\nexport function validateCardSize(size: CardSize): boolean {\r\n  const standardSizes = {\r\n    'CR80': { width: 85.6, height: 53.98, unit: 'mm' },\r\n    'CR79': { width: 83.9, height: 51.0, unit: 'mm' },\r\n    'CR100': { width: 98.0, height: 67.0, unit: 'mm' },\r\n  };\r\n\r\n  // Just ensure dimensions are reasonable\r\n  if (size.unit === 'mm') {\r\n    return size.width >= 30 && size.width <= 200 && size.height >= 30 && size.height <= 200;\r\n  }\r\n  if (size.unit === 'px') {\r\n    return size.width >= 100 && size.width <= 2000 && size.height >= 100 && size.height <= 2000;\r\n  }\r\n  if (size.unit === 'in') {\r\n    return size.width >= 1 && size.width <= 10 && size.height >= 1 && size.height <= 10;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\n/**\r\n * Check if a field is within card bounds\r\n */\r\nexport function isFieldInBounds(\r\n  field: FieldMapping,\r\n  cardSize: CardSize\r\n): boolean {\r\n  const { x, y, width, height } = field.position;\r\n  return (\r\n    x >= 0 &&\r\n    y >= 0 &&\r\n    x + width <= cardSize.width &&\r\n    y + height <= cardSize.height\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"validators.js","sources":["../../../src/utils/validators.ts"],"sourcesContent":["import type { IDCardTemplate, FieldMapping, CardSize } from '../types';\r\n\r\nexport interface ValidationError {\r\n  field: string;\r\n  message: string;\r\n}\r\n\r\n/**\r\n * Validate a complete ID card template\r\n * Checks for required fields, valid dimensions, and proper field configuration\r\n * @param template - The template to validate\r\n * @returns Array of validation errors (empty if valid)\r\n */\r\nexport function validateTemplate(template: IDCardTemplate): ValidationError[] {\r\n  const errors: ValidationError[] = [];\r\n\r\n  // Check required metadata\r\n  if (!template.id) {\r\n    errors.push({ field: 'id', message: 'Template ID is required' });\r\n  }\r\n\r\n  if (!template.name) {\r\n    errors.push({ field: 'name', message: 'Template name is required' });\r\n  }\r\n\r\n  // Validate card dimensions\r\n  if (!template.cardSize) {\r\n    errors.push({ field: 'cardSize', message: 'Card size is required' });\r\n  } else {\r\n    if (template.cardSize.width <= 0) {\r\n      errors.push({ field: 'cardSize.width', message: 'Card width must be positive' });\r\n    }\r\n    if (template.cardSize.height <= 0) {\r\n      errors.push({ field: 'cardSize.height', message: 'Card height must be positive' });\r\n    }\r\n  }\r\n\r\n  // Backgrounds are optional; blank card sides render with the default card background.\n\r\n  // Validate fields\r\n  if (!template.fields || template.fields.length === 0) {\r\n    errors.push({ field: 'fields', message: 'At least one field is required' });\r\n  } else {\r\n    template.fields.forEach((field, index) => {\r\n      const fieldErrors = validateField(field, index);\r\n      errors.push(...fieldErrors);\r\n    });\r\n  }\r\n\r\n  // Ensure no duplicate field IDs (would cause rendering issues)\r\n  const fieldIds = template.fields?.map((f) => f.id) || [];\r\n  const duplicateIds = fieldIds.filter((id, index) => fieldIds.indexOf(id) !== index);\r\n  if (duplicateIds.length > 0) {\r\n    errors.push({\r\n      field: 'fields',\r\n      message: `Duplicate field IDs: ${[...new Set(duplicateIds)].join(', ')}`,\r\n    });\r\n  }\r\n\r\n  return errors;\r\n}\r\n\r\n/**\r\n * Validate a single field's configuration\r\n * @param field - The field to validate\r\n * @param index - Field index (for error messages)\r\n * @returns Array of validation errors\r\n */\r\nexport function validateField(field: FieldMapping, index: number): ValidationError[] {\r\n  const errors: ValidationError[] = [];\r\n  const prefix = `fields[${index}]`;\r\n\r\n  if (!field.id) {\r\n    errors.push({ field: `${prefix}.id`, message: 'Field ID is required' });\r\n  }\r\n\r\n  if (!field.fieldKey) {\r\n    errors.push({ field: `${prefix}.fieldKey`, message: 'Field key is required' });\r\n  }\r\n\r\n  if (!field.type) {\r\n    errors.push({ field: `${prefix}.type`, message: 'Field type is required' });\r\n  }\r\n\r\n  if (!field.side) {\r\n    errors.push({ field: `${prefix}.side`, message: 'Field side is required' });\r\n  }\r\n\r\n  if (!field.position) {\r\n    errors.push({ field: `${prefix}.position`, message: 'Field position is required' });\r\n  } else {\r\n    if (field.position.x < 0) {\r\n      errors.push({ field: `${prefix}.position.x`, message: 'X position cannot be negative' });\r\n    }\r\n    if (field.position.y < 0) {\r\n      errors.push({ field: `${prefix}.position.y`, message: 'Y position cannot be negative' });\r\n    }\r\n    if (field.position.width <= 0) {\r\n      errors.push({ field: `${prefix}.position.width`, message: 'Width must be positive' });\r\n    }\r\n    if (field.position.height <= 0) {\r\n      errors.push({ field: `${prefix}.position.height`, message: 'Height must be positive' });\r\n    }\r\n  }\r\n\r\n\r\n\r\n  if (field.type === 'qrcode' && (!field.qrFields || field.qrFields.length === 0)) {\r\n    errors.push({\r\n      field: `${prefix}.qrFields`,\r\n      message: 'QR code fields require at least one data field',\r\n    });\r\n  }\r\n\r\n  if (field.type === 'label' && !field.staticText && !field.label) {\n    errors.push({\n      field: `${prefix}.staticText`,\n      message: 'Label fields require static text',\n    });\n  }\n\n  if (field.type === 'table') {\n    if (!field.table) {\n      errors.push({\n        field: `${prefix}.table`,\n        message: 'Table fields require table configuration',\n      });\n    } else {\n      if (!field.table.rowCount || field.table.rowCount <= 0) {\n        errors.push({\n          field: `${prefix}.table.rowCount`,\n          message: 'Table row count must be positive',\n        });\n      }\n\n      if (!field.table.columns || field.table.columns.length === 0) {\n        errors.push({\n          field: `${prefix}.table.columns`,\n          message: 'Table fields require at least one column',\n        });\n      } else {\n        field.table.columns.forEach((column, columnIndex) => {\n          if (!column.fieldKey) {\n            errors.push({\n              field: `${prefix}.table.columns[${columnIndex}].fieldKey`,\n              message: 'Table columns require field keys',\n            });\n          }\n        });\n      }\n    }\n  }\n\n  return errors;\n}\n\r\n/**\r\n * Validate card size against standard dimensions\r\n */\r\nexport function validateCardSize(size: CardSize): boolean {\r\n  const standardSizes = {\r\n    'CR80': { width: 85.6, height: 53.98, unit: 'mm' },\r\n    'CR79': { width: 83.9, height: 51.0, unit: 'mm' },\r\n    'CR100': { width: 98.0, height: 67.0, unit: 'mm' },\r\n  };\r\n\r\n  // Just ensure dimensions are reasonable\r\n  if (size.unit === 'mm') {\r\n    return size.width >= 30 && size.width <= 200 && size.height >= 30 && size.height <= 200;\r\n  }\r\n  if (size.unit === 'px') {\r\n    return size.width >= 100 && size.width <= 2000 && size.height >= 100 && size.height <= 2000;\r\n  }\r\n  if (size.unit === 'in') {\r\n    return size.width >= 1 && size.width <= 10 && size.height >= 1 && size.height <= 10;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\n/**\r\n * Check if a field is within card bounds\r\n */\r\nexport function isFieldInBounds(\r\n  field: FieldMapping,\r\n  cardSize: CardSize\r\n): boolean {\r\n  const { x, y, width, height } = field.position;\r\n  return (\r\n    x >= 0 &&\r\n    y >= 0 &&\r\n    x + width <= cardSize.width &&\r\n    y + height <= cardSize.height\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -47,14 +47,48 @@ interface FieldStyle {
     lineHeight?: string;
     letterSpacing?: string;
 }
+type TableCellValue = string | number | boolean | null | undefined;
+interface TableRowData {
+    [key: string]: TableCellValue;
+}
+interface TableColumn {
+    id: string;
+    header: string;
+    fieldKey: string;
+    /** Relative width weight for CSS grid columns */
+    width?: number;
+    align?: 'left' | 'center' | 'right';
+}
+interface TableStyle {
+    borderColor?: string;
+    borderWidth?: number;
+    headerBackgroundColor?: string;
+    headerTextColor?: string;
+    headerFontSize?: string;
+    headerFontWeight?: FieldStyle['fontWeight'];
+    bodyTextColor?: string;
+    bodyFontSize?: string;
+    bodyFontWeight?: FieldStyle['fontWeight'];
+    cellPadding?: string;
+    zebraBackgroundColor?: string;
+}
+interface TableConfig {
+    rowCount: number;
+    columns: TableColumn[];
+    showHeader?: boolean;
+    zebraRows?: boolean;
+    rowHeight?: number;
+    style?: TableStyle;
+}
 /**
  * Available field types for ID cards
  * - text: Dynamic text data (name, ID, etc.)
  * - image: Photos or logos
  * - qrcode: QR codes generated from card data
  * - label: Static text that doesn't change
+ * - table: Tabular row data with configurable columns
  */
-type FieldType = 'text' | 'image' | 'qrcode' | 'label';
+type FieldType = 'text' | 'image' | 'qrcode' | 'label' | 'table';
 /**
  * A single field on the ID card (text, image, QR code, etc.)
  * This defines what the field displays and how it's styled
@@ -72,6 +106,7 @@ interface FieldMapping {
     qrFields?: string[];
     aspectRatio?: number;
     staticText?: string;
+    table?: TableConfig;
     zIndex?: number;
 }
 type CardOrientation = 'portrait' | 'landscape';
@@ -114,7 +149,7 @@ interface IDCardTemplate {
  * Example: { name: 'John Doe', photo: 'data:image/jpeg;base64,...' }
  */
 interface IDCardData {
-    [key: string]: string | number | boolean | string[] | undefined;
+    [key: string]: string | number | boolean | string[] | TableRowData[] | undefined;
 }
 /**
  * Options for exporting cards to PDF or images
@@ -501,5 +536,9 @@ declare const defaultFieldStyles: Record<string, FieldStyle>;
  */
 declare function cn(...classes: (string | undefined | null | false)[]): string;
 
-export { IDCardDesigner, IDCardGenerator, IDCardPreview, cn, createDefaultTemplate, defaultFieldStyles, downloadIDCardAsImage, downloadIDCardAsPDF, exportIDCard, exportTemplateAsJSON, fieldStyleToCSS, generateId, generateQrCodeDataURL, generateQrCodeFromFields, imageFileToBase64, importTemplateFromJSON, isFieldInBounds, listTemplatesFromLocal, loadTemplateFromLocal, mergeStyles, positionToStyle, removeTemplateFromLocal, saveTemplateToLocal, setQrCodeOnElement, toReactStyle, useFieldMapping, useIDCardExport, useIDCardTemplate, validateCardSize, validateField, validateTemplate };
-export type { CardBackground, CardOrientation, CardSides, CardSize, DragState, ExportOptions, ExportResult, FieldDefinition, FieldMapping, FieldPosition, FieldStyle, FieldType, IDCardData, IDCardDesignerProps, IDCardGeneratorProps, IDCardPreviewProps, IDCardTemplate, ResizeState, TemplateStorage, UseFieldMappingReturn, UseIDCardExportReturn, UseIDCardTemplateReturn };
+declare function createDefaultTableColumns(count?: number): TableColumn[];
+declare function createDefaultTableConfig(): TableConfig;
+declare function normalizeTableConfig(table?: TableConfig): TableConfig;
+
+export { IDCardDesigner, IDCardGenerator, IDCardPreview, cn, createDefaultTableColumns, createDefaultTableConfig, createDefaultTemplate, defaultFieldStyles, downloadIDCardAsImage, downloadIDCardAsPDF, exportIDCard, exportTemplateAsJSON, fieldStyleToCSS, generateId, generateQrCodeDataURL, generateQrCodeFromFields, imageFileToBase64, importTemplateFromJSON, isFieldInBounds, listTemplatesFromLocal, loadTemplateFromLocal, mergeStyles, normalizeTableConfig, positionToStyle, removeTemplateFromLocal, saveTemplateToLocal, setQrCodeOnElement, toReactStyle, useFieldMapping, useIDCardExport, useIDCardTemplate, validateCardSize, validateField, validateTemplate };
+export type { CardBackground, CardOrientation, CardSides, CardSize, DragState, ExportOptions, ExportResult, FieldDefinition, FieldMapping, FieldPosition, FieldStyle, FieldType, IDCardData, IDCardDesignerProps, IDCardGeneratorProps, IDCardPreviewProps, IDCardTemplate, ResizeState, TableCellValue, TableColumn, TableConfig, TableRowData, TableStyle, TemplateStorage, UseFieldMappingReturn, UseIDCardExportReturn, UseIDCardTemplateReturn };

package/dist/types/components/IDCardTable.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FieldMapping, IDCardData } from '../types';
+interface IDCardTableProps {
+    field: FieldMapping;
+    data: IDCardData;
+}
+export declare const IDCardTable: React.FC<IDCardTableProps>;
+export {};

package/dist/types/index.d.ts

@@ -29,5 +29,6 @@ export { downloadIDCardAsPDF, downloadIDCardAsImage, exportIDCard, } from './cor
 export { saveTemplateToLocal, loadTemplateFromLocal, listTemplatesFromLocal, removeTemplateFromLocal, exportTemplateAsJSON, importTemplateFromJSON, imageFileToBase64, generateId, createDefaultTemplate, } from './storage/templateStorage';
 export { validateTemplate, validateField, validateCardSize, isFieldInBounds, } from './utils/validators';
 export { toReactStyle, fieldStyleToCSS, mergeStyles, positionToStyle, defaultFieldStyles, cn, } from './utils/styleUtils';
-export type { FieldPosition, FieldStyle, FieldType, FieldMapping, FieldDefinition, CardOrientation, CardSides, CardSize, CardBackground, IDCardTemplate, IDCardData, ExportOptions, ExportResult, IDCardGeneratorProps, IDCardDesignerProps, IDCardPreviewProps, UseIDCardTemplateReturn, UseIDCardExportReturn, UseFieldMappingReturn, TemplateStorage, DragState, ResizeState, } from './types';
+export { createDefaultTableColumns, createDefaultTableConfig, normalizeTableConfig, } from './utils/tableUtils';
+export type { FieldPosition, FieldStyle, FieldType, FieldMapping, FieldDefinition, TableCellValue, TableRowData, TableColumn, TableStyle, TableConfig, CardOrientation, CardSides, CardSize, CardBackground, IDCardTemplate, IDCardData, ExportOptions, ExportResult, IDCardGeneratorProps, IDCardDesignerProps, IDCardPreviewProps, UseIDCardTemplateReturn, UseIDCardExportReturn, UseFieldMappingReturn, TemplateStorage, DragState, ResizeState, } from './types';
 import './components/IDCardDesigner.css';

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

@@ -46,14 +46,48 @@ export interface FieldStyle {
     lineHeight?: string;
     letterSpacing?: string;
 }
+export type TableCellValue = string | number | boolean | null | undefined;
+export interface TableRowData {
+    [key: string]: TableCellValue;
+}
+export interface TableColumn {
+    id: string;
+    header: string;
+    fieldKey: string;
+    /** Relative width weight for CSS grid columns */
+    width?: number;
+    align?: 'left' | 'center' | 'right';
+}
+export interface TableStyle {
+    borderColor?: string;
+    borderWidth?: number;
+    headerBackgroundColor?: string;
+    headerTextColor?: string;
+    headerFontSize?: string;
+    headerFontWeight?: FieldStyle['fontWeight'];
+    bodyTextColor?: string;
+    bodyFontSize?: string;
+    bodyFontWeight?: FieldStyle['fontWeight'];
+    cellPadding?: string;
+    zebraBackgroundColor?: string;
+}
+export interface TableConfig {
+    rowCount: number;
+    columns: TableColumn[];
+    showHeader?: boolean;
+    zebraRows?: boolean;
+    rowHeight?: number;
+    style?: TableStyle;
+}
 /**
  * Available field types for ID cards
  * - text: Dynamic text data (name, ID, etc.)
  * - image: Photos or logos
  * - qrcode: QR codes generated from card data
  * - label: Static text that doesn't change
+ * - table: Tabular row data with configurable columns
  */
-export type FieldType = 'text' | 'image' | 'qrcode' | 'label';
+export type FieldType = 'text' | 'image' | 'qrcode' | 'label' | 'table';
 /**
  * A single field on the ID card (text, image, QR code, etc.)
  * This defines what the field displays and how it's styled
@@ -71,6 +105,7 @@ export interface FieldMapping {
     qrFields?: string[];
     aspectRatio?: number;
     staticText?: string;
+    table?: TableConfig;
     zIndex?: number;
 }
 export type CardOrientation = 'portrait' | 'landscape';
@@ -113,7 +148,7 @@ export interface IDCardTemplate {
  * Example: { name: 'John Doe', photo: 'data:image/jpeg;base64,...' }
  */
 export interface IDCardData {
-    [key: string]: string | number | boolean | string[] | undefined;
+    [key: string]: string | number | boolean | string[] | TableRowData[] | undefined;
 }
 /**
  * Options for exporting cards to PDF or images

package/dist/types/utils/tableUtils.d.ts

@@ -0,0 +1,10 @@
+import type { IDCardData, TableColumn, TableConfig, TableRowData } from '../types';
+export declare const DEFAULT_TABLE_ROW_COUNT = 5;
+export declare const DEFAULT_TABLE_COLUMN_COUNT = 5;
+export declare function createDefaultTableColumns(count?: number): TableColumn[];
+export declare function createDefaultTableConfig(): TableConfig;
+export declare function resizeTableColumns(columns: TableColumn[] | undefined, count: number): TableColumn[];
+export declare function normalizeTableConfig(table?: TableConfig): TableConfig;
+export declare function coerceTableRows(value: IDCardData[string]): TableRowData[];
+export declare function getRenderedTableRows(data: IDCardData, fieldKey: string, table: TableConfig): TableRowData[];
+export declare function createSampleTableRows(tableConfig?: TableConfig): TableRowData[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-id-card-generator",
-  "version": "1.0.21",
+  "version": "1.1.0",
   "description": "A flexible React library for designing, configuring, and generating ID cards with drag-and-drop field positioning",
   "main": "dist/cjs/index.js",
   "type": "module",