Merge pull request #3313 from IgniteUI/dpetev/16-rc-bump

16 rc bump

Author: zdrawku

package-lock.json

@@ -65,7 +65,7 @@
     "bootstrap": "^5.2.3",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^16.0.0-beta.4",
+    "igniteui-angular": "^16.0.0-rc.0",
     "igniteui-angular-charts": "^15.0.1",
     "igniteui-angular-core": "^15.0.1",
     "igniteui-angular-extras": "^16.0.2",
@@ -112,4 +112,4 @@
     "typescript": "4.9.5",
     "webpack-bundle-analyzer": "^4.5.0"
   }
-}
+}

package.json

@@ -222,7 +222,6 @@ export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit,
         this.gridEventEmitters = merge(this.grid.filteringDone,
             this.grid.sortingDone,
             this.grid.columnMoving,
-            this.grid.pagingDone,
             this.grid.columnPin,
             this.grid.columnResized,
             this.grid.columnMovingEnd,

projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts

@@ -1,6 +1,6 @@
 <div class="grid__wrapper">
-    <igx-grid [igxPreventDocumentScroll]="true" #grid1 [data]="data" [perPage]="10" height="520px" width="100%" displayDensity="cosy">
-        <igx-paginator></igx-paginator>
+    <igx-grid [igxPreventDocumentScroll]="true" #grid1 [data]="data" height="520px" width="100%" displayDensity="cosy">
+        <igx-paginator [perPage]="10"></igx-paginator>
         <igx-column header="Rank" headerClasses="myClass" field="Id" [sortable]="true"></igx-column>
         <igx-column field="Name" header="Athlete"></igx-column>
         <igx-column field="BeatsPerMinute" header="Beats per minute" dataType="number">

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

@@ -301,15 +301,16 @@ export class GridKeyboardnavGuide implements OnInit, OnDestroy {
 
             if ((key === 'arrowup' || key === 'arrowdown') && evt.ctrlKey) {
                 if (col && !col.columnGroup && col.sortable) {
-                    this._keyboardHandler.selectItem(1);
+                    this._keyboardHandler.selectItem(1);IgxColumnGroupComponent
                 }
             }
         }
 
         if (this._keyboardHandler.gridSection === GridSection.TBODY) {
             if (key === 'enter') {
-                const cell = this.grid.getCellByColumnVisibleIndex(activeNode.row, activeNode.column);
-                const isCellSelected = cell.selected;
+                const columnName = this.grid.getColumnByVisibleIndex(activeNode.column).field;
+                const cell = this.grid.getCellByColumn(activeNode.row, columnName);
+
                 if (cell && cell.column.editable && cell.editMode) {
                     this._keyboardHandler.selectItem(0);
                 }

src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts

@@ -319,7 +319,8 @@ export class HGridKeyboardnavGuide implements OnInit, OnDestroy {
 
         if (this.keyboardHandler.gridSection === GridSection.TBODY) {
             if (key === 'enter') {
-                const cell = this.gridTarget.hGrid.getCellByColumnVisibleIndex(activeNode.row, activeNode.column);
+                const columnName = this.gridTarget.hGrid.getColumnByVisibleIndex(activeNode.column).field;
+                const cell = this.gridTarget.hGrid.getCellByColumn(activeNode.row, columnName);
                 if (cell && cell.column.editable && cell.editMode) {
                     this.keyboardHandler.selectItem(0);
                 }

src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts

@@ -1,7 +1,7 @@
 <div class="grid__wrapper">
-    <igx-hierarchical-grid [igxPreventDocumentScroll]="true" #hGrid [data]="data" [perPage]="10" height="500px" width="100%"
+    <igx-hierarchical-grid [igxPreventDocumentScroll]="true" #hGrid [data]="data" height="500px" width="100%"
         displayDensity="cosy" primaryKey="ID">
-        <igx-paginator #paginator [(page)]="hGrid.page" [totalRecords]="hGrid.totalRecords" [(perPage)]="hGrid.perPage" [selectOptions]="selectOptions" [displayDensity]="hGrid.displayDensity">
+        <igx-paginator #paginator [(page)]="hGrid.page" [totalRecords]="hGrid.totalRecords" [perPage]="10" [selectOptions]="selectOptions" [displayDensity]="hGrid.displayDensity">
             <igx-paginator-content>
                 <igx-page-size *ngIf="!isDropdownHidden"></igx-page-size>
                 <igx-page-nav *ngIf="!isPagerHidden"></igx-page-nav>

src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.html

@@ -1,5 +1,5 @@
 <div class="grid__wrapper">
-    <igx-hierarchical-grid [igxPreventDocumentScroll]="true"  class="hgrid" [data]="localdata" [autoGenerate]="false" [perPage]="10"
+    <igx-hierarchical-grid [igxPreventDocumentScroll]="true"  class="hgrid" [data]="localdata" [autoGenerate]="false"
         [height]="'550px'" [width]="'100%'" #hierarchicalGrid>
         <igx-column field="Artist"></igx-column>
         <igx-column field="Photo">
@@ -33,6 +33,6 @@
             <igx-column field="Location"></igx-column>
             <igx-column field="Headliner"></igx-column>
         </igx-row-island>
-        <igx-paginator></igx-paginator>
+        <igx-paginator [perPage]="10"></igx-paginator>
     </igx-hierarchical-grid>
 </div>

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

@@ -317,7 +317,9 @@ export class TGridKeyboardnavGuide implements OnInit, OnDestroy {
 
         if (this._keyboardHandler.gridSection === GridSection.TBODY) {
             if (key === 'enter') {
-                const cell = this.tgrid.getCellByColumnVisibleIndex(activeNode.row, activeNode.column);
+                const columnName = this.tgrid.getColumnByVisibleIndex(activeNode.column).field;
+                const cell = this.tgrid.getCellByColumn(activeNode.row, columnName);
+
                 if (cell && cell.column.editable && cell.editMode) {
                     this._keyboardHandler.selectItem(0);
                 }

src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts

@@ -7,8 +7,8 @@
 </ng-template>
 <div class="grid__wrapper">
     <igx-tree-grid [igxPreventDocumentScroll]="true"  #treeGrid [data]="data" [moving]="true" primaryKey="ID" foreignKey="ParentID" [autoGenerate]="false" height="620px"
-        width="100%" [perPage]="10">
-        <igx-paginator></igx-paginator>
+        width="100%">
+        <igx-paginator [perPage]="10"></igx-paginator>
         <igx-column [field]="'Name'" dataType="string" [headerTemplate]="pinTemplate" width="250px"></igx-column>
         <igx-column [field]="'Title'" dataType="string" [headerTemplate]="pinTemplate" width="250px"></igx-column>
         <igx-column [field]="'ID'" dataType="number" [headerTemplate]="pinTemplate" width="200px"></igx-column>