Update UI library dependencies (#2191)

* Update UI library dependencies
* change to node v14
* update js-yaml load and dump function

ui/app/package.json

@@ -26,29 +26,28 @@
   },
   "homepage": "https://github.com/zalando/postgres-operator.git#readme",
   "dependencies": {
-    "@babel/core": "^7.0.0-beta.46",
-    "@babel/polyfill": "^7.0.0-beta.46",
-    "@babel/runtime": "^7.0.0-beta.46",
-    "pixi.js": "^4.7.3"
+    "@babel/core": "^7.20.12",
+    "@babel/polyfill": "^7.12.1",
+    "@babel/runtime": "^7.20.13",
+    "pixi.js": "^7.1.1"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.0.0-beta.46",
-    "@babel/preset-env": "^7.0.0-beta.46",
-    "babel-loader": "^8.0.0-beta.2",
-    "brfs": "^1.6.1",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.20.2",
+    "babel-loader": "^8.2.5",
+    "brfs": "^2.0.2",
     "dedent-js": "1.0.1",
-    "eslint": "^4.19.1",
-    "eslint-loader": "^1.6.1",
-    "js-yaml": "3.13.1",
-    "pug": "^2.0.3",
-    "rimraf": "^2.5.4",
-    "riot": "^3.9.5",
+    "eslint": "^8.32.0",
+    "js-yaml": "4.1.0",
+    "pug": "^3.0.2",
+    "rimraf": "^4.1.2",
+    "riot": "^3.13.2",
     "riot-hot-reload": "1.0.0",
-    "riot-route": "^3.1.3",
-    "riot-tag-loader": "2.0.2",
+    "riot-route": "^3.1.4",
+    "riot-tag-loader": "2.1.0",
     "sort-by": "^1.2.0",
-    "transform-loader": "^0.2.3",
-    "webpack": "^4.28.2",
-    "webpack-cli": "^3.1.2"
+    "transform-loader": "^0.2.4",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^4.10.0"
   }
 }

ui/app/src/edit.tag.pug

@@ -71,8 +71,8 @@ edit
 
     this.updateEditable = e => {
       if (this.refs.changedProperties.value) {
-        this.editablePropertiesPreview = yamlParser.safeDump(
-          yamlParser.safeLoad(
+        this.editablePropertiesPreview = yamlParser.dump(
+          yamlParser.load(
             this.refs.changedProperties.value,
           ),
         )
@@ -85,7 +85,7 @@ edit
       this.saveMessage = ''
 
       jsonPayload = JSON.stringify(
-        yamlParser.safeLoad(
+        yamlParser.load(
           this.refs.changedProperties.value,
         ),
       )
@@ -129,7 +129,7 @@ edit
         if (i.metadata.managedFields) { delete i.metadata.managedFields }
 
         this.update()
-        this.refs.yamlNice.innerHTML = yamlParser.safeDump(i.postgresql, {sortKeys: true})
+        this.refs.yamlNice.innerHTML = yamlParser.dump(i.postgresql, {sortKeys: true})
 
         // Output data:
         const o = this.editableProperties = { spec: {} }
@@ -192,7 +192,7 @@ edit
 
         this.editablePropertiesText = (
           yamlParser
-          .safeDump(this.editableProperties)
+          .dump(this.editableProperties)
           .slice(0, -1)
         )
         this.editablePropertiesPreview = this.editablePropertiesText

ui/app/src/new.tag.pug

@@ -793,7 +793,7 @@ new
     }
 
     this.requestCreate = e => {
-      jsonPayload = JSON.stringify(yamlParser.safeLoad(this.getYAML()))
+      jsonPayload = JSON.stringify(yamlParser.load(this.getYAML()))
 
       this.creating = true
       this.update()

ui/app/src/postgresql.tag.pug

@@ -220,7 +220,7 @@ postgresql
         delete manifest.status
 
         if (this.refs.yamlNice) {
-          this.refs.yamlNice.innerHTML = yamlParser.safeDump(
+          this.refs.yamlNice.innerHTML = yamlParser.dump(
             this.progress.postgresqlManifest,
             {
               sortKeys: true,