chore(*): Attempts to correctly activate a highlighted search res

Author: 3phase

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

@@ -5930,6 +5930,9 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
         const numberPipe = new IgxDecimalPipeComponent(this.locale);
         const datePipe = new IgxDatePipeComponent(this.locale);
         data.forEach((dataRow) => {
+            const ghostRec = dataRow.ghostRec !== undefined;
+            const data = { ...dataRow };
+            dataRow = ghostRec ? dataRow.recordData : dataRow;
             columnItems.forEach((c) => {
                 const value = c.formatter ? c.formatter(dataRow[c.field]) :
                     c.dataType === 'number' ? numberPipe.transform(dataRow[c.field], this.locale) :
@@ -5941,7 +5944,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
                     if (exactMatch) {
                         if (searchValue === searchText) {
                             this.lastSearchInfo.matchInfoCache.push({
-                                row: dataRow,
+                                row: data,
                                 column: c.field,
                                 index: 0,
                             });
@@ -5952,7 +5955,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
 
                         while (searchIndex !== -1) {
                             this.lastSearchInfo.matchInfoCache.push({
-                                row: dataRow,
+                                row: data,
                                 column: c.field,
                                 index: occurenceIndex++,
                             });

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

@@ -1,7 +1,7 @@
 <ng-template #defaultCell>
     <div igxTextHighlight style="pointer-events: none" [cssClass]="highlightClass" [activeCssClass]="activeHighlightClass" [groupName]="gridID"
         [value]="formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal: grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : value"
-        [row]="rowData" [column]="this.column.field" [containerClass]="'igx-grid__td-text'"
+        [row]="row.treeRow.data" [column]="this.column.field" [containerClass]="'igx-grid__td-text'"
         class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal:
         grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : value }}</div>
 </ng-template>

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

@@ -81,18 +81,18 @@
             | treeGridRowPinning:id:pipeTrigger
             | treeGridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger:true
             | treeGridSorting:sortingExpressions:sortStrategy:id:pipeTrigger:true as pinnedData'>
-            <div #pinContainer *ngIf='pinnedData.length > 0' 
-                [ngClass]="{
-                    'igx-grid__tr--pinned-bottom':  !isRowPinningToTop,
-                    'igx-grid__tr--pinned-top': isRowPinningToTop
-                }"
-                class='igx-grid__tr--pinned' [style.bottom.px]=' !isRowPinningToTop ? pinnedBottom : null'>
-                <ng-container *ngFor="let rowData of pinnedData;let rowIndex = index;">
-                    <ng-container *ngTemplateOutlet="record_template; context: getContext(rowData, rowIndex, true)">
+                <div #pinContainer *ngIf='pinnedData.length > 0' 
+                    [ngClass]="{
+                        'igx-grid__tr--pinned-bottom':  !isRowPinningToTop,
+                        'igx-grid__tr--pinned-top': isRowPinningToTop
+                    }"
+                    class='igx-grid__tr--pinned' [style.bottom.px]=' !isRowPinningToTop ? pinnedBottom : null'>
+                    <ng-container *ngFor="let rowData of pinnedData;let rowIndex = index;">
+                        <ng-container *ngTemplateOutlet="record_template; context: getContext(rowData, rowIndex, true)">
+                        </ng-container>
                     </ng-container>
-                </ng-container>
-            </div>
-        </ng-container>
+                </div>
+            </ng-container>
         </ng-template>
         <ng-container *ngTemplateOutlet="hasPinnedRecords && isRowPinningToTop ? pinnedRecordsTemplate : null"></ng-container>
         <ng-template igxGridFor let-rowData [igxGridForOf]="data