[ci:force] Migrate to NG15

.browserslistrc → .browserslistrc

@@ -1,13 +1,10 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below
+# For additional information regarding the format and rule options, please see
+# <https://github.com/browserslist/browserslist#queries>
+# For the full list of supported browsers by the Angular framework, please see
+# <https://angular.io/guide/browser-support>
+# You can see what browsers were selected by your queries by running
+# npx browserslist
 last 1 Chrome version
 last 1 Firefox version
 last 2 Edge major versions

.eslintrc.js

@@ -1,5 +1,6 @@
 module.exports = {
     root: true,
+
     ignorePatterns: [
         'projects/**/*',
         '**/node_modules/**/*',
@@ -10,6 +11,7 @@ module.exports = {
         '**/scripts',
         '**/docs'
     ],
+
     plugins: ['@nrwl/nx'],
     overrides: [
         {
@@ -184,5 +186,7 @@ module.exports = {
             extends: ['plugin:@angular-eslint/template/recommended'],
             rules: {}
         }
-    ]
+    ],
+
+    extends: ['plugin:storybook/recommended']
 };

.github/workflows/pull-request.yml

@@ -12,7 +12,7 @@ on:
         description: 'devel'
         required: false
         type: string
-        default: false
+        default: 'false'
       cron-run:
         description: 'disables jobs which should not run when cron runs e2es'
         required: false

.storybook/main.js

@@ -1,7 +1,15 @@
 module.exports = {
+    framework: {
+        name: '@storybook/angular',
+        options: {}
+    },
+
+    staticDirs: [{ from: '../../../demo-shell/src/app.config.json', to: 'app.config.json' }],
+
+    docs: {
+        autodocs: true
+    },
+
     stories: [],
-    addons: ['@storybook/addon-essentials'],
-    framework: '@storybook/angular',
-    staticDirs: [ { from: '../../../demo-shell/src/app.config.json', to: 'app.config.json' } ],
-    core: { builder: 'webpack5' }
+    addons:[],
 };

angular.json

@@ -108,6 +108,7 @@
               }
             ],
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -116,7 +117,8 @@
             "scripts": [
               "node_modules/pdfjs-dist/build/pdf.js",
               "node_modules/pdfjs-dist/web/pdf_viewer.js",
-              "node_modules/raphael/raphael.min.js"
+              "node_modules/raphael/raphael.min.js",
+              "node_modules/moment/min/moment.min.js"
             ],
             "vendorChunk": true,
             "extractLicenses": false,
@@ -305,6 +307,7 @@
             "configDir": "lib/core/.storybook",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -330,6 +333,7 @@
             "outputDir": "dist/storybook/core",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -451,6 +455,7 @@
             "configDir": "lib/content-services/.storybook",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -476,6 +481,7 @@
             "outputDir": "dist/storybook/content-services",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -643,6 +649,7 @@
             "configDir": "lib/process-services-cloud/.storybook",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -668,6 +675,7 @@
             "outputDir": "dist/storybook/process-services-cloud",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -1110,6 +1118,7 @@
               ]
             },
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",
@@ -1130,6 +1139,7 @@
             "outputDir": "dist/storybook/stories",
             "compodoc": false,
             "styles": [
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss",
               "node_modules/cropperjs/dist/cropper.min.css",

decorate-angular-cli.js

@@ -21,75 +21,73 @@
  * - Delete and reinstall your node_modules
  */
 
-const fs = require("fs");
-const os = require("os");
-const cp = require("child_process");
-const isWindows = os.platform() === "win32";
-const { output } = require("@nrwl/workspace");
+const fs = require('fs');
+const os = require('os');
+const cp = require('child_process');
+const isWindows = os.platform() === 'win32';
+const { output } = require('@nx/workspace');
 
 /**
  * Paths to files being patched
  */
-const angularCLIInitPath = "node_modules/@angular/cli/lib/cli/index.js";
+const angularCLIInitPath = 'node_modules/@angular/cli/lib/cli/index.js';
 
 /**
  * Patch index.js to warn you if you invoke the undecorated Angular CLI.
  */
 function patchAngularCLI(initPath) {
-  const angularCLIInit = fs.readFileSync(initPath, "utf-8").toString();
+    const angularCLIInit = fs.readFileSync(initPath, 'utf-8').toString();
 
-  if (!angularCLIInit.includes("NX_CLI_SET")) {
-    fs.writeFileSync(
-      initPath,
-      `
+    if (!angularCLIInit.includes('NX_CLI_SET')) {
+        fs.writeFileSync(
+            initPath,
+            `
 if (!process.env['NX_CLI_SET']) {
-  const { output } = require('@nrwl/workspace');
+  const { output } = require('@nx/workspace');
   output.warn({ title: 'The Angular CLI was invoked instead of the Nx CLI. Use "npx ng [command]" or "nx [command]" instead.' });
 }
 ${angularCLIInit}
     `
-    );
-  }
+        );
+    }
 }
 
 /**
  * Symlink of ng to nx, so you can keep using `ng build/test/lint` and still
  * invoke the Nx CLI and get the benefits of computation caching.
  */
 function symlinkNgCLItoNxCLI() {
-  try {
-    const ngPath = "./node_modules/.bin/ng";
-    const nxPath = "./node_modules/.bin/nx";
-    if (isWindows) {
-      /**
-       * This is the most reliable way to create symlink-like behavior on Windows.
-       * Such that it works in all shells and works with npx.
-       */
-      ["", ".cmd", ".ps1"].forEach(ext => {
-        fs.writeFileSync(ngPath + ext, fs.readFileSync(nxPath + ext));
-      });
-    } else {
-      // If unix-based, symlink
-      cp.execSync(`ln -sf ./nx ${ngPath}`);
+    try {
+        const ngPath = './node_modules/.bin/ng';
+        const nxPath = './node_modules/.bin/nx';
+        if (isWindows) {
+            /**
+             * This is the most reliable way to create symlink-like behavior on Windows.
+             * Such that it works in all shells and works with npx.
+             */
+            ['', '.cmd', '.ps1'].forEach((ext) => {
+                fs.writeFileSync(ngPath + ext, fs.readFileSync(nxPath + ext));
+            });
+        } else {
+            // If unix-based, symlink
+            cp.execSync(`ln -sf ./nx ${ngPath}`);
+        }
+    } catch (e) {
+        output.error({
+            title: 'Unable to create a symlink from the Angular CLI to the Nx CLI:' + e.message
+        });
+        throw e;
     }
-  } catch (e) {
-    output.error({
-      title:
-        "Unable to create a symlink from the Angular CLI to the Nx CLI:" +
-        e.message
-    });
-    throw e;
-  }
 }
 
 try {
-  symlinkNgCLItoNxCLI();
-  patchAngularCLI(angularCLIInitPath);
-  output.log({
-    title: "Angular CLI has been decorated to enable computation caching."
-  });
+    symlinkNgCLItoNxCLI();
+    patchAngularCLI(angularCLIInitPath);
+    output.log({
+        title: 'Angular CLI has been decorated to enable computation caching.'
+    });
 } catch (e) {
-  output.error({
-    title: "Decoration of the Angular CLI did not complete successfully"
-  });
+    output.error({
+        title: 'Decoration of the Angular CLI did not complete successfully'
+    });
 }