@fuentis/phoenix-ui 0.0.9-alpha.573 → 0.0.9-alpha.576

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2536,13 +2536,16 @@ async function exportRowsToPdf(columns, rows, columnTypeMap, columnTypeEnum, t,
     if (!columns?.length)
         return;
     const locale = options.locale || 'en-US';
-    // Prepare headers
+    /* =========================
+       HEADERS
+    ========================= */
     const headers = columns.map((c) => sanitizeText(t(c.header)));
-    // Prepare body rows
+    /* =========================
+       BODY ROWS
+    ========================= */
     const bodyRows = (rows ?? []).map((row) => columns.map((col) => {
         const type = columnTypeMap[col.field] || col.columnType;
         if (type === columnTypeEnum.LIST || type === columnTypeEnum.LIST_TAG) {
-            // make each item its own line; keep items intact (no bullets)
             const rawVal = getNestedValue(row, col.field);
             const items = Array.isArray(rawVal)
                 ? rawVal.map((x) => x?.name ?? x)
@@ -2550,13 +2553,14 @@ async function exportRowsToPdf(columns, rows, columnTypeMap, columnTypeEnum, t,
             const cleaned = items
                 .map((it) => collapseInlineSpaces(String(it)))
                 .filter(Boolean);
-            return sanitizeText(cleaned.join(',\n')); // hard break after commas
+            return sanitizeText(cleaned.join(',\n'));
         }
         const raw = String(getDisplayValue(row, col, columnTypeMap, columnTypeEnum, t, locale));
         return sanitizeText(collapseInlineSpaces(raw));
     }));
-    // Set up pdfmake fonts - pdfmake has built-in support for Unicode characters
-    // pdfFonts contains the vfs object directly
+    /* =========================
+       FONTS
+    ========================= */
     if (pdfFonts && pdfFonts.pdfMake) {
         pdfMake.vfs = pdfFonts.pdfMake.vfs;
     }
@@ -2564,89 +2568,114 @@ async function exportRowsToPdf(columns, rows, columnTypeMap, columnTypeEnum, t,
         pdfMake.vfs = pdfFonts.vfs;
     }
     else {
-        // Fallback: try to access vfs directly
         pdfMake.vfs = pdfFonts || {};
     }
-    // Try to load Noto Sans font which has better emoji support
-    // This is optional - if it fails, we'll use Roboto
     try {
         const notoSansFont = await loadNotoSansFont();
         if (notoSansFont) {
-            // Add Noto Sans to pdfmake fonts
-            if (!pdfMake.fonts) {
-                pdfMake.fonts = {};
-            }
+            pdfMake.fonts ??= {};
             pdfMake.fonts.NotoSans = {
                 normal: 'NotoSans-Regular.ttf',
                 bold: 'NotoSans-Bold.ttf',
                 italics: 'NotoSans-Italic.ttf',
                 bolditalics: 'NotoSans-BoldItalic.ttf',
             };
-            // Add font file to vfs
             pdfMake.vfs['NotoSans-Regular.ttf'] = notoSansFont;
-            pdfMake.vfs['NotoSans-Bold.ttf'] = notoSansFont; // Use same font for bold
+            pdfMake.vfs['NotoSans-Bold.ttf'] = notoSansFont;
         }
     }
-    catch (error) {
-        console.warn('Failed to load Noto Sans font, using default Roboto:', error);
-    }
-    // Use 'auto' widths for pdfmake - it will automatically fit columns to page width
-    // pdfmake works well with Serbian characters and handles auto-sizing better
-    const columnWidths = columns.map((col) => {
+    catch {
+        console.warn('NotoSans not loaded, fallback to Roboto');
+    }
+    /* =========================
+       FIXED TABLE WIDTH LOGIC
+    ========================= */
+    const fixedTableWidth = 750;
+    const listColumnWidth = 80;
+    const minColumnWidth = 40;
+    const listIndexes = [];
+    const regularIndexes = [];
+    columns.forEach((col, i) => {
         const type = columnTypeMap[col.field] || col.columnType;
         if (type === columnTypeEnum.LIST || type === columnTypeEnum.LIST_TAG) {
-            return 100; // Fixed width for LIST columns
+            listIndexes.push(i);
+        }
+        else {
+            regularIndexes.push(i);
         }
-        return 'auto'; // Auto width for other columns - pdfmake will fit them
     });
-    // Build table body for pdfmake
+    const reservedWidth = listIndexes.length * listColumnWidth;
+    const availableWidth = fixedTableWidth - reservedWidth;
+    const baseRegularWidth = regularIndexes.length > 0
+        ? Math.max(minColumnWidth, availableWidth / regularIndexes.length)
+        : minColumnWidth;
+    let columnWidths = columns.map((_, i) => listIndexes.includes(i) ? listColumnWidth : baseRegularWidth);
+    /* === NORMALIZACIJA (TAČNO 750px) === */
+    const regularSum = regularIndexes.reduce((sum, i) => sum + columnWidths[i], 0);
+    if (regularSum > 0) {
+        const scaleFactor = availableWidth / regularSum;
+        console.log(scaleFactor);
+        // 1. skaliranje + floor
+        regularIndexes.forEach((i) => {
+            columnWidths[i] = Math.floor(columnWidths[i] * scaleFactor);
+        });
+        // 2. korekcija razlike (1px po koloni)
+        let diff = fixedTableWidth - columnWidths.reduce((sum, w) => sum + w, 0);
+        let idx = 0;
+        while (diff !== 0 && regularIndexes.length) {
+            const i = regularIndexes[idx % regularIndexes.length];
+            columnWidths[i] += diff > 0 ? 1 : -1;
+            diff += diff > 0 ? -1 : 1;
+            idx++;
+        }
+    }
+    /* =========================
+       TABLE BODY
+    ========================= */
     const tableBody = [
-        // Header row
         headers.map((header) => ({
             text: header,
             style: 'tableHeader',
-            bold: true,
-        })),
-        // Data rows
-        ...bodyRows.map((row) => row.map((cell, cellIdx) => {
-            const col = columns[cellIdx];
-            const type = columnTypeMap[col?.field] || col?.columnType;
-            return {
-                text: cell || '',
-                style: 'tableCell',
-                // Enable text wrapping for all cells
-                noWrap: false,
-            };
         })),
+        ...bodyRows.map((row) => row.map((cell) => ({
+            text: cell || '',
+            style: 'tableCell',
+            noWrap: false,
+        }))),
     ];
-    // PDF document definition
+    console.log(columnWidths);
+    /* =========================
+       PDF DEFINITION
+    ========================= */
     const docDefinition = {
         pageOrientation: 'landscape',
         pageSize: 'A4',
+        pageMargins: [25, 30, 15, 30],
         content: [
             {
-                table: {
-                    headerRows: 1,
-                    widths: columnWidths,
-                    body: tableBody,
-                },
-                layout: {
-                    hLineWidth: () => 0, // Remove horizontal lines between rows
-                    vLineWidth: () => 0, // Remove vertical lines between columns
-                    paddingLeft: () => 3,
-                    paddingRight: () => 3,
-                    paddingTop: () => 3,
-                    paddingBottom: () => 3,
-                    // Alternating row colors: grey, white, grey, white...
-                    fillColor: (rowIndex, node, columnIndex) => {
-                        // Header row stays blue RGB(41, 128, 186)
-                        if (rowIndex === 0) {
-                            return [41, 128, 186];
-                        }
-                        // Data rows alternate: grey for odd rows (1, 3, 5...), white for even rows (2, 4, 6...)
-                        return (rowIndex - 1) % 2 === 0 ? '#f5f5f5' : null; // grey for odd rows, white (null) for even rows
+                columns: [
+                    {
+                        width: fixedTableWidth,
+                        table: {
+                            headerRows: 1,
+                            widths: columnWidths,
+                            body: tableBody,
+                        },
+                        layout: {
+                            hLineWidth: () => 0,
+                            vLineWidth: () => 0,
+                            paddingLeft: () => 3,
+                            paddingRight: () => 3,
+                            paddingTop: () => 3,
+                            paddingBottom: () => 3,
+                            fillColor: (rowIndex) => rowIndex === 0
+                                ? [41, 128, 186]
+                                : (rowIndex - 1) % 2 === 0
+                                    ? '#f5f5f5'
+                                    : null,
+                        },
                     },
-                },
+                ],
             },
         ],
         styles: {
@@ -2654,26 +2683,17 @@ async function exportRowsToPdf(columns, rows, columnTypeMap, columnTypeEnum, t,
                 fontSize: 11,
                 bold: true,
                 color: '#ffffff',
-                fillColor: [41, 128, 186], // RGB(41, 128, 186)
-                alignment: 'left',
                 margin: [0, 5, 0, 5],
             },
             tableCell: {
                 fontSize: 9,
-                alignment: 'left',
                 margin: [0, 5, 0, 5],
-                // Enable text wrapping
-                noWrap: false,
             },
         },
         defaultStyle: {
-            // Use NotoSans if loaded, otherwise fallback to Roboto
             font: pdfMake.fonts?.NotoSans ? 'NotoSans' : 'Roboto',
-            // NotoSans has better Unicode and emoji support than Roboto
         },
-        pageMargins: [15, 30, 15, 30], // Reduced margins to give more space
     };
-    // Generate and download PDF
     pdfMake.createPdf(docDefinition).download(fileName);
 }
 /* -------------------------- Export: Excel -------------------------- */