Merge branch 'PMiteva/cancellable_onSearchInput_10.1' of https://github.com/IgniteUI/igniteui-angular into PMiteva/cancellable_onSearchInput_10.1

Author: PlamenaMiteva

CHANGELOG.md

@@ -18,8 +18,13 @@ All notable changes for each version of this project will be documented in this
     - Added `onScroll` event, which is emitted when the grid is scrolled vertically or horizontally.
 - `igxTreeGrid`
     - Removed `onDataPreLoad` event as it is specific for remote virtualization implementation, which is not supported for the `igxTreeGrid`. A more generic `onScroll` event is exposed and can be used instead.
+- `IgxTimePicker`
+    - Added a disabled style for time parts outside of the minimum and maximum range.
 
 ### New Features
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - 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.
 - `IgxGridState` directive
     - Added support for expansion states, column selection and row pinning.
     - Added support for `IgxTreeGrid` and `IgxHierarchicalGrid` (including child grids)
@@ -33,6 +38,11 @@ All notable changes for each version of this project will be documented in this
     - An optional string parameter `message` has been added to `show()` method.
 - `IgxNavbar`
     - Added new `igx-navbar-title, igxNavbarTitle` directive that can be used to provide custom content for navbar title. It would override the value of `title` input property.
+- `IgxCalendar` and `IgxMonthPicker`
+    - `onViewDateChanged` emitted after the month/year presented in the view is changed after user interaction.
+    - `onActiveViewChanged` event emitted after the active view (DEFAULT, YEAR, DECADE) is changed after user interaction.
+    - `viewDate` day value is always 1.
+    - `activeView` setter is now available as an input property.
 
 ## 10.0.0
 

ROADMAP.md

@@ -2,12 +2,29 @@
 
 # Current Milestone
 
