feat(igxTreeGrid): Makes body instance of pinned row unselectable #6640

Author: 3phase

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

@@ -74,8 +74,8 @@
     <div class="igx-grid__cbx-padding">
         <igx-checkbox
             [readonly]="true"
-            [checked]="selected"
-            [disabled]="deleted"
+            [checked]="selected && !pinnedBodyInstance"
+            [disabled]="deleted || pinnedBodyInstance"
             disableRipple="true"
             [disableTransitions]="grid.disableTransitions"
             [aria-label]="rowCheckboxAriaLabel">

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

@@ -24,6 +24,15 @@ export class IgxTreeGridRowComponent extends IgxRowDirective<IgxTreeGridComponen
     @ViewChildren('treeCell')
     public cells: QueryList<any>;
 
+    /**
+     * @hidden
+     */
+    @Input()
+    @HostBinding('attr.aria-selected')
+    get selected(): boolean {
+        return !this.pinnedBodyInstance && this.selectionService.isRowSelected(this.rowID);
+    }
+
     /**
      * The `ITreeGridRecord` passed to the row component.
      *
@@ -56,6 +65,15 @@ export class IgxTreeGridRowComponent extends IgxRowDirective<IgxTreeGridComponen
         return this.grid.isRowInPinnedRecordsStructure(this._treeRow);
     }
 
+    /**
+     * Gets whether the current row is pinned and is in the grid's body, 
+     * and not in the grid's pinned area.
+     * @hidden @internal
+     */
+    public get pinnedBodyInstance(): boolean {
+        return this.pinned && (this.grid.pinnedRecords.indexOf(this.treeRow) === -1);
+    }
+
     /**
      * Returns a value indicating whether the row component is expanded.
      *
@@ -113,8 +131,7 @@ export class IgxTreeGridRowComponent extends IgxRowDirective<IgxTreeGridComponen
     protected resolveClasses(): string {
         const classes = super.resolveClasses();
         const filteredClass = this.treeRow.isFilteredOutParent ? 'igx-grid__tr--filtered' : '';
-        const pinnedRecordClass = this.pinned && (this.grid.pinnedRecords.indexOf(this.treeRow) === -1) ?
-                'igx-grid__tr--disabled' : '';
+        const pinnedRecordClass = this.pinnedBodyInstance ? 'igx-grid__tr--disabled' : '';
         return `${classes} ${filteredClass} ${pinnedRecordClass}`;
     }