feat(rowtype): add implementation for addRowUI #10771 (#10790)

Co-authored-by: Zdravko Kolev <[email protected]>
Co-authored-by: Deyan Kamburov <[email protected]>
Co-authored-by: Radoslav Karaivanov <[email protected]>

Author: 4 people

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

@@ -96,7 +96,7 @@ export interface RowType {
     parent?: RowType;
     hasChildren?: boolean;
     treeRow? : ITreeGridRecord;
-    addRowUI?: any;
+    addRowUI?: boolean;
     focused?: boolean;
     grid: GridType;
     onRowSelectorClick?: (event: MouseEvent) => void;

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

@@ -1,5 +1,5 @@
 import { IGroupByRecord } from '../data-operations/groupby-record.interface';
-import { IgxEditRow } from './common/crud.service';
+import { IgxAddRow, IgxEditRow } from './common/crud.service';
 import { GridInstanceType, GridSummaryCalculationMode, GridSummaryPosition } from './common/enums';
 import { IgxGridCell } from './grid-public-cell';
 import { IgxSummaryResult } from './summaries/grid-summary';
@@ -38,6 +38,19 @@ abstract class BaseRow implements RowType {
         return primaryKey ? data[primaryKey] : data;
     }
 
+    /**
+     * Gets if this represents add row UI
+     * 
+     * ```typescript
+     * let isAddRow = row.addRowUI;
+     * ```
+     */
+    public get addRowUI(): boolean {
+        return !!this.grid.crudService.row &&
+            this.grid.crudService.row.getClassName() === IgxAddRow.name &&
+            this.grid.crudService.row.id === this.key;
+    }
+
     /**
      * The data record that populates the row.
      *