-## Milestone 12 (Due by August, 2020)
+## Milestone 12 (Due by August 17th, 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)
+1. igx-grid improve IGridEditEventArgs [#4965](https://github.com/IgniteUI/igniteui-angular/issues/4965)
 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
+4. igxSelect Add igxHint support [#5584](https://github.com/IgniteUI/igniteui-angular/issues/5584)
+5. igxGrid Hide the group area row [#5561](https://github.com/IgniteUI/igniteui-angular/issues/5561)
+6. igxDateRangePickerComponent calendar should display selected range if both start and end are filled and valid [#7593](https://github.com/IgniteUI/igniteui-angular/issues/7593)
+7. Add support for mixing px and % column widths [#5486](https://github.com/IgniteUI/igniteui-angular/issues/5486)
+8. Do not close modal overlay on ESC key press [#7697](https://github.com/IgniteUI/igniteui-angular/issues/7697)
+9. Themes: Add Dock Manager Support [#7541](https://github.com/IgniteUI/igniteui-angular/issues/7541)
+10. igx-grid - pre-select rows [#6653](https://github.com/IgniteUI/igniteui-angular/issues/6653)
+11. Average and Sum are shown on the Ship country level [#7334](https://github.com/IgniteUI/igniteui-angular/issues/7334)
+12. Dock Manager Better Default Themes [#7578](https://github.com/IgniteUI/igniteui-angular/issues/7578)
+13. Expose templates for all ESF UI parts [#7221](https://github.com/IgniteUI/igniteui-angular/issues/7221)
+14. Calendar events when user changes month/year [#7039](https://github.com/IgniteUI/igniteui-angular/issues/7039)
+15. igxGrid default column display templates per-type [#7224](https://github.com/IgniteUI/igniteui-angular/issues/7224)
+16. Provide "Unfreeze All" option under Freeze button on Data Grid & Tree Grid
+To Be Updated [#6549](https://github.com/IgniteUI/igniteui-angular/issues/6549)
+17. Exposing onActiveNodeChange output in the Grid [#7601](https://github.com/IgniteUI/igniteui-angular/issues/7601)
+18. Refactor commit method of IgxHierarchicalTransactionService to accept same parameters as base type [#5205](https://github.com/IgniteUI/igniteui-angular/issues/5205)
+19. Tooltip for grid cell text content [#6215](https://github.com/IgniteUI/igniteui-angular/issues/6215)
+20. Add tooltip to column summary [#6505](https://github.com/IgniteUI/igniteui-angular/issues/6505)
 
 
 ## Going down the road

package-lock.json

@@ -57,12 +57,14 @@
     "@types/source-map": "0.5.2",
     "classlist.js": "^1.1.20150312",
     "core-js": "^2.6.11",
+    "core-js-pure": "^3.6.5",
     "hammerjs": "^2.0.8",
     "igniteui-trial-watermark": "^1.0.3",
     "jszip": "^3.4.0",
     "resize-observer-polyfill": "^1.5.1",
     "rxjs": "^6.5.4",
     "tslib": "^2.0.0",
+    "setimmediate": "^1.0.5",
     "web-animations-js": "^2.3.2",
     "zone.js": "~0.10.3"
   },

package.json

@@ -8,6 +8,7 @@
   "whitelistedNonPeerDependencies": [
       "@types/hammerjs",
       "@types/jszip",
+      "core-js-pure",
       "hammerjs",
       "jszip",
       "resize-observer-polyfill",

projects/igniteui-angular/ng-package.json

@@ -10,6 +10,7 @@
   "whitelistedNonPeerDependencies": [
       "@types/hammerjs",
       "@types/jszip",
+      "core-js-pure",
       "hammerjs",
       "jszip",
       "resize-observer-polyfill",

projects/igniteui-angular/ng-package.prod.json

@@ -68,6 +68,7 @@
     "dependencies": {
         "@types/hammerjs": "^2.0.36",
         "@types/jszip": "^3.1.7",
+        "core-js-pure": "^3.6.5",
         "hammerjs": "^2.0.8",
         "jszip": "^3.3.0",
         "tslib": "^2.0.0",

projects/igniteui-angular/package.json

@@ -30,6 +30,7 @@ export const DEPENDENCIES_MAP: PackageEntry[] = [
         { name: '@types/hammerjs', target: PackageTarget.DEV },
         { name: '@types/jszip', target: PackageTarget.DEV },
         { name: 'igniteui-trial-watermark', target: PackageTarget.NONE },
+        { name: 'core-js-pure', target: PackageTarget.NONE },
         // peerDependencies
         { name: '@angular/forms', target: PackageTarget.NONE },
         { name: '@angular/common', target: PackageTarget.NONE },

projects/igniteui-angular/schematics/utils/dependency-handler.ts

@@ -133,7 +133,7 @@ The calendar header will not be rendered when the selection is either `multi` or
 
 - `viewDate: Date`
 
-Controls the year/month that will be presented in the default view when the calendar renders. By default it is the current year/month.
+Controls the year/month that will be presented in the default view when the calendar renders. By default it is the first day of the current year/month.
 
 - `value: Date | Date[]`
 
@@ -173,7 +173,17 @@ Controls the visibility of the dates that do not belong to the current month.
 - `onSelection(): Date | Date[]`
 
 Event fired when a value is selected through UI interaction.
-Returns the selected value (depending on the type of selection).
+Emits the selected value (depending on the type of selection).
+
+- `onViewDateChanged(): IViewDateChangeEventArgs`
+
+Event fired after the the month/year presented in the view is changed.
+Emits an object containing the previous and current value of the `viewDate` property.
+
+- `onActiveViewChanged(): CalendarView`
+
+Event fired after the active view is changed.
+Emits an CalendarView enum, indicating the `activeView` property value.
 
 
 ### Methods

projects/igniteui-angular/src/lib/calendar/README.md

@@ -4,6 +4,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import { DateRangeDescriptor } from '../core/dates';
 import { Subject } from 'rxjs';
 import { isDate } from '../core/utils';
+import { CalendarView } from './month-picker-base';
 
 /**
  * Sets the selction type - single, multi or range.
@@ -20,6 +21,11 @@ export enum ScrollMonth {
     NONE = 'none'
 }
 
+export interface IViewDateChangeEventArgs {
+    previousValue: Date;
+    currentValue: Date;
+}
+
 /** @hidden @internal */
 @Directive({
     selector: '[igxCalendarBase]',
@@ -168,7 +174,8 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
      * Sets the date that will be presented in the default view when the component renders.
      */
     public set viewDate(value: Date) {
-        this._viewDate = this.getDateOnly(value);
+        const date = this.getDateOnly(value).setDate(1);
+        this._viewDate = new Date(date);
     }
 
     /**
@@ -240,6 +247,34 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
     @Output()
     public onSelection = new EventEmitter<Date | Date[]>();
 
+    /**
+     * Emits an event when the month in view is changed.
+     * ```html
+     * <igx-calendar (onViewDateChanged)="viewDateChanged($event)"></igx-calendar>
+     * ```
+     * ```typescript
+     * public viewDateChanged(event: IViewDateChangeEventArgs) {
+     *  let newDate = event.newViewDate;
+     * }
+     * ```
+     */
+    @Output()
+    public onViewDateChanged = new EventEmitter<IViewDateChangeEventArgs>();
+
+    /**
+     * Emits an event when the active view is changed.
+     * ```html
+     * <igx-calendar (onActiveViewChanged)="activeViewChanged($event)"></igx-calendar>
+     * ```
+     * ```typescript
+     * public activeViewChanged(event: CalendarView) {
+     *  let activeView = event;
+     * }
+     * ```
+     */
+    @Output()
+    public onActiveViewChanged  = new EventEmitter<CalendarView>();
+
     /**
      * @hidden
      */