feat(*): initial implementation of rowClasses and rowStyles pipes #9969

Author: ddincheva

projects/igniteui-angular/src/lib/grids/common/grid-pipes.module.ts

@@ -19,7 +19,9 @@ import {
     IgxColumnFormatterPipe,
     IgxSummaryFormatterPipe,
     IgxGridAddRowPipe,
-    IgxHeaderGroupWidthPipe
+    IgxHeaderGroupWidthPipe,
+    IgxGridRowClassesPipe,
+    IgxGridRowStylesPipe
 } from './pipes';
 
 @NgModule({
@@ -42,7 +44,9 @@ import {
         IgxGridAddRowPipe,
         IgxColumnFormatterPipe,
         IgxSummaryFormatterPipe,
-        IgxHeaderGroupWidthPipe
+        IgxHeaderGroupWidthPipe,
+        IgxGridRowClassesPipe,
+        IgxGridRowStylesPipe
     ],
     exports: [
         IgxGridFilterConditionPipe,
@@ -63,7 +67,9 @@ import {
         IgxGridAddRowPipe,
         IgxColumnFormatterPipe,
         IgxSummaryFormatterPipe,
-        IgxHeaderGroupWidthPipe
+        IgxHeaderGroupWidthPipe,
+        IgxGridRowClassesPipe,
+        IgxGridRowStylesPipe
     ],
     imports: [
         CommonModule

projects/igniteui-angular/src/lib/grids/common/pipes.ts

@@ -63,6 +63,60 @@ export class IgxGridCellStylesPipe implements PipeTransform {
     }
 }
 
+/**
+ * @hidden
+ * @internal
+ */
+ @Pipe({
+    name: 'igxGridRowClasses'
+})
+export class IgxGridRowClassesPipe implements PipeTransform {
+   constructor(private gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>) { }
+
+    public transform(cssClasses: { [prop: string]: any }, index: any, __: number): string {
+        if (!cssClasses) {
+            return '';
+        }
+        const result = [];
+        for (const cssClass of Object.keys(cssClasses)) {
+            const callbackOrValue = cssClasses[cssClass];
+             const grid = (this.gridAPI.grid as any);
+             const row = grid.getRowByIndex(index);
+            const apply = typeof callbackOrValue === 'function' ? callbackOrValue(row) : callbackOrValue;
+            if (apply) {
+                result.push(cssClass);
+            }
+        }
+        return result.join(' ');
+    }
+}
+
+/**
+ * @hidden
+ * @internal
+ */
+ @Pipe({
+    name: 'igxGridRowStyles'
+})
+export class IgxGridRowStylesPipe implements PipeTransform {
+
+    constructor(private gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>) { }
+
+    public transform(styles: { [prop: string]: any }, index: number, __: number): { [prop: string]: any } {
+        const css = {};
+        if (!styles) {
+            return css;
+        }
+        const grid = (this.gridAPI.grid as any);
+        for (const prop of Object.keys(styles)) {
+            const cb = styles[prop];
+            const row = grid.getRowByIndex(index);
+            css[prop] = typeof cb === 'function' ? cb(row) : cb;
+        }
+        return css;
+    }
+}
+
 /**
  * @hidden
  * @internal