refactor(ng9): lint; rename base directives

Author: damyanpetev

projects/igniteui-angular/src/lib/grids/column-chooser-base.ts

@@ -3,13 +3,13 @@ import { IgxStringFilteringOperand } from '../data-operations/filtering-conditio
 import { FilteringExpressionsTree, IFilteringExpressionsTree } from '../data-operations/filtering-expressions-tree';
 import { FilteringLogic, IFilteringExpression } from '../data-operations/filtering-expression.interface';
 import { FilteringStrategy } from '../data-operations/filtering-strategy';
-import { ColumnChooserItemBase } from './column-chooser-item-base';
+import { ColumnChooserItemBaseDirective } from './column-chooser-item-base';
 import { ColumnDisplayOrder } from './common/enums';
 
 class CustomFilteringStrategy extends FilteringStrategy {
     public filter(data: any[], expressionsTree: IFilteringExpressionsTree): any[] {
-        const res: ColumnChooserItemBase[] = [];
-        data.forEach((item: ColumnChooserItemBase) => {
+        const res: ColumnChooserItemBaseDirective[] = [];
+        data.forEach((item: ColumnChooserItemBaseDirective) => {
             if (this.matchRecord(item, expressionsTree.filteringOperands[0] as IFilteringExpression)) {
                 res.push(item);
             } else if (item.column.columnGroup) {
@@ -27,13 +27,12 @@ class CustomFilteringStrategy extends FilteringStrategy {
 
 /** @hidden */
 @Directive()
-export abstract class ColumnChooserBase implements OnDestroy {
+export abstract class ColumnChooserBaseDirective implements OnDestroy {
     /**
      * Gets the grid columns that are going to be manipulated.
      * ```typescript
      * let gridColumns = this.columnHidingUI.columns;
      * ```
-     * @memberof ColumnChooserBase
      */
 
     @Input()
@@ -45,7 +44,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```html
      * <igx-column-hiding [columns]="grid.columns"></igx-column-hiding>
      * ```
-     * @memberof ColumnChooserBase
      */
     set columns(value) {
         if (value) {
@@ -61,7 +59,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * let title =  this.columnHidingUI.title;
      * ```
-     * @memberof ColumnChooserBase
      */
     @Input()
     get title() {
@@ -71,7 +68,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```html
      * <igx-column-hiding [title]="'IgxColumnHidingComponent Title'"></igx-column-hiding>
      * ```
-     * @memberof ColumnChooserBase
      */
     set title(value) {
         this._title = (value) ? value : '';
@@ -81,7 +77,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * let filterColumnsPrompt =  this.columnHidingUI.filterColumnsPrompt;
      * ```
-     * @memberof ColumnChooserBase
      */
     @Input()
     get filterColumnsPrompt() {
@@ -92,7 +87,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```html
      * <igx-column-hiding [filterColumnsPrompt]="'Type here to search'"></igx-column-hiding>
      * ```
-     * @memberof ColumnChooserBase
      */
     set filterColumnsPrompt(value) {
         this._filterColumnsPrompt = (value) ? value : '';
@@ -107,7 +101,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * let columnItems =  this.columnHidingUI.columnItems;
      * ```
-     * @memberof ColumnChooserBase
      */
     @Input()
     get columnItems() {
@@ -118,7 +111,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * let filterCriteria =  this.columnHidingUI.filterCriteria;
      * ```
-     * @memberof ColumnChooserBase
      */
     @Input()
     get filterCriteria() {
@@ -130,7 +122,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```html
      *  <igx-column-hiding [filterCriteria]="'ID'"></igx-column-hiding>
      * ```
-     * @memberof ColumnChooserBase
      */
     set filterCriteria(value) {
         if (!value || value.length === 0) {
@@ -151,7 +142,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * let columnDisplayOrder  =  this.columnHidingUI.columnDisplayOrder;
      * ```
-     * @memberof ColumnChooserBase
      */
     @Input()
     get columnDisplayOrder() {
@@ -162,7 +152,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * this.columnHidingUI.columnDisplayOrder = ColumnDisplayOrder.Alphabetical;
      * ```
-     * @memberof ColumnChooserBase
      */
     set columnDisplayOrder(value: ColumnDisplayOrder) {
         if (value !== undefined) {
@@ -186,7 +175,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```html
      * <igx-column-hiding [columnsAreaMaxHeight]="200px"></igx-column-hiding>
      * ```
-     * @memberof ColumnChooserBase
      */
     @Input()
     public columnsAreaMaxHeight = '100%';
@@ -199,7 +187,6 @@ export abstract class ColumnChooserBase implements OnDestroy {
      * ```typescript
      * this.columnHidingUI.cssClass = 'column-chooser';
      * ```
-     * @memberof ColumnChooserBase
      */
     @HostBinding('attr.class')
     public cssClass = 'igx-column-hiding';

projects/igniteui-angular/src/lib/grids/column-chooser-item-base.ts

@@ -10,7 +10,7 @@ export interface IValueChangedEventArgs extends IBaseEventArgs {
  *@hidden
  */
 @Directive()
-export abstract class ItemPropertyValueChanged {
+export abstract class ItemPropertyValueChangedDirective {
     private _object: any;
     private _propName: string;
 
@@ -51,7 +51,7 @@ export abstract class ItemPropertyValueChanged {
 
 /** @hidden */
 @Directive()
-export class ColumnChooserItemBase extends ItemPropertyValueChanged {
+export class ColumnChooserItemBaseDirective extends ItemPropertyValueChangedDirective {
     @Input()
     get column() {
         return this.object;

projects/igniteui-angular/src/lib/grids/common/events.ts

@@ -1,5 +1,5 @@
 import { IBaseEventArgs, CancelableEventArgs } from '../../core/utils';
-import { IgxBaseExporter, IgxExporterOptionsBase } from '../../services';
+import { IgxBaseExporterDirective, IgxExporterOptionsBase } from '../../services';
 import { GridKeydownTargetType } from './enums';
 import { IgxDragDirective } from '../../directives/drag-drop/drag-drop.directive';
 import { IGridDataBindable } from './grid.interface';
@@ -70,7 +70,7 @@ export interface ISearchInfo {
 
 export interface IGridToolbarExportEventArgs extends IBaseEventArgs {
     grid: IgxGridBaseDirective;
-    exporter: IgxBaseExporter;
+    exporter: IgxBaseExporterDirective;
     options: IgxExporterOptionsBase;
     cancel: boolean;
 }

projects/igniteui-angular/src/lib/grids/hiding/column-hiding-item.directive.ts

@@ -1,6 +1,6 @@
 
 import { Directive } from '@angular/core';
-import { ColumnChooserItemBase } from '../column-chooser-item-base';
+import { ColumnChooserItemBaseDirective } from '../column-chooser-item-base';
 import { IBaseEventArgs } from '../../core/utils';
 
 export interface IColumnVisibilityChangedEventArgs extends IBaseEventArgs {
@@ -12,7 +12,7 @@ export interface IColumnVisibilityChangedEventArgs extends IBaseEventArgs {
 @Directive({
     selector: '[igxColumnHidingItem]'
 })
-export class IgxColumnHidingItemDirective extends ColumnChooserItemBase {
+export class IgxColumnHidingItemDirective extends ColumnChooserItemBaseDirective {
 
     constructor() {
         super('hidden');

projects/igniteui-angular/src/lib/grids/hiding/column-hiding.component.ts

@@ -7,7 +7,7 @@ import {
     OnDestroy
 } from '@angular/core';
 import { IColumnVisibilityChangedEventArgs, IgxColumnHidingItemDirective } from './column-hiding-item.directive';
-import { ColumnChooserBase } from '../column-chooser-base';
+import { ColumnChooserBaseDirective } from '../column-chooser-base';
 import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
 
@@ -16,7 +16,7 @@ import { Subject } from 'rxjs';
     selector: 'igx-column-hiding',
     templateUrl: './column-hiding.component.html'
 })
-export class IgxColumnHidingComponent extends ColumnChooserBase implements OnDestroy {
+export class IgxColumnHidingComponent extends ColumnChooserBaseDirective implements OnDestroy {
     /**
      * Returns a boolean indicating whether the `HIDE ALL` button is disabled.
      * ```html

projects/igniteui-angular/src/lib/grids/pinning/column-pinning.component.ts

@@ -1,6 +1,6 @@
 
 import { Component, ChangeDetectorRef } from '@angular/core';
-import { ColumnChooserBase } from '../column-chooser-base';
+import { ColumnChooserBaseDirective } from '../column-chooser-base';
 import { IgxColumnPinningItemDirective } from './pinning.directive';
 
 
@@ -10,7 +10,7 @@ import { IgxColumnPinningItemDirective } from './pinning.directive';
     selector: 'igx-column-pinning',
     templateUrl: './column-pinning.component.html'
 })
-export class IgxColumnPinningComponent extends ColumnChooserBase {
+export class IgxColumnPinningComponent extends ColumnChooserBaseDirective {
 
     constructor(public cdr: ChangeDetectorRef) {
         super(cdr);

projects/igniteui-angular/src/lib/grids/pinning/pinning.directive.ts

@@ -1,11 +1,11 @@
 import { Directive } from '@angular/core';
-import { ColumnChooserItemBase } from '../column-chooser-item-base';
+import { ColumnChooserItemBaseDirective } from '../column-chooser-item-base';
 
 
 @Directive({
     selector: '[igxColumnPinningItem]'
 })
-export class IgxColumnPinningItemDirective extends ColumnChooserItemBase {
+export class IgxColumnPinningItemDirective extends ColumnChooserItemBaseDirective {
 
     constructor() {
         super('pinned');

projects/igniteui-angular/src/lib/grids/toolbar/grid-toolbar.component.ts

@@ -12,7 +12,7 @@ import {
 import { IDisplayDensityOptions, DisplayDensityToken, DisplayDensityBase } from '../../core/displayDensity';
 import {
     CsvFileTypes,
-    IgxBaseExporter,
+    IgxBaseExporterDirective,
     IgxCsvExporterOptions,
     IgxCsvExporterService,
     IgxExcelExporterOptions,
@@ -309,7 +309,7 @@ export class IgxGridToolbarComponent extends DisplayDensityBase {
         this.performExport(this.csvExporter, 'csv');
     }
 
-    private performExport(exp: IgxBaseExporter, exportType: string) {
+    private performExport(exp: IgxBaseExporterDirective, exportType: string) {
         this.exportClicked();
 
         const fileName = 'ExportedData';

projects/igniteui-angular/src/lib/services/csv/csv-exporter.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, Injectable, Output } from '@angular/core';
-import { IgxBaseExporter } from '../exporter-common/base-export-service';
+import { IgxBaseExporterDirective } from '../exporter-common/base-export-service';
 import { ExportUtilities } from '../exporter-common/export-utilities';
 import { CharSeparatedValueData } from './char-separated-value-data';
 import { CsvFileTypes, IgxCsvExporterOptions } from './csv-exporter-options';
@@ -32,7 +32,7 @@ export interface ICsvExportEndedEventArgs extends IBaseEventArgs {
  * ```
  */
 @Injectable()
-export class IgxCsvExporterService extends IgxBaseExporter {
+export class IgxCsvExporterService extends IgxBaseExporterDirective {
     private _stringData: string;
 
     /**

projects/igniteui-angular/src/lib/services/excel/excel-exporter.ts

@@ -5,7 +5,7 @@ import { ExcelElementsFactory } from './excel-elements-factory';
 import { ExcelFolderTypes } from './excel-enums';
 import { IgxExcelExporterOptions } from './excel-exporter-options';
 import { IExcelFolder } from './excel-interfaces';
-import { IgxBaseExporter } from '../exporter-common/base-export-service';
+import { IgxBaseExporterDirective } from '../exporter-common/base-export-service';
 import { ExportUtilities } from '../exporter-common/export-utilities';
 import { WorksheetData } from './worksheet-data';
 import { IBaseEventArgs } from '../../core/utils';
@@ -36,7 +36,7 @@ export interface IExcelExportEndedEventArgs extends IBaseEventArgs {
  * ```
  */
 @Injectable()
-export class IgxExcelExporterService extends IgxBaseExporter {
+export class IgxExcelExporterService extends IgxBaseExporterDirective {
 
     private static ZIP_OPTIONS = { compression: 'DEFLATE', type: 'base64' };
     private _xlsx: JSZip;