tailjng 0.1.3 → 0.1.5

package/fesm2022/tailjng.mjs

@@ -9,7 +9,6 @@ import { HttpParams } from '@angular/common/http';
 import { Link2Off, Link, Clipboard, CircleAlert, Clock, Calendar, EllipsisVertical, Trash, Edit, Pencil, PencilLine, ListRestart, FileUp, Download, MonitorUp, FileSpreadsheet, Cpu, Trash2, Eraser, ArrowDownWideNarrow, Filter, ArrowBigRight, ChevronsRight, ChevronRight, ChevronLeft, ChevronsLeft, ListFilter, Table, Loader2, Moon, Sun, Save, Copy, Search, SquareDashedMousePointer, ChevronsUpDown, ChevronDown, ChevronUp, Eye, Upload, ImageOff, Images, Image, Minimize2, Scan, RefreshCcw, RotateCcw, RotateCw, ZoomOut, ZoomIn, Check, X, CircleHelp, TriangleAlert, CircleX, CircleCheck, Info } from 'lucide-angular';
 import * as FileSaver from 'file-saver';
 import * as ExcelJS from 'exceljs';
-import * as XLSX from 'xlsx';
 
 const TAILJNG_CONFIG = new InjectionToken('TAILJNG_CONFIG');
 // providers: [
