Merge pull request #8435 from IgniteUI/mkirova/remove-deprecated-components

chore(*): Remove deprecated components and their styles. Update sampl…

Author: ChronosSF

projects/igniteui-angular/src/lib/core/styles/components/column-actions/_column-actions-theme.scss

@@ -57,34 +57,6 @@
     ));
 }
 
-/// Column hiding Theme
-/// The function is deprecated and will be removed in future versions. Use igx-column-actions-theme instead.
-/// @param {Map} $palette [$default-palette] - The palette used as basis for styling the component.
-/// @param {Map} $schema [$light-schema] - The schema used as basis for styling the component.
-/// @param {Color} $title-color [null]- The text color used for the title of the list.
-/// @param {Color} $background-color [null] - The background color of the panel.
-///
-/// @requires $default-palette
-/// @requires $light-schema
-/// @requires apply-palette
-/// @requires extend
-/// @requires text-contrast
-///
-/// @example scss Change the title color
-///   $column-hiding-theme: igx-column-hiding-theme($title-color: black);
-///   // Pass the theme to the igx-column-hiding component mixin
-///   @include igx-column-hiding($column-hiding-theme);
-////
-@function igx-column-hiding-theme(
-    $palette: $default-palette,
-    $schema: $light-schema,
-
-    $title-color: null,
-    $background-color: null
-) {
-    @return igx-column-actions-theme($palette, $schema, $title-color, $background-color);
-}
-
 /// @param {Map} $theme - The theme used to style the component.
 /// @requires {mixin} igx-root-css-vars
 /// @requires rem
@@ -133,16 +105,6 @@
     }
 }
 
-/// A wrapper of the igx-column-actions mixin.
-/// Provides compatibility for applications styling the deprecated IgxColumnHiding and IgxColumnPinning components.
-/// @param {Map} $theme - The theme used to style the component.
-/// @requires {mixin} igx-root-css-vars
-/// @requires rem
-/// @requires --var
-@mixin igx-column-hiding($theme) {
-    @include igx-column-actions($theme);
-}
-
 /// Adds typography styles for the igx-column-actions component.
 /// Uses the 'subtitle-1'
 /// category from the typographic scale.

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

@@ -289,7 +289,7 @@ export class IgxColumnActionsComponent implements DoCheck {
 
     /**
      * Sets/Gets the css class selector.
-     * By default the value of the `class` attribute is `"igx-column-hiding"`.
+     * By default the value of the `class` attribute is `"igx-column-actions"`.
      * ```typescript
      * let cssCLass =  this.columnHidingUI.cssClass;
      * ```

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

@@ -2,6 +2,12 @@ import { Directive, Inject } from '@angular/core';
 import { IgxColumnActionsBaseDirective } from './column-actions-base.directive';
 import { IgxColumnComponent } from '../columns/column.component';
 import { IgxColumnActionsComponent } from './column-actions.component';
+import { IBaseEventArgs } from '../../core/utils';
+
+export interface IColumnVisibilityChangedEventArgs extends IBaseEventArgs {
+    column: any;
+    newValue: boolean;
+}
 
 @Directive({
     selector: '[igxColumnHiding]'