@seniorsistemas/angular-components 14.16.1 → 14.16.4

package/fesm5/seniorsistemas-angular-components.js

@@ -1511,6 +1511,7 @@ var BooleanOptionsLabel = /** @class */ (function () {
         this.true = config.true;
         this.false = config.false;
         this.empty = config.empty;
+        this.clear = config.clear;
     }
     return BooleanOptionsLabel;
 }());
@@ -1561,6 +1562,17 @@ var CalendarField = /** @class */ (function (_super) {
         _this.onYearChange = config.onYearChange;
         _this.selectionMode = config.selectionMode || "single";
         _this.rangeSeparator = config.rangeSeparator || "-";
+        _this.showSeconds = config.showSeconds;
+        // Tornando true o padrão para showSeconds.
+        if (_this.showSeconds === null || _this.showSeconds === undefined) {
+            switch (_this.type) {
+                case FieldType.DateTime:
+                case FieldType.LocalDateTime:
+                case FieldType.Time:
+                    _this.showSeconds = true;
+                    break;
+            }
+        }
         return _this;
     }
     return CalendarField;
@@ -4371,24 +4383,28 @@ var TablePagingComponent = /** @class */ (function () {
             return exportColumn;
         });
     };
-    TablePagingComponent.prototype.getRowsToExport = function () {
+    TablePagingComponent.prototype.getCurrentPageRowsToExport = function () {
+        return this.mapColumnsTranslations(this.table.columns, this.table.value);
+    };
+    TablePagingComponent.prototype.getSelectedRowsToExport = function () {
+        return this.mapColumnsTranslations(this.table.columns, this.table.selection);
+    };
+    TablePagingComponent.prototype.mapColumnsTranslations = function (columns, rows) {
         var _this = this;
-        var enumColumns = this.table.columns.filter(function (p) { return p.enumPrefix; });
+        var enumColumns = columns.filter(function (p) { return p.enumPrefix; });
         if (!enumColumns.length)
-            return this.table.value;
-        return __spread(this.table.value).map(function (row) {
+            return rows;
+        return __spread(rows).map(function (row) {
+            var newRow = __assign({}, row);
             for (var i = 0; i <= enumColumns.length - 1; i++) {
                 var column = enumColumns[i];
                 var fieldName = column.field;
                 var columnData = row[fieldName];
-                row[fieldName] = _this.translate.instant(column.enumPrefix + columnData.toString().toLowerCase());
+                newRow[fieldName] = _this.translate.instant(column.enumPrefix + columnData.toString().toLowerCase());
             }
-            return row;
+            return newRow;
         });
     };
-    TablePagingComponent.prototype.getSelectedRowsToExport = function () {
-        return this.table.selection;
-    };
     TablePagingComponent.prototype.getExportFileName = function () {
         var _a;
         var fileName = (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
@@ -4397,7 +4413,7 @@ var TablePagingComponent = /** @class */ (function () {
     };
     TablePagingComponent.prototype.exportCurrentPage = function () {
         this.validateComponent();
-        ExportUtils.exportCSV(this.getColumnsToExport(), this.getRowsToExport(), undefined, this.getExportFileName());
+        ExportUtils.exportCSV(this.getColumnsToExport(), this.getCurrentPageRowsToExport(), undefined, this.getExportFileName());
     };
     TablePagingComponent.prototype.exportSelectedRecords = function () {
         this.validateComponent();
@@ -4405,15 +4421,16 @@ var TablePagingComponent = /** @class */ (function () {
     };
     TablePagingComponent.prototype.exportAllRecords = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var data;
+            var serverData, dataToExport;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         this.validateComponent();
                         return [4 /*yield*/, this.loadAllRecords()];
                     case 1:
-                        data = _a.sent();
-                        ExportUtils.exportCSV(this.getColumnsToExport(), data, undefined, this.getExportFileName());
+                        serverData = _a.sent();
+                        dataToExport = this.mapColumnsTranslations(this.table.columns, serverData);
+                        ExportUtils.exportCSV(this.getColumnsToExport(), dataToExport, undefined, this.getExportFileName());
                         return [2 /*return*/];
                 }
             });
@@ -4500,6 +4517,9 @@ var AutocompleteFieldComponent = /** @class */ (function () {
 var BooleanFieldComponent = /** @class */ (function () {
     function BooleanFieldComponent() {
     }
+    BooleanFieldComponent.prototype.onClear = function () {
+        this.formControl.reset();
+    };
     __decorate([
         Input()
     ], BooleanFieldComponent.prototype, "field", void 0);
@@ -4508,7 +4528,7 @@ var BooleanFieldComponent = /** @class */ (function () {
     ], BooleanFieldComponent.prototype, "formControl", void 0);
     BooleanFieldComponent = __decorate([
         Component({
-            template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\"\n                [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-1'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\"\n                [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-2'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\"\n                [label]=\"field.optionsLabel.empty\" [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\" [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-1'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n        <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\" [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-2'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n        <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\" [label]=\"field.optionsLabel.empty\"\n            [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n    </div>\n</ng-template>\n"
+            template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"true\"\n                [label]=\"field.optionsLabel.true\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-1'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"false\"\n                [label]=\"field.optionsLabel.false\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-2'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div\n            *ngIf=\"!field.showClear && !field.required()\"\n            class=\"ui-g-12\">\n            <p-radioButton                \n                [name]=\"field.name\"\n                [value]=\"null\"\n                [label]=\"field.optionsLabel.empty\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-3'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>            \n        </div>\n        <div>\n            <s-button\n                *ngIf=\"field.showClear && !field.required()\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (onClick)=\"onClear()\"\n                priority=\"link\">\n            </s-button>\n        </div>\n\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"true\"\n            [label]=\"field.optionsLabel.true\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-1'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n    \n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"false\"\n            [label]=\"field.optionsLabel.false\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-2'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <p-radioButton\n            *ngIf=\"!field.showClear && !field.required()\"\n            [name]=\"field.name\"\n            [value]=\"null\"\n            [label]=\"field.optionsLabel.empty\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-3'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <s-button\n            *ngIf=\"field.showClear && !field.required()\"\n            style=\"margin-left: 40px;\"\n            [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-template>\n"
         })
     ], BooleanFieldComponent);
     return BooleanFieldComponent;
@@ -4529,12 +4549,9 @@ var CalendarFieldComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], CalendarFieldComponent.prototype, "timeOnly", void 0);
-    __decorate([
-        Input()
-    ], CalendarFieldComponent.prototype, "showSeconds", void 0);
     CalendarFieldComponent = __decorate([
         Component({
-            template: "<div [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\" [appendTo]=\"field.appendTo || 'body'\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"showTime\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        icon=\"fa fa-calendar\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\"\n    ></p-calendar>\n</div>\n"
+            template: "<div [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\" [appendTo]=\"field.appendTo || 'body'\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    \n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        icon=\"fa fa-calendar\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\"\n    ></p-calendar>\n</div>\n"
         })
     ], CalendarFieldComponent);
     return CalendarFieldComponent;
@@ -5051,16 +5068,9 @@ var DynamicField = /** @class */ (function (_super) {
     DynamicField.prototype.setVariablesByType = function (component) {
         switch (this.field.type) {
             case FieldType.DateTime:
-                component.instance.showTime = true;
-                component.instance.showSeconds = true;
-                break;
             case FieldType.LocalDateTime:
-                component.instance.showTime = true;
-                component.instance.showSeconds = true;
-                break;
             case FieldType.Time:
-                component.instance.timeOnly = true;
-                component.instance.showSeconds = true;
+                component.instance.showTime = true;
                 break;
         }
     };