fix(build): enable tsconfig strict mode tsconfig, fixes #675 (#702)

* fix(build): enable tsconfig strict mode tsconfig, fixes #675

Author: ghiscoding

src/app/examples/custom-actionFormatter.component.ts

@@ -21,7 +21,7 @@ import { Component } from '@angular/core';
 })
 export class CustomActionFormatterComponent {
   parent: any; // parent component context
-  row: number;
+  row!: number;
   dataContext: any;
   dropdownId = 'myDrop';
   dropDownToggleId = 'toggleDrop';

src/app/examples/custom-angularComponentEditor.ts

@@ -19,10 +19,10 @@ export class CustomAngularComponentEditor implements Editor {
   private _subscriptions: Subscription[] = [];
 
   /** Angular Component Reference */
-  componentRef: ComponentRef<any>;
+  componentRef!: ComponentRef<any>;
 
   /** default item Id */
-  defaultId: string;
+  defaultId = '';
 
   /** default item object */
   defaultItem: any;
@@ -46,7 +46,7 @@ export class CustomAngularComponentEditor implements Editor {
 
   /** Get the Collection */
   get collection(): any[] {
-    return this.columnDef && this.columnDef.internalColumnEditor.collection || [];
+    return this.columnDef && this.columnDef.internalColumnEditor!.collection || [];
   }
 
   /** Get Column Definition object */
@@ -69,7 +69,7 @@ export class CustomAngularComponentEditor implements Editor {
   }
 
   /** Get the Validator function, can be passed in Editor property or Column Definition */
-  get validator(): EditorValidator {
+  get validator(): EditorValidator | undefined {
     return this.columnEditor.validator || this.columnDef.validator;
   }
 

src/app/examples/custom-angularComponentFilter.ts

@@ -22,12 +22,12 @@ export class CustomAngularComponentFilter implements Filter {
   private _subscriptions: Subscription[] = [];
 
   /** Angular Component Reference */
-  componentRef: ComponentRef<any>;
+  componentRef!: ComponentRef<any>;
 
   grid: any;
-  searchTerms: SearchTerm[];
-  columnDef: Column;
-  callback: FilterCallback;
+  searchTerms: SearchTerm[] = [];
+  columnDef!: Column;
+  callback!: FilterCallback;
   operator: OperatorType | OperatorString = OperatorType.equal;
 
   constructor() { }
@@ -86,7 +86,7 @@ export class CustomAngularComponentFilter implements Filter {
         Object.assign(componentOuput.componentRef.instance, { collection: this.collection });
 
         this._subscriptions.push(
-          componentOuput.componentRef.instance.onItemChanged.subscribe((item) => {
+          componentOuput.componentRef.instance.onItemChanged.subscribe((item: any) => {
             this.callback(undefined, { columnDef: this.columnDef, operator: this.operator, searchTerms: [item.id], shouldTriggerQuery: this._shouldTriggerQuery });
             // reset flag for next use
             this._shouldTriggerQuery = true;
@@ -117,7 +117,7 @@ export class CustomAngularComponentFilter implements Filter {
   }
 
   /** Set value(s) on the DOM element */
-  setValues(values) {
+  setValues(values: SearchTerm[] | SearchTerm) {
     if (this.componentRef && this.componentRef.instance && this.componentRef.instance.hasOwnProperty('selectedId')) {
       this.componentRef.instance.selectedId = values;
     }

src/app/examples/custom-inputEditor.ts

@@ -8,7 +8,7 @@ declare const $: any;
  * KeyDown events are also handled to provide handling for Tab, Shift-Tab, Esc and Ctrl-Enter.
  */
 export class CustomInputEditor implements Editor {
-  private _lastInputEvent: JQuery.Event;
+  private _lastInputEvent?: JQuery.Event;
   $input: any;
   defaultValue: any;
 
@@ -31,7 +31,7 @@ export class CustomInputEditor implements Editor {
   }
 
   /** Get the Validator function, can be passed in Editor property or Column Definition */
-  get validator(): EditorValidator {
+  get validator(): EditorValidator | undefined {
     return this.columnEditor.validator || this.columnDef.validator;
   }
 

src/app/examples/custom-inputFilter.ts

@@ -18,9 +18,9 @@ export class CustomInputFilter implements Filter {
   private _shouldTriggerQuery = true;
   private $filterElm: any;
   grid: any;
-  searchTerms: SearchTerm[];
-  columnDef: Column;
-  callback: FilterCallback;
+  searchTerms: SearchTerm[] = [];
+  columnDef!: Column;
+  callback!: FilterCallback;
   operator: OperatorType | OperatorString = OperatorType.equal;
 
   constructor() { }
@@ -96,7 +96,7 @@ export class CustomInputFilter implements Filter {
   }
 
   /** Set value(s) on the DOM element */
-  setValues(values) {
+  setValues(values: SearchTerm | SearchTerm[]) {
     if (values) {
       this.$filterElm.val(values);
     }

src/app/examples/editor-ng-select.component.ts

@@ -21,9 +21,9 @@ import { Subject } from 'rxjs';
 		</ng-select>`
 })
 export class EditorNgSelectComponent {
-  selectedId: string;
+  selectedId = '';
   selectedItem: any;
-  collection; // this will be filled by the collection of your column definition
+  collection?: any[]; // this will be filled by the collection of your column definition
   onItemChanged = new Subject<any>();    // object
 
   onChange(item: any) {

src/app/examples/filter-ng-select.component.ts

@@ -20,9 +20,9 @@ import { Subject } from 'rxjs';
 		</ng-select>`
 })
 export class FilterNgSelectComponent {
-  selectedId: string;
+  selectedId = '';
   selectedItem: any;
-  collection; // this will be filled by the collection of your column definition
+  collection?: any[]; // this will be filled by the collection of your column definition
   onItemChanged = new Subject<any>();    // object
 
   onChange(item: any) {

src/app/examples/grid-additem.component.ts

@@ -28,12 +28,12 @@ export class GridAddItemComponent implements OnInit {
   </ul>
   `;
 
-  angularGrid: AngularGridInstance;
+  angularGrid!: AngularGridInstance;
   grid: any;
-  gridService: GridService;
+  gridService!: GridService;
   dataView: any;
-  columnDefinitions: Column[];
-  gridOptions: GridOption;
+  columnDefinitions: Column[] = [];
+  gridOptions!: GridOption;
   dataset: any[];
   updatedObject: any;
 
@@ -177,7 +177,7 @@ export class GridAddItemComponent implements OnInit {
   createNewItem(incrementIdByHowMany = 1) {
     const dataset = this.angularGrid.dataView.getItems();
     let highestId = 0;
-    dataset.forEach(item => {
+    dataset.forEach((item: any) => {
       if (item.id > highestId) {
         highestId = item.id;
       }

src/app/examples/grid-angular.component.ts

@@ -53,11 +53,11 @@ export class GridAngularComponent implements OnInit {
   </ul>
   `;
 
-  private _commandQueue = [];
-  angularGrid: AngularGridInstance;
-  columnDefinitions: Column[];
-  gridOptions: GridOption;
-  dataset: any[];
+  private _commandQueue: any[] = [];
+  angularGrid!: AngularGridInstance;
+  columnDefinitions: Column[] = [];
+  gridOptions!: GridOption;
+  dataset!: any[];
   gridObj: any;
   isAutoEdit = true;
   alertWarning: any;
@@ -270,7 +270,7 @@ export class GridAngularComponent implements OnInit {
     this.dataset = this.mockData(NB_ITEMS);
   }
 
-  mockData(itemCount, startingIndex = 0) {
+  mockData(itemCount: number, startingIndex = 0) {
     // mock a dataset
     const tempDataset = [];
     for (let i = startingIndex; i < (startingIndex + itemCount); i++) {
@@ -294,11 +294,11 @@ export class GridAngularComponent implements OnInit {
     return tempDataset;
   }
 
-  onCellChanged(e, args) {
+  onCellChanged(e: Event, args: any) {
     this.updatedObject = args.item;
   }
 
-  onCellClicked(e, args) {
+  onCellClicked(e: Event, args: any) {
     const metadata = this.angularGrid.gridService.getColumnFromEventArguments(args);
     console.log(metadata);
 
@@ -317,7 +317,7 @@ export class GridAngularComponent implements OnInit {
     }
   }
 
-  onCellValidation(e, args) {
+  onCellValidation(e: Event, args: any) {
     alert(args.validationResults.msg);
   }
 
@@ -329,7 +329,7 @@ export class GridAngularComponent implements OnInit {
     return true;
   }
 
-  setAutoEdit(isAutoEdit) {
+  setAutoEdit(isAutoEdit: boolean) {
     this.isAutoEdit = isAutoEdit;
     this.gridObj.setOptions({ autoEdit: isAutoEdit }); // change the grid option dynamically
     return true;

src/app/examples/grid-autoheight.component.ts

@@ -25,16 +25,16 @@ export class GridAutoHeightComponent implements OnInit {
   </ul>
   `;
 
-  angularGrid: AngularGridInstance;
+  angularGrid!: AngularGridInstance;
   grid: any;
   dataView: any;
-  columnDefinitions: Column[];
-  gridOptions: GridOption;
-  dataset: any[];
+  columnDefinitions: Column[] = [];
+  gridOptions!: GridOption;
+  dataset!: any[];
   operatorList: OperatorString[] = ['=', '<', '<=', '>', '>=', '<>', 'StartsWith', 'EndsWith'];
   selectedOperator = '=';
   searchValue = '';
-  selectedColumn: Column;
+  selectedColumn?: Column;
 
   constructor() { }
 
@@ -138,7 +138,7 @@ export class GridAutoHeightComponent implements OnInit {
 
   updateFilter() {
     this.angularGrid.filterService.updateSingleFilter({
-      columnId: `${this.selectedColumn.id || ''}`,
+      columnId: `${this.selectedColumn!.id || ''}`,
       operator: this.selectedOperator as OperatorString,
       searchTerms: [this.searchValue || '']
     });