Feature/angular strict/qgrid ngx plugins

.eslintrc.json

@@ -126,6 +126,6 @@
     "@typescript-eslint/semi": ["error", "always"],
     "@typescript-eslint/type-annotation-spacing": "error",
     "@typescript-eslint/unified-signatures": "error",
-    "@typescript-eslint/no-explicit-any": "off"
+    "@typescript-eslint/no-explicit-any": "warn"
   }
 }

packages/qgrid-core/public-api.d.ts

@@ -381,7 +381,7 @@ export { Resource } from './src/resource/resource';
 // export { EnumerableResource } from './src/resource/resource.enumerable';
 // export { factory } from './src/resource/resource.factory';
 // rest
-export { RestState } from './src/rest/rest.state';
+export { RestState, RestSerialized } from './src/rest/rest.state';
 // row-details
 export { RowDetails } from './src/row-details/row.details';
 export { RowDetailsLet } from './src/row-details/row.details.let';

packages/qgrid-core/src/column-type/editor.options.d.ts

@@ -11,43 +11,44 @@ export declare type EditorOptionsTrigger = 'click' | 'custom' | 'focus';
  */
 export interface EditorOptions {
 
-	/**
-	 * Says when cell should go to the edit mode.
-	 *
-	 * * `click` edit mode activates when user clicks on cell.
-	 * * `custom` if user defines own edit mode trigger, like button for reference column edit, this option should be used.
-	 * * `focus` edit mode activates when cell receives focus.
-	 */
-	trigger?: EditorOptionsTrigger;
-
-	/**
-	 * Defines navigation behavior when cell is in edit mode.
-	 *
-	 * * `control` when cell is in edit mode, keyboard navigation events are disabled(in general, `tab` and `shift+tab` still works).
-	 * * `transparent` when cell is in edit mode, keyboard navigation event are still applicable.
-	 */
-	cruise?: EditorOptionsCruise;
-
-	/**
-	 * q-grid model factory, can be used by reference column to draw a another q-grid in edit cell mode.
-	 */
-	modelFactory?: (context: {
-		row: any;
-		column: ColumnModel;
-		getValue: (row: any) => any;
-		reference: { commit: Command; cancel: Command; value: any };
-	}) => Model;
-
-	/**
-	 * Can be used by e.g. `auto-complete` editor to populate list of items.
-	 */
-	fetch?: () => Promise<any> | { subscribe: (x: any) => void } | any;
-
-	/**
-	 * List of actions, can be used by row-options column to draw menu with commands.
-	 */
-	actions?: Action[];
-
-	label?: any;
-	value?: any;
+  /**
+   * Says when cell should go to the edit mode.
+   *
+   * * `click` edit mode activates when user clicks on cell.
+   * * `custom` if user defines own edit mode trigger, like button for reference column edit, this option should be used.
+   * * `focus` edit mode activates when cell receives focus.
+   */
+  trigger?: EditorOptionsTrigger;
+
+  /**
+   * Defines navigation behavior when cell is in edit mode.
+   *
+   * * `control` when cell is in edit mode, keyboard navigation events are disabled(in general, `tab` and `shift+tab` still works).
+   * * `transparent` when cell is in edit mode, keyboard navigation event are still applicable.
+   */
+  cruise?: EditorOptionsCruise;
+
+  /**
+   * q-grid model factory, can be used by reference column to draw a another q-grid in edit cell mode.
+   */
+  modelFactory?: (context: {
+    row: any;
+    column: ColumnModel;
+    getValue: (row: any) => any;
+    reference: { commit: Command; cancel: Command; value: any };
+    createDefaultModel?: () => Model;
+  }) => Model;
+
+  /**
+   * Can be used by e.g. `auto-complete` editor to populate list of items.
+   */
+  fetch?: () => Promise<any> | { subscribe: (x: any) => void } | any;
+
+  /**
+   * List of actions, can be used by row-options column to draw menu with commands.
+   */
+  actions?: Action[];
+
+  label?: any;
+  value?: any;
 }

packages/qgrid-core/src/rest/rest.state.d.ts

