ui-soxo-bootstrap-core 2.6.59 → 2.6.61

package/core/lib/modules/generic/generic-list/ExportReactCSV.js

@@ -1,508 +1,508 @@
-/**
- * Exports the provided data as an `.xlsx` Excel file using the `xlsx` and `file-saver` libraries.
- *
- * Props:
- * @param {Array<Object>} csvData - The data array to export.
- * @param {Array<{ label: string, key: string }>} [headers] - Optional column headers and field mappings.
- * @param {string} [fileName='Report.xlsx'] - Optional name for the downloaded Excel file.
- */
- 
-import React, { useState } from 'react';
-// Import XLSX library to handle Excel file creation
-import * as XLSX from 'xlsx';
-import { PDFDocument, rgb } from 'pdf-lib';
-import fontkit from '@pdf-lib/fontkit';
-// import * as XLSX from 'xlsx-js-style';
-// import * as XLSX from 'xlsx-js-style';
-// Import saveAs from file-saver to trigger file download in browser
-import { saveAs } from 'file-saver';
-import { Dropdown, Form, Input, Menu, Modal, Radio, message } from 'antd';
-import { DownOutlined, FileExcelFilled, FilePdfFilled, MailFilled, DownloadOutlined } from '@ant-design/icons';
-import { Trans } from 'react-i18next';
-import { CoreScripts } from '../../../../models';
-import './generic-list.scss';
-import { Button } from '../../../elements';
-import { NotoSansRegularBase64 } from './fonts/NotoSansRegular';
-import { NotoSansBoldBase64 } from './fonts/NotoSansBold';
-
-// pdf-lib's built-in StandardFonts (Helvetica) only support WinAnsi encoding,
-// which cannot render Vietnamese diacritics (e.g. "à", "ầ") and throws
-// "WinAnsi cannot encode ..." when a report contains them. Noto Sans is
-// embedded instead via fontkit so PDF export supports Vietnamese text.
-// The base64 strings are decoded once and cached, since every PDF export
-// would otherwise re-decode the same ~120KB font twice.
-let cachedRegularFontBytes;
-let cachedBoldFontBytes;
-
-const base64ToUint8Array = (base64) => {
-  const binaryString = atob(base64);
-  const bytes = new Uint8Array(binaryString.length);
-  for (let i = 0; i < binaryString.length; i += 1) {
-    bytes[i] = binaryString.charCodeAt(i);
-  }
-  return bytes;
-};
-
-const getRegularFontBytes = () => {
-  if (!cachedRegularFontBytes) cachedRegularFontBytes = base64ToUint8Array(NotoSansRegularBase64);
-  return cachedRegularFontBytes;
-};
-
-const getBoldFontBytes = () => {
-  if (!cachedBoldFontBytes) cachedBoldFontBytes = base64ToUint8Array(NotoSansBoldBase64);
-  return cachedBoldFontBytes;
-};
-
-const normalizeScriptId = (value) => {
-  if (value === undefined || value === null || value === '') return value;
-
-  const numberValue = Number(value);
-  return Number.isNaN(numberValue) ? value : numberValue;
-};
-
-const getRecipients = (value) => {
-  if (Array.isArray(value)) return value.filter(Boolean);
-
-  return String(value || '')
-    .split(/[\n,;]+/)
-    .map((email) => email.trim())
-    .filter(Boolean);
-};
-
-
-export const ExportReactCSV = ({
-  csvData,
-  headers,
-  fileName,
-  pdfFileName,
-  title,
-  format = 'excel',
-  buttonText,
-  dropdown = false,
-  onSendReportToMail,
-  scriptId,
-  inputParameters,
-}) => {
-  const [mailModalVisible, setMailModalVisible] = useState(false);
-  const [sendingMail, setSendingMail] = useState(false);
-  const [selectedFormat, setSelectedFormat] = useState('excel');
-  const [mailForm] = Form.useForm();
-
-  /**
-   * exportToExcel function
-   * Triggered on button click, generates and downloads an Excel file
-   */
-
-  const exportToExcel = (downloadFileName) => {
-    // if (!csvData?.length) return;
-
-    let worksheet;
-    // If headers are provided, use them to create the sheet with custom columns
-    if (headers?.length) {
-      // Extract label names for the header row
-      const headerLabels = headers.map((h) => h.label);
-      // Map data rows according to the headers' key order
-      const rows = csvData.map((row) =>
-        headers.map((h, hIndex) => {
-          let value = row[h.key];
-          // If it's a summary row, return a cell object with bold styling
-          if (row.isSummaryRow) {
-            // Remove the index value (typically the first column) for the summary row
-            if (hIndex === 0) value = "";
-
-            return {
-              v: value,
-              s: {
-                font: { bold: true },
-                // "Thick" visual indicator via border
-                // Visual indicator via border
-                border: { bottom: { style: "thick", color: { rgb: "000000" } } }
-              }
-            };
-          }
-          return value;
-        })
-      );
-      // Create a worksheet from an array of arrays (header + rows)
-      const data = [[title || "Report"], [], headerLabels, ...rows];
-      // worksheet = XLSX.utils.aoa_to_sheet([headerLabels, ...rows]);
-      worksheet = XLSX.utils.aoa_to_sheet(data);
-    } else {
-      // If no headers, convert JSON data directly to a worksheet
-      worksheet = XLSX.utils.json_to_sheet(csvData);
-    }
-    // Create a new workbook
-    const workbook = XLSX.utils.book_new();
-    // Append the worksheet to the workbook with the name 'Sheet1'
-    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
-    // Write workbook to a buffer as an array
-    const excelBuffer = XLSX.write(workbook, {
-      bookType: 'xlsx',
-      type: 'array',
-      cellStyles: true, // Required to export styles
-    });
-    // Create a Blob object from the buffer with correct MIME type
-    const blob = new Blob([excelBuffer], {
-      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-    });
-    const flName = downloadFileName || fileName || 'Report.xlsx';
-    // Trigger download using file-saver
-    saveAs(blob, flName);
-  };
-
-  const exportToPdf = async (downloadFileName) => {
-    const pdfDoc = await PDFDocument.create();
-    pdfDoc.registerFontkit(fontkit);
-    const font = await pdfDoc.embedFont(getRegularFontBytes());
-    const boldFont = await pdfDoc.embedFont(getBoldFontBytes());
-    const headersToUse = headers?.length
-      ? headers
-      : Object.keys(csvData?.[0] || {}).map((key) => ({ label: key, key }));
-    const pageSize = headersToUse.length > 12 ? [1190, 842] : [842, 595];
-    const margin = 30;
-    const minRowHeight = 20;
-    const titleHeight = 38;
-    const fontSize = headersToUse.length > 12 ? 7 : 8;
-    const headerFontSize = headersToUse.length > 12 ? 7 : 8;
-    const lineHeight = fontSize + 2;
-    const headerLineHeight = headerFontSize + 2;
-    const cellPaddingX = 4;
-    const cellPaddingY = 5;
-    const availableWidth = pageSize[0] - margin * 2;
-    let page;
-    let y;
-
-    const sanitizeValue = (value) => {
-      if (value === undefined || value === null) return '';
-      if (typeof value === 'object') return JSON.stringify(value);
-      // Normalize all line-ending variants (CRLF/CR) to LF so a lone "\r"
-      // never reaches pdf-lib's WinAnsi encoder, which cannot encode it.
-      return String(value).replace(/\r\n|\r/g, '\n');
-    };
-
-    const getTextWidth = (text, textFont, size) => {
-      const sanitized = sanitizeValue(text);
-      // widthOfTextAtSize measures a single line; strip any remaining
-      // newlines defensively so multi-line values never crash the encoder.
-      return textFont.widthOfTextAtSize(sanitized.replace(/\n/g, ' '), size);
-    };
-
-    const getMaxLineWidth = (value, textFont, size) =>
-      sanitizeValue(value)
-        .split('\n')
-        .reduce((maxWidth, line) => Math.max(maxWidth, textFont.widthOfTextAtSize(line, size)), 0);
-
-    const splitLongWord = (word, maxWidth, textFont, size) => {
-      const characters = Array.from(word);
-      const chunks = [];
-      let chunk = '';
-
-      characters.forEach((character) => {
-        const nextChunk = `${chunk}${character}`;
-
-        if (chunk && getTextWidth(nextChunk, textFont, size) > maxWidth) {
-          chunks.push(chunk);
-          chunk = character;
-        } else {
-          chunk = nextChunk;
-        }
-      });
-
-      if (chunk) chunks.push(chunk);
-      return chunks;
-    };
-
-    const wrapText = (value, maxWidth, textFont, size) => {
-      const text = sanitizeValue(value);
-      const usableWidth = Math.max(maxWidth, 1);
-      const paragraphs = text.split(/\r?\n/);
-
-      return paragraphs.flatMap((paragraph) => {
-        const words = paragraph.split(/\s+/).filter(Boolean);
-        const lines = [];
-        let line = '';
-
-        if (!words.length) return [''];
-
-        words.forEach((word) => {
-          if (getTextWidth(word, textFont, size) > usableWidth) {
-            if (line) {
-              lines.push(line);
-              line = '';
-            }
-
-            const chunks = splitLongWord(word, usableWidth, textFont, size);
-            chunks.forEach((chunk, chunkIndex) => {
-              if (chunkIndex === chunks.length - 1) {
-                line = chunk;
-              } else {
-                lines.push(chunk);
-              }
-            });
-
-            return;
-          }
-
-          const nextLine = line ? `${line} ${word}` : word;
-          if (getTextWidth(nextLine, textFont, size) <= usableWidth) {
-            line = nextLine;
-          } else {
-            if (line) lines.push(line);
-            line = word;
-          }
-        });
-
-        if (line) lines.push(line);
-        return lines;
-      });
-    };
-
-    const getColumnWidths = () => {
-      if (!headersToUse.length) return [availableWidth];
-
-      const sampleRows = (csvData || []).slice(0, 100);
-      const minWidths = [];
-      const preferredWidths = headersToUse.map((header, index) => {
-        const label = sanitizeValue(header.label);
-        const compactColumn = label === '#' || ['slno', 'sl no'].includes(label.toLowerCase());
-        const minWidth = compactColumn ? 28 : 36;
-        const values = [label, ...sampleRows.map((row) => sanitizeValue(row[header.key]))];
-        const longestValueWidth = values.reduce((maxWidth, value) => Math.max(maxWidth, getMaxLineWidth(value, font, fontSize)), 0);
-        const longestWordWidth = values.reduce((maxWidth, value) => {
-          const words = value.split(/\s+/).filter(Boolean);
-          return words.reduce((wordMaxWidth, word) => Math.max(wordMaxWidth, getTextWidth(word, font, fontSize)), maxWidth);
-        }, 0);
-        const headerWidth = getTextWidth(label, boldFont, headerFontSize);
-        const preferredWidth = Math.max(
-          minWidth,
-          Math.min(longestValueWidth + cellPaddingX * 2, compactColumn ? 48 : 130),
-          Math.min(longestWordWidth + cellPaddingX * 2, compactColumn ? 48 : 95),
-          headerWidth + cellPaddingX * 2
-        );
-
-        minWidths[index] = minWidth;
-        return preferredWidth;
-      });
-
-      const minTotal = minWidths.reduce((total, width) => total + width, 0);
-      const preferredTotal = preferredWidths.reduce((total, width) => total + width, 0);
-
-      if (preferredTotal <= availableWidth) {
-        const extraWidth = availableWidth - preferredTotal;
-        return preferredWidths.map((width) => width + (extraWidth * width) / preferredTotal);
-      }
-
-      if (minTotal >= availableWidth) {
-        return minWidths.map((width) => (width * availableWidth) / minTotal);
-      }
-
-      const flexibleTotal = preferredWidths.reduce((total, width, index) => total + (width - minWidths[index]), 0);
-      const extraWidth = availableWidth - minTotal;
-
-      return preferredWidths.map((width, index) => {
-        const flexibleWidth = width - minWidths[index];
-        return minWidths[index] + (extraWidth * flexibleWidth) / flexibleTotal;
-      });
-    };
-
-    const columnWidths = getColumnWidths();
-
-    const getMaxLineCount = (cellLines) => Math.max(1, ...cellLines.map((lines) => lines.length));
-
-    const getRowHeight = (cellLines, rowLineHeight) =>
-      Math.max(minRowHeight, getMaxLineCount(cellLines) * rowLineHeight + cellPaddingY * 2);
-
-    const drawTableRow = (cellLines, rowHeight, options) => {
-      let x = margin;
-
-      cellLines.forEach((lines, index) => {
-        const width = columnWidths[index] || availableWidth;
-        page.drawRectangle({
-          x,
-          y: y - rowHeight,
-          width,
-          height: rowHeight,
-          color: options.backgroundColor,
-          borderColor: options.borderColor,
-          borderWidth: 0.5,
-        });
-
-        lines.forEach((line, lineIndex) => {
-          page.drawText(line, {
-            x: x + cellPaddingX,
-            y: y - cellPaddingY - options.fontSize - lineIndex * options.lineHeight,
-            size: options.fontSize,
-            font: options.font,
-            color: options.textColor,
-          });
-        });
-
-        x += width;
-      });
-
-      y -= rowHeight;
-    };
-
-    const headerCellLines = headersToUse.map((header, index) =>
-      wrapText(header.label, columnWidths[index] - cellPaddingX * 2, boldFont, headerFontSize)
-    );
-    const headerRowHeight = getRowHeight(headerCellLines, headerLineHeight);
-
-    const drawHeader = () => {
-      drawTableRow(headerCellLines, headerRowHeight, {
-        backgroundColor: rgb(0.92, 0.94, 0.96),
-        borderColor: rgb(0.72, 0.75, 0.78),
-        font: boldFont,
-        fontSize: headerFontSize,
-        lineHeight: headerLineHeight,
-        textColor: rgb(0.1, 0.1, 0.1),
-      });
-    };
-
-    const addPage = () => {
-      page = pdfDoc.addPage(pageSize);
-      y = pageSize[1] - margin;
-
-      page.drawText(title || 'Report', {
-        x: margin,
-        y,
-        size: 14,
-        font: boldFont,
-        color: rgb(0.1, 0.1, 0.1),
-      });
-
-      y -= titleHeight;
-      drawHeader();
-    };
-
-    const drawDataRow = (row) => {
-      const rowFont = row.isSummaryRow ? boldFont : font;
-      const cellLines = headersToUse.map((header, index) =>
-        wrapText(row[header.key], columnWidths[index] - cellPaddingX * 2, rowFont, fontSize)
-      );
-      let remainingCellLines = cellLines.map((lines) => (lines.length ? lines : ['']));
-      const fullPageDataHeight = pageSize[1] - margin * 2 - titleHeight - headerRowHeight;
-
-      while (remainingCellLines.some((lines) => lines.length)) {
-        const rowHeight = getRowHeight(remainingCellLines, lineHeight);
-        const availableHeight = y - margin;
-
-        if (rowHeight > availableHeight && rowHeight <= fullPageDataHeight) {
-          addPage();
-          continue;
-        }
-
-        const maxLinesOnPage =
-          rowHeight > availableHeight
-            ? Math.max(1, Math.floor((availableHeight - cellPaddingY * 2) / lineHeight))
-            : getMaxLineCount(remainingCellLines);
-        const segmentCellLines = remainingCellLines.map((lines) => lines.slice(0, maxLinesOnPage));
-        const segmentHeight = getRowHeight(segmentCellLines, lineHeight);
-
-        if (segmentHeight > availableHeight && availableHeight < fullPageDataHeight) {
-          addPage();
-          continue;
-        }
-
-        drawTableRow(segmentCellLines, segmentHeight, {
-          backgroundColor: row.isSummaryRow ? rgb(0.97, 0.97, 0.97) : rgb(1, 1, 1),
-          borderColor: rgb(0.82, 0.84, 0.86),
-          font: rowFont,
-          fontSize,
-          lineHeight,
-          textColor: rgb(0.12, 0.12, 0.12),
-        });
-
-        remainingCellLines = remainingCellLines.map((lines) => lines.slice(maxLinesOnPage));
-        if (remainingCellLines.some((lines) => lines.length)) addPage();
-      }
-    };
-
-    addPage();
-
-    (csvData || []).forEach((row) => {
-      drawDataRow(row);
-    });
-
-    const pdfBytes = await pdfDoc.save();
-    const blob = new Blob([pdfBytes], { type: 'application/pdf' });
-    const flName = downloadFileName || pdfFileName || fileName || 'Report.pdf';
-    saveAs(blob, flName);
-  };
-
-  const handleDownloadMenuClick = ({ key }) => {
-    if (key === 'excel') {
-      exportToExcel(fileName);
-      return;
-    }
-
-    if (key === 'pdf') {
-      exportToPdf(pdfFileName);
-      return;
-    }
-
-    if (key === 'mail') {
-      setMailModalVisible(true);
-    }
-  };
-
-  const handleMailModalClose = () => {
-    setMailModalVisible(false);
-    mailForm.resetFields();
-    setSelectedFormat('excel');
-  };
-
-  const handleFormatToggle = (value) => {
-    const nextValue = selectedFormat === value ? null : value;
-    setSelectedFormat(nextValue);
-    mailForm.setFieldsValue({ format: nextValue });
-  };
-
-  
-  const downloadMenu = (
-    <Menu className="export-download-menu" onClick={handleDownloadMenuClick}>
-      <Menu.Item
-        key="excel"
-        icon={<FileExcelFilled className="export-download-menu__icon export-download-menu__icon--excel" />}
-      >
-        Download Excel Sheet
-      </Menu.Item>
-      <Menu.Item
-        key="pdf"
-        icon={<FilePdfFilled className="export-download-menu__icon export-download-menu__icon--pdf" />}
-      >
-        Download PDF
-      </Menu.Item>
-    </Menu>
-  );
-
-  const isPdf = format === 'pdf';
-  const handleExportButtonClick = () => {
-    if (isPdf) {
-      exportToPdf();
-      return;
-    }
-
-    exportToExcel();
-  };
-
-  if (dropdown) {
-    return (
-      <>
-        <Dropdown overlay={downloadMenu} trigger={['click']} placement="bottomRight">
-          <Button type="primary" size="small" className="export-download-button">
-            <Trans i18nKey={buttonText || 'Download'} /> <DownloadOutlined className="export-download-button__icon" />
-          </Button>
-        </Dropdown>
-      </>
-
-    );
-  }
-
-  // Render an Ant Design Button that triggers the Excel export
-  return (
-    <Button type="secondary" size="small" onClick={handleExportButtonClick} className="export-download-button">
-      <Trans i18nKey={buttonText || (isPdf ? 'PDF Download' : 'Download')} /> <DownloadOutlined className="export-download-button__icon" />
-    </Button>
-  );
-};
+/**
+ * Exports the provided data as an `.xlsx` Excel file using the `xlsx` and `file-saver` libraries.
+ *
+ * Props:
+ * @param {Array<Object>} csvData - The data array to export.
+ * @param {Array<{ label: string, key: string }>} [headers] - Optional column headers and field mappings.
+ * @param {string} [fileName='Report.xlsx'] - Optional name for the downloaded Excel file.
+ */
+ 
+import React, { useState } from 'react';
+// Import XLSX library to handle Excel file creation
+import * as XLSX from 'xlsx';
+import { PDFDocument, rgb } from 'pdf-lib';
+import fontkit from '@pdf-lib/fontkit';
+// import * as XLSX from 'xlsx-js-style';
+// import * as XLSX from 'xlsx-js-style';
+// Import saveAs from file-saver to trigger file download in browser
+import { saveAs } from 'file-saver';
+import { Dropdown, Form, Input, Menu, Modal, Radio, message } from 'antd';
+import { DownOutlined, FileExcelFilled, FilePdfFilled, MailFilled, DownloadOutlined } from '@ant-design/icons';
+import { Trans } from 'react-i18next';
+import { CoreScripts } from '../../../../models';
+import './generic-list.scss';
+import { Button } from '../../../elements';
+import { NotoSansRegularBase64 } from './fonts/NotoSansRegular';
+import { NotoSansBoldBase64 } from './fonts/NotoSansBold';
+
+// pdf-lib's built-in StandardFonts (Helvetica) only support WinAnsi encoding,
+// which cannot render Vietnamese diacritics (e.g. "à", "ầ") and throws
+// "WinAnsi cannot encode ..." when a report contains them. Noto Sans is
+// embedded instead via fontkit so PDF export supports Vietnamese text.
+// The base64 strings are decoded once and cached, since every PDF export
+// would otherwise re-decode the same ~120KB font twice.
+let cachedRegularFontBytes;
+let cachedBoldFontBytes;
+
+const base64ToUint8Array = (base64) => {
+  const binaryString = atob(base64);
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i += 1) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  return bytes;
+};
+
+const getRegularFontBytes = () => {
+  if (!cachedRegularFontBytes) cachedRegularFontBytes = base64ToUint8Array(NotoSansRegularBase64);
+  return cachedRegularFontBytes;
+};
+
+const getBoldFontBytes = () => {
+  if (!cachedBoldFontBytes) cachedBoldFontBytes = base64ToUint8Array(NotoSansBoldBase64);
+  return cachedBoldFontBytes;
+};
+
+const normalizeScriptId = (value) => {
+  if (value === undefined || value === null || value === '') return value;
+
+  const numberValue = Number(value);
+  return Number.isNaN(numberValue) ? value : numberValue;
+};
+
+const getRecipients = (value) => {
+  if (Array.isArray(value)) return value.filter(Boolean);
+
+  return String(value || '')
+    .split(/[\n,;]+/)
+    .map((email) => email.trim())
+    .filter(Boolean);
+};
+
+
+export const ExportReactCSV = ({
+  csvData,
+  headers,
+  fileName,
+  pdfFileName,
+  title,
+  format = 'excel',
+  buttonText,
+  dropdown = false,
+  onSendReportToMail,
+  scriptId,
+  inputParameters,
+}) => {
+  const [mailModalVisible, setMailModalVisible] = useState(false);
+  const [sendingMail, setSendingMail] = useState(false);
+  const [selectedFormat, setSelectedFormat] = useState('excel');
+  const [mailForm] = Form.useForm();
+
+  /**
+   * exportToExcel function
+   * Triggered on button click, generates and downloads an Excel file
+   */
+
+  const exportToExcel = (downloadFileName) => {
+    // if (!csvData?.length) return;
+
+    let worksheet;
+    // If headers are provided, use them to create the sheet with custom columns
+    if (headers?.length) {
+      // Extract label names for the header row
+      const headerLabels = headers.map((h) => h.label);
+      // Map data rows according to the headers' key order
+      const rows = csvData.map((row) =>
+        headers.map((h, hIndex) => {
+          let value = row[h.key];
+          // If it's a summary row, return a cell object with bold styling
+          if (row.isSummaryRow) {
+            // Remove the index value (typically the first column) for the summary row
+            if (hIndex === 0) value = "";
+
+            return {
+              v: value,
+              s: {
+                font: { bold: true },
+                // "Thick" visual indicator via border
+                // Visual indicator via border
+                border: { bottom: { style: "thick", color: { rgb: "000000" } } }
+              }
+            };
+          }
+          return value;
+        })
+      );
+      // Create a worksheet from an array of arrays (header + rows)
+      const data = [[title || "Report"], [], headerLabels, ...rows];
+      // worksheet = XLSX.utils.aoa_to_sheet([headerLabels, ...rows]);
+      worksheet = XLSX.utils.aoa_to_sheet(data);
+    } else {
+      // If no headers, convert JSON data directly to a worksheet
+      worksheet = XLSX.utils.json_to_sheet(csvData);
+    }
+    // Create a new workbook
+    const workbook = XLSX.utils.book_new();
+    // Append the worksheet to the workbook with the name 'Sheet1'
+    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
+    // Write workbook to a buffer as an array
+    const excelBuffer = XLSX.write(workbook, {
+      bookType: 'xlsx',
+      type: 'array',
+      cellStyles: true, // Required to export styles
+    });
+    // Create a Blob object from the buffer with correct MIME type
+    const blob = new Blob([excelBuffer], {
+      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    });
+    const flName = downloadFileName || fileName || 'Report.xlsx';
+    // Trigger download using file-saver
+    saveAs(blob, flName);
+  };
+
+  const exportToPdf = async (downloadFileName) => {
+    const pdfDoc = await PDFDocument.create();
+    pdfDoc.registerFontkit(fontkit);
+    const font = await pdfDoc.embedFont(getRegularFontBytes());
+    const boldFont = await pdfDoc.embedFont(getBoldFontBytes());
+    const headersToUse = headers?.length
+      ? headers
+      : Object.keys(csvData?.[0] || {}).map((key) => ({ label: key, key }));
+    const pageSize = headersToUse.length > 12 ? [1190, 842] : [842, 595];
+    const margin = 30;
+    const minRowHeight = 20;
+    const titleHeight = 38;
+    const fontSize = headersToUse.length > 12 ? 7 : 8;
+    const headerFontSize = headersToUse.length > 12 ? 7 : 8;
+    const lineHeight = fontSize + 2;
+    const headerLineHeight = headerFontSize + 2;
+    const cellPaddingX = 4;
+    const cellPaddingY = 5;
+    const availableWidth = pageSize[0] - margin * 2;
+    let page;
+    let y;
+
+    const sanitizeValue = (value) => {
+      if (value === undefined || value === null) return '';
+      if (typeof value === 'object') return JSON.stringify(value);
+      // Normalize all line-ending variants (CRLF/CR) to LF so a lone "\r"
+      // never reaches pdf-lib's WinAnsi encoder, which cannot encode it.
+      return String(value).replace(/\r\n|\r/g, '\n');
+    };
+
+    const getTextWidth = (text, textFont, size) => {
+      const sanitized = sanitizeValue(text);
+      // widthOfTextAtSize measures a single line; strip any remaining
+      // newlines defensively so multi-line values never crash the encoder.
+      return textFont.widthOfTextAtSize(sanitized.replace(/\n/g, ' '), size);
+    };
+
+    const getMaxLineWidth = (value, textFont, size) =>
+      sanitizeValue(value)
+        .split('\n')
+        .reduce((maxWidth, line) => Math.max(maxWidth, textFont.widthOfTextAtSize(line, size)), 0);
+
+    const splitLongWord = (word, maxWidth, textFont, size) => {
+      const characters = Array.from(word);
+      const chunks = [];
+      let chunk = '';
+
+      characters.forEach((character) => {
+        const nextChunk = `${chunk}${character}`;
+
+        if (chunk && getTextWidth(nextChunk, textFont, size) > maxWidth) {
+          chunks.push(chunk);
+          chunk = character;
+        } else {
+          chunk = nextChunk;
+        }
+      });
+
+      if (chunk) chunks.push(chunk);
+      return chunks;
+    };
+
+    const wrapText = (value, maxWidth, textFont, size) => {
+      const text = sanitizeValue(value);
+      const usableWidth = Math.max(maxWidth, 1);
+      const paragraphs = text.split(/\r?\n/);
+
+      return paragraphs.flatMap((paragraph) => {
+        const words = paragraph.split(/\s+/).filter(Boolean);
+        const lines = [];
+        let line = '';
+
+        if (!words.length) return [''];
+
+        words.forEach((word) => {
+          if (getTextWidth(word, textFont, size) > usableWidth) {
+            if (line) {
+              lines.push(line);
+              line = '';
+            }
+
+            const chunks = splitLongWord(word, usableWidth, textFont, size);
+            chunks.forEach((chunk, chunkIndex) => {
+              if (chunkIndex === chunks.length - 1) {
+                line = chunk;
+              } else {
+                lines.push(chunk);
+              }
+            });
+
+            return;
+          }
+
+          const nextLine = line ? `${line} ${word}` : word;
+          if (getTextWidth(nextLine, textFont, size) <= usableWidth) {
+            line = nextLine;
+          } else {
+            if (line) lines.push(line);
+            line = word;
+          }
+        });
+
+        if (line) lines.push(line);
+        return lines;
+      });
+    };
+
+    const getColumnWidths = () => {
+      if (!headersToUse.length) return [availableWidth];
+
+      const sampleRows = (csvData || []).slice(0, 100);
+      const minWidths = [];
+      const preferredWidths = headersToUse.map((header, index) => {
+        const label = sanitizeValue(header.label);
+        const compactColumn = label === '#' || ['slno', 'sl no'].includes(label.toLowerCase());
+        const minWidth = compactColumn ? 28 : 36;
+        const values = [label, ...sampleRows.map((row) => sanitizeValue(row[header.key]))];
+        const longestValueWidth = values.reduce((maxWidth, value) => Math.max(maxWidth, getMaxLineWidth(value, font, fontSize)), 0);
+        const longestWordWidth = values.reduce((maxWidth, value) => {
+          const words = value.split(/\s+/).filter(Boolean);
+          return words.reduce((wordMaxWidth, word) => Math.max(wordMaxWidth, getTextWidth(word, font, fontSize)), maxWidth);
+        }, 0);
+        const headerWidth = getTextWidth(label, boldFont, headerFontSize);
+        const preferredWidth = Math.max(
+          minWidth,
+          Math.min(longestValueWidth + cellPaddingX * 2, compactColumn ? 48 : 130),
+          Math.min(longestWordWidth + cellPaddingX * 2, compactColumn ? 48 : 95),
+          headerWidth + cellPaddingX * 2
+        );
+
+        minWidths[index] = minWidth;
+        return preferredWidth;
+      });
+
+      const minTotal = minWidths.reduce((total, width) => total + width, 0);
+      const preferredTotal = preferredWidths.reduce((total, width) => total + width, 0);
+
+      if (preferredTotal <= availableWidth) {
+        const extraWidth = availableWidth - preferredTotal;
+        return preferredWidths.map((width) => width + (extraWidth * width) / preferredTotal);
+      }
+
+      if (minTotal >= availableWidth) {
+        return minWidths.map((width) => (width * availableWidth) / minTotal);
+      }
+
+      const flexibleTotal = preferredWidths.reduce((total, width, index) => total + (width - minWidths[index]), 0);
+      const extraWidth = availableWidth - minTotal;
+
+      return preferredWidths.map((width, index) => {
+        const flexibleWidth = width - minWidths[index];
+        return minWidths[index] + (extraWidth * flexibleWidth) / flexibleTotal;
+      });
+    };
+
+    const columnWidths = getColumnWidths();
+
+    const getMaxLineCount = (cellLines) => Math.max(1, ...cellLines.map((lines) => lines.length));
+
+    const getRowHeight = (cellLines, rowLineHeight) =>
+      Math.max(minRowHeight, getMaxLineCount(cellLines) * rowLineHeight + cellPaddingY * 2);
+
+    const drawTableRow = (cellLines, rowHeight, options) => {
+      let x = margin;
+
+      cellLines.forEach((lines, index) => {
+        const width = columnWidths[index] || availableWidth;
+        page.drawRectangle({
+          x,
+          y: y - rowHeight,
+          width,
+          height: rowHeight,
+          color: options.backgroundColor,
+          borderColor: options.borderColor,
+          borderWidth: 0.5,
+        });
+
+        lines.forEach((line, lineIndex) => {
+          page.drawText(line, {
+            x: x + cellPaddingX,
+            y: y - cellPaddingY - options.fontSize - lineIndex * options.lineHeight,
+            size: options.fontSize,
+            font: options.font,
+            color: options.textColor,
+          });
+        });
+
+        x += width;
+      });
+
+      y -= rowHeight;
+    };
+
+    const headerCellLines = headersToUse.map((header, index) =>
+      wrapText(header.label, columnWidths[index] - cellPaddingX * 2, boldFont, headerFontSize)
+    );
+    const headerRowHeight = getRowHeight(headerCellLines, headerLineHeight);
+
+    const drawHeader = () => {
+      drawTableRow(headerCellLines, headerRowHeight, {
+        backgroundColor: rgb(0.92, 0.94, 0.96),
+        borderColor: rgb(0.72, 0.75, 0.78),
+        font: boldFont,
+        fontSize: headerFontSize,
+        lineHeight: headerLineHeight,
+        textColor: rgb(0.1, 0.1, 0.1),
+      });
+    };
+
+    const addPage = () => {
+      page = pdfDoc.addPage(pageSize);
+      y = pageSize[1] - margin;
+
+      page.drawText(title || 'Report', {
+        x: margin,
+        y,
+        size: 14,
+        font: boldFont,
+        color: rgb(0.1, 0.1, 0.1),
+      });
+
+      y -= titleHeight;
+      drawHeader();
+    };
+
+    const drawDataRow = (row) => {
+      const rowFont = row.isSummaryRow ? boldFont : font;
+      const cellLines = headersToUse.map((header, index) =>
+        wrapText(row[header.key], columnWidths[index] - cellPaddingX * 2, rowFont, fontSize)
+      );
+      let remainingCellLines = cellLines.map((lines) => (lines.length ? lines : ['']));
+      const fullPageDataHeight = pageSize[1] - margin * 2 - titleHeight - headerRowHeight;
+
+      while (remainingCellLines.some((lines) => lines.length)) {
+        const rowHeight = getRowHeight(remainingCellLines, lineHeight);
+        const availableHeight = y - margin;
+
+        if (rowHeight > availableHeight && rowHeight <= fullPageDataHeight) {
+          addPage();
+          continue;
+        }
+
+        const maxLinesOnPage =
+          rowHeight > availableHeight
+            ? Math.max(1, Math.floor((availableHeight - cellPaddingY * 2) / lineHeight))
+            : getMaxLineCount(remainingCellLines);
+        const segmentCellLines = remainingCellLines.map((lines) => lines.slice(0, maxLinesOnPage));
+        const segmentHeight = getRowHeight(segmentCellLines, lineHeight);
+
+        if (segmentHeight > availableHeight && availableHeight < fullPageDataHeight) {
+          addPage();
+          continue;
+        }
+
+        drawTableRow(segmentCellLines, segmentHeight, {
+          backgroundColor: row.isSummaryRow ? rgb(0.97, 0.97, 0.97) : rgb(1, 1, 1),
+          borderColor: rgb(0.82, 0.84, 0.86),
+          font: rowFont,
+          fontSize,
+          lineHeight,
+          textColor: rgb(0.12, 0.12, 0.12),
+        });
+
+        remainingCellLines = remainingCellLines.map((lines) => lines.slice(maxLinesOnPage));
+        if (remainingCellLines.some((lines) => lines.length)) addPage();
+      }
+    };
+
+    addPage();
+
+    (csvData || []).forEach((row) => {
+      drawDataRow(row);
+    });
+
+    const pdfBytes = await pdfDoc.save();
+    const blob = new Blob([pdfBytes], { type: 'application/pdf' });
+    const flName = downloadFileName || pdfFileName || fileName || 'Report.pdf';
+    saveAs(blob, flName);
+  };
+
+  const handleDownloadMenuClick = ({ key }) => {
+    if (key === 'excel') {
+      exportToExcel(fileName);
+      return;
+    }
+
+    if (key === 'pdf') {
+      exportToPdf(pdfFileName);
+      return;
+    }
+
+    if (key === 'mail') {
+      setMailModalVisible(true);
+    }
+  };
+
+  const handleMailModalClose = () => {
+    setMailModalVisible(false);
+    mailForm.resetFields();
+    setSelectedFormat('excel');
+  };
+
+  const handleFormatToggle = (value) => {
+    const nextValue = selectedFormat === value ? null : value;
+    setSelectedFormat(nextValue);
+    mailForm.setFieldsValue({ format: nextValue });
+  };
+
+  
+  const downloadMenu = (
+    <Menu className="export-download-menu" onClick={handleDownloadMenuClick}>
+      <Menu.Item
+        key="excel"
+        icon={<FileExcelFilled className="export-download-menu__icon export-download-menu__icon--excel" />}
+      >
+        Download Excel Sheet
+      </Menu.Item>
+      <Menu.Item
+        key="pdf"
+        icon={<FilePdfFilled className="export-download-menu__icon export-download-menu__icon--pdf" />}
+      >
+        Download PDF
+      </Menu.Item>
+    </Menu>
+  );
+
+  const isPdf = format === 'pdf';
+  const handleExportButtonClick = () => {
+    if (isPdf) {
+      exportToPdf();
+      return;
+    }
+
+    exportToExcel();
+  };
+
+  if (dropdown) {
+    return (
+      <>
+        <Dropdown overlay={downloadMenu} trigger={['click']} placement="bottomRight">
+          <Button type="primary" size="small" className="export-download-button">
+            <Trans i18nKey={buttonText || 'Download'} /> <DownloadOutlined className="export-download-button__icon" />
+          </Button>
+        </Dropdown>
+      </>
+
+    );
+  }
+
+  // Render an Ant Design Button that triggers the Excel export
+  return (
+    <Button type="secondary" size="small" onClick={handleExportButtonClick} className="export-download-button">
+      <Trans i18nKey={buttonText || (isPdf ? 'PDF Download' : 'Download')} /> <DownloadOutlined className="export-download-button__icon" />
+    </Button>
+  );
+};