From d59fef1c8d3e28df2c7a7e098a4f451ebb557cc3 Mon Sep 17 00:00:00 2001
From: Vito Albano <vito.albano@hyland.com>
Date: Thu, 25 Apr 2024 13:47:51 +0100
Subject: [PATCH] Fixed SonarCloud complaints

---
 .../search-chip-list.component.html             |  1 +
 .../card-view-arrayitem.component.html          |  5 ++++-
 .../components/form-renderer.component.scss     | 17 ++++++-----------
 .../attach-file-widget.component.html           |  6 +++---
 4 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.html b/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.html
index d4ed55bd52..9d61c99ac6 100644
--- a/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.html
+++ b/lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.html
@@ -7,6 +7,7 @@
             class="adf-search-chip-list-item"
             matTooltip="{{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.TOOLTIP' | translate }}"
             matTooltipPosition="right"
+            (keyup.enter)="facetFiltersService.resetAllSelectedBuckets()"
             (click)="facetFiltersService.resetAllSelectedBuckets()">
             {{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.LABEL' | translate }}
         </mat-chip-option>
diff --git a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
index 980b39d854..0e549aa1b6 100644
--- a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
@@ -5,6 +5,7 @@
             <ng-container *ngIf="displayCount > 0; else withOutDisplayCount" >
                 <mat-chip-option
                     *ngFor="let item of items.slice(0, displayCount)"
+                    (keyup.enter)="clicked()"
                     (click)="clicked()"
                     [attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
                     <mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon>
@@ -20,6 +21,7 @@
             <ng-template #withOutDisplayCount>
                 <mat-chip-option
                     *ngFor="let item of items"
+                    (keyup.enter)="clicked()"
                     (click)="clicked()"
                     [attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
                     <mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon>
@@ -31,7 +33,7 @@
             <mat-card appearance="outlined" class="adf-array-item-more-chip-container">
                 <mat-card-content>
                     <mat-chip-listbox>
-                        <mat-chip-option (click)="clicked()"
+                        <mat-chip-option (click)="clicked()" (keyup.enter)="clicked()"
                             *ngFor="let item of items.slice(displayCount, items.length)"
                             [attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
                         <mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon>
@@ -47,6 +49,7 @@
     </ng-template>
     <button mat-icon-button *ngIf="showClickableIcon"
         (click)="clicked()"
+        (keydown.enter)="clicked()"
         class="adf-array-item-action"
         [attr.aria-label]="'CORE.METADATA.ACTIONS.EDIT' | translate"
         [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
diff --git a/lib/core/src/lib/form/components/form-renderer.component.scss b/lib/core/src/lib/form/components/form-renderer.component.scss
index 279d0d589b..f91248a440 100644
--- a/lib/core/src/lib/form/components/form-renderer.component.scss
+++ b/lib/core/src/lib/form/components/form-renderer.component.scss
@@ -17,7 +17,8 @@
     }
 }
 
-.adf-container-widget__header-text, .adf-label {
+.adf-container-widget__header-text,
+.adf-label {
     font-family: var(--theme-font-family);
     color: var(--theme-primary-color);
 }
@@ -89,19 +90,13 @@
         }
     }
 
-    #{$mat-form-field} {
-        width: 100%;
-    }
-
-    mat-form-field {
-        width: 100%;
-    }
-
     #{mat-input-placeholder} {
-        top: 1.8em !important;
+        top: 1.8em;
     }
 
     #{$mat-form-field} {
+        width: 100%;
+
         label {
             transform: scaleX(1);
             transition: transform 150ms linear;
@@ -135,7 +130,7 @@
         }
 
         & #{$mat-card-header-text} {
-            margin: 0 !important;
+            margin: 0;
         }
 
         & #{$mat-tab-body-content} {
diff --git a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.html b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.html
index c1112d1fba..c6058bbcfc 100644
--- a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.html
+++ b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.html
@@ -55,7 +55,7 @@
 
 <div data-automation-id="adf-attach-widget-readonly-list">
     <mat-list *ngIf="hasFile">
-        <mat-list-item class="adf-attach-files-row" *ngFor="let file of field.value">
+        <mat-list-item class="adf-attach-files-row" *ngFor="let file of field.value; index as i">
             <img matListItemLine class="adf-attach-widget__icon"
                  [id]="'file-'+file.id+'-icon'"
                  [src]="file.content ? getIcon(file.content.mimeType) : getIcon(file.mimeType)"
@@ -64,9 +64,9 @@
                  (keyup.enter)="onAttachFileClicked(file)"
                  role="img"
                  [attr.aria-label]="file.name"
-                 tabindex="0"/>
+                 [tabindex]="i"/>
             <span matLine id="{{'file-'+file.id}}" (click)="onAttachFileClicked(file)" [matTooltip]="file.name" (keyup.enter)="onAttachFileClicked(file)"
-                  tabindex="0" class="adf-file">{{file.name}}</span>
+                 [tabindex]="i" class="adf-file">{{file.name}}</span>
             <button id="{{'file-'+file.id+'-option-menu'}}" mat-icon-button [matMenuTriggerFor]="fileActionMenu"
                     [attr.aria-label]="'ADF_PROCESS_LIST.DETAILS.BUTTON.FILE_OPTION_MENU' | translate">
                 <mat-icon>more_vert</mat-icon>