[ADF-3769] Task Header Cloud Component for APS 2 (#4140)

* [ADF-3769] Task Header Cloud Component for APS 2

* [ADF-3796] Add error catch to affected-libs.sh

* [ADF-3769] Add readOnly mode and remove selectFirstRow in Task List Cloud component

demo-shell/src/app/components/app-layout/cloud/task-details-cloud-demo.component.html

@@ -4,3 +4,9 @@
 </button>
 
 <h4>Simple page to show the taskId: {{ taskId }} of the app: {{ applicationName }}</h4>
+
+<adf-cloud-task-header
+    [appName]="applicationName"
+    [taskId]="taskId"
+    [readOnly]="readOnly">
+</adf-cloud-task-header>

demo-shell/src/app/components/app-layout/cloud/task-details-cloud-demo.component.ts

@@ -26,6 +26,7 @@ export class TaskDetailsCloudDemoComponent {
 
     taskId: string;
     applicationName: string;
+    readOnly = false;
 
     constructor(private route: ActivatedRoute, private router: Router) {
         this.route.params.subscribe((params) => {

demo-shell/src/app/components/task-list-cloud/task-list-cloud-demo.component.html

@@ -74,13 +74,6 @@
             <input matInput class="form-control" [formControl]="taskProcessInstanceId" data-automation-id="process-instance-id">
         </mat-form-field>
 
-        <mat-slide-toggle 
-            [color]="'primary'"
-            (change)="toggleSelectFirstRow()"
-            [checked]="selectFirstRow"
-            data-automation-id="select-first-row">
-            Select First Row
-        </mat-slide-toggle>
         <mat-slide-toggle
             [color]="'primary'"
             (change)="toggleMultiselect()"
@@ -111,7 +104,6 @@
         [dueDate]="dueDate"
         [createdDate]="createdDate"
         [selectionMode]="selectionMode"
-        [selectFirstRow]="selectFirstRow"
         [multiselect]="multiSelection"
         (rowsSelected)="showSelectedRows($event)">
         <data-columns>

demo-shell/src/app/components/task-list-cloud/task-list-cloud-demo.component.ts

@@ -43,7 +43,6 @@ export class TaskListCloudDemoComponent implements OnInit {
     createdDate: string;
     dueDate: string;
     selectionMode: string;
-    selectFirstRow: boolean = false;
     multiSelection: boolean = false;
 
     statusOptions = [
@@ -153,10 +152,6 @@ export class TaskListCloudDemoComponent implements OnInit {
         this.multiSelection = !this.multiSelection;
     }
 
-    toggleSelectFirstRow() {
-        this.selectFirstRow = !this.selectFirstRow;
-    }
-
     showSelectedRows(rows: any) {
 
         const selectedRows = rows.map((row) => {