@netgrif/components-core 6.2.1 → 6.2.3

package/fesm2015/netgrif-components-core.mjs

@@ -1080,7 +1080,8 @@ var admin$2 = {
     },
     "ldapGroup-list": {
         noLdapGroupsWereFound: "No LDAP group was found",
-        listTitle: "Ldap Groups"
+        listTitle: "LDAP groups",
+        count: "Number of groups"
     },
     "process-list": {
         newestVersion: "Newest version",
@@ -1186,7 +1187,8 @@ var en = {
             errThird: "Color is required.",
             noNets: "No allowed Nets",
             createCase: "Successful create new case",
-            defaultCaseName: "with default case name"
+            defaultCaseName: "with default case name",
+            createCaseError: "A new case was created, but an error occurred while executing actions"
         },
         user: {
             assign: "User Assign",
@@ -1558,7 +1560,8 @@ var admin$1 = {
     },
     "ldapGroup-list": {
         noLdapGroupsWereFound: "Žiadna LDAP skupina nebola najdená",
-        listTitle: "Ldap Skupiny"
+        listTitle: "LDAP Skupiny",
+        count: "Počet skupín"
     },
     "process-list": {
         newestVersion: "Najnovšia verzia",
@@ -1664,7 +1667,8 @@ var sk = {
             errThird: "Farba je povinné pole.",
             noNets: "Žiadne povolené siete",
             createCase: "Úspešne vytvorený nový prípad",
-            defaultCaseName: "s prednastaveným názvom prípadu"
+            defaultCaseName: "s prednastaveným názvom prípadu",
+            createCaseError: "Nový prípad vytvorený, nastala však chyba pri vykonávaní akcií"
         },
         user: {
             assign: "Priradiť používateľa",
@@ -1942,8 +1946,8 @@ var forms = {
         enterEmail: "Ihre E-Mail Adresse eingeben"
     },
     login: {
-        length: "Das Benützername muss mindestens 4 Zeichen enthalten",
-        login: "Benützername",
+        length: "Das Benutzername muss mindestens 4 Zeichen enthalten",
+        login: "Benutzername",
         wrongCredentials: "Falsche Anmeldeinformationen!",
         loginButton: "Anmelden",
         reset: "Kennwort wiederherstellen",
@@ -2036,7 +2040,8 @@ var admin = {
     },
     "ldapGroup-list": {
         noLdapGroupsWereFound: "Keine LDAP Gruppe wurde gefunden",
-        listTitle: "LDAP Gruppen"
+        listTitle: "LDAP Gruppen",
+        count: "Anzahl der Gruppen"
     },
     "process-list": {
         newestVersion: "Neuste Version",
@@ -2142,14 +2147,15 @@ var de = {
             errThird: "Sie müssen eine Farbe auswählen.",
             noNets: "Es gibt keine erlaubte Netze",
             createCase: "Neuen Fall würde erfolgreich erzeugt",
-            defaultCaseName: "mit einem Standardfallnamen"
+            defaultCaseName: "mit einem Standardfallnamen",
+            createCaseError: "Neuer Fall wurde erstellt, aber beim Ausführen von Aktionen ist ein Fehler aufgetreten"
         },
         user: {
-            assign: "Benützer zuweisen",
-            choose: "Benützer auswählen",
-            noUser: "Es gibt keine Benützer",
-            err: "Beim laden der Benützer ist eine Fehler aufgetreten",
-            showcase: "Benützeransichtmodus ist nicht ausgewählt!"
+            assign: "Benutzer zuweisen",
+            choose: "Benutzer auswählen",
+            noUser: "Es gibt keine Benutzer",
+            err: "Beim laden der Benutzer ist eine Fehler aufgetreten",
+            showcase: "Die Benutzeransicht ist nicht gesetzt!"
         },
         ldapGroup: {
             choose: "LDAP-Gruppe suchen",
@@ -5624,8 +5630,8 @@ class I18nField extends DataField {
             && ((!a.translations && !!b.translations) || (!b.translations && !!a.translations)));
     }
     static translationsEquality(a, b) {
-        const aKeys = Object.keys(a.translations).sort();
-        const bKeys = Object.keys(b.translations).sort();
+        const aKeys = !!a.translations ? Object.keys(a.translations).sort() : [];
+        const bKeys = !!b.translations ? Object.keys(b.translations).sort() : [];
         if (aKeys.length !== bKeys.length
             || !aKeys.every((element, index) => {
                 return element === bKeys[index];
@@ -5741,13 +5747,13 @@ class I18nField extends DataField {
     validTranslationRequired(countries) {
         return (fc) => {
             return countries.every(languageCode => languageCode in fc.value.translations)
-                ? (null) : ({ translationRequired: true });
+                ? null : ({ translationRequired: true });
         };
     }
     validTranslationOnly(countries) {
         return (fc) => {
             return Object.keys(fc.value.translations).every(translation => countries.includes(translation))
-                ? (null) : ({ translationOnly: true });
+                ? null : ({ translationOnly: true });
         };
     }
     validRequiredI18n(fc) {
@@ -6319,9 +6325,9 @@ class TaskResourceService extends AbstractResourceService {
      * Delete file from the task
      * DELETE
      */
-    deleteFile(taskId, fieldId, name) {
+    deleteFile(taskId, fieldId, name, param) {
         const url = !!name ? 'task/' + taskId + '/file/' + fieldId + '/' + name : 'task/' + taskId + '/file/' + fieldId;
-        return this._resourceProvider.delete$(url, this.SERVER_URL).pipe(map(r => this.changeType(r, undefined)));
+        return this._resourceProvider.delete$(url, this.SERVER_URL, param).pipe(map(r => this.changeType(r, undefined)));
     }
     /**
      * Download task file preview for field value
@@ -6475,6 +6481,7 @@ class AbstractFileFieldComponent extends AbstractDataFieldComponent {
             }
         }
         this.updatedFieldSubscription = this.dataField.updated.subscribe(() => {
+            this.previewSource = undefined;
             if (!!this.filePreview
                 && !!this.dataField.value
                 && !!this.dataField.value.name) {
@@ -6649,7 +6656,9 @@ class AbstractFileFieldComponent extends AbstractDataFieldComponent {
             this._log.error('File cannot be deleted. No task is set to the field.');
             return;
         }
-        this._taskResourceService.deleteFile(this.taskId, this.dataField.stringId).pipe(take(1)).subscribe(response => {
+        let param = new HttpParams();
+        param = param.set("parentTaskId", this.resolveParentTaskId());
+        this._taskResourceService.deleteFile(this.taskId, this.dataField.stringId, undefined, param).pipe(take(1)).subscribe(response => {
             if (response.success) {
                 const filename = this.dataField.value.name;
                 this.dataField.value = {};
@@ -6733,7 +6742,7 @@ class AbstractFileFieldComponent extends AbstractDataFieldComponent {
         if (!this.checkFileBeforeDownload()) {
             return;
         }
-        this._taskResourceService.downloadFile(this.taskId, this.dataField.stringId).subscribe(response => {
+        this._taskResourceService.downloadFile(this.resolveParentTaskId(), this.dataField.stringId).subscribe(response => {
             if (!response.type || response.type !== ProgressType.DOWNLOAD) {
                 this._log.debug(`File [${this.dataField.stringId}] ${this.dataField.value.name} was successfully downloaded`);
                 this.initDownloadFile(response);
@@ -7043,7 +7052,9 @@ class AbstractFileListFieldComponent extends AbstractDataFieldComponent {
             this._log.error('File cannot be deleted. No task is set to the field.');
             return;
         }
-        this._taskResourceService.deleteFile(this.taskId, this.dataField.stringId, fileName).pipe(take(1)).subscribe((response) => {
+        let param = new HttpParams();
+        param = param.set("parentTaskId", this.resolveParentTaskId());
+        this._taskResourceService.deleteFile(this.taskId, this.dataField.stringId, fileName, param).pipe(take(1)).subscribe((response) => {
             if (response.success) {
                 const changedFieldsMap = this._eventService.parseChangedFieldsFromOutcomeTree(response.outcome);
                 this.dataField.emitChangedFields(changedFieldsMap);
@@ -7170,7 +7181,7 @@ class AbstractMultichoiceAutocompleteFieldComponentComponent {
         this.filteredOptions = undefined;
     }
     add(event) {
-        const value = (event.value || '').trim();
+        const value = (event['key'] || '').trim();
         if (value) {
             const choiceArray = [...this.multichoiceField.value];
             choiceArray.push(value);
@@ -7205,6 +7216,10 @@ class AbstractMultichoiceAutocompleteFieldComponentComponent {
         return this.multichoiceField.choices.filter(option => option.value.toLowerCase().normalize('NFD')
             .replace(/[\u0300-\u036f]/g, '').indexOf(filterValue) === 0);
     }
+    getValueFromKey(key) {
+        var _a;
+        return (_a = this.multichoiceField.choices.find(choice => choice.key === key)) === null || _a === void 0 ? void 0 : _a.value;
+    }
 }
 AbstractMultichoiceAutocompleteFieldComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AbstractMultichoiceAutocompleteFieldComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 AbstractMultichoiceAutocompleteFieldComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AbstractMultichoiceAutocompleteFieldComponentComponent, selector: "ncc-abstract-multichoice-autocomplete-field", inputs: { multichoiceField: "multichoiceField", formControlRef: "formControlRef", showLargeLayout: "showLargeLayout" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: '', isInline: true });
@@ -7345,6 +7360,7 @@ class AbstractCurrencyNumberFieldComponent extends AbstractNumberErrorsComponent
         this._currencyPipe = _currencyPipe;
         this.NUMBER_TYPE = 'number';
         this.TEXT_TYPE = 'text';
+        this.WHITESPACE = ' ';
     }
     ngAfterViewInit() {
         var _a;
@@ -7353,7 +7369,7 @@ class AbstractCurrencyNumberFieldComponent extends AbstractNumberErrorsComponent
         this.numberField.valueChanges().subscribe(value => {
             if (value !== undefined) {
                 if (this.fieldType === this.TEXT_TYPE) {
-                    this.transformedValue = this.transformCurrency(value.toString());
+                    this.transformedValue = this.transformCurrency(value.toString()) + this.WHITESPACE;
                 }
             }
             else {
@@ -11142,14 +11158,17 @@ class CaseDataset extends Category {
                 return resolver.getIndex(datafield.fieldId, SearchIndex.BOOLEAN);
             case 'file':
             case 'fileList':
-                return resolver.getIndex(datafield.fieldId, SearchIndex.FILE_NAME, this.isSelectedOperator(Equals) || this.isSelectedOperator(NotEquals) || this.isSelectedOperator(Substring));
+                return resolver.getIndex(datafield.fieldId, SearchIndex.FILE_NAME, this.isSelectedOperator(Equals) || this.isSelectedOperator(NotEquals) || this.isSelectedOperator(Substring)
+                    || this.isSelectedOperator(IsNull));
             case 'user':
             case 'userList':
                 return resolver.getIndex(datafield.fieldId, SearchIndex.USER_ID);
             case 'i18n':
-                return resolver.getIndex(datafield.fieldId, SearchIndex.TEXT, this.isSelectedOperator(Equals) || this.isSelectedOperator(NotEquals) || this.isSelectedOperator(Substring));
+                return resolver.getIndex(datafield.fieldId, SearchIndex.TEXT, this.isSelectedOperator(Equals) || this.isSelectedOperator(NotEquals) || this.isSelectedOperator(Substring)
+                    || this.isSelectedOperator(IsNull));
             default:
-                return resolver.getIndex(datafield.fieldId, SearchIndex.FULLTEXT, this.isSelectedOperator(Equals) || this.isSelectedOperator(NotEquals) || this.isSelectedOperator(Substring));
+                return resolver.getIndex(datafield.fieldId, SearchIndex.FULLTEXT, this.isSelectedOperator(Equals) || this.isSelectedOperator(NotEquals) || this.isSelectedOperator(Substring)
+                    || this.isSelectedOperator(IsNull));
         }
     }
     get inputPlaceholder() {
@@ -13436,6 +13455,12 @@ class AbstractI18nDividerFieldComponent {
             return this.dividerI18nField.component.properties.dividerColor;
         }
     }
+    isDividerLGBTQ() {
+        if (this.dividerPropertyEnabled('dividerLGBTQ')) {
+            return this.dividerI18nField.component.properties.dividerLGBTQ === 'true';
+        }
+        return false;
+    }
     getDividerFontSize() {
         if (this.dividerPropertyEnabled('fontSize')) {
             return this.dividerI18nField.component.properties.fontSize + 'px';
@@ -14009,6 +14034,9 @@ class AbstractAuthenticationOverlayComponent {
                     if (!!user && !!user.id && user.id.length > 0) {
                         this.redirect(!active);
                     }
+                    else if (!active) {
+                        this._spinnerOverlay.spin$.next(false);
+                    }
                 });
             });
         }
@@ -20100,6 +20128,7 @@ class AbstractNewCaseComponent {
         this._hasMultipleNets$ = new ReplaySubject(1);
         this._notInitialized$ = new BehaviorSubject(true);
         this._options$ = new ReplaySubject(1);
+        this.loadingSubmit = new LoadingEmitter(false);
         this._allowedNetsSubscription = this._injectedData.allowedNets$.pipe(map(nets => nets.map(petriNet => ({
             value: petriNet.stringId,
             viewValue: petriNet.title,
@@ -20136,6 +20165,7 @@ class AbstractNewCaseComponent {
     }
     ngOnDestroy() {
         this._hasMultipleNets$.complete();
+        this.loadingSubmit.complete();
         this._allowedNetsSubscription.unsubscribe();
     }
     get hasMultipleNets$() {
@@ -20155,25 +20185,44 @@ class AbstractNewCaseComponent {
         return process && process.viewValue ? process.viewValue : '';
     }
     createNewCase() {
+        if (this.loadingSubmit.value) {
+            return;
+        }
         if (this.titleFormControl.valid || !this.isCaseTitleRequired()) {
             const newCase = {
                 title: this.titleFormControl.value === '' ? null : this.titleFormControl.value,
                 color: 'panel-primary-icon',
                 netId: this.options.length === 1 ? this.options[0].value : this.processFormControl.value.value
             };
+            this.loadingSubmit.on();
             this._caseResourceService.createCase(newCase)
                 .subscribe((response) => {
-                this._snackBarService.openSuccessSnackBar(response.outcome.message === undefined
-                    ? this._translate.instant('side-menu.new-case.createCase') + ' ' + newCase.title
-                    : response.outcome.message);
-                this._sideMenuControl.close({
-                    opened: false,
-                    message: response.outcome.message === undefined
-                        ? 'Confirm new case setup'
-                        : response.outcome.message,
-                    data: response.outcome.aCase
-                });
-            }, error => this._snackBarService.openErrorSnackBar(error.message ? error.message : error));
+                this.loadingSubmit.off();
+                if (!!response.outcome) {
+                    this._snackBarService.openSuccessSnackBar(response.outcome.message === undefined
+                        ? this._translate.instant('side-menu.new-case.createCase') + ' ' + newCase.title
+                        : response.outcome.message);
+                    this._sideMenuControl.close({
+                        opened: false,
+                        message: response.outcome.message === undefined
+                            ? 'Confirm new case setup'
+                            : response.outcome.message,
+                        data: response.outcome.aCase
+                    });
+                }
+                else if (!!response.error) {
+                    this._snackBarService.openWarningSnackBar(this._translate.instant('side-menu.new-case.createCaseError') + ' ' + newCase.title);
+                    this._sideMenuControl.close({
+                        opened: false,
+                        message: response.error === undefined
+                            ? 'Confirm new case setup'
+                            : response.error
+                    });
+                }
+            }, error => {
+                this.loadingSubmit.off();
+                this._snackBarService.openErrorSnackBar(error.message ? error.message : error);
+            });
         }
     }
     /**
@@ -23544,16 +23593,35 @@ class RoleGuardService {
         return this.canAccessView(view, state.url.toString());
     }
     canAccessView(view, url) {
-        if (typeof view.access !== 'string' && view.access.hasOwnProperty('role')) {
-            const allowedRoles = this.parseRoleConstraints(view.access.role, url);
-            return allowedRoles.some(constraint => {
-                if (constraint.roleIdentifier) {
-                    return this._userService.hasRoleByIdentifier(constraint.roleIdentifier, constraint.processIdentifier);
+        if (typeof view.access !== 'string' && (view.access.hasOwnProperty('role') || view.access.hasOwnProperty('bannedRole'))) {
+            if (view.access.hasOwnProperty('role') && view.access.hasOwnProperty('bannedRole')) {
+                const bannedRoles = this.parseRoleConstraints(view.access.bannedRole, url);
+                const allowedRoles = this.parseRoleConstraints(view.access.role, url);
+                if (bannedRoles.some(role => this.decideAccessByRole(role))) {
+                    return false;
                 }
-                else {
-                    return this._userService.hasRoleByName(constraint.roleName, constraint.processIdentifier);
+                if (allowedRoles.length === 0) {
+                    this._log.warn(`View at '${url}' defines role access constraint with an empty array!`
+                        + ` No users will be allowed to enter this view!`);
                 }
-            });
+                return allowedRoles.some(role => this.decideAccessByRole(role)); // user was not denied access by a banned role, they need at least one allowed role
+            }
+            if (view.access.hasOwnProperty('bannedRole')) {
+                const bannedRoles = this.parseRoleConstraints(view.access.bannedRole, url);
+                return !bannedRoles.some(constraint => {
+                    return this.decideAccessByRole(constraint);
+                });
+            }
+            if (view.access.hasOwnProperty('role')) {
+                const allowedRoles = this.parseRoleConstraints(view.access.role, url);
+                if (allowedRoles.length === 0) {
+                    this._log.warn(`View at '${url}' defines role access constraint with an empty array!`
+                        + ` No users will be allowed to enter this view!`);
+                }
+                return allowedRoles.some(constraint => {
+                    return this.decideAccessByRole(constraint);
+                });
+            }
         }
         throw new Error('Role guard is declared for a view with no role guard configuration!'
             + ` Add role guard configuration for view at ${url}, or remove the guard.`);
@@ -23564,8 +23632,6 @@ class RoleGuardService {
         }
         if (Array.isArray(roleConstrains)) {
             if (roleConstrains.length === 0) {
-                this._log.warn(`View at '${viewUrl}' defines role access constraint with an empty array!`
-                    + ` No users will be allowed to enter this view!`);
                 return [];
             }
             if (typeof roleConstrains[0] === 'string') {
@@ -23603,6 +23669,14 @@ class RoleGuardService {
             return { processIdentifier: constraint.processId, roleIdentifier: constraint.roleId };
         });
     }
+    decideAccessByRole(constraint) {
+        if (constraint.roleIdentifier) {
+            return this._userService.hasRoleByIdentifier(constraint.roleIdentifier, constraint.processIdentifier);
+        }
+        else {
+            return this._userService.hasRoleByName(constraint.roleName, constraint.processIdentifier);
+        }
+    }
 }
 RoleGuardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RoleGuardService, deps: [{ token: RedirectService }, { token: UserService }, { token: ConfigurationService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
 RoleGuardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RoleGuardService, providedIn: AuthenticationModule });
@@ -23811,7 +23885,7 @@ class AccessService {
      * @returns whether the user passes the role guard condition for accessing the specified view
      */
     passesRoleGuard(view, url) {
-        return !view.access.hasOwnProperty('role') || this._roleGuard.canAccessView(view, url);
+        return (!view.access.hasOwnProperty('role') && !view.access.hasOwnProperty('bannedRole')) || this._roleGuard.canAccessView(view, url);
     }
     /**
      * @param view the view whose access permissions we want to check
@@ -25285,16 +25359,19 @@ class AbstractNavigationDoubleDrawerComponent {
             id: filter.stringId,
             resource: filter
         };
-        const resolvedRoles = this.resolveAccessRoles(filter);
+        const resolvedRoles = this.resolveAccessRoles(filter, 'allowed_roles');
+        const resolvedBannedRoles = this.resolveAccessRoles(filter, 'banned_roles');
         if (!!resolvedRoles)
             item.access['role'] = resolvedRoles;
+        if (!!resolvedBannedRoles)
+            item.access['bannedRole'] = resolvedBannedRoles;
         if (!this._accessService.canAccessView(item, item.routingPath))
             return;
         return item;
     }
-    resolveAccessRoles(filter) {
+    resolveAccessRoles(filter, roleType) {
         var _a;
-        const allowedRoles = (_a = filter.immediateData.find(f => f.stringId === 'allowed_roles')) === null || _a === void 0 ? void 0 : _a.options;
+        const allowedRoles = (_a = filter.immediateData.find(f => f.stringId === roleType)) === null || _a === void 0 ? void 0 : _a.options;
         if (!allowedRoles || Object.keys(allowedRoles).length === 0)
             return undefined;
         const roles = [];
@@ -28598,7 +28675,7 @@ class AbstractSearchOperandInputComponent {
         }
         return this._filteredOptions$;
     }
-    get isInputFilled() {
+    isInputFilled() {
         if (!this._inputConfirmed) {
             return false;
         }
@@ -28611,7 +28688,7 @@ class AbstractSearchOperandInputComponent {
                 return;
             }
             this._initialExpansion = false;
-            if (!this.isInputFilled) {
+            if (!this.isInputFilled()) {
                 setTimeout(() => {
                     input.nativeElement.focus();
                 });
@@ -31720,8 +31797,7 @@ class AbstractFieldComponentResolverComponent {
         return this.gridElement.item;
     }
     getTaskId() {
-        const referencedTaskId = this.taskContentService.getReferencedFieldTask(this.getDataField().stringId);
-        return referencedTaskId !== null && referencedTaskId !== void 0 ? referencedTaskId : this.taskContentService.task.stringId;
+        return this.taskContentService.task.stringId;
     }
     isField() {
         return this.gridElement.type !== TaskElementType.BLANK && this.gridElement.type !== TaskElementType.DATA_GROUP_TITLE;