feat(igxTreeGrid): Exposes disabled sass property #6640

Author: 3phase

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss

@@ -126,6 +126,10 @@
         @extend %igx-grid__tr--drag !optional;
     }
 
+    @include e(tr, $m: 'disabled') {
+        @extend %igx-grid__tr--disabled !optional;
+    }
+
     @include e(tr, $m: 'ghost') {
         @extend %igx-grid__tr--ghost !optional;
     }

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -1037,6 +1037,10 @@
         opacity: .5;
     }
 
+    %igx-grid__tr--disabled {
+        opacity: .5;
+    }
+
     %grid-row--odd {
         background: --var($theme, 'row-odd-background');
         color: --var($theme, 'row-odd-text-color');

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

@@ -44,6 +44,18 @@ export class IgxTreeGridRowComponent extends IgxRowDirective<IgxTreeGridComponen
         }
     }
 
+    /**
+     * Gets whether the row is pinned.
+     * 
+     * @example
+     * ```typescript
+     * let pinned = row.pinned;
+     * ```
+     */
+    public get pinned(): boolean {
+        return this.grid.isRowInPinnedRecordsStructure(this._treeRow);
+    }
+
     /**
      * Returns a value indicating whether the row component is expanded.
      *
@@ -101,7 +113,8 @@ export class IgxTreeGridRowComponent extends IgxRowDirective<IgxTreeGridComponen
     protected resolveClasses(): string {
         const classes = super.resolveClasses();
         const filteredClass = this.treeRow.isFilteredOutParent ? 'igx-grid__tr--filtered' : '';
-        return `${classes} ${filteredClass}`;
+        const pinnedRecordClass = this.pinned ? 'igx-grid__tr--disabled' : '';
+        return `${classes} ${filteredClass} ${pinnedRecordClass}`;
     }
 
     /**

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

@@ -566,7 +566,7 @@ export class IgxTreeGridComponent extends IgxGridBaseDirective implements GridTy
     /**
      * @hidden @internal
      */
-    private isRowInPinnedRecordsStructure(rec: ITreeGridRecord): boolean {
+    public isRowInPinnedRecordsStructure(rec: ITreeGridRecord): boolean {
         let inStructure = false;
         this.pinnedRecords.forEach(pinnedRecord => {
             if (JSON.stringify(pinnedRecord.data) === JSON.stringify(rec.data)) {