Migrted from deprecated views API to appViews

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudux-starter-kit-react",
-  "version": "2.1.18",
+  "version": "2.2.2",
   "description": "Starter kit for UX developers in CloudUX - React",
   "keywords": [
     "CloudUX",
@@ -63,7 +63,11 @@
     "rimraf": "2.6.2",
     "svg-url-loader": "2.3.1",
     "trello-browser": "0.0.6",
-    "ui-toolkit-common-example": "^0.1.0"
+    "ui-toolkit-common-example": "^0.1.0",
+    "webpack": "4.35.0",
+    "webpack-cli": "3.1.2",
+    "webpack-dev-server": "3.11.2",
+    "webpack-merge": "4.2.2"
   },
   "devDependencies": {
     "autoprefixer": "9.6.1",
@@ -81,15 +85,15 @@
     "babel-preset-env": "1.7.0",
     "babel-preset-react": "6.24.1",
     "brotli-webpack-plugin": "1.0.0",
-    "cloudux-starter-kit": "2.1.18",
+    "cloudux-starter-kit": "2.2.2",
     "compression-webpack-plugin": "1.1.12",
     "copy-webpack-plugin": "4.6.0",
     "css-loader": "1.0.1",
     "enzyme": "3.10.0",
     "enzyme-adapter-react-16": "1.14.0",
     "enzyme-to-json": "3.4.0",
     "html-loader": "0.5.5",
-    "http-proxy-middleware": "0.18.0",
+    "http-proxy-middleware": "^2.0.6",
     "jest": "27.0.6",
     "mini-css-extract-plugin": "0.4.5",
     "postcss-loader": "3.0.0",
@@ -106,10 +110,6 @@
     "sass-loader": "7.3.1",
     "spdy": "3.4.7",
     "style-loader": "0.22.1",
-    "url-loader": "1.1.2",
-    "webpack": "4.35.0",
-    "webpack-cli": "3.1.2",
-    "webpack-dev-server": "3.8.1",
-    "webpack-merge": "4.2.2"
+    "url-loader": "1.1.2"
   }
 }

postcss.config.js

@@ -1,7 +1,7 @@
 module.exports = {
     plugins: [
         require('autoprefixer')({
-            browsers: [
+            overrideBrowserslist: [
                 'last 5 Chrome versions',
                 'last 5 Safari versions',
                 'last 2 Firefox versions',

src/avid_api/view/ViewWrapper.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2017 by Avid Technology, Inc.
+ * Copyright 2022 by Avid Technology, Inc.
  */
 
 import ReactDOM from 'react-dom';
@@ -8,25 +8,18 @@ import ApplicationContainer from '../../app/index';
 
 // Need to be bcs it is used in main App :
 export default class ViewWrapper {
-    createElement() {
-        this.el = document.createElement('div');
-        this.el.style.height = '100%';
-        this.el.style.display = 'flex';
-        return Promise.resolve(this.el);
-    }
-
-    onInit(config) {
+    onInit(config, { dispatch }) {
+        this.trigger = dispatch;
         this.state = config.state;
-
-        this.pane = new ApplicationContainer({
-            contextCallback: function (context) {
-                this.trigger('contextChange', context);
-            }.bind(this),
-        });
     }
 
-    onRender() {
+    onRender({ domElement }) {
+        this.el = document.createElement('div');
+        this.el.style.height = '100%';
+        this.el.style.display = 'flex';
+        this.pane = new ApplicationContainer();
         this.pane.render(this.el);
+        domElement.appendChild(this.el);
     }
 
     onDestroy() {
@@ -66,6 +59,7 @@ export default class ViewWrapper {
     get publicScope() {
         return {
             getState: this.getState.bind(this),
+            getTitle: this.getTitle.bind(this),
         };
     }
 }

src/index.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2018 by Avid Technology, Inc.
+ * Copyright 2022 by Avid Technology, Inc.
  */
 
 import appConfig from './package.json';
@@ -12,7 +12,7 @@ const providing = isAdminApp ? 'adminApps' : 'apps';
 export const avid = [
     {
         name: `${appConfig.identity.appName}-view`,
-        provides: ['views'],
+        provides: ['appViews'],
         create: () => ViewConfig,
     },
     {

src/package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "avid": {
     "format": "amd",
-    "autoload": true,
+    "autoload": false,
     "alias": "your-avid-app-id",
     "secret": "your-app-secred-from-myavid-com",
     "features": {