Merged in task/dspace-cris-2025_02_x/DSC-2905 (pull request DSpace#4826)

DSC-2905 Made the bin icon appear next to non-repeatable/non-required single controlledvocabularyauthority metadata

Approved-by: Andrea Barbasso

Author: Mattia Vianelli

src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.html

@@ -113,7 +113,7 @@
       [readonly]="true"
       [disabled]="model.readOnly"
       [type]="model.inputType"
-      [value]="currentValue?.display"
+      [value]="currentValue?.display ?? ''"
       (focus)="onFocus($event)"
       (change)="onChange($event)"
       (click)="openTree($event)"

src/app/shared/form/form.component.html

@@ -13,7 +13,7 @@
       (ngbEvent)="onCustomEvent($event)">
       <ng-template modelType="ARRAY" let-group let-index="index" let-context="context">
         <!--Array with repeatable items-->
-        @if ((!context.notRepeatable) && !isVirtual(context, index) && group.context.groups.length !== 1 && !isItemReadOnly(context, index)) {
+        @if ((!context.notRepeatable) && !isVirtual(context, index) && !isItemReadOnly(context, index) && (group.context.groups.length !== 1 || (!context.required && !isArrayGroupEmpty(group)))) {
           <div
             class="col-2 d-flex flex-column justify-content-sm-start align-items-end"
             [class.isInlineGroupForm-delete]="isInlineGroupForm"
@@ -43,16 +43,15 @@
         }
 
         <!--Array with non repeatable items - Only discard button-->
-        @if (context.notRepeatable && context.showButtons && group.context.groups.length > 1) {
+        @if (context.notRepeatable && context.showButtons && !isItemReadOnly(context, index) && (group.context.groups.length > 1 || (!context.required && !isArrayGroupEmpty(group)))) {
           <div
             class="col-2 d-flex flex-column justify-content-sm-start align-items-end"
             [class]="arrayButtonsStyle">
             <div class="btn-group" role="button">
               <button type="button" class="btn btn-secondary"
                 title="{{'form.discard' | translate}}"
                 attr.aria-label="{{'form.discard' | translate}}"
-                (click)="removeItem($event, context, index)"
-                [dsBtnDisabled]="group.context.groups.length === 1 || isItemReadOnly(context, index)">
+                (click)="removeItem($event, context, index)">
                 <span>{{'form.discard' | translate}}</span>
               </button>
             </div>