fix(grid): update ghost record handling for disabled rows - 20.1.x (#16765)

Author: IMinchev64

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

@@ -7961,8 +7961,10 @@ export abstract class IgxGridBaseDirective implements GridType,
      * If record is pinned but is not in pinned area then it is a ghost record.
      *
      * @param dataViewIndex The index of that record in the data view.
+     * @hidden
+     * @internal
      */
-    private isGhostRecordAtIndex(dataViewIndex) {
+    public isGhostRecordAtIndex(dataViewIndex) {
         const isPinned = this.isRecordPinned(this.dataView[dataViewIndex]);
         const isInPinnedArea = this.isRecordPinnedByViewIndex(dataViewIndex);
         return isPinned && !isInPinnedArea;

projects/igniteui-angular/src/lib/grids/grid-public-row.ts

@@ -8,6 +8,7 @@ import { IgxPivotGridComponent } from './pivot-grid/pivot-grid.component';
 import { PivotUtil } from './pivot-grid/pivot-util';
 import { mergeWith } from 'lodash-es';
 import { CellType, GridServiceType, GridType, IGridValidationState, RowType, ValidationStatus } from './common/grid.interface';
+import { IgxGridComponent } from './grid/grid.component';
 
 abstract class BaseRow implements RowType {
     public index: number;
@@ -185,8 +186,12 @@ abstract class BaseRow implements RowType {
         return false;
     }
 
+    /**
+     * Gets whether the row is disabled.
+     * A disabled row represents a ghost placeholder created by row pinning.
+     */
     public get disabled(): boolean {
-        return this.grid.isGhostRecord(this.data);
+        return (this.grid as IgxGridComponent).isGhostRecordAtIndex(this.index);
     }
 
     /**

projects/igniteui-angular/src/lib/grids/grid/grid-row-pinning.spec.ts

@@ -397,6 +397,18 @@ describe('Row Pinning #grid', () => {
             expect(grid.gridAPI.get_row_by_index(1).key).toBe(fix.componentInstance.data[1]);
         });
 
+        it('should mark ghost placeholder rows as disabled in RowType API.', () => {
+            grid.pinRow(fix.componentInstance.data[0]);
+            fix.detectChanges();
+
+            const renderedRow = grid.rowList.toArray().find(r => r.index === 1);
+            const rowType = grid.getRowByIndex(1);
+
+            expect(renderedRow).toBeDefined();
+            expect(renderedRow.disabled).toBeTrue();
+            expect(rowType.disabled).toBeTrue();
+        });
+
         it('should search in both pinned and unpinned rows.', () => {
             // pin 1st row
             let row = grid.gridAPI.get_row_by_index(0);