@seniorsistemas/exclusion-process-component 0.0.1-c049d10c-e93a-4d63-9c2a-b17bca40c324 → 0.1.0

package/bundles/seniorsistemas-exclusion-process-component.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('primeng/panel'), require('primeng/table'), require('@seniorsistemas/angular-components'), require('moment'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/common/http'), require('@ngx-translate/core'), require('primeng/api')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/exclusion-process-component', ['exports', '@angular/common', '@angular/core', 'primeng/panel', 'primeng/table', '@seniorsistemas/angular-components', 'moment', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/common/http', '@ngx-translate/core', 'primeng/api'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['exclusion-process-component'] = {}), global.ng.common, global.ng.core, global.panel, global.table, global.angularComponents, global.moment, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.common.http, global.core$1, global.api));
-}(this, (function (exports, common, core, panel, table, angularComponents, moment, router, rxjs, operators, http, core$1, api) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('primeng/panel'), require('primeng/table'), require('@seniorsistemas/angular-components'), require('moment'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/common/http'), require('@ngx-translate/core'), require('primeng/api'), require('@angular/forms'), require('primeng/dialog'), require('primeng/confirmdialog'), require('primeng/inputtext'), require('@seniorsistemas/platform-components')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/exclusion-process-component', ['exports', '@angular/common', '@angular/core', 'primeng/panel', 'primeng/table', '@seniorsistemas/angular-components', 'moment', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/common/http', '@ngx-translate/core', 'primeng/api', '@angular/forms', 'primeng/dialog', 'primeng/confirmdialog', 'primeng/inputtext', '@seniorsistemas/platform-components'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['exclusion-process-component'] = {}), global.ng.common, global.ng.core, global.panel, global.table, global.angularComponents, global.moment, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.common.http, global.core$1, global.api, global.ng.forms, global.dialog, global.confirmdialog, global.inputtext, global.platformComponents));
+}(this, (function (exports, common, core, panel, table, angularComponents, moment, router, rxjs, operators, http, core$1, api, forms, dialog, confirmdialog, inputtext, platformComponents) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -259,6 +259,8 @@
         return LogicalDeleteConfigService;
     }());
 
+    var HTTP_UNAUTHORIZED_CODE = 401;
+    var DEFAULT_PAGE_SIZE = 10;
     var LogicalDeleteService = /** @class */ (function () {
         function LogicalDeleteService(http, messageService, translate, projectConfigs) {
             this.http = http;
@@ -273,10 +275,11 @@
         LogicalDeleteService.prototype.defaultCatch = function () {
             var _this = this;
             return operators.catchError(function (err) {
+                var _a;
                 if (err) {
                     var summary = err.status ? String(err.status) : "Error";
-                    var detail = (err.error && err.error.message) || err.statusText || err.message || "Error";
-                    if (err.status === 401) {
+                    var detail = ((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || err.statusText || err.message;
+                    if (err.status === HTTP_UNAUTHORIZED_CODE) {
                         var prefix = _this.projectConfigs.getTranslationPrefix();
                         summary = _this.translate.instant(prefix + ".error_unauthorized_title");
                         detail = _this.translate.instant(prefix + ".error_unauthorized_description");
@@ -284,14 +287,14 @@
                     _this.messageService.add({
                         severity: "error",
                         summary: summary,
-                        detail: detail
+                        detail: detail || "Error"
                     });
                 }
                 return rxjs.throwError(err);
             });
         };
         LogicalDeleteService.prototype.getListQueryParams = function (listParams) {
-            var _a = listParams.page, page = _a === void 0 ? 0 : _a, _b = listParams.size, size = _b === void 0 ? 10 : _b, _c = listParams.sort, sort = _c === void 0 ? [] : _c, _d = listParams.filterQuery, filterQuery = _d === void 0 ? "" : _d, _e = listParams.displayFields, displayFields = _e === void 0 ? [] : _e;
+            var _a = listParams.page, page = _a === void 0 ? 0 : _a, _b = listParams.size, size = _b === void 0 ? DEFAULT_PAGE_SIZE : _b, _c = listParams.sort, sort = _c === void 0 ? [] : _c, _d = listParams.filterQuery, filterQuery = _d === void 0 ? "" : _d, _e = listParams.displayFields, displayFields = _e === void 0 ? [] : _e;
             var params = new http.HttpParams();
             params = params.append("size", String(size));
             params = params.append("offset", String(page));
@@ -313,10 +316,22 @@
             }
             return params;
         };
-        LogicalDeleteService.prototype.getProcessDetails = function (recordId) {
-            var filterParams = {
-                filter: "recordId eq '" + recordId + "'"
-            };
+        LogicalDeleteService.prototype.getProcessDetails = function (id) {
+            return this.doGetProcessDetails({
+                filter: "id eq '" + id + "'",
+                size: "1",
+                offset: "0",
+            });
+        };
+        LogicalDeleteService.prototype.getLatestProcessDetails = function (recordId) {
+            return this.doGetProcessDetails({
+                filter: "recordId eq '" + recordId + "'",
+                size: "1",
+                offset: "0",
+                orderby: "startDate desc"
+            });
+        };
+        LogicalDeleteService.prototype.doGetProcessDetails = function (filterParams) {
             return this.http.get(this.exclusionProcessUrl, { params: filterParams })
                 .pipe(this.defaultCatch())
                 .pipe(operators.map(function (value) {
@@ -420,8 +435,9 @@
             this.processDetails = null;
             this._entityName = details.entityName;
             this._isVisible = true;
+            this._processSummaryData = [];
             this.entityDescription = details.entityDescription;
-            this.loadProcessDetails(details.recordId);
+            this.loadProcessDetails(details);
         };
         ExclusionDetailsComponent.prototype.closeDetails = function () {
             this._isVisible = false;
@@ -477,6 +493,12 @@
         ExclusionDetailsComponent.prototype.getSidebarTitle = function () {
             return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_details_title");
         };
+        ExclusionDetailsComponent.prototype.getEmptyStateTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_empty_state_title");
+        };
+        ExclusionDetailsComponent.prototype.getEmptyStateDescription = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_empty_state_description");
+        };
         ExclusionDetailsComponent.prototype.getSummaryColumns = function () {
             return [
                 {
@@ -525,10 +547,13 @@
             }
             return null;
         };
-        ExclusionDetailsComponent.prototype.loadProcessDetails = function (recordId) {
+        ExclusionDetailsComponent.prototype.loadProcessDetails = function (details) {
             var _this = this;
             this._isLoading = true;
-            this.logicalDeleteService.getProcessDetails(recordId)
+            var processObservable = details.processId
+                ? this.logicalDeleteService.getProcessDetails(details.processId)
+                : this.logicalDeleteService.getLatestProcessDetails(details.recordId);
+            processObservable
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
                 .pipe(operators.finalize(function () { return _this._isLoading = false; }))
                 .subscribe(function (process) {
@@ -576,7 +601,7 @@
         ExclusionDetailsComponent = __decorate([
             core.Component({
                 selector: "s-exclusion-details",
-                template: "<s-sidebar [visible]=\"isVisible\" (visibleChange)=\"closeDetails()\" [header]=\"getSidebarTitle()\">\n    <s-loading-state [loading]=\"isLoading\">\n        <p-panel [showHeader]=\"false\" styleClass=\"s-exclusion-details-record-details-panel\">\n            <div class=\"s-exclusion-details-record-details-container\">\n                <div class=\"s-exclusion-details-record-icon-background\">\n                    <i class=\"far fa-file-alt s-exclusion-details-record-icon\"></i>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-recordinfo\">\n                    <span class=\"s-exclusion-details-record-details-type\">\n                        {{entityDescription}}\n                    </span>\n                    <span>\n                        {{getRecordDescription()}}\n                    </span>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-dateinfo\">\n                    <span>\n                        {{getStartDateLabel()}}: {{getInicialDate()}}\n                    </span>\n                    <span *ngIf=\"isFinished()\">\n                        {{getFinishDateLabel()}}: {{getFinishDate()}}\n                    </span>\n                </div>\n            </div>\n        </p-panel>\n\n        <p-panel>\n            <p-header>\n                {{getSummaryLabel()}}\n            </p-header>\n            <p-table\n                [value]=\"processSummaryData\"\n                [columns]=\"processSummaryColumns\"\n                dataKey=\"id\"\n                [lazy]=\"false\"\n                [scrollable]=\"false\"\n                [paginator]=\"false\">\n\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\"\n                        />\n                    </colgroup>\n                </ng-template>\n\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngFor=\"let col of columns\"\n                            [id]=\"col.field\"\n                            [ngStyle]=\"col.style\" \n                            [pSortableColumn]=\"col.field\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                    <tr>\n                        <s-table-columns\n                            [columns]=\"columns\"\n                            [rowValue]=\"rowData\"\n                            [locale]=\"locale\">\n                        </s-table-columns>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-panel>\n    </s-loading-state>\n\n    <s-footer>\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <s-button [label]=\"getShowExclusionsButtonLabel()\" (onClick)=\"openExclusions()\"></s-button>\n                <s-button [label]=\"getCloseButtonLabel()\" priority=\"link\" (onClick)=\"closeDetails()\"></s-button>\n            </div>\n        </div>\n    </s-footer>\n</s-sidebar>\n",
+                template: "<s-sidebar [visible]=\"isVisible\" (visibleChange)=\"closeDetails()\" [header]=\"getSidebarTitle()\">\n    <s-loading-state [loading]=\"isLoading\">\n        <p-panel [showHeader]=\"false\" styleClass=\"s-exclusion-details-record-details-panel\">\n            <div class=\"s-exclusion-details-record-details-container\">\n                <div class=\"s-exclusion-details-record-icon-background\">\n                    <em class=\"far fa-file-alt s-exclusion-details-record-icon\"></em>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-recordinfo\">\n                    <span class=\"s-exclusion-details-record-details-type\">\n                        {{entityDescription}}\n                    </span>\n                    <span>\n                        {{getRecordDescription()}}\n                    </span>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-dateinfo\">\n                    <span>\n                        {{getStartDateLabel()}}: {{getInicialDate()}}\n                    </span>\n                    <span *ngIf=\"isFinished()\">\n                        {{getFinishDateLabel()}}: {{getFinishDate()}}\n                    </span>\n                </div>\n            </div>\n        </p-panel>\n\n        <p-panel>\n            <p-header>\n                {{getSummaryLabel()}}\n            </p-header>\n\n            <s-empty-state\n                *ngIf=\"processSummaryData && !processSummaryData.length\"\n                [title]=\"getEmptyStateTitle()\"\n                [description]=\"getEmptyStateDescription()\">\n                [showPrimaryAction]=\"false\"\n            </s-empty-state>\n\n            <p-table\n                [value]=\"processSummaryData\"\n                [columns]=\"processSummaryColumns\"\n                dataKey=\"id\"\n                [lazy]=\"false\"\n                [scrollable]=\"false\"\n                [paginator]=\"false\"\n                *ngIf=\"processSummaryData && processSummaryData.length\">\n\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\"\n                        />\n                    </colgroup>\n                </ng-template>\n\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngFor=\"let col of columns\"\n                            [id]=\"col.field\"\n                            [ngStyle]=\"col.style\"\n                            [pSortableColumn]=\"col.field\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                    <tr>\n                        <s-table-columns\n                            [columns]=\"columns\"\n                            [rowValue]=\"rowData\"\n                            [locale]=\"locale\">\n                        </s-table-columns>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-panel>\n    </s-loading-state>\n\n    <s-footer>\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <s-button [label]=\"getShowExclusionsButtonLabel()\" (onClick)=\"openExclusions()\"></s-button>\n                <s-button [label]=\"getCloseButtonLabel()\" priority=\"link\" (onClick)=\"closeDetails()\"></s-button>\n            </div>\n        </div>\n    </s-footer>\n</s-sidebar>\n",
                 encapsulation: core.ViewEncapsulation.None,
                 styles: [".s-exclusion-details-record-details-panel{margin-bottom:10px}.s-exclusion-details-record-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.s-exclusion-details-record-details-recordinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex:1;flex:1}.s-exclusion-details-record-details-dateinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex-align:end;align-items:flex-end;font-size:12px}.s-exclusion-details-record-details-type{color:#999}.s-exclusion-details-record-icon{font-size:22pt;color:#7e8d95}.s-exclusion-details-record-icon-background{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:16px;background-color:#c1cad1;border-radius:50%;height:60px;width:60px}"]
             })
@@ -597,7 +622,8 @@
                     table.TableModule,
                     angularComponents.TableModule,
                     angularComponents.LoadingStateModule,
-                    angularComponents.LocaleModule
+                    angularComponents.LocaleModule,
+                    angularComponents.EmptyStateModule
                 ],
                 declarations: [ExclusionDetailsComponent],
                 exports: [ExclusionDetailsComponent],
@@ -678,6 +704,9 @@
                         ? this.translate.instant(this.logicalDeleteConfigService.getTranslationPrefix() + ".list_grid_boolean_true")
                         : this.translate.instant(this.logicalDeleteConfigService.getTranslationPrefix() + ".list_grid_boolean_false");
                     break;
+                default:
+                    labelValue = value;
+                    break;
             }
             return { id: name, label: label + ": " + labelValue };
         };
@@ -709,6 +738,501 @@
         return FilterService;
     }());
 
+    var HTTP_CODE_SERVER_ERROR_START = 500;
+    var HTTP_CODE_SERVER_ERROR_END = 600;
+    var ExclusionsListComponent = /** @class */ (function () {
+        function ExclusionsListComponent(route, translate, formBuilder, changeDetectorRef, logicalDeleteService, filterService, projectConfigs) {
+            this.route = route;
+            this.translate = translate;
+            this.formBuilder = formBuilder;
+            this.changeDetectorRef = changeDetectorRef;
+            this.logicalDeleteService = logicalDeleteService;
+            this.filterService = filterService;
+            this.projectConfigs = projectConfigs;
+            this.currentListParams = { page: 0, size: 10, sort: [], filterData: {} };
+            this.showLoader = false;
+            this.totalRecords = 0;
+            this.filtersPanelCollapsed = true;
+            this.searchTokens = [];
+            this.serverError = false;
+            this.ngUnsubscribe = new rxjs.Subject();
+        }
+        ExclusionsListComponent_1 = ExclusionsListComponent;
+        ExclusionsListComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.filterFormGroup = this.getFormBuilder();
+            this.filterFields = this.getFilterFields();
+            this.gridColumns = this.getGridColumns();
+            this.route.data
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (data) {
+                _this.locale = data.localeConfig;
+            });
+            this.route.params
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (params) {
+                _this.entityName = params.entityName;
+                _this.showBasedOnRoute();
+            });
+            this.route.queryParams
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (queryParams) {
+                _this.entityDescription = queryParams.entityDescription;
+                _this.processId = queryParams.processId;
+                _this.showBasedOnRoute();
+            });
+        };
+        ExclusionsListComponent.prototype.showBasedOnRoute = function () {
+            if (this.entityName && this.entityDescription && this.processId) {
+                this.exclusionDetailsComponent.showDetails({
+                    processId: this.processId,
+                    entityDescription: this.entityDescription,
+                    entityName: this.entityName
+                });
+            }
+        };
+        ExclusionsListComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        ExclusionsListComponent.prototype.getFormBuilder = function () {
+            return this.formBuilder.group({
+                description: [undefined, forms.Validators.compose([])],
+                status: [undefined, forms.Validators.compose([])],
+                startDate: [{ value: undefined, disabled: false }, forms.Validators.compose([])],
+                endDate: [{ value: undefined, disabled: false }, forms.Validators.compose([])]
+            });
+        };
+        ExclusionsListComponent.prototype.getGridColumns = function () {
+            return [
+                {
+                    field: "description",
+                    attributes: ["description"],
+                    header: this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_description"),
+                    type: angularComponents.EnumColumnFieldType.STRING,
+                    style: {
+                        width: "300px"
+                    }
+                },
+                {
+                    field: "status",
+                    attributes: ["status"],
+                    header: this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_status"),
+                    type: angularComponents.EnumColumnFieldType.ENUM,
+                    enumPrefix: this.projectConfigs.getTranslationPrefix() + ".logical_delete_enum_exclusion_process_status_",
+                    style: {
+                        width: "100px"
+                    },
+                    badgeConfigs: [
+                        {
+                            enumValue: EnumExclusionProcessStatus.ERROR,
+                            color: angularComponents.EnumBadgeColors.RED
+                        },
+                        {
+                            enumValue: EnumExclusionProcessStatus.PENDING,
+                            color: angularComponents.EnumBadgeColors.YELLOW
+                        },
+                        {
+                            enumValue: EnumExclusionProcessStatus.PROCESSING,
+                            color: angularComponents.EnumBadgeColors.BLUE
+                        },
+                        {
+                            enumValue: EnumExclusionProcessStatus.SUCCESS,
+                            color: angularComponents.EnumBadgeColors.GREEN
+                        }
+                    ]
+                },
+                {
+                    field: "startDate",
+                    attributes: ["startDate"],
+                    header: this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_start"),
+                    type: angularComponents.EnumColumnFieldType.DATE,
+                    dateFormat: "DD/MM/YYYY HH:mm",
+                    style: {
+                        width: "100px"
+                    }
+                },
+                {
+                    field: "finishDate",
+                    attributes: ["finishDate"],
+                    header: this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_finish"),
+                    type: angularComponents.EnumColumnFieldType.DATE,
+                    dateFormat: "DD/MM/YYYY HH:mm",
+                    style: {
+                        width: "100px"
+                    }
+                }
+            ];
+        };
+        ExclusionsListComponent.prototype.getFilterFields = function () {
+            var translationPrefix = this.projectConfigs.getTranslationPrefix();
+            return [
+                new angularComponents.FormField({
+                    type: angularComponents.FieldType.String,
+                    name: "description",
+                    label: this.translate.instant(translationPrefix + ".logical_delete_description")
+                }),
+                new angularComponents.FormField({
+                    type: angularComponents.FieldType.Enum,
+                    name: "status",
+                    label: this.translate.instant(translationPrefix + ".logical_delete_status"),
+                    placeholder: this.translate.instant(translationPrefix + ".logical_delete_status"),
+                    multiple: true,
+                    options: [
+                        {
+                            label: this.translate.instant(translationPrefix + ".logical_delete_enum_exclusion_process_status_error"),
+                            value: EnumExclusionProcessStatus.ERROR
+                        },
+                        {
+                            label: this.translate.instant(translationPrefix + ".logical_delete_enum_exclusion_process_status_pending"),
+                            value: EnumExclusionProcessStatus.PENDING
+                        },
+                        {
+                            label: this.translate.instant(translationPrefix + ".logical_delete_enum_exclusion_process_status_processing"),
+                            value: EnumExclusionProcessStatus.PROCESSING
+                        },
+                        {
+                            label: this.translate.instant(translationPrefix + ".logical_delete_enum_exclusion_process_status_success"),
+                            value: EnumExclusionProcessStatus.SUCCESS
+                        }
+                    ]
+                }),
+                new angularComponents.FormField({
+                    type: angularComponents.FieldType.Date,
+                    name: "startDate",
+                    label: this.translate.instant(translationPrefix + ".logical_delete_start")
+                }),
+                new angularComponents.FormField({
+                    type: angularComponents.FieldType.Date,
+                    name: "endDate",
+                    label: this.translate.instant(translationPrefix + ".logical_delete_finish")
+                })
+            ];
+        };
+        ExclusionsListComponent.prototype.getEmptyStateTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_empty_state_title");
+        };
+        ExclusionsListComponent.prototype.getEmptyStateDescription = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_empty_state_description");
+        };
+        ExclusionsListComponent.prototype.getTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_list_title");
+        };
+        ExclusionsListComponent.prototype.getDetailsButtonTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_details");
+        };
+        ExclusionsListComponent.prototype.getFiltersTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".filters");
+        };
+        ExclusionsListComponent.prototype.getFilterButtonTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".filter");
+        };
+        ExclusionsListComponent.prototype.getClearButtonTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".clear");
+        };
+        ExclusionsListComponent.prototype.getErrorInvalid = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".error_invalid");
+        };
+        ExclusionsListComponent.prototype.getErrorServerTitle = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".error_server_title");
+        };
+        ExclusionsListComponent.prototype.getErrorServerDescription = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".error_server_description");
+        };
+        ExclusionsListComponent.prototype.getActionsColumnLabel = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".actions");
+        };
+        ExclusionsListComponent.prototype.onSearch = function () {
+            var filterData = this.filterFormGroup.getRawValue();
+            this.filtersPanelCollapsed = true;
+            this.resetGrid({ filterData: filterData });
+        };
+        ExclusionsListComponent.prototype.onClear = function () {
+            this.filterFormGroup.reset();
+            var filterData = this.filterFormGroup.getRawValue();
+            this.resetGrid({ filterData: filterData });
+        };
+        ExclusionsListComponent.prototype.onRemoveToken = function (token) {
+            this.filterFormGroup.get(token.id).setValue(undefined);
+            var filterData = this.filterFormGroup.getRawValue();
+            this.resetGrid({ filterData: filterData });
+        };
+        ExclusionsListComponent.prototype.onGridChange = function (event) {
+            var size = event.rows;
+            var page = event.first / size;
+            var sort = event.multiSortMeta ? event.multiSortMeta : [];
+            return this.updateGrid({ page: page, size: size, sort: sort });
+        };
+        ExclusionsListComponent.prototype.getFilterTokens = function () {
+            var _this = this;
+            var filterData = this.filterFormGroup.value;
+            return this.filterFields
+                .filter(function (_a) {
+                var name = _a.name;
+                return filterData[name] !== undefined && filterData[name] !== "" && filterData[name] !== null;
+            })
+                .map(function (formField) { return _this.filterService.createFilterTokens(formField, filterData[formField.name]); });
+        };
+        ExclusionsListComponent.prototype.getFilterQuery = function () {
+            var _this = this;
+            var filterData = this.currentListParams.filterData;
+            var dateFields = ["startDate", "endDate"];
+            var filterQuery = this.filterFields
+                .filter(function (_a) {
+                var name = _a.name;
+                return !dateFields.includes(name);
+            })
+                .filter(function (_a) {
+                var name = _a.name;
+                return filterData[name] !== undefined && filterData[name] !== "" && filterData[name] !== null;
+            })
+                .map(function (formField) { return _this.filterService.createFilterString(formField, filterData[formField.name]); })
+                .join(" and ");
+            var dateQuery;
+            if (filterData.startDate && filterData.endDate) {
+                var startDate = moment(filterData.startDate).format(ExclusionsListComponent_1.DATE_FORMAT);
+                var endDate = moment(filterData.endDate).format(ExclusionsListComponent_1.DATE_FORMAT);
+                dateQuery = "startDate between '" + startDate + "T00:00:00Z' and '" + endDate + "T23:59:59Z'";
+            }
+            else if (filterData.startDate) {
+                var startDate = moment(filterData.startDate).format(ExclusionsListComponent_1.DATE_FORMAT);
+                dateQuery = "startDate >= '" + startDate + "T00:00:00Z'";
+            }
+            else if (filterData.endDate) {
+                var endDate = moment(filterData.endDate).format(ExclusionsListComponent_1.DATE_FORMAT);
+                dateQuery = "finishDate <= '" + endDate + "T23:59:59Z'";
+            }
+            else {
+                // Não é necessário nenhuma condição a mais no filtro.
+            }
+            if (dateQuery) {
+                filterQuery += filterQuery ? " and " + dateQuery : dateQuery;
+            }
+            return filterQuery;
+        };
+        ExclusionsListComponent.prototype.updateGrid = function (listParams) {
+            if (listParams === void 0) { listParams = {}; }
+            this.currentListParams = __assign(__assign({}, this.currentListParams), listParams);
+            var _a = this.currentListParams, page = _a.page, size = _a.size, sort = _a.sort;
+            this.searchTokens = this.getFilterTokens();
+            var filterQuery = this.getFilterQuery();
+            var displayFields = __spread([
+                "recordId"
+            ], this.gridColumns.map(function (column) { return column.field; }));
+            this.listExclusions({ page: page, size: size, sort: sort, filterQuery: filterQuery, displayFields: displayFields });
+        };
+        ExclusionsListComponent.prototype.listExclusions = function (params) {
+            var _this = this;
+            this.showLoader = true;
+            this.serverError = false;
+            this.changeDetectorRef.detectChanges();
+            this.logicalDeleteService
+                .listExclusions(this.entityName, params)
+                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.catchError(function (err) {
+                if (err.status >= HTTP_CODE_SERVER_ERROR_START && err.status < HTTP_CODE_SERVER_ERROR_END) {
+                    _this.serverError = true;
+                }
+                throw err;
+            }), operators.finalize(function () { return _this.showLoader = false; }))
+                .subscribe(function (list) {
+                _this.gridData = list.contents;
+                _this.totalRecords = list.totalElements;
+            });
+        };
+        ExclusionsListComponent.prototype.focusInput = function (elementId) {
+            var element = document.getElementById("" + elementId);
+            if (element) {
+                element.focus();
+            }
+        };
+        ExclusionsListComponent.prototype.resetGrid = function (listParams) {
+            if (listParams) {
+                this.currentListParams = __assign(__assign({}, this.currentListParams), listParams);
+            }
+            this.currentListParams = __assign(__assign({}, this.currentListParams), { page: 0, sort: [] });
+            this.table.reset();
+        };
+        ExclusionsListComponent.prototype.onClickDetails = function (rowData) {
+            this.exclusionDetailsComponent.showDetails({
+                processId: rowData.id,
+                entityDescription: this.entityDescription,
+                entityName: this.entityName
+            });
+        };
+        var ExclusionsListComponent_1;
+        ExclusionsListComponent.DATE_FORMAT = "YYYY-MM-DD";
+        ExclusionsListComponent.ctorParameters = function () { return [
+            { type: router.ActivatedRoute },
+            { type: core$1.TranslateService },
+            { type: forms.FormBuilder },
+            { type: core.ChangeDetectorRef },
+            { type: LogicalDeleteService },
+            { type: FilterService },
+            { type: LogicalDeleteConfigService }
+        ]; };
+        __decorate([
+            core.ViewChild("exclusionsTable")
+        ], ExclusionsListComponent.prototype, "table", void 0);
+        __decorate([
+            core.ViewChild(ExclusionDetailsComponent)
+        ], ExclusionsListComponent.prototype, "exclusionDetailsComponent", void 0);
+        ExclusionsListComponent = ExclusionsListComponent_1 = __decorate([
+            core.Component({
+                template: "<div>\n    <form [formGroup]=\"filterFormGroup\" autocomplete=\"off\">\n        <p-panel\n            *sLoadingState=\"showLoader\"\n            styleClass=\"form-group\"\n            [toggleable]=\"true\"\n            [(collapsed)]=\"filtersPanelCollapsed\"\n            (onAfterToggle)=\"focusInput('description')\"\n        >\n            <p-header>\n                {{ getFiltersTitle() }}\n                <s-token-list\n                    [tokens]=\"searchTokens\"\n                    (tokenRemoved)=\"onRemoveToken($event)\"\n                    [removableTokens]=\"true\"\n                ></s-token-list>\n            </p-header>\n            <div>\n                <s-dynamic-form\n                    [fields]=\"filterFields\"\n                    [form]=\"filterFormGroup\"\n                    [errorMessages]=\"{ pattern: getErrorInvalid() }\"\n                ></s-dynamic-form>\n            </div>\n            <p-footer>\n                <div class=\"ui-g\">\n                    <div class=\"ui-g-12\">\n                        <button\n                            id=\"filter-button\"\n                            class=\"ui-button\"\n                            type=\"submit\"\n                            pButton\n                            [label]=\"getFilterButtonTitle()\"\n                            (click)=\"onSearch()\"\n                        ></button>\n                        <button\n                            id=\"clear-button\"\n                            class=\"ui-button ui-button-link\"\n                            type=\"button\"\n                            pButton\n                            [label]=\"getClearButtonTitle()\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n            </p-footer>\n        </p-panel>\n    </form>\n    <p-panel *sLoadingState=\"showLoader\">\n        <p-header>\n            {{ getTitle() }}\n        </p-header>\n        <ng-container>\n            <s-empty-state\n                *ngIf=\"serverError && !showLoader\"\n                iconClass=\"fa fa-exclamation-triangle\"\n                title=\"{{ getErrorServerTitle() | translate }}\"\n                primaryActionLabel=\"{{ 'error_server_try_again' | translate }}\"\n                (primaryAction)=\"resetGrid()\"\n                description=\"{{ getErrorServerDescription() | translate }}\"\n            ></s-empty-state>\n\n            <s-empty-state\n                *ngIf=\"!showLoader && !serverError && totalRecords === 0\"\n                [title]=\"getEmptyStateTitle()\"\n                [showPrimaryAction]=\"false\"\n                [description]=\"getEmptyStateDescription()\"\n            ></s-empty-state>\n\n            <div class=\"ui-g\">\n                <div class=\"ui-g-12\">\n                    <p-table\n                        #exclusionsTable\n                        id=\"exclusionsTable\"\n                        [hidden]=\"totalRecords === 0 || serverError\"\n                        [value]=\"gridData\"\n                        [columns]=\"gridColumns\"\n                        dataKey=\"id\"\n                        [lazy]=\"true\"\n                        [scrollable]=\"true\"\n                        [resizableColumns]=\"true\"\n                        sortMode=\"multiple\"\n                        [paginator]=\"true\"\n                        [totalRecords]=\"totalRecords\"\n                        [rows]=\"10\"\n                        rows=\"10\"\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n                        (onLazyLoad)=\"onGridChange($event)\"\n                    >\n                        <ng-template pTemplate=\"colgroup\" let-columns>\n                            <colgroup>\n                                <col\n                                    *ngFor=\"let col of columns\"\n                                    [style.width]=\"col.width\"\n                                />\n                            </colgroup>\n                        </ng-template>\n\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                <th *ngFor=\"let col of columns\"\n                                    [id]=\"col.field\"\n                                    [pSortableColumn]=\"col.field\"\n                                    [ngStyle]=\"col.style\"\n                                    pResizableColumn\n                                >\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">\n                                            {{ col.header }}\n                                        </span>\n                                        <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                    </div>\n                                </th>\n                                <th id=\"action-column\" style=\"width: 100px\">\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">{{ getActionsColumnLabel() }}</span>\n                                    </div>\n                                </th>\n                            </tr>\n                        </ng-template>\n\n                        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                            <tr [pSelectableRow]=\"rowData\">\n                                <s-table-columns\n                                    [columns]=\"columns\"\n                                    [rowValue]=\"rowData\"\n                                    [locale]=\"locale\">\n                                </s-table-columns>\n                                <td style=\"width: 100px\">\n                                    <s-button\n                                        id=\"details-button\"\n                                        priority=\"default\"\n                                        [label]=\"getDetailsButtonTitle()\"\n                                        [auxiliary]=\"true\"\n                                        (onClick)=\"onClickDetails(rowData)\">\n                                    </s-button>\n                                </td>\n                            </tr>\n                        </ng-template>\n\n                        <ng-template pTemplate=\"paginatorright\">\n                            <s-table-paging\n                                [table]=\"exclusionsTable\"\n                                [totalRecords]=\"totalRecords\"\n                            ></s-table-paging>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n        </ng-container>\n    </p-panel>\n</div>\n\n<s-exclusion-details></s-exclusion-details>\n",
+                providers: []
+            })
+        ], ExclusionsListComponent);
+        return ExclusionsListComponent;
+    }());
+
+    var ExclusionsListFeatureRoutingGuard = /** @class */ (function () {
+        function ExclusionsListFeatureRoutingGuard() {
+        }
+        ExclusionsListFeatureRoutingGuard.prototype.canActivate = function () {
+            return true;
+        };
+        ExclusionsListFeatureRoutingGuard = __decorate([
+            core.Injectable()
+        ], ExclusionsListFeatureRoutingGuard);
+        return ExclusionsListFeatureRoutingGuard;
+    }());
+    var ExclusionsListFeatureRoutingListTitleResolver = /** @class */ (function () {
+        function ExclusionsListFeatureRoutingListTitleResolver(translate, projectConfigs) {
+            this.translate = translate;
+            this.projectConfigs = projectConfigs;
+        }
+        ExclusionsListFeatureRoutingListTitleResolver.prototype.resolve = function () {
+            return this.translate.get(this.projectConfigs.getTranslationPrefix() + ".logical_delete_list_title");
+        };
+        ExclusionsListFeatureRoutingListTitleResolver.ctorParameters = function () { return [
+            { type: core$1.TranslateService },
+            { type: LogicalDeleteConfigService }
+        ]; };
+        ExclusionsListFeatureRoutingListTitleResolver = __decorate([
+            core.Injectable()
+        ], ExclusionsListFeatureRoutingListTitleResolver);
+        return ExclusionsListFeatureRoutingListTitleResolver;
+    }());
+    var ExclusionsListFeatureRoutingPermissionResolver = /** @class */ (function () {
+        function ExclusionsListFeatureRoutingPermissionResolver(permissionsService) {
+            this.permissionsService = permissionsService;
+        }
+        ExclusionsListFeatureRoutingPermissionResolver.prototype.resolve = function () {
+            return this.permissionsService.get();
+        };
+        ExclusionsListFeatureRoutingPermissionResolver.ctorParameters = function () { return [
+            { type: platformComponents.PermissionsService }
+        ]; };
+        ExclusionsListFeatureRoutingPermissionResolver = __decorate([
+            core.Injectable()
+        ], ExclusionsListFeatureRoutingPermissionResolver);
+        return ExclusionsListFeatureRoutingPermissionResolver;
+    }());
+    var ExclusionsListFeatureRoutingLocaleResolver = /** @class */ (function () {
+        function ExclusionsListFeatureRoutingLocaleResolver(localeService) {
+            this.localeService = localeService;
+        }
+        ExclusionsListFeatureRoutingLocaleResolver.prototype.resolve = function () {
+            return this.localeService.get();
+        };
+        ExclusionsListFeatureRoutingLocaleResolver.ctorParameters = function () { return [
+            { type: angularComponents.LocaleService }
+        ]; };
+        ExclusionsListFeatureRoutingLocaleResolver = __decorate([
+            core.Injectable()
+        ], ExclusionsListFeatureRoutingLocaleResolver);
+        return ExclusionsListFeatureRoutingLocaleResolver;
+    }());
+    var EmptyComponent = /** @class */ (function () {
+        function EmptyComponent() {
+        }
+        EmptyComponent = __decorate([
+            core.Component({
+                template: "<router-outlet></router-outlet>"
+            })
+        ], EmptyComponent);
+        return EmptyComponent;
+    }());
+    var routes = [
+        {
+            path: "exclusions-list",
+            component: EmptyComponent,
+            canActivate: [
+                ExclusionsListFeatureRoutingGuard
+            ],
+            resolve: {
+                allPermissions: ExclusionsListFeatureRoutingPermissionResolver,
+                localeConfig: ExclusionsListFeatureRoutingLocaleResolver,
+                routeTitle: ExclusionsListFeatureRoutingListTitleResolver
+            },
+            children: [
+                {
+                    path: ":entityName",
+                    component: ExclusionsListComponent
+                }
+            ]
+        }
+    ];
+    var ExclusionsListFeatureRouting = /** @class */ (function () {
+        function ExclusionsListFeatureRouting() {
+        }
+        ExclusionsListFeatureRouting = __decorate([
+            core.NgModule({
+                imports: [
+                    router.RouterModule.forChild(routes)
+                ],
+                exports: [
+                    router.RouterModule
+                ],
+                providers: [
+                    ExclusionsListFeatureRoutingGuard,
+                    ExclusionsListFeatureRoutingPermissionResolver,
+                    ExclusionsListFeatureRoutingLocaleResolver,
+                    ExclusionsListFeatureRoutingListTitleResolver
+                ],
+                declarations: [
+                    EmptyComponent
+                ]
+            })
+        ], ExclusionsListFeatureRouting);
+        return ExclusionsListFeatureRouting;
+    }());
+
+    var ExclusionsListModule = /** @class */ (function () {
+        function ExclusionsListModule() {
+        }
+        ExclusionsListModule = __decorate([
+            core.NgModule({
+                imports: [
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    core$1.TranslateModule,
+                    common.CommonModule,
+                    angularComponents.ControlErrorsModule,
+                    angularComponents.ButtonModule,
+                    panel.PanelModule,
+                    inputtext.InputTextModule,
+                    angularComponents.InfoSignModule,
+                    confirmdialog.ConfirmDialogModule,
+                    dialog.DialogModule,
+                    table.TableModule,
+                    angularComponents.TableModule,
+                    angularComponents.LoadingStateModule,
+                    angularComponents.EmptyStateModule,
+                    angularComponents.DynamicFormModule,
+                    angularComponents.TokenListModule,
+                    angularComponents.LocaleModule.forChild(),
+                    ExclusionDetailsModule,
+                    ExclusionsListFeatureRouting
+                ],
+                declarations: [ExclusionsListComponent],
+                exports: [ExclusionsListComponent],
+                entryComponents: [ExclusionsListComponent]
+            })
+        ], ExclusionsListModule);
+        return ExclusionsListModule;
+    }());
+
     var LogicalDeleteModule = /** @class */ (function () {
         function LogicalDeleteModule() {
         }
@@ -733,13 +1257,25 @@
         return LogicalDeleteModule;
     }());
 
