Merge branch 'mdragnev/add-row-feat' of https://github.com/IgniteUI/igniteui-angular into mdragnev/add-row-transactions

Author: mddragnev

projects/igniteui-angular/src/lib/grids/cell.component.html

@@ -55,7 +55,7 @@
     [column]="this.column.field"
     [containerClass]="'igx-grid__td-text'"
     [metadata]="searchMetadata">{{
-        value ? value : column.header
+        value ? value : column.field
     }}</div>
 </ng-template>
 <ng-template #inlineEditor let-cell="cell">

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

@@ -43,6 +43,5 @@ export interface ColumnType {
     topLevelParent?: ColumnType;
     parent?: ColumnType;
     hasLastPinnedChildColumn: boolean;
-    header: string;
     getGridTemplate(isRow: boolean, isIE: boolean): string;
 }

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

@@ -3263,7 +3263,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
             });
 
         this.addRowSnackbar?.onAction.subscribe(() => {
-            this.navigateTo(this.lastAddedRowId);
+            this.navigateTo(this.lastAddedRowId, 0);
             this.addRowSnackbar.hide();
         });
     }

projects/igniteui-angular/src/lib/grids/grid-navigation.service.ts

@@ -284,7 +284,13 @@ export class IgxGridNavigationService {
         event.preventDefault();
         if ((this.grid.rowInEditMode && this.grid.rowEditTabs.length) &&
             (this.activeNode.row !== next.rowIndex || this.isActiveNode(next.rowIndex, next.visibleColumnIndex))) {
-            this.grid.gridAPI.submit_value();
+            if (this.grid.crudService.row?.isAddRow) {
+                this.grid.gridAPI.submit_add_value();
+                const row = this.grid.rowList.find(r => r.rowID === this.grid.crudService.row.id);
+                row.rowData = this.grid.crudService.row.data;
+            } else {
+                this.grid.gridAPI.submit_value();
+            }
             shift ? this.grid.rowEditTabs.last.element.nativeElement.focus() :
                 this.grid.rowEditTabs.first.element.nativeElement.focus();
             return;

projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html

@@ -162,6 +162,7 @@
         [ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
         [ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
         [editMode]="col.editable && crudService.isInEditMode(index, col.index)"
+        [addMode]="col.editable && crudService.isInAddMode(index,col.index)"
         [column]="col"
         [style.-ms-grid-row-span]="col.gridRowSpan"
         [style.-ms-grid-column-span]="col.gridColumnSpan"

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

@@ -230,9 +230,9 @@
         </ng-template>
     </div>
     <div class="igx-grid__scroll-end" [style.float]='"right"' [style.width.px]='pinnedWidth' [style.min-width.px]='pinnedWidth' [hidden]="pinnedWidth === 0 || isPinningToStart"></div>
-    <div class="igx-grid__grid-addrow-snackbar">
-        <igx-snackbar #addRowSnackbar [actionText]="snackbarActionText" displayTime='2000'>{{snackbarLabel}}</igx-snackbar>
-    </div>
+</div>
+<div class="igx-grid__grid-addrow-snackbar">
+    <igx-snackbar #addRowSnackbar [actionText]="snackbarActionText" displayTime='2000'>{{snackbarLabel}}</igx-snackbar>
 </div>
 
 <div class="igx-grid__footer" #footer>