Merge branch '21.0.x' into rivanova/fix-16649-21.0.x

Author: RivaIvanova

projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss

@@ -190,6 +190,8 @@
                 &:not(:nth-child(1)) {
                     margin: 0;
                 }
+
+                @include type-style('button');
             }
         }
 
@@ -806,10 +808,6 @@
         }
     }
 
-    %igx-group-item {
-        @include type-style('button');
-    }
-
     %grid-excel-menu__secondary--cosy {
         %grid-excel-menu__header > h4 {
             @include type-style('h6');

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

@@ -185,12 +185,12 @@
         igx-input-group {
             background: var-get($theme, 'cell-editing-background');
 
-            input {
+            .igx-input-group__input {
                 height: 100%;
                 color: var-get($theme, 'cell-editing-foreground');
             }
 
-            input:focus {
+            .igx-input-group__input:focus {
                 color: var-get($theme, 'cell-editing-focus-foreground');
             }
         }
@@ -270,6 +270,8 @@
 
         .igx-input-group__input {
             padding-inline: sizable(rem(4px), rem(6px), rem(8px)) !important;
+            margin: 0 auto;
+            max-width: 100%;
         }
 
         igx-date-range-picker {
@@ -280,11 +282,6 @@
             display: none;
         }
 
-        input {
-            margin: 0 auto;
-            max-width: 100%;
-        }
-
         %form-group-input {
             // ignore global typography
             font-size: $grid-cell-fs !important;

projects/igniteui-angular/core/src/core/styles/components/toast/_toast-theme.scss

@@ -52,7 +52,7 @@
     $text: map.get($categories, 'text');
 
     %igx-toast-display,
-    %igx-toast-display > * {
+    %igx-toast-display > *:not(igx-icon) {
         @include type-style($text) {
             margin: 0;
         }

projects/igniteui-angular/grids/core/src/grid-public-row.ts

@@ -181,8 +181,12 @@ abstract class BaseRow implements RowType {
         return false;
     }
 
+    /**
+     * Gets whether the row is disabled.
+     * A disabled row represents a ghost placeholder created by row pinning.
+     */
     public get disabled(): boolean {
-        return this.grid.isGhostRecord(this.data);
+        return this.grid.isGhostRecordAtIndex(this.index);
     }
 
     /**

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

@@ -7871,8 +7871,10 @@ export abstract class IgxGridBaseDirective implements GridType,
      * If record is pinned but is not in pinned area then it is a ghost record.
      *
      * @param dataViewIndex The index of that record in the data view.
+     * @hidden
+     * @internal
      */
-    private isGhostRecordAtIndex(dataViewIndex) {
+    public isGhostRecordAtIndex(dataViewIndex) {
         const isPinned = this.isRecordPinned(this.dataView[dataViewIndex]);
         const isInPinnedArea = this.isRecordPinnedByViewIndex(dataViewIndex);
         return isPinned && !isInPinnedArea;

projects/igniteui-angular/grids/grid/src/grid-row-pinning.spec.ts

@@ -397,6 +397,18 @@ describe('Row Pinning #grid', () => {
             expect(grid.gridAPI.get_row_by_index(1).key).toBe(fix.componentInstance.data[1]);
         });
 
+        it('should mark ghost placeholder rows as disabled in RowType API.', () => {
+            grid.pinRow(fix.componentInstance.data[0]);
+            fix.detectChanges();
+
+            const renderedRow = grid.rowList.toArray().find(r => r.index === 1);
+            const rowType = grid.getRowByIndex(1);
+
+            expect(renderedRow).toBeDefined();
+            expect(renderedRow.disabled).toBeTrue();
+            expect(rowType.disabled).toBeTrue();
+        });
+
         it('should search in both pinned and unpinned rows.', () => {
             // pin 1st row
             let row = grid.gridAPI.get_row_by_index(0);