+    exports.EmptyComponent = EmptyComponent;
     exports.ExclusionDetailsComponent = ExclusionDetailsComponent;
     exports.ExclusionDetailsModule = ExclusionDetailsModule;
+    exports.ExclusionsListComponent = ExclusionsListComponent;
+    exports.ExclusionsListFeatureRouting = ExclusionsListFeatureRouting;
+    exports.ExclusionsListFeatureRoutingGuard = ExclusionsListFeatureRoutingGuard;
+    exports.ExclusionsListFeatureRoutingListTitleResolver = ExclusionsListFeatureRoutingListTitleResolver;
+    exports.ExclusionsListFeatureRoutingLocaleResolver = ExclusionsListFeatureRoutingLocaleResolver;
+    exports.ExclusionsListFeatureRoutingPermissionResolver = ExclusionsListFeatureRoutingPermissionResolver;
+    exports.ExclusionsListModule = ExclusionsListModule;
     exports.LogicalDeleteModule = LogicalDeleteModule;
+    exports.routes = routes;
     exports.ɵa = LogicalDeleteService;
     exports.ɵb = LogicalDeleteConfigService;
     exports.ɵc = ProjectConfigsInjectionToken;
-    exports.ɵe = FilterService;
+    exports.ɵe = ExclusionDetailsModule;
+    exports.ɵf = ExclusionDetailsComponent;
+    exports.ɵg = LogicalDeleteService;
+    exports.ɵh = FilterService;
 
     Object.defineProperty(exports, '__esModule', { value: true });