Update requirements to support React 16

CHANGELOG.md

@@ -2,6 +2,28 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.22.0] - 2018-02-24
+### Changed
+- Update versions for:
+    - `react-dates` to `"16.3.2"`
+    - `react-dropzone` to `"4.2.8"`
+    - `react-markdown` to `"3.2.1"`
+    - `react-select` to `"1.2.1"`
+    - `react-select-fast-filter-options` to `"0.2.3"`
+    - `react-syntax-highlighter` to `"7.0.0"`
+    - `react-virtualized-select` to `"3.1.3"`
+    - `react` and `react-dom` as peerDependencies `"^15.4.0 || ^16.0.0"`
+- Add `style-loader` and `css-loader` to webpack babel loaders to support
+new version of `react-dates` with separate css file
+- Change import location from `react-syntax-highlighter` to:
+ ```js
+ import {arduinoLight, monokai} from 'react-syntax-highlighter/styles/hljs';
+ ```
+- Change import location from `react-virtualized-select` to:
+```js
+import ReactDropdown from 'react-virtualized-select/dist/umd/react-virtualized-select';
+```
+
 ## [0.21.1] - 2018-03-28
 ### Fixed
 - In some cases, frequently multi-page apps, the `dcc.Graph` interactive properties
@@ -106,7 +128,6 @@ See https://github.com/plotly/plotly.js/releases/tag/v1.34.0 for the official no
     - Fix handling of double negative translate transform values [https://github.com/plotly/plotly.js/pull/2339]
     - Fix compare `hovermode` fallback for non-cartesian subplot types [https://github.com/plotly/plotly.js/pull/2339]
 
-
 ## [0.19.0] - 2018-02-11
 ### Changed
 - `PropTypes` now uses `prop-types` package instead of `React` to support move to React 16+

config/webpack/partials/babel.js

@@ -10,7 +10,7 @@ module.exports = function (config) {
     return partial(config, {
         module: {
             loaders: [
-                { test: /\.json$/, loader: 'json-loader' },
+                {test: /\.json$/, loader: 'json-loader'},
                 {
                     test: /\.js/,
                     include: [SRC],
@@ -19,8 +19,15 @@ module.exports = function (config) {
                      * and avoid webpack's magick loader resolution
                      */
                     loader: require.resolve('babel-loader')
+                },
+                {
+                    test: /\.css$/,
+                    loaders: ['style-loader', 'css-loader']
                 }
             ]
+        },
+        alias: {
+          'react-dates/lib/css/_datepicker.css': path.join(ROOT, 'node_modules', 'react-dates/lib/css/_datepicker.css')
         }
     });
 };

config/webpack/partials/babelHot.js

@@ -24,8 +24,15 @@ module.exports = function (config) {
                         require.resolve('react-hot-loader'),
                         require.resolve('babel-loader')
                     ]
+                },
+                {
+                    test: /\.css$/,
+                    loaders: ['style-loader', 'css-loader']
                 }
             ]
+        },
+        alias: {
+          'react-dates/lib/css/_datepicker.css': path.join(ROOT, 'node_modules', 'react-dates/lib/css/_datepicker.css')
         }
     });
 };

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.21.1'
+__version__ = '0.22.0'