Merge branch 'master' into ibarakov/fix-7899-master

Author: DiyanDimitrov

CHANGELOG.md

@@ -17,7 +17,9 @@ All notable changes for each version of this project will be documented in this
     - **Breaking Changes** - The `igx-action-icon` has been renamed to `igx-navbar-action`. It should get renamed in your components via `ng update`;
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
     - **Breaking Change** - The `selectedRows` method is now an `@Input` property. Setting it to an array of Row IDs will update the grid's selection state, any previous selection will be cleared. Setting it to an empty array will clear the selection entirely.
+    - **Breaking Change** - `IgxColumnHiding` and `IgxColumnPinning` components have been deprecated in favor of a component combining the their functionality - `IgxColumnActions` which is used with either of the new `IgxColumnPinning` and `IgxColumnHiding` directives that specify the action to be triggered through the UI.
 - `igxGrid`
+    - **Behavioral Change** - For numeric columns, the onCellEdit arguments' newValue will now contain the numeric value that will be committed instead of the string input.
     - Added `onScroll` event, which is emitted when the grid is scrolled vertically or horizontally.
     - Each grid now expose a default handling for boolean column types. The column will display `check` or `close` icon, instead of true/false by default. 
 - `igxTreeGrid`
@@ -53,6 +55,9 @@ The following example shows how you can use the Indigo theme:
 - `igxButton` directive
     - Added styles to support extended fab buttons.
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - Exposed new `cellEditDone` and `rowEditDone` non cancelable events. The arguments contain `rowData` that is the committed `newValue`.
+        - `cellEditDone` - Emitted after a cell has been edited and editing has been committed.
+        - `rowEditDone` - Emitted after exiting edit mode for a row and editing has been committed.
     - Introduced `showSummaryOnCollapse` grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
     - Added support for tooltips on data cells default template and summary cells.
     - Added support for binding columns to properties in nested data objects.

package-lock.json

@@ -95,7 +95,7 @@
     "gulp-util": "^3.0.8",
     "hammer-simulator": "0.0.1",
     "igniteui-sassdoc-theme": "^1.1.2",
-    "igniteui-typedoc-theme": "^1.3.6",
+    "igniteui-typedoc-theme": "^2.0.5",
     "jasmine": "~3.5.0",
     "jasmine-core": "~3.5.0",
     "jasmine-spec-reporter": "~5.0.2",

package.json

@@ -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/core/deprecateDecorators.ts

@@ -91,6 +91,11 @@ export interface IGridResourceStrings {
     igx_grid_advanced_filter_column_placeholder?: string;
     igx_grid_advanced_filter_value_placeholder?: string;
     igx_grid_pinned_row_indicator?: string;
+    igx_grid_hiding_check_all_label?: string;
+    igx_grid_hiding_uncheck_all_label?: string;
+    igx_grid_pinning_check_all_label?: string;
+    igx_grid_pinning_uncheck_all_label?: string;
+    igx_grid_toolbar_actions_filter_prompt?: string;
 }
 
 export const GridResourceStringsEN: IGridResourceStrings = {
@@ -185,5 +190,10 @@ export const GridResourceStringsEN: IGridResourceStrings = {
     igx_grid_advanced_filter_initial_text: 'Start with creating a group of conditions linked with "And" or "Or"',
     igx_grid_advanced_filter_column_placeholder: 'Select column',
     igx_grid_advanced_filter_value_placeholder: 'Value',
-    igx_grid_pinned_row_indicator: 'Pinned'
+    igx_grid_pinned_row_indicator: 'Pinned',
+    igx_grid_hiding_check_all_label: 'Hide All',
+    igx_grid_hiding_uncheck_all_label: 'Show All',
+    igx_grid_pinning_check_all_label: 'Pin All',
+    igx_grid_pinning_uncheck_all_label: 'Unpin All',
+    igx_grid_toolbar_actions_filter_prompt: 'Filter columns list ...'
 };

projects/igniteui-angular/src/lib/core/i18n/grid-resources.ts

@@ -186,7 +186,8 @@
             }
         }
     } @else {
-        @error 'Expected color for $background/$foreground but got #{$background}/#{$foreground}';
+        @warn 'Expected color for $background/$foreground but got #{$background}/#{$foreground}. The contrast color can\'t be calculated automatically.';
+        @return #fff;
     }
 }
 

projects/igniteui-angular/src/lib/core/styles/base/utilities/_functions.scss

@@ -6,7 +6,13 @@
 /// @requires {mixin} bem-elem
 /// @requires {mixin} bem-mod
 ////
-@include b(gauge) {
+@include b(linear-gauge) {
+    // Register the component in the component registry
+    $this: bem--selector-to-string(&);
+    @include register-component(str-slice($this, 2, -1));
+}
+
+@include b(radial-gauge) {
     // Register the component in the component registry
     $this: bem--selector-to-string(&);
     @include register-component(str-slice($this, 2, -1));

projects/igniteui-angular/src/lib/core/styles/components/charts/_gauge-component.scss

@@ -6,7 +6,7 @@
 /// @requires {mixin} bem-elem
 /// @requires {mixin} bem-mod
 ////
-@include b(graph) {
+@include b(bullet-graph) {
     // Register the component in the component registry
     $this: bem--selector-to-string(&);
     @include register-component(str-slice($this, 2, -1));

projects/igniteui-angular/src/lib/core/styles/components/charts/_graph-component.scss

@@ -6,33 +6,33 @@
 /// @requires {mixin} bem-elem
 /// @requires {mixin} bem-mod
 ////
-@include b(igx-column-hiding) {
+@include b(igx-column-actions) {
     $block: bem--selector-to-string(&);
-    @include register-component('igx-column-hiding');
+    @include register-component('igx-column-actions');
 
-    @extend %column-hiding-display !optional;
+    @extend %column-actions-display !optional;
 
     @include e(header) {
-        @extend %column-hiding-header !optional;
+        @extend %column-actions-header !optional;
     }
 
     @include e(header-title) {
-        @extend %column-hiding-title !optional;
+        @extend %column-actions-title !optional;
     }
 
     @include e(header-input) {
-        @extend %column-hiding-input !optional;
+        @extend %column-actions-input !optional;
     }
 
     @include e(columns) {
-        @extend %column-hiding-columns !optional;
+        @extend %column-actions-columns !optional;
     }
 
     @include e(columns-item) {
-        @extend %column-hiding-item !optional;
+        @extend %column-actions-item !optional;
     }
 
     @include e(buttons) {
-        @extend %column-hiding-buttons !optional;
+        @extend %column-actions-buttons !optional;
     }
 }