npm - @seniorsistemas/angular-components - Versions diffs - 14.16.1 → 14.16.4 - Mend

@seniorsistemas/angular-components 14.16.1 → 14.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/bundles/seniorsistemas-angular-components.umd.js CHANGED Viewed

@@ -1684,6 +1684,7 @@
             this.true = config.true;
             this.false = config.false;
             this.empty = config.empty;
+            this.clear = config.clear;
         }
         return BooleanOptionsLabel;
     }());
@@ -1734,6 +1735,17 @@
             _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 exports.FieldType.DateTime:
+                    case exports.FieldType.LocalDateTime:
+                    case exports.FieldType.Time:
+                        _this.showSeconds = true;
+                        break;
+                }
+            }
             return _this;
         }
         return CalendarField;
@@ -4544,24 +4556,28 @@
                 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";
@@ -4570,7 +4586,7 @@
         };
         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();
@@ -4578,15 +4594,16 @@
         };
         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*/];
                     }
                 });
@@ -4673,6 +4690,9 @@
     var BooleanFieldComponent = /** @class */ (function () {
         function BooleanFieldComponent() {
         }
+        BooleanFieldComponent.prototype.onClear = function () {
+            this.formControl.reset();
+        };
         __decorate([
             core.Input()
         ], BooleanFieldComponent.prototype, "field", void 0);
@@ -4681,7 +4701,7 @@
         ], BooleanFieldComponent.prototype, "formControl", void 0);
         BooleanFieldComponent = __decorate([
             core.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;
@@ -4702,12 +4722,9 @@
         __decorate([
             core.Input()
         ], CalendarFieldComponent.prototype, "timeOnly", void 0);
-        __decorate([
-            core.Input()
-        ], CalendarFieldComponent.prototype, "showSeconds", void 0);
         CalendarFieldComponent = __decorate([
             core.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;
@@ -5224,16 +5241,9 @@
         DynamicField.prototype.setVariablesByType = function (component) {
             switch (this.field.type) {
                 case exports.FieldType.DateTime:
-                    component.instance.showTime = true;
-                    component.instance.showSeconds = true;
-                    break;
                 case exports.FieldType.LocalDateTime:
-                    component.instance.showTime = true;
-                    component.instance.showSeconds = true;
-                    break;
                 case exports.FieldType.Time:
-                    component.instance.timeOnly = true;
-                    component.instance.showSeconds = true;
+                    component.instance.showTime = true;
                     break;
             }
         };