migrate cellID to id (#2782)

Author: hanastasov

src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.html

@@ -28,7 +28,7 @@
         </igx-column>
         <igx-column [field]="'Delete Row'" [filterable]="false">
             <ng-template igxCell let-cell="cell">
-                <button igxButton="icon" (click)="removeRow(cell.cellID.rowIndex)">
+                <button igxButton="icon" (click)="removeRow(cell.id.rowIndex)">
                     <igx-icon>delete</igx-icon>
                 </button>
             </ng-template>

src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.html

@@ -3,7 +3,7 @@
         [rowEditable]="true">
         <igx-column [editable]="false">
             <ng-template igxCell let-cell="cell" let-val>
-                <button igxButton (click)="grid.deleteRow(cell.cellID.rowID)"
+                <button igxButton (click)="grid.deleteRow(cell.id.rowID)"
                     [disabled]="cell.row.deleted">Delete</button>
             </ng-template>
         </igx-column>

src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.html

@@ -17,7 +17,7 @@
         </igx-grid-toolbar>
         <igx-column [pinned]="true" [filterable]="false" [editable]="false">
             <ng-template igxCell let-cell="cell" let-val>
-                <button igxButton (click)="deleteRow(cell.cellID.rowID)" [disabled]="cell.row.deleted">Delete</button>
+                <button igxButton (click)="deleteRow(cell.id.rowID)" [disabled]="cell.row.deleted">Delete</button>
             </ng-template>
         </igx-column>
         <igx-column field="ID" editable="false"></igx-column>

src/app/grid/grid-editing-sample/grid-editing-sample.component.html

@@ -34,7 +34,7 @@
             </igx-column>
             <igx-column width="100px" [filterable]="false">
                 <ng-template igxCell let-cell="cell">
-                    <button igxButton="icon" (click)="removeRow(cell.cellID.rowIndex)">
+                    <button igxButton="icon" (click)="removeRow(cell.id.rowIndex)">
                         <igx-icon>delete</igx-icon>
                     </button>
                 </ng-template>

src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html

@@ -4,7 +4,7 @@
         [primaryKey]="'Artist'" [height]="'550px'" [width]="'100%'" [rowEditable]="true">
         <igx-column width="150px" [editable]="false">
             <ng-template igxCell let-cell="cell" let-val>
-                <button igxButton (click)="removeRow(cell.cellID.rowIndex)"
+                <button igxButton (click)="removeRow(cell.id.rowIndex)"
                     [disabled]="cell.row.deleted">Delete</button>
             </ng-template>
         </igx-column>

src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html

@@ -12,7 +12,7 @@
         [hasSummary]="true" [summaries]="mySummary"></igx-column>
     <igx-column [width]="'100px'">
         <ng-template igxCell let-cell="cell">
-            <button igxButton="icon" (click)="removeRow(cell.cellID.rowIndex)">
+            <button igxButton="icon" (click)="removeRow(cell.id.rowIndex)">
                 <igx-icon>delete</igx-icon>
             </button>
         </ng-template>

src/app/theming/default-theme-sample/default-theme-sample.component.html

@@ -43,7 +43,7 @@
         </igx-column>
         <igx-column [field]="'Delete Row'" [filterable]="false">
             <ng-template igxCell let-cell="cell">
-                <button igxButton="icon" (click)="removeRow(cell.cellID.rowIndex)">
+                <button igxButton="icon" (click)="removeRow(cell.id.rowIndex)">
                     <igx-icon>delete</igx-icon>
                 </button>
             </ng-template>

src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.html

@@ -3,13 +3,13 @@
         [width]="'100%'" [height]="'500px'" [rowEditable]="true">
         <igx-column filterable="false" width="150" [editable]="false">
             <ng-template igxCell let-cell="cell" let-val>
-                <button igxButton (click)="deleteRow(cell.cellID.rowID)"
+                <button igxButton (click)="deleteRow(cell.id.rowID)"
                     [disabled]="cell.row.deleted">Delete</button>
             </ng-template>
         </igx-column>
         <igx-column filterable="false" width="180" [editable]="false">
             <ng-template igxCell let-cell="cell" let-val>
-                <button igxButton (click)="addChildRow(cell.cellID.rowID)" [disabled]="cell.row.deleted">Add Child
+                <button igxButton (click)="addChildRow(cell.id.rowID)" [disabled]="cell.row.deleted">Add Child
                     Row</button>
             </ng-template>
         </igx-column>