fix(ui): update dependencies (#5827)

Author: richardlt

ui/angular.json

@@ -61,7 +61,6 @@
               "node_modules/js-yaml/dist/js-yaml.js",
               "resources/cds-hint.js",
               "node_modules/ansi_up/ansi_up.js",
-              "node_modules/sanitize-html/dist/sanitize-html.min.js",
               "node_modules/prismjs/prism.js"
             ],
             "allowedCommonJsDependencies": [
@@ -155,8 +154,7 @@
               "node_modules/codemirror/addon/edit/matchbrackets.js",
               "node_modules/codemirror/addon/display/autorefresh.js",
               "resources/cds-hint.js",
-              "node_modules/ansi_up/ansi_up.js",
-              "node_modules/sanitize-html/dist/sanitize-html.min.js"
+              "node_modules/ansi_up/ansi_up.js"
             ],
             "styles": [
               "node_modules/dragula/dist/dragula.css",

ui/package.json

@@ -31,15 +31,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "11.0.5",
-    "@angular/cdk": "11.0.3",
-    "@angular/common": "11.0.5",
-    "@angular/compiler": "11.0.5",
-    "@angular/core": "11.0.5",
-    "@angular/forms": "11.0.5",
-    "@angular/platform-browser": "11.0.5",
-    "@angular/platform-browser-dynamic": "11.0.5",
-    "@angular/router": "11.0.5",
+    "@angular/animations": "11.2.14",
+    "@angular/cdk": "11.2.13",
+    "@angular/common": "11.2.14",
+    "@angular/compiler": "11.2.14",
+    "@angular/core": "11.2.14",
+    "@angular/forms": "11.2.14",
+    "@angular/platform-browser": "11.2.14",
+    "@angular/platform-browser-dynamic": "11.2.14",
+    "@angular/router": "11.2.14",
     "@icholy/duration": "5.0.0",
     "@ngui/auto-complete": "3.0.0",
     "@ngx-translate/core": "12.1.2",
@@ -56,7 +56,7 @@
     "angular2-toaster-sgu": "10.0.0",
     "animate.css": "3.7.2",
     "ansi_up": "5.0.0",
-    "codemirror": "5.51.0",
+    "codemirror": "5.58.2",
     "core-js": "2.6.3",
     "d3": "5.7.0",
     "d3-zoom": "1.7.3",
@@ -71,7 +71,7 @@
     "js-beautify": "1.8.9",
     "js-yaml": "3.13.1",
     "jsonschema": "1.2.5",
-    "jsrsasign": "8.0.20",
+    "jsrsasign": "10.2.0",
     "lodash-es": "4.17.15",
     "modernizr": "3.7.1",
     "moment": "2.24.0",
@@ -85,11 +85,12 @@
     "ngx-infinite-scroll": "7.0.1",
     "ngx-markdown": "10.1.1",
     "ngx-moment": "5.0.0",
+    "postcss": "8.3.0",
     "prismjs": "1.23.0",
     "raven-js": "3.27.2",
     "rxjs": "6.5.4",
     "rxjs-compat": "6.3.3",
-    "sanitize-html": "1.20.0",
+    "sanitize-html": "2.3.2",
     "spinkit": "1.2.5",
     "string-format-obj": "1.1.1",
     "ts-helpers": "1.1.2",
@@ -99,11 +100,16 @@
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "11.0.0",
-    "@angular-devkit/build-angular": "0.1100.5",
-    "@angular/cli": "11.0.5",
-    "@angular/compiler-cli": "11.0.5",
-    "@commitlint/cli": "8.3.5",
-    "@commitlint/config-conventional": "8.3.4",
+    "@angular-devkit/build-angular": "0.1102.13",
+    "@angular-eslint/builder": "0.8.0-beta.3",
+    "@angular-eslint/eslint-plugin": "0.8.0-beta.3",
+    "@angular-eslint/eslint-plugin-template": "0.8.0-beta.3",
+    "@angular-eslint/schematics": "0.8.0-beta.3",
+    "@angular-eslint/template-parser": "0.8.0-beta.3",
+    "@angular/cli": "11.2.13",
+    "@angular/compiler-cli": "11.2.14",
+    "@commitlint/cli": "13.0.0",
+    "@commitlint/config-conventional": "13.0.0",
     "@compodoc/compodoc": "1.1.11",
     "@sentry/cli": "1.37.4",
     "@types/codemirror": "0.0.81",
@@ -113,12 +119,19 @@
     "@types/jasminewd2": "2.0.8",
     "@types/lodash-es": "4.17.3",
     "@types/node": "12.11.1",
+    "@types/sanitize-html": "2.3.1",
+    "@typescript-eslint/eslint-plugin": "4.3.0",
+    "@typescript-eslint/parser": "4.3.0",
     "codelyzer": "6.0.0",
-    "copy-webpack-plugin": "4.6.0",
+    "copy-webpack-plugin": "9.0.0",
+    "eslint": "7.6.0",
+    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-jsdoc": "30.7.6",
+    "eslint-plugin-prefer-arrow": "1.2.2",
     "husky": "3.0.5",
     "jasmine-core": "3.6.0",
     "jasmine-spec-reporter": "5.0.0",
-    "karma": "5.1.1",
+    "karma": "6.3.2",
     "karma-chrome-launcher": "3.1.0",
     "karma-coverage": "2.0.3",
     "karma-jasmine": "4.0.0",
@@ -130,18 +143,7 @@
     "typescript": "4.0.2",
     "webdriver-manager": "12.1.7",
     "webpack-bundle-analyzer": "3.3.2",
-    "wrench-sui": "0.0.3",
-    "eslint": "^7.6.0",
-    "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-jsdoc": "30.7.6",
-    "eslint-plugin-prefer-arrow": "1.2.2",
-    "@angular-eslint/builder": "0.8.0-beta.3",
-    "@angular-eslint/eslint-plugin": "0.8.0-beta.3",
-    "@angular-eslint/eslint-plugin-template": "0.8.0-beta.3",
-    "@angular-eslint/schematics": "^0.8.0-beta.3",
-    "@angular-eslint/template-parser": "0.8.0-beta.3",
-    "@typescript-eslint/eslint-plugin": "4.3.0",
-    "@typescript-eslint/parser": "4.3.0"
+    "wrench-sui": "0.0.3"
   },
   "husky": {
     "hooks": {

ui/src/app/shared/pipes/safeHtml.pipe.ts

@@ -1,6 +1,6 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-declare let sanitizeHtml: any;
+import * as sanitizeHtml from 'sanitize-html';
 
 @Pipe({ name: 'safeHtml' })
 export class SafeHtmlPipe implements PipeTransform {