[ADF-5146] Upgrade to Angular 10 (#5834)

* remove useless module

* upgrade to angular 8

* upgrade material to v8

* upgrade adf libs

* migrate demo shell to v8

* upgrade to angular 9

* upgrade material to v9

* remove hammer

* upgrade nx

* upgrade datetime picker

* upgrade flex layout

* update core api

* remove entry components

* code fixes

* upgrade testbed usage

* code fixes

* remove unnecessary core-js from tests

* upgrade CLI

* ts config fixes

* fix builds

* fix testing config

* compile fixes

* fix demo shell dev setup

* fix core tests

* fix card view import

* upgrade nx

* disable smart builds for now

* remove fdescribe

* restore smart builds

* fix issues

* unify tsconfigs and fix newly found issues

* fix configuration and cleanup package scripts

* improved production build from the same config

* use ADF libs directly instead of node_modules

* disable smart build

* single app configuration (angular)

* fix core build

* fix build scripts

* lint fixes

* fix linting setup

* fix linting rules

* various fixes

* disable affected libs for unit tests

* cleanup insights package.json

* simplify smart-build

* fix content tests

* fix tests

* test fixes

* fix tests

* fix test

* fix tests

* disable AppExtensionsModule (monaco example)

* remove monaco extension module

* upgrade bundle check rules

* fix insights tests and karma config

* fix protractor config

* e2e workaround

* upgrade puppeteer and split linting and build

* reusable resources config

* update protractor config

* fix after rebase

* fix protractor config

* fix e2e tsconfig

* update e2e setup

* Save demoshell artifact on S3 and remove travis cache

* Push the libs on S3 and fetch before releasing it

* Add deps

* Add dependencies among libs and run only affected unit test and build

* fix the travis stage name

* fix after renaming dev to demoshell

* force the order of the projects

* remove unused dependencies

* fix content e2e script

* exit codes fix

* add extra exit codes to core e2e

* postinstall hook and package cleanup

* cleanup packages

* remove deprecated code and dependency on router

* improve bundle analyzer script

* minor code fixes

* update spec

* fix code after rebase

* upgrade protractor after rebase

* fix e2e mapping lib

* Update tsconfig.e2e.json

* update e2e tsconfig

* fix angular config

* fix protractor runs

* cache dist folder for libs

* update material selectors for dropdowns

* selector fixes

* remove duplicated e2e that have unit tests already

* fix login selector

* fix e2e

* fix test

* fix import issues

* fix selector

* cleanup old monaco extension files

* cleanup demo shell login

* add protractor max retries

* disable customisations of protractor

* fix login validation

* fix after rebase

* fix after rebase, disable latest versions of libs

* Hide the report tab and rollback the localstorage

* rename protractor config back to js

* restore lint as part of build

* cleanup code

* do not copy anything to node_modules on dist test

* fix unit tests

* config fixes

* fix code

* fix code after rebase

* fix tests

* remove existing words from spellcheck

* remove useless directive decorators

* update package.json after rebase

* add js-api back

* code fixes

* add missing export

* update configs

* fix code

* try fix the sso login test

* fix

* remove puppeteer unit

* fix e2e script

* fix

* make provider easy

* fix routes module before upgrade

* fix unit tests

* upgrade angular cli

* upgrade to angular 10

Co-authored-by: maurizio vitale <maurizio.vitale@alfresco.com>
Co-authored-by: Eugenio Romano <eugenio.romano@alfresco.com>
Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>

lib/extensions/karma.conf.js

@@ -1,7 +1,5 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = require('puppeteer').executablePath();
-
 module.exports = function (config) {
   config.set({
     basePath: '',

lib/extensions/ng-package.json

@@ -6,22 +6,7 @@
     "entryFile": "src/public-api.ts",
     "flatModuleFile": "adf-extensions",
     "umdModuleIds": {
-      "@alfresco/js-api": "@alfresco/js-api",
-      "@angular/platform-browser/animations": "@angular/platform-browser/animations",
-      "@angular/material": "@angular/material",
-      "@mat-datetimepicker": "@mat-datetimepicker",
-      "@angular/flex-layout": "@angular/flex-layout",
-      "@alfresco/adf-core": "@alfresco/adf-core",
-      "@alfresco/adf-content-services": "@alfresco/adf-content-services",
-      "@angular/material-moment-adapter": "@angular/material-moment-adapter",
-      "@angular/animations": "@angular/animations",
-      "@angular/cdk/platform": "@angular/cdk/platform",
-      "@angular/material/core": "@angular/material/core",
-      "moment": "moment",
-      "moment-es6": "moment-es6",
-      "moment/src/moment": "moment/src/moment",
-      "@ngx-translate/core": "@ngx-translate/core",
-      "rxjs": "rxjs"
+      "@alfresco/js-api": "@alfresco/js-api"
     }
   }
 }

lib/extensions/package.json

@@ -13,9 +13,9 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "peerDependencies": {
-    "@angular/common": ">=7.0.3",
-    "@angular/core": ">=7.0.3",
-    "@alfresco/js-api": "3.9.0"
+    "@angular/common": ">=9.1.9",
+    "@angular/core": ">=9.1.9",
+    "@alfresco/js-api": ">=3.9.0"
   },
   "keywords": [
     "extensions",

lib/extensions/src/lib/components/dynamic-column/dynamic-column.component.ts

@@ -49,7 +49,7 @@ import { ExtensionService } from '../../services/extension.service';
   ]
 })
 export class DynamicColumnComponent implements OnInit, OnChanges, OnDestroy {
-  @ViewChild('content', { read: ViewContainerRef })
+  @ViewChild('content', { read: ViewContainerRef, static: true })
   content: ViewContainerRef;
 
   @Input()

lib/extensions/src/lib/components/dynamic-component/dynamic.component.spec.ts

@@ -26,7 +26,6 @@ import {
 } from '@angular/core';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
 import { DynamicExtensionComponent } from './dynamic.component';
 import { ComponentRegisterService } from '../../services/component-register.service';
 import { HttpClientModule } from '@angular/common/http';
@@ -61,10 +60,6 @@ describe('DynamicExtensionComponent', () => {
             providers: [{ provide: ComponentRegisterService, useValue: componentRegister }]
         });
 
-        TestBed.overrideModule(BrowserDynamicTestingModule, {
-            set: { entryComponents: [TestComponent] }
-        });
-
         TestBed.compileComponents();
     }));
 
