[CST-15396] fix nested fields message visualization

Author: FrancescoMolinaro

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control-container.component.html

@@ -41,12 +41,12 @@
           <!-- In case of repeatable fields show empty space for all elements except the first -->
           <!-- In case of not repeatable field with multiple values show empty space for all elements except the last -->
           <div *ngIf="(context?.index !== null && (!showErrorMessages || errorMessages.length === 0)) || (!hasHint && !showErrorMessages) ||
-                  (!model.hideErrorMessages && showErrorMessages && !(!(model?.isModelOfNotRepeatableGroup) || model?.isModelOfNotRepeatableGroup && context?.index === context?.context?.groups?.length - 1))"
+                  (!model.hideErrorMessages && showErrorMessages && !(!(model?.isModelOfNotRepeatableGroup) || model?.isModelOfNotRepeatableGroup && context?.index === context?.context?.groups?.length - 1)) && isNotRequiredGroupAndEmpty()"
                class="clearfix w-100 mb-2"></div>
 
           <!-- In case of not repeatable field with multiple values show error message for the last element only -->
           <div
-            *ngIf="!model.hideErrorMessages && showErrorMessages && (!(model?.isModelOfNotRepeatableGroup) || model?.isModelOfNotRepeatableGroup && context?.index === context?.context?.groups?.length - 1)"
+            *ngIf="!model.hideErrorMessages && showErrorMessages && (!(model?.isModelOfNotRepeatableGroup) || model?.isModelOfNotRepeatableGroup && context?.index === context?.context?.groups?.length - 1) && isNotRequiredGroupAndEmpty()"
             [id]="id + '_errors'"
             [ngClass]="[getClass('element', 'errors'), getClass('grid', 'errors')]">
             <small *ngFor="let message of errorMessages"

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control-container.component.ts

@@ -581,4 +581,19 @@ export class DsDynamicFormControlContainerComponent extends DynamicFormControlCo
     }
    }
 
+
+ isNotRequiredGroupAndEmpty(): boolean {
+    const parent = this.model.parent;
+    if (hasValue(parent) && parent.type === 'GROUP') {
+     const groupHasSomeValue = parent.group.some(elem => !!elem.value);
+
+     if(!groupHasSomeValue && !parent.isRequired) {
+       this.group.reset()
+     }
+
+     return (groupHasSomeValue && !parent.isRequired) || parent.isRequired;
+    } else {
+     return true
+    }
+ }
 }