@seniorsistemas/angular-components 19.6.2 → 19.7.1

package/fesm2022/seniorsistemas-angular-components-table.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { Directive, HostListener, inject, Input, ViewContainerRef, Component, ViewChild, Inject, NgModule } from '@angular/core';
+import { Directive, HostListener, inject, Input, ViewContainerRef, Component, ViewChild, input, NgModule } from '@angular/core';
 import { RowToggler, Table } from 'primeng/table';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { HostProjectConfigsInjectionToken } from '@seniorsistemas/angular-components/common';
 import { LocaleService, applyLocalizedMask } from '@seniorsistemas/angular-components/locale';
 import { NumericService } from '@seniorsistemas/angular-components/numeric';
 import { deepClone, isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
-import BigNumber$1 from 'bignumber.js';
+import BigNumber from 'bignumber.js';
 import moment from 'moment';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -477,7 +477,7 @@ class TableColumnsComponent {
         return '';
     }
     isNumber(value) {
-        return !new BigNumber$1(value).isNaN();
+        return !new BigNumber(value).isNaN();
     }
     getTokens(values) {
         if (!this.isArray(values)) {
@@ -527,6 +527,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+var ExportNumberFormat;
+(function (ExportNumberFormat) {
+    ExportNumberFormat["Raw"] = "raw";
+    ExportNumberFormat["Localized"] = "localized";
+})(ExportNumberFormat || (ExportNumberFormat = {}));
+
 class ExportUtils {
     static addClass(element, className) {
         element.nativeElement.className = `${element.nativeElement.className} ${className}`;
@@ -638,6 +644,127 @@ class ExportUtils {
 }
 const isObject = (obj) => obj !== null && typeof obj === 'object';
 
+function isNumericColumnType(type) {
+    return type === EnumColumnFieldType.NUMBER || type === EnumColumnFieldType.CURRENCY;
+}
+function isNumericValue(value) {
+    return !new BigNumber(value).isNaN();
+}
+function resolveColumnNumberFormatOptions(column, rowValue, cellNumberFormatOptions) {
+    if (cellNumberFormatOptions) {
+        return cellNumberFormatOptions;
+    }
+    return typeof column.numberFormatOptions === 'function'
+        ? column.numberFormatOptions({ rowData: rowValue })
+        : column.numberFormatOptions;
+}
+function resolveColumnScale(column, rowValue, fallback = 0) {
+    if (isNullOrUndefined(column.scale)) {
+        return fallback;
+    }
+    return typeof column.scale === 'function' ? column.scale(rowValue) : column.scale;
+}
+
+function isRowValueFormatOption(cell) {
+    return !isNullOrUndefined(cell) && typeof cell === 'object' && 'value' in cell;
+}
+function swapDecimalSeparator(value, decimalSeparator) {
+    // toFixed() (sem argumento) preserva a precisão total e nunca usa notação exponencial,
+    // ao contrário de toString(), que passa a notação científica para valores muito grandes/pequenos.
+    return new BigNumber(value).toFixed().replace('.', decimalSeparator);
+}
+// column.attributes é a fonte preferencial (é o que table-columns.component.ts usa pra formatar
+// a mesma coluna na tela), mas colunas configuradas só com `field` (sem `attributes`) também
+// precisam ser resolvidas — mesmo fallback que mapCustomExport/mapColumnsTranslations já usam.
+function resolveColumnAttributes(column) {
+    if (column.attributes?.length) {
+        return column.attributes;
+    }
+    const field = column.field;
+    if (isNullOrUndefined(field)) {
+        return [];
+    }
+    return Array.isArray(field) ? field : [field];
+}
+function mapExportValuesRaw(columns, tableData) {
+    const numericColumns = columns.filter((column) => isNumericColumnType(column.type));
+    if (!numericColumns.length) {
+        return tableData;
+    }
+    return tableData.map((rowData) => {
+        const newRow = { ...rowData };
+        for (const column of numericColumns) {
+            for (const attribute of resolveColumnAttributes(column)) {
+                const cell = newRow[attribute];
+                if (isRowValueFormatOption(cell)) {
+                    newRow[attribute] = cell.value ?? null;
+                }
+            }
+        }
+        return newRow;
+    });
+}
+function mapExportValuesLocalized(columns, tableData, numericService, localeOptions) {
+    const numericColumns = columns.filter((column) => isNumericColumnType(column.type));
+    if (!numericColumns.length) {
+        return tableData;
+    }
+    return tableData.map((rowData) => {
+        const newRow = { ...rowData };
+        for (const column of numericColumns) {
+            for (const attribute of resolveColumnAttributes(column)) {
+                const cell = newRow[attribute];
+                if (isNullOrUndefined(cell)) {
+                    continue;
+                }
+                const isRichValue = isRowValueFormatOption(cell);
+                const rawValue = isRichValue ? cell.value : cell;
+                if (isNullOrUndefined(rawValue)) {
+                    // Rich-value com value ausente representa um número "não informado" — desembrulha
+                    // pra null em vez de deixar o objeto { value, options } intocado (viraria
+                    // "[object Object]" no CSV), igual ao que mapExportValuesRaw já faz.
+                    newRow[attribute] = null;
+                    continue;
+                }
+                const cellNumberFormatOptions = isRichValue ? cell.options?.numberFormatOptions : undefined;
+                const numberFormatOptions = resolveColumnNumberFormatOptions(column, rowData, cellNumberFormatOptions);
+                if (numberFormatOptions) {
+                    const valueToFormat = numberFormatOptions.style === 'percent'
+                        ? new BigNumber(rawValue).times(100).toNumber()
+                        : rawValue;
+                    newRow[attribute] = numericService.instant(valueToFormat, {
+                        locale: localeOptions?.locale,
+                        numberFormatOptions: {
+                            ...numberFormatOptions,
+                            style: 'decimal',
+                            useGrouping: false,
+                        },
+                    });
+                    continue;
+                }
+                const decimalSeparator = localeOptions?.number.decimalSeparator ?? ',';
+                if (isNullOrUndefined(column.scale)) {
+                    // Sem scale configurado, não há uma quantidade de casas decimais "correta" a impor:
+                    // só troca o separador, preservando a precisão original do dado (evita perda de dados no export).
+                    newRow[attribute] = isNumericValue(rawValue)
+                        ? swapDecimalSeparator(rawValue, decimalSeparator)
+                        : rawValue;
+                    continue;
+                }
+                newRow[attribute] = applyLocalizedMask(rawValue, {
+                    decimalSeparator,
+                    thousandsSeparator: '',
+                    scale: resolveColumnScale(column, rowData),
+                    prefix: '',
+                    suffix: '',
+                    allowNegative: true,
+                }, isNumericValue(rawValue));
+            }
+        }
+        return newRow;
+    });
+}
+
 class TablePagingComponent {
     translate = inject(TranslateService);
     hostProjectConfigs = inject(HostProjectConfigsInjectionToken);
@@ -650,8 +777,10 @@ class TablePagingComponent {
     loadAllRecords;
     loadCurrentPageRecords;
     loadSelectedRecords;
+    exportNumberFormat = input();
     totalRecordsText = '';
-    localeService = Inject(LocaleService);
+    localeService = inject(LocaleService);
+    numericService = inject(NumericService);
     ngOnChanges(changes) {
         if (changes['totalRecords']?.currentValue) {
             this.totalRecordsText = this.translate.instant(`${this.getTranslatePrefix()}total_records`, {
@@ -667,25 +796,13 @@ class TablePagingComponent {
     }
     getActions() {
         const actions = [
-            {
-                dataKey: 'exportCurrentPage',
-                label: this.translate.instant(`${this.getTranslatePrefix()}export_current_page`),
-                command: () => this.exportCurrentPage(),
-            },
+            this.buildScopeAction('exportCurrentPage', `${this.getTranslatePrefix()}export_current_page`, (format) => this.exportCurrentPage(format)),
         ];
         if (this.enableExportSelectedRecords) {
-            actions.push({
-                dataKey: 'exportSelected',
-                label: this.translate.instant(`${this.getTranslatePrefix()}export_selected_records`),
-                command: () => this.exportSelectedRecords(),
-            });
+            actions.push(this.buildScopeAction('exportSelected', `${this.getTranslatePrefix()}export_selected_records`, (format) => this.exportSelectedRecords(format)));
         }
         if (this.loadAllRecords) {
-            actions.push({
-                dataKey: 'exportAll',
-                label: this.translate.instant(`${this.getTranslatePrefix()}export_all_records`),
-                command: () => this.exportAllRecords(),
-            });
+            actions.push(this.buildScopeAction('exportAll', `${this.getTranslatePrefix()}export_all_records`, (format) => this.exportAllRecords(format)));
         }
         if (this.customActions?.length) {
             const customMenus = this.customActions.map((p, $index) => ({
@@ -697,6 +814,32 @@ class TablePagingComponent {
         }
         return actions;
     }
+    buildScopeAction(dataKey, label, run) {
+        const fixedFormat = this.exportNumberFormat();
+        if (fixedFormat) {
+            return {
+                dataKey,
+                label: this.translate.instant(label),
+                command: () => run(fixedFormat),
+            };
+        }
+        return {
+            dataKey,
+            label: this.translate.instant(label),
+            submenu: [
+                {
+                    dataKey: `${dataKey}_raw`,
+                    label: this.translate.instant('platform.angular_components.export_raw_data'),
+                    command: () => run(ExportNumberFormat.Raw),
+                },
+                {
+                    dataKey: `${dataKey}_localized`,
+                    label: this.translate.instant('platform.angular_components.export_localized_data'),
+                    command: () => run(ExportNumberFormat.Localized),
+                },
+            ],
+        };
+    }
     validateComponent() {
         if (!this.table) {
             throw new Error('Table component not defined');
@@ -727,22 +870,29 @@ class TablePagingComponent {
             return exportColumn;
         });
     }
-    getCurrentPageRowsToExport(columns) {
+    getCurrentPageRowsToExport(columns, format) {
         let tableData = deepClone(this.table.value);
         if (this.loadCurrentPageRecords) {
             tableData = this.loadCurrentPageRecords();
         }
-        tableData = this.mapNumberFormatOptionsExport(columns, tableData);
+        tableData = this.mapCustomExport(columns, tableData);
+        tableData = this.mapNumberFormat(columns, tableData, format);
         return this.mapColumnsTranslations(columns, tableData);
     }
-    getSelectedRowsToExport(columns) {
+    getSelectedRowsToExport(columns, format) {
         let tableData = deepClone(this.table.selection);
         if (this.loadSelectedRecords) {
             tableData = this.loadSelectedRecords();
         }
-        tableData = this.mapNumberFormatOptionsExport(columns, tableData);
+        tableData = this.mapCustomExport(columns, tableData);
+        tableData = this.mapNumberFormat(columns, tableData, format);
         return this.mapColumnsTranslations(columns, tableData);
     }
+    mapNumberFormat(columns, tableData, format) {
+        return format === ExportNumberFormat.Raw
+            ? mapExportValuesRaw(columns, tableData)
+            : mapExportValuesLocalized(columns, tableData, this.numericService, this.localeService.getLocaleOptions());
+    }
     getPropertyValue(obj, path) {
         return path
             .split('.')
@@ -831,19 +981,19 @@ class TablePagingComponent {
         const formattedTime = date.toLocaleTimeString(lang).replace(' ', '-');
         return `${fileName}_${formattedDate}_${formattedTime}`;
     }
-    exportCurrentPage() {
+    exportCurrentPage(format = ExportNumberFormat.Localized) {
         this.validateComponent();
         const columns = this.getColumnsToExport();
-        const dataToExport = this.getCurrentPageRowsToExport(columns);
+        const dataToExport = this.getCurrentPageRowsToExport(columns, format);
         ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
     }
-    exportSelectedRecords() {
+    exportSelectedRecords(format = ExportNumberFormat.Localized) {
         this.validateComponent();
         const columns = this.getColumnsToExport();
-        const dataToExport = this.getSelectedRowsToExport(columns);
+        const dataToExport = this.getSelectedRowsToExport(columns, format);
         ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
     }
-    async exportAllRecords() {
+    async exportAllRecords(format = ExportNumberFormat.Localized) {
         this.validateComponent();
         if (!this.loadAllRecords) {
             return;
@@ -851,79 +1001,12 @@ class TablePagingComponent {
         let serverData = await this.loadAllRecords();
         const columns = this.getColumnsToExport();
         serverData = this.mapCustomExport(columns, serverData);
-        serverData = this.mapNumberFormatOptionsExport(columns, serverData);
+        serverData = this.mapNumberFormat(columns, serverData, format);
         const dataToExport = this.mapColumnsTranslations(columns, serverData);
         ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
     }
-    /**
-     * The purpose of this method is to map values
-     * from the TableColumnsComponent, which uses the numberFormatOptions
-     * field, along with rows that have a custom numberFormatOptions,
-     * to ensure the correct values are exported by the TablePagingComponent.
-     *
-     * @returns Returns the correctly mapped tableData.
-     */
-    mapNumberFormatOptionsExport(columns, tableData) {
-        const hasNumberFormatOptionsColumns = columns.some((column) => column.numberFormatOptions);
-        const hasNumberFormatOptionsRows = tableData.some((rowData) => Object.keys(rowData).some((key) => rowData[key]?.options?.numberFormatOptions));
-        if (!hasNumberFormatOptionsColumns && !hasNumberFormatOptionsRows)
-            return tableData;
-        if (hasNumberFormatOptionsColumns) {
-            tableData = tableData.map((rowData) => {
-                const columnsWithNumberFormatOptions = columns.filter((column) => column.numberFormatOptions);
-                for (const column of columnsWithNumberFormatOptions) {
-                    const attributes = column.attributes;
-                    const numberFormatOptions = typeof column.numberFormatOptions === 'function'
-                        ? column.numberFormatOptions({
-                            rowData,
-                        })
-                        : column.numberFormatOptions;
-                    for (const attribute of attributes) {
-                        if (isNullOrUndefined(rowData[attribute]))
-                            continue;
-                        if (rowData[attribute].options?.numberFormatOptions) {
-                            continue;
-                        }
-                        const value = rowData[attribute];
-                        const mappedValue = numberFormatOptions?.style === 'percent'
-                            ? new BigNumber(value).times(100)
-                            : new BigNumber(value);
-                        const numberFormat = new Intl.NumberFormat(this.localeService.getLocaleOptions().locale, {
-                            ...numberFormatOptions,
-                            style: 'decimal',
-                            useGrouping: false,
-                            roundingMode: 'trunc',
-                        });
-                        rowData[attribute] = numberFormat.format(mappedValue.toNumber());
-                    }
-                }
-                return rowData;
-            });
-        }
-        if (hasNumberFormatOptionsRows) {
-            tableData = tableData.map((rowData) => {
-                const keysWithNumberFormatOptions = Object.keys(rowData).filter((key) => rowData[key]?.options?.numberFormatOptions);
-                for (const key of keysWithNumberFormatOptions) {
-                    const value = rowData[key].value;
-                    const numberFormatOptions = rowData[key].options?.numberFormatOptions;
-                    const mappedValue = numberFormatOptions?.style === 'percent'
-                        ? new BigNumber(value).times(100)
-                        : new BigNumber(value);
-                    const numberFormat = new Intl.NumberFormat(this.localeService.getLocaleOptions().locale, {
-                        ...numberFormatOptions,
-                        style: 'decimal',
-                        useGrouping: false,
-                        roundingMode: 'trunc',
-                    });
-                    rowData[key] = numberFormat.format(mappedValue.toNumber());
-                }
-                return rowData;
-            });
-        }
-        return tableData;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TablePagingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TablePagingComponent, selector: "s-table-paging", inputs: { totalRecords: "totalRecords", exportFileName: "exportFileName", table: "table", exportable: "exportable", enableExportSelectedRecords: "enableExportSelectedRecords", customActions: "customActions", loadAllRecords: "loadAllRecords", loadCurrentPageRecords: "loadCurrentPageRecords", loadSelectedRecords: "loadSelectedRecords" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{ totalRecordsText }}\n    </span>\n    @if (exportable) {\n        <s-button\n            class=\"export-button\"\n            priority=\"default\"\n            iconClass=\"fa fa-fw fa-file-export\"\n            [disabled]=\"false\"\n            [auxiliary]=\"true\"\n            [tooltip]=\"getTooltipText()\"\n            [menuOptions]=\"getActions()\"\n        >\n        </s-button>\n    }\n</div>\n", styles: [".paging-container{display:flex;align-items:center}.export-button{margin-left:6px}\n"], dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TablePagingComponent, selector: "s-table-paging", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, exportFileName: { classPropertyName: "exportFileName", publicName: "exportFileName", isSignal: false, isRequired: false, transformFunction: null }, table: { classPropertyName: "table", publicName: "table", isSignal: false, isRequired: false, transformFunction: null }, exportable: { classPropertyName: "exportable", publicName: "exportable", isSignal: false, isRequired: false, transformFunction: null }, enableExportSelectedRecords: { classPropertyName: "enableExportSelectedRecords", publicName: "enableExportSelectedRecords", isSignal: false, isRequired: false, transformFunction: null }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: false, isRequired: false, transformFunction: null }, loadAllRecords: { classPropertyName: "loadAllRecords", publicName: "loadAllRecords", isSignal: false, isRequired: false, transformFunction: null }, loadCurrentPageRecords: { classPropertyName: "loadCurrentPageRecords", publicName: "loadCurrentPageRecords", isSignal: false, isRequired: false, transformFunction: null }, loadSelectedRecords: { classPropertyName: "loadSelectedRecords", publicName: "loadSelectedRecords", isSignal: false, isRequired: false, transformFunction: null }, exportNumberFormat: { classPropertyName: "exportNumberFormat", publicName: "exportNumberFormat", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{ totalRecordsText }}\n    </span>\n    @if (exportable) {\n        <s-button\n            class=\"export-button\"\n            priority=\"default\"\n            iconClass=\"fa fa-fw fa-file-export\"\n            [disabled]=\"false\"\n            [auxiliary]=\"true\"\n            [tooltip]=\"getTooltipText()\"\n            [menuOptions]=\"getActions()\"\n        >\n        </s-button>\n    }\n</div>\n", styles: [".paging-container{display:flex;align-items:center}.export-button{margin-left:6px}\n"], dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TablePagingComponent, decorators: [{
             type: Component,
@@ -988,5 +1071,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EnumBadgeColors, EnumColumnFieldType, ExportUtils, NavigationDirective, RowTogllerDirective, TableColumnsComponent, TableModule, TablePagingComponent };
+export { EnumBadgeColors, EnumColumnFieldType, ExportNumberFormat, ExportUtils, NavigationDirective, RowTogllerDirective, TableColumnsComponent, TableModule, TablePagingComponent };
 //# sourceMappingURL=seniorsistemas-angular-components-table.mjs.map