@@ -72,7 +67,7 @@ describe('DynamicExtensionComponent', () => {
 
         beforeEach(() => {
             fixture = TestBed.createComponent(DynamicExtensionComponent);
-            componentFactoryResolver = TestBed.get(ComponentFactoryResolver);
+            componentFactoryResolver = TestBed.inject(ComponentFactoryResolver);
             spyOn(componentFactoryResolver, 'resolveComponentFactory').and.callThrough();
             component = fixture.componentInstance;
             component.id = 'test-component';

lib/extensions/src/lib/components/dynamic-component/dynamic.component.ts

@@ -35,7 +35,7 @@ import { ExtensionComponent } from '../../services/component-register.service';
     template: `<div #content></div>`
 })
 export class DynamicExtensionComponent implements OnChanges, OnDestroy {
-    @ViewChild('content', { read: ViewContainerRef })
+    @ViewChild('content', { read: ViewContainerRef, static: true })
     content: ViewContainerRef;
 
     /** Unique ID string for the component to show. */

lib/extensions/src/lib/components/dynamic-tab/dynamic-tab.component.ts

@@ -35,7 +35,7 @@ import { ExtensionService } from '../../services/extension.service';
     template: `<div #content></div>`
 })
 export class DynamicTabComponent implements OnInit, OnChanges, OnDestroy {
-    @ViewChild('content', { read: ViewContainerRef })
+    @ViewChild('content', { read: ViewContainerRef, static: true })
     content: ViewContainerRef;
 
     /** Unique ID string for the component to show. */

lib/extensions/src/lib/components/viewer/preview-extension.component.ts

@@ -36,7 +36,7 @@ import { Node } from '@alfresco/js-api';
   `
 })
 export class PreviewExtensionComponent implements OnInit, OnChanges, OnDestroy {
-    @ViewChild('content', { read: ViewContainerRef })
+    @ViewChild('content', { read: ViewContainerRef, static: true })
     content: ViewContainerRef;
 
     /** ID string of the component to preview. */

lib/extensions/src/lib/extensions.module.ts

@@ -38,7 +38,7 @@ import { setupExtensions } from './services/startup-extension-factory';
     ]
 })
 export class ExtensionsModule {
-    static forRoot(): ModuleWithProviders {
+    static forRoot(): ModuleWithProviders<ExtensionsModule> {
         return {
             ngModule: ExtensionsModule,
             providers: [
@@ -52,7 +52,7 @@ export class ExtensionsModule {
         };
     }
 
-    static forChild(): ModuleWithProviders {
+    static forChild(): ModuleWithProviders<ExtensionsModule> {
         return {
             ngModule: ExtensionsModule
         };

lib/extensions/src/public-api.ts

@@ -15,8 +15,6 @@
  * limitations under the License.
  */
 
-export * from './lib/extensions.module';
-
 export * from './lib/config/action.extensions';
 export * from './lib/config/document-list.extensions';
 export * from './lib/config/extension-element';

lib/extensions/src/test.ts

@@ -17,7 +17,6 @@
 
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'core-js/es7/reflect';
 import 'zone.js/dist/zone';
 import 'zone.js/dist/zone-testing';
 import { getTestBed } from '@angular/core/testing';

lib/extensions/tsconfig.lib.prod.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "angularCompilerOptions": {
+    "enableIvy": false
+  }
+}