@@ -2097,18 +2096,33 @@ class JUploadFilterService {
         setLoadingFn(true);
         const reader = new FileReader();
         reader.onload = (e) => {
-            const data = new Uint8Array(e.target.result);
-            const workbook = XLSX.read(data, { type: 'array' });
-            const sheet = workbook.Sheets[workbook.SheetNames[0]];
-            const jsonRaw = XLSX.utils.sheet_to_json(sheet, { header: 1, defval: 'S/N' });
+            void this.parseUploadedWorkbook(e, columns, button, afterProcessing, setLoadingFn, clearFileInputFn);
+        };
+        reader.readAsArrayBuffer(file);
+    }
+    async parseUploadedWorkbook(e, columns, button, afterProcessing, setLoadingFn, clearFileInputFn) {
+        try {
+            const buffer = e.target?.result;
+            if (!(buffer instanceof ArrayBuffer)) {
+                throw new Error('No se pudo leer el archivo Excel.');
+            }
+            const jsonRaw = await this.readWorkbookAsRowArrays(buffer);
             const headers = jsonRaw[1];
             const rows = jsonRaw.slice(2);
-            // Validate headers
+            if (!headers?.length) {
+                this.alertToastService.AlertToast({
+                    type: 'error',
+                    title: 'Archivo inválido',
+                    description: 'El archivo Excel no contiene encabezados en la fila esperada.',
+                });
+                clearFileInputFn();
+                setLoadingFn(false);
+                return;
+            }
             if (!this.validateHeaders(headers, columns, button.ignoreKeyUpload ?? [], setLoadingFn)) {
                 clearFileInputFn();
                 return;
             }
-            // Get the header key map
             const mapHeader = this.getHeaderKeyMap(columns, button.ignoreKeyUpload ?? []);
             const json = rows.map(row => {
                 const obj = {};
@@ -2120,7 +2134,6 @@ class JUploadFilterService {
                         if (columnConfig) {
                             value = this.converterService.parseData(value, columnConfig);
                         }
-                        // Force to string if it's an identification field
                         if (key?.toLowerCase().includes('identification_')) {
                             if (typeof value === 'number') {
                                 value = value.toString();
@@ -2131,71 +2144,51 @@ class JUploadFilterService {
                 });
                 return obj;
             });
-            // Process selected IDs
             forkJoin(this.getIdsSelectedData(button)).subscribe({
                 next: (results) => {
                     let hasMissing = false;
                     const missingMessages = [];
                     results.forEach((result) => {
-                        const { key, data, mappingInfo } = result;
+                        const { data, mappingInfo } = result;
                         const keyReturn = mappingInfo.keyReturn;
                         const keyAlternate = mappingInfo.keyAlternate;
                         const keyColumnSearch = mappingInfo.keyColumnSearch;
                         const isOptional = mappingInfo.optional ?? false;
                         if (!keyReturn || !keyColumnSearch)
                             return;
-                        // Get the column label to display in errors
                         const columnLabel = columns.find(col => col.key === keyColumnSearch)?.label
                             ?? keyColumnSearch;
                         const missingValues = [];
-                        // Iterate over each row of the JSON loaded from Excel
                         json.forEach(item => {
                             const currentValue = item[keyColumnSearch];
                             if (currentValue !== undefined && currentValue !== null) {
-                                // For example, from keyColumnSearch = 'status.name_status'
-                                // you get fieldName = 'name_status'
                                 const fieldName = keyColumnSearch.split('.').pop();
-                                // Search for the value in the catalog obtained from the API
                                 const found = data.find((apiItem) => {
                                     return apiItem[fieldName] === currentValue;
                                 });
                                 if (found) {
-                                    // If it finds the value in the catalog:
-                                    // - delete the textual column (e.g. 'status.name_status')
-                                    // - and leave the id (e.g. id_status) in the object
-                                    // delete item[keyColumnSearch];
-                                    // If mappingInfo brings keyAlternate, use that field, if not, use keyReturn
                                     const valueToAssign = found[keyAlternate ?? keyReturn];
                                     item[keyReturn] = valueToAssign;
                                 }
-                                else {
-                                    if (isOptional) {
-                                        // If it is optional and does not exist, simply delete the field
-                                        delete item[keyColumnSearch];
-                                        item[keyReturn] = null;
-                                    }
-                                    else {
-                                        // If it is not optional and the value was not found, accumulate it to show an error
-                                        missingValues.push(currentValue);
-                                    }
-                                }
-                            }
-                            else {
-                                // If the value comes empty and is optional, delete the field and leave it as null
-                                if (isOptional) {
+                                else if (isOptional) {
                                     delete item[keyColumnSearch];
                                     item[keyReturn] = null;
                                 }
+                                else {
+                                    missingValues.push(currentValue);
+                                }
+                            }
+                            else if (isOptional) {
+                                delete item[keyColumnSearch];
+                                item[keyReturn] = null;
                             }
                         });
-                        // If there were values that were not found in the catalog list
                         if (missingValues.length > 0) {
                             hasMissing = true;
                             const uniqueMissing = Array.from(new Set(missingValues));
                             missingMessages.push(`No se encontraron coincidencias en la columna [${columnLabel}] para los valores: ${uniqueMissing.join(', ')}`);
                         }
                     });
-                    // If there were matching errors, show a warning message
                     if (hasMissing) {
                         this.alertToastService.AlertToast({
                             type: 'warning',
@@ -2208,11 +2201,8 @@ class JUploadFilterService {
                         return;
                     }
                     console.log('JSON final con IDs:', json);
-                    // Determine columns present in the Excel file
                     const fileHeadersUpper = (headers ?? []).map((h) => h?.trim().toUpperCase());
-                    // Generate the mapping of header -> key
                     this.getHeaderKeyMap(columns, button.ignoreKeyUpload ?? []);
-                    // Filter columns that are in the Excel file
                     const filteredColumns = columns.filter(col => {
                         const header = col.label?.trim().toUpperCase();
                         return (col.visible &&
@@ -2220,9 +2210,6 @@ class JUploadFilterService {
                             fileHeadersUpper.includes(header) &&
                             !button.ignoreKeyUpload.includes(col.key));
                     });
-                    // Object to store the equivalences
-                    // keyReturn -> { keyColumnSearch: value }
-                    // For example: { id_status: { name_status: 'Activo' } }
                     const equivalences = {};
                     results.forEach((result) => {
                         const { data, mappingInfo } = result;
@@ -2236,7 +2223,6 @@ class JUploadFilterService {
                             equivalences[keyReturn][item[idKey]] = item[keyColumnSearch.split('.').pop()];
                         });
                     });
-                    // Execute the callback passing the json and the filtered columns
                     afterProcessing(json, filteredColumns, equivalences);
                     clearFileInputFn();
                 },
@@ -2244,8 +2230,60 @@ class JUploadFilterService {
                     setLoadingFn(false);
                 }
             });
-        };
-        reader.readAsArrayBuffer(file);
+        }
+        catch {
+            this.alertToastService.AlertToast({
+                type: 'error',
+                title: 'Error al leer Excel',
+                description: 'No se pudo procesar el archivo. Verifica que sea un .xlsx válido.',
+            });
+            clearFileInputFn();
+            setLoadingFn(false);
+        }
+    }
+    async readWorkbookAsRowArrays(buffer) {
+        const workbook = new ExcelJS.Workbook();
+        await workbook.xlsx.load(buffer);
+        const sheet = workbook.worksheets[0];
+        if (!sheet) {
+            return [];
+        }
+        const rowCount = sheet.rowCount;
+        const colCount = sheet.columnCount;
+        const result = [];
+        for (let rowIndex = 1; rowIndex <= rowCount; rowIndex += 1) {
+            const row = sheet.getRow(rowIndex);
+            const rowData = [];
+            for (let colIndex = 1; colIndex <= colCount; colIndex += 1) {
+                rowData.push(this.getCellPlainValue(row.getCell(colIndex)));
+            }
+            result.push(rowData);
+        }
+        return result;
+    }
+    getCellPlainValue(cell) {
+        const value = cell.value;
+        if (value == null || value === '') {
+            return 'S/N';
+        }
+        if (value instanceof Date) {
+            return value;
+        }
+        if (typeof value === 'object') {
+            if ('result' in value) {
+                return value.result ?? 'S/N';
+            }
+            if ('richText' in value && Array.isArray(value.richText)) {
+                return value.richText.map((part) => part.text).join('');
+            }
+            if ('text' in value && typeof value.text === 'string') {
+                return value.text;
+            }
+            if ('hyperlink' in value && 'text' in value) {
+                return value.text ?? 'S/N';
+            }
+        }
+        return value;
     }
     /**
      * Generates catalogs of valid values for select-type fields.