Grids' template context cleanup (#12772)

* refactor(grid): explicit template context types

* refactor(grids): explicitly type public template ref w/o context

Author: damyanpetev

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

@@ -772,7 +772,7 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
 
     /** @hidden */
     @Input()
-    public collapsibleIndicatorTemplate: TemplateRef<any>;
+    public collapsibleIndicatorTemplate: TemplateRef<IgxColumnTemplateContext>;
 
     /**
      * Row index where the current field should end.
@@ -867,6 +867,7 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
     protected summaryTemplateDirective: IgxSummaryTemplateDirective;
     /**
      * @hidden
+     * @see {@link bodyTemplate}
      */
     @ContentChild(IgxCellTemplateDirective, { read: IgxCellTemplateDirective })
     protected cellTemplate: IgxCellTemplateDirective;

projects/igniteui-angular/src/lib/grids/common/grid.interface.ts

@@ -780,32 +780,37 @@ export interface IgxCellTemplateContext {
     cell: CellType
 }
 
+export interface IgxRowSelectorTemplateDetails {
+    index: number;
+    /** @deprecated Use `key` */
+    rowID: any;
+    key: any;
+    selected: boolean;
+    select?: () => void;
+    deselect?: () => void;
+}
+
 export interface IgxRowSelectorTemplateContext {
-    $implicit: {
-        index: number,
-        rowID: any,
-        key: any,
-        selected: boolean,
-        select?: () => void,
-        deselect?: () => void
-    }
+    $implicit: IgxRowSelectorTemplateDetails;
 }
 
+export interface IgxGroupByRowSelectorTemplateDetails {
+    selectedCount: number;
+    totalCount: number;
+    groupRow: IGroupByRecord;
+}
 export interface IgxGroupByRowSelectorTemplateContext {
-    $implicit: {
-        selectedCount: number,
-        totalCount: number,
-        groupRow: IGroupByRecord
-    }
+    $implicit: IgxGroupByRowSelectorTemplateDetails;
 }
 
+export interface IgxHeadSelectorTemplateDetails {
+    selectedCount: number;
+    totalCount: number;
+    selectAll?: () => void;
+    deselectAll?: () => void;
+}
 export interface IgxHeadSelectorTemplateContext {
-    $implicit: {
-        selectedCount: number;
-        totalCount: number;
-        selectAll?: () => void;
-        deselectAll?: () => void;
-    };
+    $implicit: IgxHeadSelectorTemplateDetails;
 }
 
 export interface IgxSummaryTemplateContext {

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -245,7 +245,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
      * ```
      */
     @Input()
-    public emptyGridTemplate: TemplateRef<any>;
+    public emptyGridTemplate: TemplateRef<void>;
 
     /**
      * Gets/Sets a custom template for adding row UI when grid is empty.
@@ -256,7 +256,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
      * ```
      */
     @Input()
-    public addRowEmptyTemplate: TemplateRef<any>;
+    public addRowEmptyTemplate: TemplateRef<void>;
 
     /**
      * Gets/Sets a custom template when loading.
@@ -267,7 +267,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
      * ```
      */
     @Input()
-    public loadingGridTemplate: TemplateRef<any>;
+    public loadingGridTemplate: TemplateRef<void>;
 
     /**
      * Get/Set IgxSummaryRow height

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

@@ -149,7 +149,7 @@ export class IgxGridComponent extends IgxGridBaseDirective implements GridType,
      * ```
      */
     @Input()
-    public dropAreaTemplate: TemplateRef<any>;
+    public dropAreaTemplate: TemplateRef<void>;
 
     /**
      * @hidden @internal

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

@@ -372,7 +372,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
      * @hidden @internal
      */
     @Input()
-    public addRowEmptyTemplate: TemplateRef<any>;
+    public addRowEmptyTemplate: TemplateRef<void>;
 
     /**
      * @hidden @internal
@@ -2176,7 +2176,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
      * ```
      */
     @Input()
-    public emptyPivotGridTemplate: TemplateRef<any>;
+    public emptyPivotGridTemplate: TemplateRef<void>;
 
     /**
     * @hidden @internal

projects/igniteui-angular/src/lib/grids/public_api.ts

@@ -17,7 +17,7 @@ export {
     CellType, RowType, IGX_GRID_BASE, ValidationStatus, IGridFormGroupCreatedEventArgs, IGridValidationState, IGridValidationStatusEventArgs, IRecordValidationState, IFieldValidationState, ColumnType,
     IgxGridMasterDetailContext, IgxGroupByRowTemplateContext, IgxGridTemplateContext, IgxGridRowTemplateContext, IgxGridRowDragGhostContext, IgxGridEmptyTemplateContext, IgxGridRowEditTemplateContext,
     IgxGridRowEditTextTemplateContext, IgxGridRowEditActionsTemplateContext, IgxGridHeaderTemplateContext, IgxColumnTemplateContext, IgxCellTemplateContext, IgxGroupByRowSelectorTemplateContext,
-    IgxHeadSelectorTemplateContext, IgxSummaryTemplateContext
+    IgxHeadSelectorTemplateContext, IgxSummaryTemplateContext, IgxHeadSelectorTemplateDetails, IgxGroupByRowSelectorTemplateDetails, IgxRowSelectorTemplateContext, IgxRowSelectorTemplateDetails
 } from './common/grid.interface';
 export * from './summaries/grid-summary';
 export * from './grid-common.module';
@@ -38,4 +38,4 @@ export * from './summaries/summary.module';
 export * from './grouping/tree-grid-group-by-area.component';
 export * from './grouping/grid-group-by-area.component';
 export * from './grouping/group-by-area.directive';
-export { DropPosition } from './moving/moving.service';
+export { DropPosition } from './moving/moving.service';

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

@@ -277,7 +277,7 @@ export class IgxTreeGridComponent extends IgxGridBaseDirective implements GridTy
     protected _filterStrategy = new TreeGridFilteringStrategy();
     protected _transactions: HierarchicalTransactionService<HierarchicalTransaction, HierarchicalState>;
     private _data;
-    private _rowLoadingIndicatorTemplate: TemplateRef<any>;
+    private _rowLoadingIndicatorTemplate: TemplateRef<void>;
     private _expansionDepth = Infinity;
     private _filteredData = null;
 
@@ -377,11 +377,11 @@ export class IgxTreeGridComponent extends IgxGridBaseDirective implements GridTy
      * @memberof IgxTreeGridComponent
      */
     @Input()
-    public get rowLoadingIndicatorTemplate(): TemplateRef<any> {
+    public get rowLoadingIndicatorTemplate(): TemplateRef<void> {
         return this._rowLoadingIndicatorTemplate;
     }
 
-    public set rowLoadingIndicatorTemplate(value: TemplateRef<any>) {
+    public set rowLoadingIndicatorTemplate(value: TemplateRef<void>) {
         this._rowLoadingIndicatorTemplate = value;
         this.notifyChanges();
     }