@@ -1,12 +1,14 @@
 import { Model } from '../model/model';
 
+export interface RestSerialized {
+  order: string;
+  filter: string;
+  skip: number;
+  take: number;
+}
+
 export declare class RestState {
   url: string;
   method: string;
-  serialize: (model: Model) => {
-		order: string;
-		filter: string;
-		skip: number;
-		take: number;
-	};
+  serialize: (model: Model) => RestSerialized;
 }

packages/qgrid-ngx-examples/src/examples/import-basic/example-import-basic.component.html

@@ -5,7 +5,7 @@
   <q-grid-columns generation="deep">
   </q-grid-columns>
 
-  <q-grid-import options="{head:'numeric'}">
+  <q-grid-import [options]="{head:'numeric'}">
     <ng-template for="trigger"
                  let-$action>
       <button mat-button

packages/qgrid-ngx-plugins/src/lib/action/action.component.ts

@@ -16,7 +16,7 @@ import { GridPlugin, TemplateHostService } from '@qgrid/ngx';
   providers: [GridPlugin, TemplateHostService],
 })
 export class ActionComponent implements OnInit {
-  @ContentChild(TemplateRef, { static: true }) templateRef: TemplateRef<any>;
+  @ContentChild(TemplateRef, { static: true }) templateRef: TemplateRef<unknown>;
 
   @Input() title: string;
   @Input() icon: string;

packages/qgrid-ngx-plugins/src/lib/autocomplete-editor/autocomplete-editor.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { isArray, predicateFactory } from '@qgrid/core';
+import { Fetch, isArray, predicateFactory } from '@qgrid/core';
 import { GridPlugin } from '@qgrid/ngx';
 
 @Component({
@@ -13,15 +13,15 @@ export class AutoCompleteEditorComponent {
     return this.plugin.view.edit.cell;
   }
 
-  options: any[] = [];
+  options: unknown[] = [];
 
   // eslint-disable-next-line no-use-before-define
   context: { $implicit: AutoCompleteEditorComponent } = {
     $implicit: this,
   };
 
   get items() {
-    return (this.cell.fetch as any).result;
+    return (this.cell.fetch as Fetch).result;
   }
 
   get title() {

packages/qgrid-ngx-plugins/src/lib/backdrop/backdrop.component.ts

@@ -19,8 +19,8 @@ import { BackdropService } from './backdrop.service';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BackdropComponent implements OnInit, OnDestroy {
-  @ViewChild(TemplateRef, { static: true }) template: TemplateRef<any>;
-  @Output('close') closeEvent = new EventEmitter<any>();
+  @ViewChild(TemplateRef, { static: true }) template: TemplateRef<unknown>;
+  @Output('close') closeEvent = new EventEmitter<void>();
   @Input() propagate = true;
 
   // eslint-disable-next-line no-use-before-define

packages/qgrid-ngx-plugins/src/lib/backdrop/backdrop.directive.ts

@@ -14,11 +14,11 @@ import {
 export class BackdropDirective {
   private backdrop: HTMLElement;
 
-  @Output('q-grid-backdrop') close = new EventEmitter<any>();
+  @Output('q-grid-backdrop') close = new EventEmitter<void>();
 
   @Input('q-grid-backdrop-selector') selector = '';
 
-  @Input('q-grid-backdrop-active') set backdropHost(value: any) {
+  @Input('q-grid-backdrop-active') set backdropHost(value: boolean) {
     if (!value) {
       if (this.backdrop) {
         this.backdrop.remove();
@@ -49,6 +49,8 @@ export class BackdropDirective {
     });
   }
 
-  constructor(private zone: NgZone, @Inject(DOCUMENT) private document: any) {
-  }
+  constructor(
+    private zone: NgZone,
+    @Inject(DOCUMENT) private document: Document,
+  ) { }
 }

packages/qgrid-ngx-plugins/src/lib/bool-editor/bool-editor.component.ts

@@ -8,18 +8,20 @@ import {
 } from '@angular/core';
 import { BoolColumnModel } from '@qgrid/core';
 
+type ValueType = unknown;
+
 @Component({
   selector: 'q-grid-bool-editor',
   templateUrl: './bool-editor.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BoolEditorComponent implements OnInit {
-  private state: any;
+  private state: ValueType;
 
   @Input() autofocus = false;
   @Input() column: BoolColumnModel;
   @Input() label: string;
-  @Output() valueChange = new EventEmitter<any>();
+  @Output() valueChange = new EventEmitter<ValueType>();
 
   // eslint-disable-next-line no-use-before-define
   context: { $implicit: BoolEditorComponent } = {

packages/qgrid-ngx-plugins/src/lib/cell-editor/cell-editor.component.ts

@@ -16,8 +16,8 @@ import { GridPlugin } from '@qgrid/ngx';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CellEditorComponent implements OnInit {
-  @ViewChild(TemplateRef, { static: true }) template: TemplateRef<any>;
-  @Output('close') closeEvent = new EventEmitter<any>();
+  @ViewChild(TemplateRef, { static: true }) template: TemplateRef<unknown>;
+  @Output('close') closeEvent = new EventEmitter<void>();
 
   // eslint-disable-next-line no-use-before-define
   context: { $implicit: CellEditorComponent } = {

packages/qgrid-ngx-plugins/src/lib/colum-chooser/column-chooser.component.ts

@@ -38,8 +38,8 @@ export class RootContext {
 export class ColumnChooserComponent implements OnInit, OnChanges {
   private ccState = this.stateAccessor.setter(ColumnChooserState);
 
-  @Output('submit') submitEvent = new EventEmitter<any>();
-  @Output('cancel') cancelEvent = new EventEmitter<any>();
+  @Output('submit') submitEvent = new EventEmitter<void>();
+  @Output('cancel') cancelEvent = new EventEmitter<void>();
 
   context: {
     $implicit: ColumnChooserPlugin;

packages/qgrid-ngx-plugins/src/lib/column-filter/column-filter-item.directive.ts

@@ -5,7 +5,7 @@ import { ColumnFilterItemListDirective } from './column-filter-item-list.directi
   selector: '[q-grid-column-filter-item]',
 })
 export class ColumnFilterItemDirective implements OnInit {
-  @Input('q-grid-column-filter-item') value: any;
+  @Input('q-grid-column-filter-item') value: string;
 
   $implicit = this;
 

packages/qgrid-ngx-plugins/src/lib/column-filter/column-filter.component.ts

@@ -38,8 +38,8 @@ export class ColumnFilterComponent implements OnInit {
   @Input() column: ColumnModel;
   @Input() search = '';
 
-  @Output('submit') submitEvent = new EventEmitter<any>();
-  @Output('cancel') cancelEvent = new EventEmitter<any>();
+  @Output('submit') submitEvent = new EventEmitter<void>();
+  @Output('cancel') cancelEvent = new EventEmitter<void>();
 
   context: {
     $implicit: ColumnFilterPlugin;

packages/qgrid-ngx-plugins/src/lib/column-sort/column-sort.component.ts

@@ -20,7 +20,7 @@ import { FocusAfterRender } from '../focus/focus.service';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ColumnSortComponent implements AfterViewInit {
-  @ViewChild(TemplateRef, { static: true }) template: TemplateRef<any>;
+  @ViewChild(TemplateRef, { static: true }) template: TemplateRef<unknown>;
   @Input() column: ColumnModel;
 
   // eslint-disable-next-line no-use-before-define

packages/qgrid-ngx-plugins/src/lib/command/command.directive.ts

@@ -17,11 +17,13 @@ import {
 import { Command, CommandManager, Shortcut, ShortcutDispatcher } from '@qgrid/core';
 import { Disposable, GridPlugin } from '@qgrid/ngx';
 
+type CommangArg = unknown;
+
 export class ZoneCommandManager {
   constructor(
     private run: <T>(f: () => T) => T,
     private manager: CommandManager,
-    private commandArg: any,
+    private commandArg: CommangArg,
   ) {
   }
 
@@ -43,13 +45,13 @@ export class ZoneCommandManager {
 export class CommandDirective implements DoCheck, OnChanges, OnInit, AfterViewInit {
   private isAfterViewInit = false;
 
-  @Input('q-grid-command') command: Command<any>;
-  @Input('q-grid-command-arg') commandArg: any;
+  @Input('q-grid-command') command: Command<CommangArg>;
+  @Input('q-grid-command-arg') commandArg: CommangArg;
   @Input('q-grid-command-use-shortcut') useCommandShortcut: boolean;
   @Input('q-grid-command-event') commandEvent = 'click';
   @Input('q-grid-command-use-zone') useZone: boolean;
   @Input('q-grid-command-host') host: 'grid' | 'document' = 'grid';
-  @Output('q-grid-command-execute') commandExecute = new EventEmitter<any>();
+  @Output('q-grid-command-execute') commandExecute = new EventEmitter<CommangArg>();
 
   constructor(
     private disposable: Disposable,

packages/qgrid-ngx-plugins/src/lib/data-manipulation/data-manipulation.component.ts

@@ -21,7 +21,7 @@ export class DataManipulationComponent implements OnInit, OnChanges {
     $implicit: DataManipulationPlugin;
   };
 
-  @Input('rowFactory') set dataManipulationRowFactory(rowFactory: (x: any) => any) { this.dmState({ rowFactory }); }
+  @Input('rowFactory') set dataManipulationRowFactory(rowFactory: (x: unknown) => unknown) { this.dmState({ rowFactory }); }
 
   constructor(
     private plugin: GridPlugin,

packages/qgrid-ngx-plugins/src/lib/data-provider/data-provider.component.ts

@@ -17,11 +17,11 @@ import { GridModel, GridPlugin } from '@qgrid/ngx';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DataProviderComponent implements OnInit {
-  private next: (rows: any[]) => void;
+  private next: (rows: unknown[]) => void;
 
   @Output() requestRows = new EventEmitter<GridModel>();
 
-  @Input('rows') set rows(value: any[]) {
+  @Input('rows') set rows(value: unknown[]) {
     if (Array.isArray(value)) {
       const next = this.next;
       if (next) {

packages/qgrid-ngx-plugins/src/lib/date/date.directive.ts

@@ -9,9 +9,9 @@ export class DateDirective {
   private toMidnight: (x: Date | string) => Date = parseFactory('date');
 
   constructor(
-    templateRef: TemplateRef<any>,
+    templateRef: TemplateRef<unknown>,
     viewContainerRef: ViewContainerRef,
-		private dateService: DateService,
+    private dateService: DateService,
   ) {
     viewContainerRef.createEmbeddedView(templateRef, { $implicit: this });
   }

packages/qgrid-ngx-plugins/src/lib/edit-form/edit-form-trigger.component.ts

@@ -7,9 +7,10 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 })
 export class EditFormTriggerComponent {
   @Input() caption: string;
-  @Input() row: any;
+  @Input() row: unknown;
 
-  context: any = {
+  // eslint-disable-next-line no-use-before-define
+  context: { $implicit: EditFormTriggerComponent } = {
     $implicit: this,
   };
 }

packages/qgrid-ngx-plugins/src/lib/edit-form/edit-form.component.ts

@@ -17,7 +17,7 @@ import { EditFormPanelPlugin } from '@qgrid/plugins';
 })
 export class EditFormComponent implements OnInit {
   @Input() caption: string;
-  @Input() row: any;
+  @Input() row: unknown;
 
   @Output() cancel = new EventEmitter();
   @Output() reset = new EventEmitter();

packages/qgrid-ngx-plugins/src/lib/export/export.component.ts

@@ -12,13 +12,13 @@ import { ExportPlugin } from '@qgrid/plugins';
 
 @Component({
   selector: 'q-grid-export',
-  templateUrl: './export.component.html',
+  template: '',
   providers: [TemplateHostService, GridPlugin],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ExportComponent implements AfterViewInit {
   @Input() type: string;
-  @ContentChild(TemplateRef) templateRef: TemplateRef<any>;
+  @ContentChild(TemplateRef) templateRef: TemplateRef<unknown>;
 
   // eslint-disable-next-line no-use-before-define
   context: { $implicit: ExportComponent } = {