fix(pivot): fix build cus of circular dependencies

Author: mddragnev

projects/igniteui-angular/src/lib/grids/headers/headers.module.ts

@@ -37,6 +37,7 @@ export { IgxGridHeaderRowComponent } from './grid-header-row.component';
         IgxGridHeaderGroupComponent,
         IgxGridHeaderRowComponent,
         IgxHeaderGroupWidthPipe,
+        SortingIndexPipe,
         IgxHeaderGroupStylePipe
     ]
 })

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

@@ -3,8 +3,8 @@ import {
     Component,
     Input
 } from '@angular/core';
-import { IgxPivotRowComponent } from './pivot-row.component'
 import { IgxGridHeaderRowComponent } from '../headers/grid-header-row.component';
+import { IgxRowDirective } from '../row.directive';
 
 /**
  *
@@ -25,5 +25,5 @@ export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowCompon
      * @internal
      */
     @Input()
-    public intRow: IgxPivotRowComponent;
+    public intRow: IgxRowDirective;
 }

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.ts

@@ -5,8 +5,8 @@ import { IGX_GRID_BASE, PivotGridType } from '../common/grid.interface';
 import { IgxFilteringService } from '../filtering/grid-filtering.service';
 import { IgxGridHeaderGroupComponent } from '../headers/grid-header-group.component';
 import { IgxColumnResizingService } from '../resizing/resizing.service';
+import { IgxRowDirective } from '../row.directive';
 import { IPivotDimension } from './pivot-grid.interface';
-import { IgxPivotRowComponent } from './pivot-row.component';
 
 /**
  * @hidden
@@ -32,7 +32,7 @@ export class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGroup
      * @internal
      */
     @Input()
-    public intRow: IgxPivotRowComponent;
+    public intRow: IgxRowDirective;
 
     @HostBinding('attr.id')
     public get headerID() {
@@ -48,7 +48,8 @@ export class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGroup
             return;
         }
         event?.stopPropagation();
-        const key = this.intRow.getRowDimensionKey(this.column as IgxColumnComponent);
+        const row = this.grid.rowList.find(r => r.key === this.intRow.key);
+        const key = row.getRowDimensionKey(this.column as IgxColumnComponent);
         if (this.grid.selectionService.isRowSelected(key)) {
             this.grid.selectionService.deselectRow(key, event);
         } else {

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

@@ -8,3 +8,4 @@ export * from './pivot-row.component';
 export * from './pivot-header-row.component';
 export * from './pivot-row-dimension-content.component';
 export * from './pivot-row-dimension-header-group.component';
+export * from './pivot-row-dimension-header.component';