Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular into iganchev/select-implement-hint

Author: IvayloG

.hooks/scripts/templates/default.js

@@ -11,7 +11,7 @@ var defaults = {
             otherLine: 80,
         },
         issuePattern: '(#)[0-9]+',
-        typesWithMandatoryIssue: [ 'feat', 'fix', 'test' ],
+        typesWithMandatoryIssue: [],
         guidelinesUrl: 'https://bit.ly/angular-guidelines',
         types: [
             'feat', 'fix', 'docs', 'style', 'refactor', 'perf', 'test', 'chore', 'build', 'ci', 'revert'
@@ -20,4 +20,4 @@ var defaults = {
     oldMessagePath: path.join('.git', 'COMMIT_EDITMSG_OLD')
 }
 
-module.exports = defaults;
+module.exports = defaults;

.hooks/scripts/utils/issue-validator.js

@@ -6,9 +6,9 @@ var matchType = require('../common').matchType,
 module.exports = (lines, options, errors) => {
     var ticket = new RegExp(options.issuePattern);
     var whetherIssueIsMandatory = false,
-        wheterMatchAnyIssueRef = false; 
+        wheterMatchAnyIssueRef = false;
+
 
-    
     if (matchType(options.typesWithMandatoryIssue, lines[0])) {
         whetherIssueIsMandatory = true;
     }
@@ -27,7 +27,7 @@ module.exports = (lines, options, errors) => {
 
     if (whetherIssueIsMandatory && !wheterMatchAnyIssueRef) {
         errors.push(errorFactory(
-            `The issue reference for (${options.typesWithMandatoryIssue.join(', ')}) types is mandatory!\n`, 
+            `The issue reference for (${options.typesWithMandatoryIssue.join(', ')}) types is mandatory!\n`,
             "Please add at least one related issue. E.g: Closes #31, Closes #45"));
     }
-}
+}

CHANGELOG.md

@@ -8,6 +8,22 @@ All notable changes for each version of this project will be documented in this
 
 - `IgxSelect` support for `igxHint` directive added.
     - Allows the user to add `igxHint` to be displayed bellow the input element.
+### General
+- `igx-select`, `igx-combo`, `igx-drop-down`
+- **Behavioral Change** - The select, combo, and dropdown items now have display block and text-overflow ellipsis enabled by default.
+- `IgxTransaction` - The `onStateUpdate` now emits with information of its origin. The emitted value is of type `StateUpdateEvent`, which has two properties:
+    - `origin` - it can vary within the values of the `TransactionEventOrigin` interface; 
+    - `actions` - contains information about the transactions, that caused the emission of the event.
+
+### New Features
+- `IgxGrid`
+    - `showGroupArea` input is added, which can be used to enable/disable the group area row.
+
+## 9.1.1
+
+### General
+- `IgxHierarchicalGrid`
+    - `onGridInitialized` - New output has been exposed. Emitted after a grid is being initialized for the corresponding row island.
 
 ## 9.1.0
 
@@ -130,8 +146,11 @@ All notable changes for each version of this project will be documented in this
     ```typescript
     public pinningConfiguration: IPinningConfig = { columns: ColumnPinningPosition.End };
     ```
+  - Added new properties for paging:	
+    - `totalRecords` set to alter the pages count based on total remote records. Keep in mind that If you are using paging and all the data is passed to the grid, the value of totalRecords property will be set by default to the length of the provided data source. If totalRecords is set, it will take precedent over the default length based on the data source.	
+    - `pagingMode` - accepts `GridPagingMode` enumeration. If the paging mode is set to remote the grid will not paginate the passed data source, if the paging mode is set to local (which is the default value) the grid will paginate the data source based on the page, perPage and totalRecords values.   
     - Added functionality for column selection.
-     - `columnSelection` property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
+    - `columnSelection` property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
     - `selected` property has been added to the IgxColumnComponent; Allows you to set whether the column is selected.
     - `selectable` property has been added to the IgxColumnComponent; Allows you to set whether the column is selectable.
     - `onColumnSelectionChange` event is added for the `IgxGrid`. It is emitted when the column selection is changed.

ROADMAP.md

@@ -2,7 +2,22 @@
 
 # Current Milestone
 
-## Milestone 11 (Due by April 30th, 2020)
+## Milestone 12 (Due by August, 2020)
+
+1. Accept ISO 8601 Date-only string as input for igx-calendar and igx-datepicker [#6994](https://github.com/IgniteUI/igniteui-angular/issues/6994)
+2. igxCombo has to include caseSensitive property in filter search [#7282](https://github.com/IgniteUI/igniteui-angular/issues/7282)
+3. igxCombo default positioning strategy [#7225](https://github.com/IgniteUI/igniteui-angular/issues/7225)
+To Be Updated
+
+
+## Going down the road
+
+1. Tile Manager
+2. Visual Cell merging
+3. RTL Support across Ignite UI for Angular components
+# Previous Milestones 
+
+## Milestone 11 (Released June 2nd, 2020)
 
 1. Dock Manger [#5980](https://github.com/IgniteUI/igniteui-angular/issues/5980)
 2. Range Date Picker [#5732](https://github.com/IgniteUI/igniteui-angular/issues/5732)
@@ -14,14 +29,9 @@
 8. Data Analysis Directive [#1752](https://github.com/IgniteUI/igniteui-angular-samples/issues/1752)
 9. Slider does not support RTL [#5212](https://github.com/igniteui/igniteui-angular/issues/5212)
 10. Circular Progress Indicator does not support RTL [#5903](https://github.com/igniteui/igniteui-angular/issues/5903)
-
-
-## Going down the road
-
-1. Tile Manager
-2. Visual Cell merging
-3. RTL Support across Ignite UI for Angular components
-# Previous Milestones 
+11. Action Strip [#6941](https://github.com/IgniteUI/igniteui-angular/issues/6941)
+12. Theme igx-component scrollbars [#6675](https://github.com/IgniteUI/igniteui-angular/issues/6675)
+13. Use CSS variables by default [#6803](https://github.com/IgniteUI/igniteui-angular/issues/6675)
 
 ## Milestone 10 (Released February 10th, 2020)
 

projects/igniteui-angular/karma.azure.conf.js

@@ -35,7 +35,7 @@ module.exports = function (config) {
     },
     reporters: ['junit'],
     junitReporter: {
-        outputDir: ''
+      outputDir: ''
     },
     port: 9876,
     colors: true,

projects/igniteui-angular/karma.azure.grid.conf.js

@@ -42,7 +42,14 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: true
   });
 };

projects/igniteui-angular/karma.azure.hierarchical-grid.conf.js

@@ -41,7 +41,14 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: true
   });
 };

projects/igniteui-angular/karma.azure.non-grid.conf.js

@@ -41,7 +41,14 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: true
   });
 };

projects/igniteui-angular/karma.azure.tree-grid.conf.js

@@ -41,7 +41,14 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: true
   });
 };

