@netgrif/components-core 6.4.0 → 6.4.1-rc.1

package/fesm2020/netgrif-components-core.mjs

@@ -6106,7 +6106,7 @@ let AbstractCaseRefBaseFieldComponent = class AbstractCaseRefBaseFieldComponent
         }
         let providers = [
             {
-                provide: NAE_DEFAULT_HEADERS, useValue: this.dataField.component?.properties?.headers.split(',')
+                provide: NAE_DEFAULT_HEADERS, useValue: this.dataField.component?.properties?.headers?.split(',')
             },
             {
                 provide: NAE_CASE_REF_CREATE_CASE, useValue: this.dataField.component?.properties?.createCase === 'true'
@@ -14296,6 +14296,13 @@ class SearchService {
             this._activeFilter.next(this._baseFilter.clone());
         }
     }
+    /**
+     * Loads whole new filter and search cases/tasks based on this filter
+     * @param newFilter whole new filter that should be used for search
+     */
+    updateWithFullFilter(newFilter) {
+        this._activeFilter.next(newFilter);
+    }
     /**
      * @returns `undefined` if the predicate tree contains no complete query.
      * Otherwise returns the serialized form of the completed queries in the predicate tree.
@@ -18659,6 +18666,7 @@ class CaseViewService extends AbstractSortableViewComponent {
             useCachedProcesses: true
         };
         this._paginationView = false;
+        this._cases = [];
         this._newCaseConfiguration = { ...this.DEFAULT_NEW_CASE_CONFIGURATION };
         if (newCaseConfig !== null) {
             Object.assign(this._newCaseConfiguration, newCaseConfig);
@@ -18697,7 +18705,7 @@ class CaseViewService extends AbstractSortableViewComponent {
             }
             return { ...acc, ...pageLoadResult.cases };
         }, {}));
-        this._cases$ = casesMap.pipe(map(v => Object.values(v)));
+        this._cases$ = casesMap.pipe(map(v => Object.values(v)), tap(cases => this._cases = cases));
     }
     ngOnDestroy() {
         super.ngOnDestroy();
@@ -18713,6 +18721,9 @@ class CaseViewService extends AbstractSortableViewComponent {
     get cases$() {
         return this._cases$;
     }
+    get cases() {
+        return this._cases;
+    }
     get pagination() {
         return this._pagination;
     }
@@ -20996,7 +21007,7 @@ class AbstractTaskListPaginationComponent extends AbstractDefaultTaskListCompone
         this.route = route;
         this.pageSize = 20;
         this.pageIndex = 0;
-        this.pageSizeOptions = [10, 20, 50];
+        this.pageSizeOptions = [10, 20, 50, 100];
     }
     set tasks$(tasks) {
         this._tasks$ = tasks.pipe((tap(() => {
@@ -25823,10 +25834,12 @@ function stopPropagation($event) {
 }
 
 class AbstractHeaderComponent {
-    constructor(_injector, _translate, _overflowService) {
+    constructor(_injector, _translate, _overflowService, _caseViewService, _dataFieldPortalData) {
         this._injector = _injector;
         this._translate = _translate;
         this._overflowService = _overflowService;
+        this._caseViewService = _caseViewService;
+        this._dataFieldPortalData = _dataFieldPortalData;
         this.DEFAULT_COLUMN_COUNT = 6;
         this.DEFAULT_COLUMN_WIDTH = 220;
         this.INPUT_DEBOUNCE_TIME = 600;
@@ -25841,6 +25854,7 @@ class AbstractHeaderComponent {
         this._initHeaderCount = undefined;
         this._initResponsiveHeaders = undefined;
         this.initializeFormControls(this._overflowService !== null);
+        this._changeValue = true;
     }
     set maxHeaderColumns(count) {
         if (this.headerService) {
@@ -25879,6 +25893,7 @@ class AbstractHeaderComponent {
             this.headerService.responsiveHeaders = this._initResponsiveHeaders;
         }
         this.headerService.preferenceColumnCount$.subscribe(value => this.columnCountControl.setValue(value));
+        this.resolveApprovalDatafields();
     }
     ngOnDestroy() {
         if (this.canOverflow) {
@@ -25886,6 +25901,9 @@ class AbstractHeaderComponent {
             this.subColumnCountControl.unsubscribe();
             this.subOverflowControl.unsubscribe();
         }
+        if (this._subCases) {
+            this._subCases.unsubscribe();
+        }
     }
     /**
      * Injects the correct {@link AbstractHeaderService} instance based on this component's type
@@ -25976,8 +25994,55 @@ class AbstractHeaderComponent {
             }
         });
     }
+    indeterminate() {
+        if (this._caseViewService) {
+            return this._dataFieldPortalData?.dataField?.value?.length > 0 &&
+                this._caseViewService.cases.some(value => this._dataFieldPortalData?.dataField.value.includes(value.stringId)) &&
+                !this.resolveApprovalValue();
+        }
+        return this._dataFieldPortalData?.dataField?.value?.length > 0 &&
+            this._dataFieldPortalData?.dataField?.value?.length < this._dataFieldPortalData?.dataField?.choices?.length;
+    }
+    typeApproval() {
+        return this._dataFieldPortalData?.dataField instanceof MultichoiceField ? 'multichoice' : 'enumeration';
+    }
+    resolveApprovalDatafields() {
+        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof MultichoiceField && this._caseViewService) {
+            this.approvalFormControl.setValue(this.resolveApprovalValue());
+            this.approvalFormControl.valueChanges.subscribe(value => {
+                if (this._changeValue) {
+                    if (value) {
+                        this._dataFieldPortalData.dataField.value = this._caseViewService.cases.map(caze => caze.stringId);
+                    }
+                    else {
+                        this._dataFieldPortalData.dataField.value = [];
+                    }
+                }
+                this._changeValue = true;
+            });
+            this._dataFieldPortalData.dataField.valueChanges().subscribe(() => {
+                this._changeValue = false;
+                this.approvalFormControl.setValue(this.resolveApprovalValue());
+            });
+            this._subCases = this._caseViewService.cases$.subscribe(() => {
+                this._changeValue = false;
+                this.approvalFormControl.setValue(this.resolveApprovalValue());
+            });
+        }
+        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof EnumerationField) {
+            this.approvalFormControl.valueChanges.subscribe(value => {
+                this._dataFieldPortalData.dataField.value = null;
+            });
+        }
+    }
+    resolveApprovalValue() {
+        if (this._caseViewService.cases.length === 0) {
+            return false;
+        }
+        return this._caseViewService.cases.every(value => this._dataFieldPortalData?.dataField.value.includes(value.stringId));
+    }
 }
-AbstractHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: OverflowService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AbstractHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: OverflowService, optional: true }, { token: CaseViewService, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 AbstractHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractHeaderComponent, selector: "ncc-abstract-header", inputs: { type: "type", hideHeaderMenu: "hideHeaderMenu", showEditButton: "showEditButton", showSortButton: "showSortButton", showSearchButton: "showSearchButton", showTableSection: "showTableSection", approval: "approval", maxHeaderColumns: "maxHeaderColumns", responsiveHeaders: "responsiveHeaders" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderComponent, decorators: [{
             type: Component,
@@ -25987,6 +26052,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$2.TranslateService }, { type: OverflowService, decorators: [{
                     type: Optional
+                }] }, { type: CaseViewService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DATA_FIELD_PORTAL_DATA]
                 }] }]; }, propDecorators: { type: [{
                 type: Input
             }], hideHeaderMenu: [{
@@ -29074,7 +29146,7 @@ class FilterExtractionService {
         }
         return this.extractCompleteFilterFromData(dataSection.slice(taskRefIndex.dataGroupIndex + 1));
     }
-    extractCompleteFilterFromData(dataSection, fieldId = UserFilterConstants.FILTER_FIELD_ID) {
+    extractCompleteFilterFromData(dataSection, filterData, fieldId = UserFilterConstants.FILTER_FIELD_ID) {
         const filterIndex = getFieldIndexFromDataGroups(dataSection, fieldId);
         if (filterIndex === undefined) {
             return undefined;
@@ -29086,7 +29158,10 @@ class FilterExtractionService {
         catch (e) {
             throw new Error('Filter segment could not be extracted from filter field');
         }
-        const parentFilter = this.extractCompleteFilterFromData(dataSection.slice(filterIndex.dataGroupIndex + 1));
+        if (!!filterData) {
+            filterSegment = filterSegment.merge(filterData, MergeOperator.AND);
+        }
+        const parentFilter = this.extractCompleteFilterFromData(dataSection.slice(filterIndex.dataGroupIndex + 1), filterData);
         if (parentFilter !== undefined && parentFilter.type === filterSegment.type) {
             return filterSegment.merge(parentFilter, MergeOperator.AND);
         }
@@ -30763,7 +30838,7 @@ class AbstractCaseListPaginatorComponent extends AbstractDefaultCaseListComponen
         this.route = route;
         this.pageSize = 20;
         this.pageIndex = 0;
-        this.pageSizeOptions = [10, 20, 50];
+        this.pageSizeOptions = [10, 20, 50, 100];
         this._caseViewService.nextPagePagination(this.pageSize, this.pageIndex);
         this._caseViewService.paginationView = true;
         this.cases$ = this._caseViewService.cases$.pipe(tap(() => {
@@ -33111,9 +33186,9 @@ function mapToContent(source, filter, pagination) {
  * @param extractionService
  * @param navigationItemTaskData a navigation item task containing the aggregated data representing a navigation item
  */
-function navigationItemTaskFilterFactory(extractionService, navigationItemTaskData) {
+function navigationItemTaskFilterFactory(extractionService, navigationItemTaskData, filterData) {
     return {
-        filter: extractionService.extractCompleteFilterFromData(navigationItemTaskData)
+        filter: extractionService.extractCompleteFilterFromData(navigationItemTaskData, filterData)
     };
 }