Upgrade to Angular 7.0, Fabric 6.110.0; Fix build errors (#45)

* Upgrade react and react-dom to latest versions

* Updated Angular to v7.0, Updated office-ui-fabric-react to v6.110.0

* Fixed missing imports and reference errors

* Un-generic-ed EventListener (was causing errors since default EventListener is not generic)

* Removed noops on HoverCard and Tooltip component scss since they were moved to global styles in Fabric

* Upgrade office-ui-fabric-react to 6.110.0 + Add PlainCard and ExpandingCard components

* Renamed EventListener to IEventListener, Renamed some *.d.ts files to *.ts due to build issues

* Updated component property bindings to match new Fabric version

* Rename EventListener array and map to `I`-prefied versions to avoid confusion

Author: xjerwa

apps/demo/src/polyfills.ts

@@ -42,7 +42,7 @@
 
 /** Evergreen browsers require these. **/
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/es7/reflect';
+// import 'core-js/es7/reflect';
 
 /**
  * Required to support Web Animations `@angular/platform-browser/animations`.

apps/docs/src/app/components/navbar/navbar.component.ts

@@ -1,6 +1,5 @@
 import { Component, AfterViewInit, ViewChild, ElementRef, ViewContainerRef, OnInit } from '@angular/core';
-import { fromEvent } from 'rxjs/observable/fromEvent';
-import { throttleTime } from 'rxjs/operators';
+import { fromEvent } from 'rxjs';
 import { SubNavService } from '../../shared/sub-nav.service';
 
 @Component({

apps/docs/src/polyfills.ts

@@ -42,7 +42,7 @@ import 'core-js/es6/set';
 
 /** Evergreen browsers require these. **/
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/es7/reflect';
+// import 'core-js/es7/reflect';
 
 /**
  * Required to support Web Animations `@angular/platform-browser/animations`.

libs/core/package.json

@@ -51,10 +51,10 @@
   ],
   "private": false,
   "peerDependencies": {
-    "@angular/compiler": "^6.1.0",
-    "@angular/core": "^6.1.0",
-    "@angular/platform-browser-dynamic": "^6.1.0",
-    "@angular/platform-browser": "^6.1.0",
+    "@angular/compiler": "^7.0.3",
+    "@angular/core": "^7.0.3",
+    "@angular/platform-browser-dynamic": "^7.0.3",
+    "@angular/platform-browser": "^7.0.3",
     "react-dom": "^16.4.1",
     "react": "^16.4.1"
   },

libs/core/src/lib/@types/geteventlisteners.d.ts

@@ -1,23 +1,21 @@
-interface EventListener<K extends keyof ElementEventMap> {
+interface IEventListener<K extends keyof ElementEventMap> {
   type: K;
   listener: (ev: ElementEventMap[K]) => void;
   options?: boolean | EventListenerOptions;
 }
 
-type EventListenerArray<K extends keyof ElementEventMap> = EventListener<K>[];
+type IEventListenerArray<K extends keyof ElementEventMap> = IEventListener<K>[];
 
-type EventListenersMap<K extends keyof ElementEventMap> = Record<K, EventListenerArray<K>>;
+type IEventListenersMap<K extends keyof ElementEventMap> = Record<K, IEventListenerArray<K>>;
 
-// declare global {
 interface Element {
   /**
    * Gets all the event listeners of the element.
    */
-  getEventListeners<K extends keyof ElementEventMap>(): EventListenersMap<K>;
+  getEventListeners<K extends keyof ElementEventMap>(): IEventListenersMap<K>;
 
   /**
    * Gets all the event listeners of a type of the element.
    */
-  getEventListeners<K extends keyof ElementEventMap>(type?: K): EventListenerArray<K>;
+  getEventListeners<K extends keyof ElementEventMap>(type?: K): IEventListenerArray<K>;
 }
-// }

…ore/src/lib/declarations/known-keys.d.ts …/core/src/lib/declarations/known-keys.tslibs/core/src/lib/declarations/known-keys.d.ts renamed to libs/core/src/lib/declarations/known-keys.ts libs/core/src/lib/declarations/known-keys.d.ts renamed to libs/core/src/lib/declarations/known-keys.ts

@@ -16,6 +16,6 @@ type KnownKeysOfOptions = KnownKeys<Options>; // 'key' | 'title';
 
  * Taken from https://stackoverflow.com/questions/51465182/typescript-remove-index-signature-using-mapped-types
  */
-type KnownKeys<T> = {
+export type KnownKeys<T> = {
   [K in keyof T]: string extends K ? never : number extends K ? never : K
 } extends { [_ in keyof T]: infer U } ? U : never;

libs/core/src/lib/declarations/many.d.ts libs/core/src/lib/declarations/many.tslibs/core/src/lib/declarations/many.d.ts renamed to libs/core/src/lib/declarations/many.ts

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
+import { KnownKeys } from './known-keys';
+
 /**
  * Inverse of `Pick<T, K>`.
  */

libs/core/src/lib/declarations/omit.d.ts libs/core/src/lib/declarations/omit.tslibs/core/src/lib/declarations/omit.d.ts renamed to libs/core/src/lib/declarations/omit.ts

@@ -1,7 +1,6 @@
 // Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
-export * from './index-signature';
 export * from './known-keys';
 export * from './many';
 export * from './omit';