@seniorsistemas/exclusion-process-component 0.0.1-40efacd8-8a6c-4d38-8102-8c977c14410a → 0.0.1-578162e8-6e18-48ad-b6a2-f63ffb1cd87a

package/fesm2015/seniorsistemas-exclusion-process-component.js

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { InjectionToken, Inject, Injectable, Output, Component, ViewEncapsulation, NgModule, ChangeDetectorRef, ViewChild } from '@angular/core';
 import { PanelModule } from 'primeng/panel';
 import { TableModule } from 'primeng/table';
-import { EnumColumnFieldType, EnumBadgeColors, SidebarModule, ButtonModule, TableModule as TableModule$1, LoadingStateModule, LocaleModule, FieldType, FormField, LocaleService, ControlErrorsModule, InfoSignModule, EmptyStateModule, DynamicFormModule, TokenListModule } from '@seniorsistemas/angular-components';
+import { EnumColumnFieldType, EnumBadgeColors, SidebarModule, ButtonModule, TableModule as TableModule$1, LoadingStateModule, LocaleModule, EmptyStateModule, FieldType, FormField, LocaleService, ControlErrorsModule, InfoSignModule, DynamicFormModule, TokenListModule } from '@seniorsistemas/angular-components';
 import * as moment from 'moment';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import { throwError, Subject } from 'rxjs';
@@ -52,6 +52,8 @@ LogicalDeleteConfigService = __decorate([
     __param(0, Inject(ProjectConfigsInjectionToken))
 ], LogicalDeleteConfigService);
 