projects/igniteui-angular/karma.conf.js

@@ -35,7 +35,12 @@ module.exports = function (config) {
     },
     reporters: ['spec'],
     specReporter: {
-        suppressSkipped: true
+      suppressSkipped: true,
+      suppressErrorSummary: false,
+      suppressFailed: false,
+      suppressPassed: false,
+      showSpecTiming: false,
+      failFast: false
     },
     port: 9876,
     colors: true,

projects/igniteui-angular/karma.grid.conf.js

@@ -36,13 +36,25 @@ module.exports = function (config) {
     },
     reporters: ['spec'],
     specReporter: {
-        suppressSkipped: true
+        suppressSkipped: true,
+        suppressErrorSummary: false,
+        suppressFailed: false,
+        suppressPassed: false,
+        showSpecTiming: false,
+        failFast: false
     },
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: false
   });
 };

projects/igniteui-angular/karma.hierarchical-grid.conf.js

@@ -35,13 +35,25 @@ module.exports = function (config) {
     },
     reporters: ['spec'],
     specReporter: {
-        suppressSkipped: true
+      suppressSkipped: true,
+      suppressErrorSummary: false,
+      suppressFailed: false,
+      suppressPassed: false,
+      showSpecTiming: false,
+      failFast: false
     },
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: false
   });
 };

projects/igniteui-angular/karma.non-grid.conf.js

@@ -35,13 +35,25 @@ module.exports = function (config) {
     },
     reporters: ['spec'],
     specReporter: {
-        suppressSkipped: true
+      suppressSkipped: true,
+      suppressErrorSummary: false,
+      suppressFailed: false,
+      suppressPassed: false,
+      showSpecTiming: false,
+      failFast: false
     },
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: false
   });
 };

projects/igniteui-angular/karma.test-perf.conf.js

