Merge pull request #7921 from IgniteUI/skrastev/column-action-deprecations

Add class deprecation decorator and apply it for column actions.

Author: ChronosSF

projects/igniteui-angular/src/lib/core/deprecateDecorators.ts

@@ -1,5 +1,24 @@
 import { isDevMode } from '@angular/core';
 
+/**
+ * @hidden
+ */
+export function DeprecateClass(message: string) {
+    let isMessageShown = false;
+
+    return function<T extends new(...args: any[]) => {} >(originalClass: T) {
+        return class extends originalClass {
+            constructor(...args) {
+                const target: any = originalClass;
+                const targetName = typeof target === 'function' ? target.name : target.constructor.name;
+                isMessageShown = showMessage(`${targetName}: ${message}`, isMessageShown);
+
+                super(...args);
+            }
+        };
+    };
+}
+
 /**
  * @hidden
  */

projects/igniteui-angular/src/lib/grids/hiding/column-hiding.component.ts

@@ -10,8 +10,10 @@ import { IColumnVisibilityChangedEventArgs, IgxColumnHidingItemDirective } from
 import { ColumnChooserBaseDirective } from '../column-chooser-base';
 import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
-import { DeprecateMethod } from '../../core/deprecateDecorators';
+import { DeprecateClass } from '../../core/deprecateDecorators';
 
+@DeprecateClass(`The 'IgxColumnHiding' component is deprecated.
+Please use the 'IgxColumnActions' component with the 'IgxColumnHiding' directive instead.`)
 @Component({
     preserveWhitespaces: false,
     selector: 'igx-column-hiding',
@@ -124,8 +126,6 @@ export class IgxColumnHidingComponent extends ColumnChooserBaseDirective impleme
     /**
      * @hidden
      */
-    @DeprecateMethod(`The IgxColumnHiding component is deprecated. Please use the
-    IgxColumnActions component with the IgxColumnHiding directive instead.`)
     protected createColumnItem(container: any, column: any) {
         if (column.grid.hasColumnLayouts && !column.columnLayout) {
             return null;

projects/igniteui-angular/src/lib/grids/pinning/column-pinning.component.ts

@@ -2,10 +2,11 @@
 import { Component, ChangeDetectorRef } from '@angular/core';
 import { ColumnChooserBaseDirective } from '../column-chooser-base';
 import { IgxColumnPinningItemDirective } from './pinning.directive';
-import { DeprecateMethod } from '../../core/deprecateDecorators';
-
+import { DeprecateMethod, DeprecateClass } from '../../core/deprecateDecorators';
 
 
+@DeprecateClass(`The 'IgxColumnPinning' component is deprecated.
+Please use the 'IgxColumnActions' component with the 'IgxColumnPinning' directive instead.`)
 @Component({
     preserveWhitespaces: false,
     selector: 'igx-column-pinning',
@@ -20,8 +21,6 @@ export class IgxColumnPinningComponent extends ColumnChooserBaseDirective {
     /**
      * @hidden
      */
-    @DeprecateMethod(`The IgxColumnPinning component is deprecated. Please use the
-    IgxColumnActions component with the IgxColumnPinning directive instead.`)
     createColumnItem(container: any, column: any) {
         if (column.level !== 0 || column.disablePinning) {
             return null;