Move class-transformer call to improve performance (#633)

* Move class-transformer call to improve performance

* Version number amend

Author: paulhowes-HMCTS

RELEASE-NOTES.md

@@ -1,5 +1,8 @@
 ## RELEASE NOTES
 
+### Version 2.66.0
+**EUI-2741** Improve performance time when loading a case with large hearing and judgement collections
+
 ### Version 2.65.6
 **EUI** bumping up
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "2.65.6",
+  "version": "2.66.0-performance-issue-tribunals",
   "engines": {
     "yarn": "^1.12.3",
     "npm": "^5.6.0"

src/shared/components/case-viewer/case-viewer.component.ts

@@ -19,6 +19,7 @@ import { MatDialog, MatDialogConfig } from '@angular/material';
 import { CaseNotifier } from '../case-editor';
 import { NavigationNotifierService, NavigationOrigin } from '../../services/navigation';
 import { ErrorNotifierService } from '../../services/error';
+import { plainToClass } from 'class-transformer';
 
 @Component({
   selector: 'ccd-case-viewer',
@@ -209,7 +210,7 @@ export class CaseViewerComponent implements OnInit, OnDestroy {
 
   private getTabFields(): CaseField[] {
     const caseDataFields = this.sortedTabs.reduce((acc, tab) => {
-      return acc.concat(tab.fields);
+      return acc.concat(plainToClass(CaseField, tab.fields));
     }, []);
 
     return caseDataFields.concat(this.caseDetails.metadataFields);

src/shared/components/palette/base-field/field-read.component.ts

@@ -3,7 +3,6 @@ import { PaletteService } from '../palette.service';
 import { AbstractFieldReadComponent } from './abstract-field-read.component';
 import { CaseField } from '../../../domain/definition/case-field.model';
 import { FormGroup } from '@angular/forms';
-import { plainToClassFromExist } from 'class-transformer';
 import { FieldsUtils } from '../../../services/fields';
 
 @Component({
@@ -38,7 +37,7 @@ export class FieldReadComponent extends AbstractFieldReadComponent implements On
       let component = this.resolver.resolveComponentFactory(componentClass).create(injector);
 
       // Provide component @Inputs
-      component.instance['caseField'] = plainToClassFromExist(new CaseField(), this.caseField);
+      component.instance['caseField'] = this.caseField;
       component.instance['caseFields'] = this.caseFields;
       component.instance['formGroup'] = this.formGroup;
       component.instance['caseReference'] = this.caseReference;

src/shared/components/palette/history/event-log/event-log-table.component.spec.ts

@@ -108,7 +108,8 @@ describe('EventLogTableComponent', () => {
       expect(firstRowCells.length).toBe(3);
       let firstEvent = EVENTS[0];
 
-      const timeZoneOffset = -(new Date().getTimezoneOffset());
+      const date = new Date(2017, 4, 10); // 10th May, 2017
+      const timeZoneOffset = - (new Date(date).getTimezoneOffset());
 
       expect(firstRowCells[COL_EVENT].nativeElement.textContent).toBe(firstEvent.event_name + firstEvent.significant_item.description);
       expect(firstRowCells[COL_DATE].nativeElement.textContent)