[no-issue] remove viewChildren use (#3116)

* remove viewChildren component use in lib and demoshell

* Update trashcan.component.ts

* Update trashcan.component.ts

lib/process-services/people/components/people-list/people-list.component.html

@@ -1,4 +1,5 @@
 <adf-datatable
+    #dataTable
     class="adf-task-people-list"
     [rows]="users"
     [actions]="hasActions()"

lib/process-services/people/components/people-list/people-list.component.ts

@@ -30,7 +30,7 @@ export class PeopleListComponent implements AfterViewInit, AfterContentInit {
 
     @ContentChild(DataColumnListComponent) columnList: DataColumnListComponent;
 
-    @ViewChild(DataTableComponent)
+    @ViewChild('dataTable')
     peopleDataTable: DataTableComponent;
 
     /** The array of user data used to populate the people list. */

lib/process-services/people/components/people-selector/people-selector.component.html

@@ -1,4 +1,5 @@
 <adf-people-search-field
+    #peopleSearchField
     class="adf-people-selector-field"
     [performSearch]="performSearch"
     [placeholder]="placeholder"
@@ -11,4 +12,4 @@
     data-automation-id="adf-people-selector-deselect"
     (click)="userDeselected()">
         <mat-icon>cancel</mat-icon>
-</button>
+</button>

lib/process-services/people/components/people-selector/people-selector.component.ts

@@ -41,7 +41,7 @@ export class PeopleSelectorComponent {
     @Output()
     peopleIdChange: EventEmitter<number>;
 
-    @ViewChild(PeopleSearchFieldComponent)
+    @ViewChild('peopleSearchField')
     searchFieldComponent: PeopleSearchFieldComponent;
 
     performSearch: PerformSearchCallback;

lib/process-services/people/components/people/people.component.html

@@ -13,10 +13,11 @@
             </div>
             <div class="assignment-container" *ngIf="showAssignment">
                 <adf-people-search
-                (searchPeople)="searchUser($event)"
-                (success)="involveUser($event)"
-                (closeSearch)="onCloseSearch()"
-                [results]="peopleSearch$">
+                    #peopleSearch
+                    (searchPeople)="searchUser($event)"
+                    (success)="involveUser($event)"
+                    (closeSearch)="onCloseSearch()"
+                    [results]="peopleSearch$">
                     <ng-container people-search-title>{{ 'ADF_TASK_LIST.DETAILS.LABELS.ADD_PEOPLE' | translate }}</ng-container>
                     <ng-container people-search-action-label>{{ 'ADF_TASK_LIST.PEOPLE.ADD_USER' | translate }}</ng-container>
                 </adf-people-search>

lib/process-services/people/components/people/people.component.ts

@@ -42,7 +42,7 @@ export class PeopleComponent implements OnInit, AfterViewInit {
     @Input()
     readOnly: boolean = false;
 
-    @ViewChild(PeopleSearchComponent)
+    @ViewChild('peopleSearch')
     peopleSearch: PeopleSearchComponent;
 
     showAssignment: boolean = false;

lib/process-services/process-list/components/process-instance-details.component.html

@@ -5,6 +5,7 @@
     </mat-card-header>
     <mat-card-content>
         <adf-process-instance-header
+            #processInstanceHeader
             [processInstance]="processInstanceDetails"
             (showProcessDiagram)="onShowProcessDiagram($event)">
         </adf-process-instance-header>
@@ -14,6 +15,7 @@
         <mat-card>
             <mat-card-content>
                 <adf-process-instance-tasks
+                    #processInstanceTasks
                     [processInstanceDetails]="processInstanceDetails"
                     (taskClick)="onTaskClicked($event)">
                 </adf-process-instance-tasks>

lib/process-services/process-list/components/process-instance-details.component.ts

@@ -36,10 +36,10 @@ export class ProcessInstanceDetailsComponent implements OnChanges {
     @Input()
     processInstanceId: string;
 
-    @ViewChild(ProcessInstanceHeaderComponent)
+    @ViewChild('processInstanceHeader')
     processInstanceHeader: ProcessInstanceHeaderComponent;
 
-    @ViewChild(ProcessInstanceTasksComponent)
+    @ViewChild('processInstanceTasks')
     tasksList: ProcessInstanceTasksComponent;
 
     /** Toggles whether to show or hide the title. */

lib/process-services/process-list/components/start-process.component.html

@@ -20,7 +20,9 @@
             </mat-form-field>
         </div>
 
-        <adf-start-form *ngIf="hasStartForm()"
+        <adf-start-form
+            #startForm
+            *ngIf="hasStartForm()"
                         [data]="values"
             [disableStartProcessButton]="!hasProcessName()"
 			[processDefinitionId]="selectedProcessDef.id"

lib/process-services/process-list/components/start-process.component.ts

@@ -86,7 +86,7 @@ export class StartProcessInstanceComponent implements OnChanges {
     @Output()
     error: EventEmitter<ProcessInstance> = new EventEmitter<ProcessInstance>();
 
-    @ViewChild(StartFormComponent)
+    @ViewChild('startForm')
     startForm: StartFormComponent;
 
     processDefinitions: ProcessDefinitionRepresentation[] = [];