+const HTTP_UNAUTHORIZED_CODE = 401;
+const DEFAULT_PAGE_SIZE = 10;
 let LogicalDeleteService = class LogicalDeleteService {
     constructor(http, messageService, translate, projectConfigs) {
         this.http = http;
@@ -65,10 +67,11 @@ let LogicalDeleteService = class LogicalDeleteService {
     }
     defaultCatch() {
         return catchError((err) => {
+            var _a;
             if (err) {
                 let summary = err.status ? String(err.status) : "Error";
-                let detail = (err.error && err.error.message) || err.statusText || err.message || "Error";
-                if (err.status === 401) {
+                let detail = ((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || err.statusText || err.message;
+                if (err.status === HTTP_UNAUTHORIZED_CODE) {
                     const prefix = this.projectConfigs.getTranslationPrefix();
                     summary = this.translate.instant(`${prefix}.error_unauthorized_title`);
                     detail = this.translate.instant(`${prefix}.error_unauthorized_description`);
@@ -76,14 +79,14 @@ let LogicalDeleteService = class LogicalDeleteService {
                 this.messageService.add({
                     severity: "error",
                     summary,
-                    detail
+                    detail: detail || "Error"
                 });
             }
             return throwError(err);
         });
     }
     getListQueryParams(listParams) {
-        const { page = 0, size = 10, sort = [], filterQuery = "", displayFields = [] } = listParams;
+        const { page = 0, size = DEFAULT_PAGE_SIZE, sort = [], filterQuery = "", displayFields = [] } = listParams;
         let params = new HttpParams();
         params = params.append("size", String(size));
         params = params.append("offset", String(page));
@@ -105,10 +108,22 @@ let LogicalDeleteService = class LogicalDeleteService {
         }
         return params;
     }
-    getProcessDetails(recordId) {
-        const filterParams = {
-            filter: `recordId eq '${recordId}'`
-        };
+    getProcessDetails(id) {
+        return this.doGetProcessDetails({
+            filter: `id eq '${id}'`,
+            size: "1",
+            offset: "0",
+        });
+    }
+    getLatestProcessDetails(recordId) {
+        return this.doGetProcessDetails({
+            filter: `recordId eq '${recordId}'`,
+            size: "1",
+            offset: "0",
+            orderby: "startDate desc"
+        });
+    }
+    doGetProcessDetails(filterParams) {
         return this.http.get(this.exclusionProcessUrl, { params: filterParams })
             .pipe(this.defaultCatch())
             .pipe(map(value => {
@@ -193,8 +208,9 @@ let ExclusionDetailsComponent = class ExclusionDetailsComponent {
         this.processDetails = null;
         this._entityName = details.entityName;
         this._isVisible = true;
+        this._processSummaryData = [];
         this.entityDescription = details.entityDescription;
-        this.loadProcessDetails(details.recordId);
+        this.loadProcessDetails(details);
     }
     closeDetails() {
         this._isVisible = false;
@@ -250,6 +266,12 @@ let ExclusionDetailsComponent = class ExclusionDetailsComponent {
     getSidebarTitle() {
         return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_details_title`);
     }
+    getEmptyStateTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_empty_state_title`);
+    }
+    getEmptyStateDescription() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_empty_state_description`);
+    }
     getSummaryColumns() {
         return [
             {
@@ -298,9 +320,12 @@ let ExclusionDetailsComponent = class ExclusionDetailsComponent {
         }
         return null;
     }
-    loadProcessDetails(recordId) {
+    loadProcessDetails(details) {
         this._isLoading = true;
-        this.logicalDeleteService.getProcessDetails(recordId)
+        const processObservable = details.processId
+            ? this.logicalDeleteService.getProcessDetails(details.processId)
+            : this.logicalDeleteService.getLatestProcessDetails(details.recordId);
+        processObservable
             .pipe(takeUntil(this.ngUnsubscribe))
             .pipe(finalize(() => this._isLoading = false))
             .subscribe((process) => {
@@ -349,7 +374,7 @@ __decorate([
 ExclusionDetailsComponent = __decorate([
     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                    <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\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: 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}"]
     })
@@ -367,7 +392,8 @@ ExclusionDetailsModule = __decorate([
             TableModule,
             TableModule$1,
             LoadingStateModule,
-            LocaleModule
+            LocaleModule,
+            EmptyStateModule
         ],
         declarations: [ExclusionDetailsComponent],
         exports: [ExclusionDetailsComponent],
@@ -444,6 +470,9 @@ let FilterService = class FilterService {
                     ? 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}` };
     }
@@ -472,6 +501,8 @@ FilterService = __decorate([
     Injectable()
 ], FilterService);
 
+const HTTP_CODE_SERVER_ERROR_START = 500;
+const HTTP_CODE_SERVER_ERROR_END = 600;
 let ExclusionsListComponent = class ExclusionsListComponent {
     constructor(route, translate, formBuilder, changeDetectorRef, logicalDeleteService, filterService, projectConfigs) {
         this.route = route;
@@ -502,13 +533,25 @@ let ExclusionsListComponent = class ExclusionsListComponent {
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((params) => {
             this.entityName = params.entityName;
+            this.showBasedOnRoute();
         });
         this.route.queryParams
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((queryParams) => {
             this.entityDescription = queryParams.entityDescription;
+            this.processId = queryParams.processId;
+            this.showBasedOnRoute();
         });
     }
+    showBasedOnRoute() {
+        if (this.entityName && this.entityDescription && this.processId) {
+            this.exclusionDetailsComponent.showDetails({
+                processId: this.processId,
+                entityDescription: this.entityDescription,
+                entityName: this.entityName
+            });
+        }
+    }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
@@ -516,7 +559,7 @@ let ExclusionsListComponent = class ExclusionsListComponent {
     getFormBuilder() {
         return this.formBuilder.group({
             description: [undefined, Validators.compose([])],
-            state: [undefined, Validators.compose([])],
+            status: [undefined, Validators.compose([])],
             startDate: [{ value: undefined, disabled: false }, Validators.compose([])],
             endDate: [{ value: undefined, disabled: false }, Validators.compose([])]
         });
@@ -525,21 +568,21 @@ let ExclusionsListComponent = class ExclusionsListComponent {
         return [
             {
                 field: "description",
-                attributes: ['description'],
+                attributes: ["description"],
                 header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_description`),
                 type: EnumColumnFieldType.STRING,
                 style: {
-                    width: '300px'
+                    width: "300px"
                 }
             },
             {
                 field: "status",
-                attributes: ['status'],
+                attributes: ["status"],
                 header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
                 type: EnumColumnFieldType.ENUM,
                 enumPrefix: `${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_`,
                 style: {
-                    width: '100px'
+                    width: "100px"
                 },
                 badgeConfigs: [
                     {
@@ -562,54 +605,55 @@ let ExclusionsListComponent = class ExclusionsListComponent {
             },
             {
                 field: "startDate",
-                attributes: ['startDate'],
+                attributes: ["startDate"],
                 header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_start`),
                 type: EnumColumnFieldType.DATE,
                 dateFormat: "DD/MM/YYYY HH:mm",
                 style: {
-                    width: '100px'
+                    width: "100px"
                 }
             },
             {
                 field: "finishDate",
-                attributes: ['finishDate'],
+                attributes: ["finishDate"],
                 header: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_finish`),
                 type: EnumColumnFieldType.DATE,
                 dateFormat: "DD/MM/YYYY HH:mm",
                 style: {
-                    width: '100px'
+                    width: "100px"
                 }
             }
         ];
     }
     getFilterFields() {
+        const translationPrefix = this.projectConfigs.getTranslationPrefix();
         return [
             new FormField({
                 type: FieldType.String,
                 name: "description",
-                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_description`)
+                label: this.translate.instant(`${translationPrefix}.logical_delete_description`)
             }),
             new FormField({
                 type: FieldType.Enum,
-                name: "state",
-                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
-                placeholder: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_status`),
+                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(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_error`),
+                        label: this.translate.instant(`${translationPrefix}.logical_delete_enum_exclusion_process_status_error`),
                         value: EnumExclusionProcessStatus.ERROR
                     },
                     {
-                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_pending`),
+                        label: this.translate.instant(`${translationPrefix}.logical_delete_enum_exclusion_process_status_pending`),
                         value: EnumExclusionProcessStatus.PENDING
                     },
                     {
-                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_processing`),
+                        label: this.translate.instant(`${translationPrefix}.logical_delete_enum_exclusion_process_status_processing`),
                         value: EnumExclusionProcessStatus.PROCESSING
                     },
                     {
-                        label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_enum_exclusion_process_status_success`),
+                        label: this.translate.instant(`${translationPrefix}.logical_delete_enum_exclusion_process_status_success`),
                         value: EnumExclusionProcessStatus.SUCCESS
                     }
                 ]
@@ -617,12 +661,12 @@ let ExclusionsListComponent = class ExclusionsListComponent {
             new FormField({
                 type: FieldType.Date,
                 name: "startDate",
-                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_start`)
+                label: this.translate.instant(`${translationPrefix}.logical_delete_start`)
             }),
             new FormField({
                 type: FieldType.Date,
                 name: "endDate",
-                label: this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_finish`)
+                label: this.translate.instant(`${translationPrefix}.logical_delete_finish`)
             })
         ];
     }
@@ -638,6 +682,27 @@ let ExclusionsListComponent = class ExclusionsListComponent {
     getDetailsButtonTitle() {
         return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.logical_delete_details`);
     }
+    getFiltersTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.filters`);
+    }
+    getFilterButtonTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.filter`);
+    }
+    getClearButtonTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.clear`);
+    }
+    getErrorInvalid() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.error_invalid`);
+    }
+    getErrorServerTitle() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.error_server_title`);
+    }
+    getErrorServerDescription() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.error_server_description`);
+    }
+    getActionsColumnLabel() {
+        return this.translate.instant(`${this.projectConfigs.getTranslationPrefix()}.actions`);
+    }
     onSearch() {
         const filterData = this.filterFormGroup.getRawValue();
         this.filtersPanelCollapsed = true;
@@ -662,27 +727,36 @@ let ExclusionsListComponent = class ExclusionsListComponent {
     getFilterTokens() {
         const filterData = this.filterFormGroup.value;
         return this.filterFields
-            .filter(({ name }) => filterData[name] != undefined && filterData[name] !== "")
+            .filter(({ name }) => filterData[name] !== undefined && filterData[name] !== "" && filterData[name] !== null)
             .map(formField => this.filterService.createFilterTokens(formField, filterData[formField.name]));
     }
     getFilterQuery() {
         const { filterData } = this.currentListParams;
-        const dateFields = ['startDate', 'endDate'];
+        const dateFields = ["startDate", "endDate"];
         let filterQuery = this.filterFields
             .filter(({ name }) => !dateFields.includes(name))
-            .filter(({ name }) => filterData[name] != undefined)
+            .filter(({ name }) => filterData[name] !== undefined && filterData[name] !== "" && filterData[name] !== null)
             .map(formField => this.filterService.createFilterString(formField, filterData[formField.name]))
             .join(" and ");
+        let dateQuery;
         if (filterData.startDate && filterData.endDate) {
-            const startDate = moment(filterData.startDate).format('YYYY-MM-DD');
-            const endDate = moment(filterData.endDate).format('YYYY-MM-DD');
-            const dateQuery = `startDate between '${startDate}' and '${endDate}'`;
-            if (filterQuery) {
-                filterQuery += ` and ${dateQuery}`;
-            }
-            else {
-                filterQuery = dateQuery;
-            }
+            const startDate = moment(filterData.startDate).format("YYYY-MM-DD");
+            const endDate = moment(filterData.endDate).format("YYYY-MM-DD");
+            dateQuery = `startDate between '${startDate}T00:00:00Z' and '${endDate}T23:59:59Z'`;
+        }
+        else if (filterData.startDate) {
+            const startDate = moment(filterData.startDate).format("YYYY-MM-DD");
+            dateQuery = `startDate >= '${startDate}T00:00:00Z'`;
+        }
+        else if (filterData.endDate) {
+            const endDate = moment(filterData.endDate).format("YYYY-MM-DD");
+            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;
     }
@@ -692,7 +766,7 @@ let ExclusionsListComponent = class ExclusionsListComponent {
         this.searchTokens = this.getFilterTokens();
         const filterQuery = this.getFilterQuery();
         const displayFields = [
-            'recordId',
+            "recordId",
             ...this.gridColumns.map(column => column.field)
         ];
         this.listExclusions({ page, size, sort, filterQuery, displayFields });
@@ -704,7 +778,7 @@ let ExclusionsListComponent = class ExclusionsListComponent {
         this.logicalDeleteService
             .listExclusions(this.entityName, params)
             .pipe(takeUntil(this.ngUnsubscribe), catchError((err) => {
-            if (err.status >= 500 && err.status < 600) {
+            if (err.status >= HTTP_CODE_SERVER_ERROR_START && err.status < HTTP_CODE_SERVER_ERROR_END) {
                 this.serverError = true;
             }
             throw err;
@@ -721,14 +795,15 @@ let ExclusionsListComponent = class ExclusionsListComponent {
         }
     }
     resetGrid(listParams) {
-        if (listParams)
+        if (listParams) {
             this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), listParams);
+        }
         this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), { page: 0, sort: [] });
         this.table.reset();
     }
     onClickDetails(rowData) {
         this.exclusionDetailsComponent.showDetails({
-            recordId: rowData.recordId,
+            processId: rowData.id,
             entityDescription: this.entityDescription,
             entityName: this.entityName
         });
@@ -751,7 +826,7 @@ __decorate([
 ], ExclusionsListComponent.prototype, "exclusionDetailsComponent", void 0);
 ExclusionsListComponent = __decorate([
     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                {{ 'filters' | translate }}\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: 'error_invalid' | translate }\"\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]=\"'filter' | translate\"\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]=\"'clear' | translate\"\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=\"{{ 'error_server_title' | translate }}\"\n                primaryActionLabel=\"{{ 'error_server_try_again' | translate }}\"\n                (primaryAction)=\"resetGrid()\"\n                description=\"{{ 'error_server_description' | 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\">{{'A\u00E7\u00F5es'}}</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>",
+        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);