Merge branch '10.0.x' into astaev/fixDocsVersionOrder-10.0.x

Author: kdinev

CHANGELOG.md

@@ -5,6 +5,14 @@ All notable changes for each version of this project will be documented in this
 ## 10.1.0
 
 ### New Features
+- `IgxCalendar` and `IgxMonthPicker`
+    - `viewDateChanged` emitted after the month/year presented in the view is changed after user interaction.
+    - `activeViewChanged` 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.
+- `IgxGridState` directive
+    - Added support for expansion states, column selection and row pinning.
+    - Added support for `IgxTreeGrid` and `IgxHierarchicalGrid` (including child grids)
 - `IgxColumn`
     - Added `byHeader` parameter to the `autosize` method which specifies if the autosizing should be based only on the header content width.
 - `IgxToast`

gulpfile.js

@@ -137,7 +137,7 @@ module.exports.copySchematics = (cb) => {
 const typedocBuildTheme = (cb) => {
     spawnSync(`typedoc`, [TYPEDOC.PROJECT_PATH,
     "--tsconfig",
-    "tsconfig.base.json"], { stdio: 'inherit', shell: true });
+    path.join(__dirname,"tsconfig.base.json")], { stdio: 'inherit', shell: true });
     cb();
 };
 typedocBuildTheme.displayName = 'typedoc-build:theme';
@@ -180,13 +180,26 @@ const TYPEDOC = {
 };
 
 function typedocBuildExportFn(cb) {
-    spawnSync('typedoc', [TYPEDOC.PROJECT_PATH, "--generate-json", TYPEDOC.EXPORT_JSON_PATH, "--tags", "--params"],
+    spawnSync('typedoc', [
+        TYPEDOC.PROJECT_PATH,
+        "--generate-json",
+        TYPEDOC.EXPORT_JSON_PATH,
+        "--tags",
+        "--params",
+        "--tsconfig",
+        path.join(__dirname,"tsconfig.base.json")],
         { stdio: 'inherit', shell: true });
     cb();
 }
 
 function typedocImportJsonFn(cb) {
-    spawnSync('typedoc', [TYPEDOC.PROJECT_PATH, "--generate-from-json", TYPEDOC.EXPORT_JSON_PATH, "--warns"],
+    spawnSync('typedoc', [
+        TYPEDOC.PROJECT_PATH,
+        "--generate-from-json",
+        TYPEDOC.EXPORT_JSON_PATH,
+        "--warns",
+        "--tsconfig",
+        path.join(__dirname,"tsconfig.base.json")],
         { stdio: 'inherit', shell: true});
     cb();
 }
@@ -212,7 +225,7 @@ function typedocBuildDocsJA (cb) {
             '--localize',
             'jp',
             "--tsconfig",
-            "tsconfig.base.json"], { stdio: 'inherit', shell: true });
+            path.join(__dirname,"tsconfig.base.json")], { stdio: 'inherit', shell: true });
 
         cb();
 }
@@ -223,7 +236,7 @@ function typedocBuildDocsEN (cb) {
             '--localize',
             'en',
             "--tsconfig",
-            "tsconfig.base.json"], { stdio: 'inherit', shell: true});
+            path.join(__dirname,"tsconfig.base.json")], { stdio: 'inherit', shell: true});
 
         cb();
 }

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).
+
+- `viewDateChanged(): IViewDateChangeEventArgs`
+
+Event fired after the month/year presented in the view is changed.
+Emits an object containing the previous and current value of the `viewDate` property.
+
+- `activeViewChanged(): 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 (viewDateChanged)="viewDateChanged($event)"></igx-calendar>
+     * ```
+     * ```typescript
+     * public viewDateChanged(event: IViewDateChangeEventArgs) {
+     *  let viewDate = event.currentValue;
+     * }
+     * ```
+     */
+    @Output()
+    public viewDateChanged = new EventEmitter<IViewDateChangeEventArgs>();
+
+    /**
+     * Emits an event when the active view is changed.
+     * ```html
+     * <igx-calendar (activeViewChanged)="activeViewChanged($event)"></igx-calendar>
+     * ```
+     * ```typescript
+     * public activeViewChanged(event: CalendarView) {
+     *  let activeView = event;
+     * }
+     * ```
+     */
+    @Output()
+    public activeViewChanged  = new EventEmitter<CalendarView>();
+
     /**
      * @hidden
      */

projects/igniteui-angular/src/lib/calendar/calendar-base.ts

@@ -22,7 +22,7 @@ <h2 class="igx-calendar__header-date">
     </h2>
 </div>
 
-<div *ngIf="isDefaultView" class="igx-calendar__body" [@animateView]="activeView" (swiperight)="previousMonth()"
+<div *ngIf="isDefaultView" class="igx-calendar__body" [@animateView]="activeView" (@animateView.done)="viewRendered($event)" (swiperight)="previousMonth()"
     (swipeleft)="nextMonth()">
     <div class="igx-calendar-picker">
         <div tabindex="0" class="igx-calendar-picker__prev" #prevMonthBtn
@@ -63,15 +63,15 @@ <h2 class="igx-calendar__header-date">
     </div>
 </div>
 
-<igx-months-view *ngIf="isYearView" [@animateView]="activeView" #months
+<igx-months-view *ngIf="isYearView" [@animateView]="activeView" #months (@animateView.done)="viewRendered($event)"
                  [date]="viewDate"
                  [locale]="locale"
                  [formatView]="formatViews.month"
                  [monthFormat]="formatOptions.month"
                  (onSelection)="changeMonth($event)">
 </igx-months-view>
 
-<igx-years-view *ngIf="isDecadeView" [@animateView]="activeView" #decade
+<igx-years-view *ngIf="isDecadeView" [@animateView]="activeView" #decade (@animateView.done)="viewRendered($event)"
                 [date]="viewDate"
                 [locale]="locale"
                 [formatView]="formatViews.year"