refactor(Grid): remove deprecated input props for even and odd row st…

…yles #12810
IgniteUI · Mar 31, 2023 · 34cc74f · 34cc74f
1 parent ed48309
commit 34cc74f
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 34 deletions.
diff --git a/projects/igniteui-angular/src/lib/grids/README.md b/projects/igniteui-angular/src/lib/grids/README.md
@@ -181,8 +181,6 @@ Below is the list of all inputs that the developers may set to configure the gri
 |`rowSelectable`|boolean|Enables multiple row selection, default is _false_.|
 |`height`|string|The height of the grid element. You can pass values such as `1000px`, `75%`, etc.|
 |`width`|string|The width of the grid element. You can pass values such as `1000px`, `75%`, etc.|
-|`evenRowCSS`|string|Additional styling classes applied to all even rows in the grid.|
-|`oddRowCSS`|string|Additional styling classes applied to all odd rows in the grid.|
 |`paginationTemplate`|TemplateRef|You can provide a custom `ng-template` for the pagination part of the grid.|
 |`groupStrategy`| IGridGroupingStrategy | Provides custom group strategy to be used when grouping |
 |`groupingExpressions`| Array | The group by state of the grid.

diff --git a/projects/igniteui-angular/src/lib/grids/common/grid.interface.ts b/projects/igniteui-angular/src/lib/grids/common/grid.interface.ts
@@ -450,8 +450,6 @@ export interface GridType extends IGridDataBindable {
     perPage: number;
     dragRowID: any;
     rowDragging: boolean;
-    evenRowCSS: string;
-    oddRowCSS: string;
 
     firstEditableColumnIndex: number;
     lastEditableColumnIndex: number;

diff --git a/projects/igniteui-angular/src/lib/grids/common/pipes.ts b/projects/igniteui-angular/src/lib/grids/common/pipes.ts
@@ -108,7 +108,7 @@ export class IgxGridRowClassesPipe implements PipeTransform {
         _rowData: any,
         _: number
     ) {
-        const result = new Set(['igx-grid__tr', index % 2 ? row.grid.evenRowCSS : row.grid.oddRowCSS]);
+        const result = new Set(['igx-grid__tr', index % 2 ? 'igx-grid__tr--even': 'igx-grid__tr--odd']);
         const mapping = [
             [selected, 'igx-grid__tr--selected'],
             [editMode, 'igx-grid__tr--edit'],

diff --git a/projects/igniteui-angular/src/lib/grids/grid-base.directive.ts b/projects/igniteui-angular/src/lib/grids/grid-base.directive.ts
@@ -373,35 +373,6 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
      */
     @Output()
     public gridScroll = new EventEmitter<IGridScrollEventArgs>();
-
-        /**
-     * @deprecated in version 12.2.0. We suggest using `rowClasses` property instead
-     *
-     * Gets/Sets the styling classes applied to all even `IgxGridRowComponent`s in the grid.
-     *
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [evenRowCSS]="'igx-grid--my-even-class'" [autoGenerate]="true"></igx-grid>
-     * ```
-     */
-    @Input()
-    public evenRowCSS = 'igx-grid__tr--even';
-
-    /**
-     * @deprecated in version 12.2.0. We suggest using `rowClasses` property instead
-     *
-     * Gets/Sets the styling classes applied to all odd `IgxGridRowComponent`s in the grid.
-     *
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [evenRowCSS]="'igx-grid--my-odd-class'" [autoGenerate]="true"></igx-grid>
-     * ```
-     */
-    @Input()
-    public oddRowCSS = 'igx-grid__tr--odd';
-
     /**
      * Sets a conditional class selector to the grid's row element.
      * Accepts an object literal, containing key-value pairs,