@netgrif/components-core 6.2.1 → 6.2.3

package/fesm2020/netgrif-components-core.mjs

@@ -1081,7 +1081,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",
@@ -1187,7 +1188,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",
@@ -1559,7 +1561,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",
@@ -1665,7 +1668,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",
@@ -1943,8 +1947,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",
@@ -2037,7 +2041,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",
@@ -2143,14 +2148,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",
@@ -5590,8 +5596,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];
@@ -5707,13 +5713,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) {
@@ -6284,9 +6290,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
@@ -6440,6 +6446,7 @@ class AbstractFileFieldComponent extends AbstractDataFieldComponent {
             }
         }
         this.updatedFieldSubscription = this.dataField.updated.subscribe(() => {
+            this.previewSource = undefined;
             if (!!this.filePreview
                 && !!this.dataField.value
                 && !!this.dataField.value.name) {
@@ -6613,7 +6620,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 = {};
@@ -6697,7 +6706,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);
@@ -7004,7 +7013,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);
@@ -7127,7 +7138,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);
@@ -7162,6 +7173,9 @@ class AbstractMultichoiceAutocompleteFieldComponentComponent {
         return this.multichoiceField.choices.filter(option => option.value.toLowerCase().normalize('NFD')
             .replace(/[\u0300-\u036f]/g, '').indexOf(filterValue) === 0);
     }
+    getValueFromKey(key) {
+        return this.multichoiceField.choices.find(choice => choice.key === key)?.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 });
@@ -7300,6 +7314,7 @@ class AbstractCurrencyNumberFieldComponent extends AbstractNumberErrorsComponent
         this._currencyPipe = _currencyPipe;
         this.NUMBER_TYPE = 'number';
         this.TEXT_TYPE = 'text';
+        this.WHITESPACE = ' ';
     }
     ngAfterViewInit() {
         this.fieldType = this.TEXT_TYPE;
@@ -7307,7 +7322,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 {
@@ -11084,14 +11099,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() {
@@ -13372,6 +13390,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';
@@ -13942,6 +13966,9 @@ class AbstractAuthenticationOverlayComponent {
                     if (!!user && !!user.id && user.id.length > 0) {
                         this.redirect(!active);
                     }
+                    else if (!active) {
+                        this._spinnerOverlay.spin$.next(false);
+                    }
                 });
             });
         }
@@ -19984,6 +20011,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,
@@ -20020,6 +20048,7 @@ class AbstractNewCaseComponent {
     }
     ngOnDestroy() {
         this._hasMultipleNets$.complete();
+        this.loadingSubmit.complete();
         this._allowedNetsSubscription.unsubscribe();
     }
     get hasMultipleNets$() {
@@ -20039,25 +20068,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);
+            });
         }
     }
     /**
@@ -23410,16 +23458,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.`);
@@ -23430,8 +23497,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') {
@@ -23469,6 +23534,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 });
@@ -23676,7 +23749,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
@@ -25146,15 +25219,18 @@ 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) {
-        const allowedRoles = filter.immediateData.find(f => f.stringId === 'allowed_roles')?.options;
+    resolveAccessRoles(filter, roleType) {
+        const allowedRoles = filter.immediateData.find(f => f.stringId === roleType)?.options;
         if (!allowedRoles || Object.keys(allowedRoles).length === 0)
             return undefined;
         const roles = [];
@@ -28426,7 +28502,7 @@ class AbstractSearchOperandInputComponent {
         }
         return this._filteredOptions$;
     }
-    get isInputFilled() {
+    isInputFilled() {
         if (!this._inputConfirmed) {
             return false;
         }
@@ -28439,7 +28515,7 @@ class AbstractSearchOperandInputComponent {
                 return;
             }
             this._initialExpansion = false;
-            if (!this.isInputFilled) {
+            if (!this.isInputFilled()) {
                 setTimeout(() => {
                     input.nativeElement.focus();
                 });
@@ -31559,8 +31635,7 @@ class AbstractFieldComponentResolverComponent {
         return this.gridElement.item;
     }
     getTaskId() {
-        const referencedTaskId = this.taskContentService.getReferencedFieldTask(this.getDataField().stringId);
-        return referencedTaskId ?? this.taskContentService.task.stringId;
+        return this.taskContentService.task.stringId;
     }
     isField() {
         return this.gridElement.type !== TaskElementType.BLANK && this.gridElement.type !== TaskElementType.DATA_GROUP_TITLE;