Merge branch 'mkirova/row-pinning-base' into vmihalkov/groupby

Author: Vasil Mihalkov

CHANGELOG.md

@@ -108,10 +108,6 @@ All notable changes for each version of this project will be documented in this
     - `IgxGridExcelStyleFilteringComponent` and `IgxAdvancedFilteringDialogComponent` can now be hosted outside of the grid in order to provide the same experience as the built-in filtering UI.
     - `expandRow(rowID)`/`collapseRow(rowID)`/`toggleRow(rowID)` API methods are added for the `igxHierarchicalGrid`. They allow expanding/collapsing a row by its id.
     - `onRowToggle` event is added for the `igxHierarchicalGrid`. It is emitted when the expanded state of a row is changed.
-    - `IgxOverlayService`:
-        - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
-    - `IgxToggleDirective`:
-        - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
     - `IgxRowDragGhost` directive is added. It allows providing a custom template for the drag ghost when dragging a row.
     ```html
     <igx-grid #grid1 [data]="remote | async" primaryKey="ProductID"
@@ -171,6 +167,12 @@ All notable changes for each version of this project will be documented in this
 - `IgxDropDown`:
     - `clearSelection` method is added, which can be used to deselect the selected dropdown item
 
+- `IgxToggleDirective`:
+    - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
+
+- `IgxOverlayService`:
+    - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
+
 - `IgxCircularProgressBar`:
     - added `IgxProgressBarGradientDirective` to allow providing custom circular progress SVG gradients. Providing a custom gradient via a template is as easy as writing:
     ```html

projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_toast.scss

@@ -23,5 +23,11 @@ $_dark-fluent-toast: extend($_fluent-toast);
 /// @type {Map}
 /// @requires {function} extend
 /// @requires $_bootstrap-toast
-$_dark-bootstrap-toast: extend($_bootstrap-toast);
+$_dark-bootstrap-toast: extend(
+    $_bootstrap-toast, (
+        text-color: (
+            igx-contrast-color: ('grays', 600)
+        )
+    )
+);
 

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

@@ -4047,7 +4047,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
      * @param rowID The row id - primaryKey value or the data record instance.
      * @param index The index at which to insert the row in the pinned collection.
      */
-    public pinRow(rowID, index?): boolean {
+    public pinRow(rowID: any, index?: number): boolean {
         const rec = this.gridAPI.get_rec_by_id(rowID);
         if (!rec || this.pinnedRecords.indexOf(rec) !== -1 || this.data.indexOf(rec) === -1) {
             return false;
@@ -4079,7 +4079,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
      * ```
      * @param rowID The row id - primaryKey value or the data record instance.
     */
-    public unpinRow(rowID) {
+    public unpinRow(rowID: any) {
         const rec = this.gridAPI.get_rec_by_id(rowID);
         const index =  this.pinnedRecords.indexOf(rec);
         if (index === -1 || !rec) {

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

@@ -826,7 +826,7 @@ export class IgxGridComponent extends IgxGridBaseDirective implements GridType,
     /**
     * @hidden @internal
     */
-    public getContext(rowData, rowIndex, pinned?): any {
+    public getContext(rowData: any, rowIndex: number, pinned?: boolean): any {
         if (pinned && !this.isRowPinningToTop) {
             rowIndex = rowIndex + this.dataView.length;
         }