Improve row selection performance when primaryKey is set --18 (#14522)

* fix(grid): improve performance for rowSelection when primaryKey is set #14444

* chore(*): enable rowSelection for grid performance sample

* chore(*): fix typo in code

Author: ddincheva

projects/igniteui-angular/src/lib/grids/selection/selection.service.ts

@@ -400,8 +400,10 @@ export class IgxGridSelectionService {
             return Array.from(this.rowSelection);
         }
         const selection = [];
+        const gridDataMap = {};
+        this.grid.gridAPI.get_all_data(true).forEach(row => gridDataMap[this.getRecordKey(row)] = row);
         this.rowSelection.forEach(rID => {
-            const rData = this.grid.gridAPI.get_all_data(true).find(row => this.getRecordKey(row) === rID);
+            const rData = gridDataMap[rID];
             const partialRowData = {};
             partialRowData[this.grid.primaryKey] = rID;
             selection.push(rData ? rData : partialRowData);
@@ -607,9 +609,9 @@ export class IgxGridSelectionService {
         if (this.allRowsSelected !== undefined && !newSelection) {
             return this.allRowsSelected;
         }
-        const selectedData = newSelection ? newSelection : [...this.rowSelection]
+        const selectedData = new Set(newSelection ? newSelection : [...this.rowSelection]);
         const allData = this.getRowIDs(this.allData);
-        const unSelectedRows = allData.filter(row => !selectedData.includes(row));
+        const unSelectedRows = allData.filter(row => !selectedData.has(row));
         return this.allRowsSelected = this.allData.length > 0 && unSelectedRows.length === 0;
     }
 

src/app/grid-performance/grid-performance.sample.html

@@ -1,6 +1,6 @@
 <div style="height: 100vh; width: 100wh">
     <h4 class="sample-title"> Fixed Size Rows</h4>
-    <igx-grid #grid1 [rowHeight]="20" [data]="localData" [rowSelection]="selectionMode" [allowFiltering]="true" [filterMode]="'excelStyleFilter'">
+    <igx-grid #grid1 primaryKey="ID" [rowHeight]="20" [data]="localData" [rowSelection]="selectionMode" [allowFiltering]="true" [filterMode]="'excelStyleFilter'">
         <igx-grid-toolbar>
             <igx-grid-toolbar-actions>
                 <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>

src/app/grid-performance/grid-performance.sample.ts

@@ -21,7 +21,7 @@ export class GridPerformanceSampleComponent implements OnInit {
     public selectionMode;
 
     public ngOnInit() {
-        this.selectionMode = GridSelectionMode.none;
+        this.selectionMode = GridSelectionMode.multiple;
         const cols = [];
         cols.push({
             field: 'ID',