@@ -29,7 +29,12 @@ module.exports = function (config) {
       },
       reporters: ['spec'],
       specReporter: {
-          suppressSkipped: true
+        suppressSkipped: true,
+        suppressErrorSummary: false,
+        suppressFailed: false,
+        suppressPassed: false,
+        showSpecTiming: false,
+        failFast: false
       },
       port: 9876,
       colors: true,

projects/igniteui-angular/karma.tree-grid.conf.js

@@ -35,13 +35,25 @@ module.exports = function (config) {
     },
     reporters: ['spec'],
     specReporter: {
-        suppressSkipped: true
+      suppressSkipped: true,
+      suppressErrorSummary: false,
+      suppressFailed: false,
+      suppressPassed: false,
+      showSpecTiming: false,
+      failFast: false
     },
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['ChromeHeadless'],
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+        debug: false
+      }
+    },
     singleRun: false
   });
 };

projects/igniteui-angular/src/lib/action-strip/action-strip.component.spec.ts

@@ -1,10 +1,10 @@
 import { IgxActionStripComponent } from './action-strip.component';
 import { Component, ViewChild, ElementRef, ViewContainerRef } from '@angular/core';
 import { configureTestSuite } from '../test-utils/configure-suite';
-import { TestBed, async } from '@angular/core/testing';
-import { IgxIconModule } from '../icon';
+import { IgxIconModule } from '../icon/public_api';
+import { TestBed, async, fakeAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { UIInteractions, wait } from '../test-utils/ui-interactions.spec';
+import { wait } from '../test-utils/ui-interactions.spec';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxToggleModule } from '../directives/toggle/toggle.directive';
 import { IgxActionStripModule } from './action-strip.module';
@@ -55,14 +55,14 @@ describe('igxActionStrip', () => {
                 ]
             }).compileComponents();
         }));
-        beforeEach(() => {
+        beforeEach(fakeAsync(() => {
             fixture = TestBed.createComponent(IgxActionStripTestingComponent);
             fixture.detectChanges();
             actionStrip = fixture.componentInstance.actionStrip;
             actionStripElement = fixture.componentInstance.actionStripElement;
             parentContainer = fixture.componentInstance.parentContainer;
             innerContainer = fixture.componentInstance.innerContainer;
-        });
+        }));
         it('should be overlapping its parent container when no context is applied', () => {
             const parentBoundingRect = parentContainer.nativeElement.getBoundingClientRect();
             const actionStripBoundingRect = actionStripElement.nativeElement.getBoundingClientRect();

projects/igniteui-angular/src/lib/action-strip/action-strip.component.ts

@@ -13,8 +13,8 @@ import {
     TemplateRef
 } from '@angular/core';
 import { DisplayDensityBase, DisplayDensityToken, IDisplayDensityOptions } from '../core/density';
-import { IgxDropDownComponent } from '../drop-down';
-import { CloseScrollStrategy, OverlaySettings } from '../services';
+import { IgxDropDownComponent } from '../drop-down/public_api';
+import { CloseScrollStrategy, OverlaySettings } from '../services/public_api';
 
 @Directive({
     selector: '[igxActionStripMenuItem]'

projects/igniteui-angular/src/lib/action-strip/action-strip.module.ts

@@ -4,10 +4,10 @@ import { IgxGridPinningActionsComponent } from './grid-actions/grid-pinning-acti
 import { IgxGridEditingActionsComponent } from './grid-actions/grid-editing-actions.component';
 import { IgxGridActionsBaseDirective } from './grid-actions/grid-actions-base.directive';
 import { CommonModule } from '@angular/common';
-import { IgxDropDownModule } from '../drop-down/index';
+import { IgxDropDownModule } from '../drop-down/public_api';
 import { IgxToggleModule } from '../directives/toggle/toggle.directive';
 import { IgxButtonModule } from '../directives/button/button.directive';
-import { IgxIconModule } from '../icon/index';
+import { IgxIconModule } from '../icon/public_api';
 import { IgxRippleModule } from '../directives/ripple/ripple.directive';
 
 /**

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-actions-base.directive.ts

@@ -1,6 +1,6 @@
 import { Directive, Inject } from '@angular/core';
 import { IgxActionStripComponent } from '../action-strip.component';
-import { IgxRowDirective } from '../../grids';
+import { IgxRowDirective } from '../../grids/public_api';
 
 @Directive({
     selector: '[igxGridActionsBase]'