Upgrade react

package.json

@@ -40,5 +40,9 @@
       "!packages/**/scaffold/**/*",
       "!packages/**/utils/**/*"
     ]
+  },
+  "dependencies": {
+    "normalize.css": "^7.0.0",
+    "oc-template-react-compiler": "^5.1.2"
   }
 }

packages/oc-template-react-compiler/__tests__/__snapshots__/compileView.js.snap

@@ -6,11 +6,11 @@ Object {
     "hashKey": "c246e2c2247889e20b39dbdf1f1bce65b2aebf24",
   },
   "template": Object {
-    "hashKey": "c4c177969e57c4a49daa3134368ff715fb189560",
+    "hashKey": "e97759d7e09bdc330b6cea4c708417e00d1dbb12",
     "src": "template.js",
     "type": "oc-template-react",
   },
 }
 `;
 
-exports[`valid component 2`] = `"var oc=oc||{};oc.components=oc.components||{};oc.components['c4c177969e57c4a49daa3134368ff715fb189560']=function(model){ var modelHTML = model.__html ? model.__html : ''; var staticPath = model.reactComponent.props._staticPath; var props = JSON.stringify(model.reactComponent.props); return '<div id=\\"oc-reactRoot-react-component\\" class=\\"oc-reactRoot-react-component\\">' + modelHTML + '</div>' + '' + '<script>' + 'window.oc = window.oc || {};' + 'oc.cmd = oc.cmd || [];' + 'oc.cmd.push(function(oc){' + '' + 'oc.requireSeries([{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/[email protected]/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/[email protected]/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/[email protected]/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}], function(){' + 'oc.require(' + '[\\"oc\\", \\"reactComponents\\", \\"c246e2c2247889e20b39dbdf1f1bce65b2aebf24\\"],' + '\\"' + staticPath + 'react-component.js\\",' + 'function(ReactComponent){' + 'var targetNode = document.getElementById(\\"oc-reactRoot-react-component\\");' + 'targetNode.setAttribute(\\"id\\",\\"\\");' + 'ReactDOM.render(React.createElement(ReactComponent,' + props + '),targetNode);' + '}' + ');' + '});' + '});' + '</script>' }"`;
+exports[`valid component 2`] = `"var oc=oc||{};oc.components=oc.components||{};oc.components['e97759d7e09bdc330b6cea4c708417e00d1dbb12']=function(model){ var modelHTML = model.__html ? model.__html : ''; var staticPath = model.reactComponent.props._staticPath; var props = JSON.stringify(model.reactComponent.props); return '<div id=\\"oc-reactRoot-react-component\\" class=\\"oc-reactRoot-react-component\\">' + modelHTML + '</div>' + '' + '<script>' + 'window.oc = window.oc || {};' + 'oc.cmd = oc.cmd || [];' + 'oc.cmd.push(function(oc){' + '' + 'oc.requireSeries([{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/[email protected]/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/[email protected]/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/[email protected]/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}], function(){' + 'oc.require(' + '[\\"oc\\", \\"reactComponents\\", \\"c246e2c2247889e20b39dbdf1f1bce65b2aebf24\\"],' + '\\"' + staticPath + 'react-component.js\\",' + 'function(ReactComponent){' + 'var targetNode = document.getElementById(\\"oc-reactRoot-react-component\\");' + 'targetNode.setAttribute(\\"id\\",\\"\\");' + 'ReactDOM.render(React.createElement(ReactComponent,' + props + '),targetNode);' + '}' + ');' + '});' + '});' + '</script>' }"`;

packages/oc-template-react-compiler/package.json

@@ -52,7 +52,7 @@
     "postcss-import": "^11.0.0",
     "postcss-loader": "^2.0.9",
     "prop-types": "15.6.1",
-    "react": "16.3.2",
+    "react": "16.4.0",
     "webpack": "^4.8.3"
   },
   "files": [

packages/oc-template-react/__tests__/__snapshots__/getInfo.js.snap

@@ -11,12 +11,12 @@ Object {
     Object {
       "global": "React",
       "name": "react",
-      "url": "https://unpkg.com/react@16.3.2/umd/react.production.min.js",
+      "url": "https://unpkg.com/react@16.4.0/umd/react.production.min.js",
     },
     Object {
       "global": "ReactDOM",
       "name": "react-dom",
-      "url": "https://unpkg.com/react-dom@16.3.2/umd/react-dom.production.min.js",
+      "url": "https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js",
     },
   ],
   "type": "oc-template-react",

packages/oc-template-react/package.json

@@ -27,8 +27,8 @@
     "nice-cache": "0.0.5",
     "oc-generic-template-renderer": "2.0.4",
     "prop-types": "15.6.1",
-    "react": "16.3.2",
-    "react-dom": "16.3.2"
+    "react": "16.4.0",
+    "react-dom": "16.4.0"
   },
   "files": [
     "lib",
@@ -43,11 +43,11 @@
     },
     "react": {
       "global": "React",
-      "url": "https://unpkg.com/react@16.3.2/umd/react.production.min.js"
+      "url": "https://unpkg.com/react@16.4.0/umd/react.production.min.js"
     },
     "react-dom": {
       "global": "ReactDOM",
-      "url": "https://unpkg.com/react-dom@16.3.2/umd/react-dom.production.min.js"
+      "url": "https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js"
     }
   }
 }