chore(package): update to react 16

config.js

@@ -53,10 +53,8 @@ const config = {
   // ----------------------------------
   compiler_devtool: (__DEV__ || __TEST__) && 'cheap-source-map',
   compiler_globals: {
-    process: {
-      env: {
-        NODE_ENV: JSON.stringify(env),
-      },
+    'process.env': {
+      NODE_ENV: JSON.stringify(env),
     },
     __DEV__,
     __PATH_SEP__: JSON.stringify(path.sep),

docs/app/Components/LayoutsLayout.js

@@ -1,5 +1,6 @@
 import _ from 'lodash'
-import React, { Component, PropTypes } from 'react'
+import PropTypes from 'prop-types'
+import React, { Component } from 'react'
 import { NavLink, Route } from 'react-router-dom'
 
 import { Button } from 'src'

docs/app/index.ejs

@@ -69,10 +69,10 @@
   <script src="//cdn.jsdelivr.net/faker.js/<%= htmlWebpackPlugin.options.versions.faker %>/faker.min.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/js-beautify/<%= htmlWebpackPlugin.options.versions.jsBeautify %>/beautify-html.min.js"></script>
   <!-- Use unminified React when not in production so we get errors and warnings -->
-  <script src="//unpkg.com/prop-types@<%= htmlWebpackPlugin.options.versions.propTypes %>/prop-types.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/<%= htmlWebpackPlugin.options.versions.react %>/react<%= __PROD__ ? '.min' : '' %>.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/<%= htmlWebpackPlugin.options.versions.reactDOM %>/react-dom.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/<%= htmlWebpackPlugin.options.versions.reactDOM %>/react-dom-server.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/prop-types/<%= htmlWebpackPlugin.options.versions.propTypes %>/prop-types.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/react/<%= htmlWebpackPlugin.options.versions.react %>/umd/react<%= __PROD__ ? '.production.min' : '.development' %>.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/<%= htmlWebpackPlugin.options.versions.reactDOM %>/umd/react-dom.production.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/react-dom/<%= htmlWebpackPlugin.options.versions.reactDOM %>/umd/react-dom-server.browser.production.min.js"></script>
   <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
   <style>
     html, body {

package.json

@@ -38,7 +38,7 @@
     "prestart": "yarn satisfied -- --fix yarn",
     "start": "yarn docs",
     "satisfied": "satisfied --skip-invalid",
-    "pretest": "yarn satisfied && yarn build:dll",
+    "pretest": "yarn build:dll",
     "test": "cross-env NODE_ENV=test node -r babel-register ./node_modules/karma/bin/karma start karma.conf.babel.js",
     "test:watch": "yarn test -- --no-single-run",
     "tsd": "gulp tsd",
@@ -80,15 +80,16 @@
     "babel-register": "^6.24.1",
     "babel-standalone": "^6.25.0",
     "chai": "^4.1.1",
-    "chai-enzyme": "^0.8.0",
+    "chai-enzyme": "beta",
     "connect-history-api-fallback": "^1.3.0",
     "copy-to-clipboard": "^3.0.8",
     "cross-env": "^5.0.5",
     "debug": "^3.0.1",
     "dirty-chai": "^2.0.1",
     "doctoc": "^1.3.0",
     "doctrine": "^2.0.0",
-    "enzyme": "^2.9.1",
+    "enzyme": "^3.1.0",
+    "enzyme-adapter-react-16": "^1.0.1",
     "eslint": "^4.4.1",
     "eslint-config-airbnb": "^15.1.0",
     "eslint-plugin-import": "^2.7.0",
@@ -118,16 +119,15 @@
     "node-sass": "^4.5.3",
     "puppeteer": "^0.10.1",
     "raw-loader": "^0.5.1",
-    "react": "^15.6.1",
+    "react": "^16.0.0",
     "react-ace": "^5.1.2",
-    "react-addons-test-utils": "15.6.0",
     "react-docgen": "^2.17.0",
     "react-document-title": "^2.0.3",
-    "react-dom": "15.6.1",
+    "react-dom": "^16.0.0",
     "react-hot-loader": "^3.0.0-beta.7",
     "react-router": "^4.1.2",
     "react-router-dom": "^4.1.2",
-    "react-test-renderer": "^15.6.1",
+    "react-test-renderer": "^16.0.0",
     "require-dir": "^0.3.2",
     "rimraf": "^2.6.1",
     "satisfied": "^1.1.1",
@@ -145,7 +145,7 @@
     "webpack-hot-middleware": "^2.18.2"
   },
   "peerDependencies": {
-    "react": ">=0.14.0 <= 15",
-    "react-dom": ">=0.14.0 <= 15"
+    "react": ">=0.14.0 <= 16",
+    "react-dom": ">=0.14.0 <= 16"
   }
 }

test/setup.js

@@ -4,9 +4,10 @@
  */
 import chai from 'chai'
 import chaiEnzyme from 'chai-enzyme'
+import enzyme from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
 import dirtyChai from 'dirty-chai'
 import sinonChai from 'sinon-chai'
-import * as enzyme from 'enzyme'
 
 //
 // Enzyme
@@ -16,6 +17,8 @@ global.shallow = enzyme.shallow
 global.render = enzyme.render
 global.mount = enzyme.mount
 
+enzyme.configure({ adapter: new Adapter() })
+
 //
 // Mocha
 //

test/specs/addons/Responsive/Responsive-test.js

@@ -46,7 +46,7 @@ describe('Responsive', () => {
   describe('onUpdate', () => {
     it('listens for resize', (done) => {
       sandbox.stub(window, 'innerWidth').value(Responsive.onlyMobile.minWidth)
-      const wrapper = mount(<Responsive {...Responsive.onlyMobile} />)
+      const wrapper = shallow(<Responsive {...Responsive.onlyMobile} />)
       wrapper.should.be.present()
 
       sandbox.stub(window, 'innerWidth').value(Responsive.onlyTablet.minWidth)