Update requirements to support React 16

CONTRIBUTING.md → .github/CONTRIBUTING.md

@@ -17,3 +17,11 @@ like this:
 ```
 export TOX_PYTHON_27=~/.pyenv/versions/2.7.14/bin/python
 ```
+
+## Making a pull request
+In order to update the PyPI and npm packages correctly, the following pieces need to be in sync:
+
+- `dash_core_components/version.py` should updated to, e.g., `__version__ = '1.0.0'` if the version should be bumped to `v1.0.0`
+- `package.json` has been versioned using `npm version <major | minor | patch>`. See the [npm docs](https://docs.npmjs.com/cli/version) for more on versioning
+- `CHANGELOG.md` has a detailed new entry for the new version or changes to the code
+- `MANIFEST.in` has been updated if non-Python files were updated in `dash_core_components/` (note that this is much rarer, typically for changes involving included css or js)

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,15 @@
+<!--- Thanks for starting to open an issue for dash-core-components! We appreciate you being a part of the community. -->
+<!--- Note that for general help questions, https://community.plot.ly/c/dash is probably your best bet! --->
+<!--- You can help make the development process better by taking some time to write a complete description of the bug or feature request. -->
+<!--- Below, provide a general summary of your changes in the Title above -->
+
+<!--- Please fill out a description, even if you are reporting a simple issue. If it is something truly simple, it is okay to keep it short and sweet. -->
+## Description
+<!--- A clear and concise description of what the issue is about. Include things like expected/desired behavior, actual behavior, motivation or rationale for a new feature, what files it concerns, etc. -->
+
+## Sub-tasks
+<!--- If you suspect that this issue has multiple steps to get the job done, list them out as markdown checkboxes. -->
+<!--- If not, feel free to delete this section. -->
+- [ ] Task 1
+- [ ] Task 2
+- [ ] Task 3

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,16 @@
+<!--- Provide a general summary of your changes in the Title above -->
+
+<!--- Fill out a description and motivation. If it is something truly simple, it is okay to keep it short and sweet. -->
+## Description
+<!--- Describe your changes in detail and link to the issue that is driving this pull request (if any). The description here should describe what features were added, or addressing a bug and describing what was fixed.-->
+
+<!--- Did you run the test suite locally? Did you add any tests for new behavior? -->
+- [ ] `dash_core_components/version.py` has been updated if necessary
+- [ ] `package.json` has been versioned if necessary
+- [ ] `CHANGELOG.md` has a detailed new entry if necessary
+- [ ] `MANIFEST.in` has been updated if non-Python files were updated in dash_core_components
+- [ ] [Tests pass](https://github.com/plotly/dash-core-components/blob/master/.github/CONTRIBUTING.md#running-the-tests) on my local machine
+
+## What does this address?
+<!--- What bug does this fix? What issues does this close? -->
+Closes #

CHANGELOG.md

@@ -2,6 +2,31 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [1.0.0] - 2018-04-01
+### Changed
+**BREAKING**
+- 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"`
+
+Note that these changes may involve changes to the stylesheets for the dependencies.
+External CSS overrides (e.g., from user stylesheets) may no longer work as intended.
+
+- 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.22.0] - 2018-04-03
 ### Added
 - Previously, if a user named their app file `dash.py`, an unhelpful error
@@ -113,7 +138,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+

MANIFEST.in

@@ -1,11 +1,11 @@
 include dash_core_components/bundle.js
 include dash_core_components/bundle.js.map
 include dash_core_components/metadata.json
-include dash_core_components/rc-slider@6.1.2.css
-include dash_core_components/react-select@1.0.0-rc.3.min.css
+include dash_core_components/rc-slider@8.6.0.css
+include dash_core_components/react-select@1.2.1.min.css
 include dash_core_components/plotly-1.35.2.min.js
-include dash_core_components/react-virtualized-select@3.1.0.css
-include dash_core_components/react-virtualized@9.9.0.css
-include dash_core_components/react-dates@12.3.0.css
+include dash_core_components/react-virtualized-select@3.1.3.css
+include dash_core_components/react-virtualized@9.18.5.css
+include dash_core_components/react-dates_datepicker@16.3.2.min.css
 include README.md
 include LICENSE.md

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],

dash_core_components/__init__.py

@@ -40,18 +40,19 @@
 _css_dist = [
     {
         'relative_package_path': [
-            'rc-slider@6.1.2.css',
-            'react-select@1.0.0-rc.3.min.css',
-            'react-virtualized@9.9.0.css',
-            'react-virtualized-select@3.1.0.css',
-            'react-dates@12.3.0.css'
+            'rc-slider@8.6.0.css',
+            'react-select@1.2.1.min.css',
+            'react-virtualized@9.18.5.css',
+            'react-virtualized-select@3.1.3.css',
+            'react-dates_datepicker@16.3.2.min.css'
         ],
         'external_url': [
-            'https://unpkg.com/react-select@1.0.0-rc.3/dist/react-select.min.css',
-            'https://unpkg.com/react-virtualized@9.9.0/styles.css',
-            'https://unpkg.com/react-virtualized-select@3.1.0/styles.css',
-            'https://unpkg.com/rc-slider@6.1.2/assets/index.css',
-            'https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css'.format(__version__)
+            'https://unpkg.com/react-select@1.2.1/dist/react-select.min.css',
+            'https://unpkg.com/react-virtualized@9.18.5/styles.css',
+            'https://unpkg.com/react-virtualized-select@3.1.3/styles.css',
+            'https://unpkg.com/rc-slider@8.6.0/assets/index.css',
+            'https://unpkg.com/dash-core-components@{}/dash_core_components/'
+            'react-dates_datepicker@16.3.2.min.css'.format(__version__)
         ],
         'namespace': 'dash_core_components'
     }

dash_core_components/rc-slider@6.1.2.css → dash_core_components/rc-slider@8.6.0.css

@@ -4,6 +4,8 @@
   padding: 5px 0;
   width: 100%;
   border-radius: 6px;
+  -ms-touch-action: none;
+      touch-action: none;
   box-sizing: border-box;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -16,6 +18,7 @@
   width: 100%;
   background-color: #e9e9e9;
   height: 4px;
+  border-radius: 6px;
 }
 .rc-slider-track {
   position: absolute;
@@ -31,16 +34,27 @@
   width: 14px;
   height: 14px;
   cursor: pointer;
+  cursor: -webkit-grab;
+  cursor: grab;
   border-radius: 50%;
   border: solid 2px #96dbfa;
   background-color: #fff;
+  -ms-touch-action: pan-x;
+      touch-action: pan-x;
 }
 .rc-slider-handle:hover {
   border-color: #57c5f7;
 }
-.rc-slider-handle-active:active {
+.rc-slider-handle:active {
   border-color: #57c5f7;
   box-shadow: 0 0 5px #57c5f7;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+.rc-slider-handle:focus {
+  border-color: #57c5f7;
+  box-shadow: 0 0 0 5px #96dbfa;
+  outline: none;
 }
 .rc-slider-mark {
   position: absolute;
@@ -78,12 +92,6 @@
   border-radius: 50%;
   vertical-align: middle;
 }
-.rc-slider-dot:first-child {
-  margin-left: -4px;
-}
-.rc-slider-dot:last-child {
-  margin-left: -4px;
-}
 .rc-slider-dot-active {
   border-color: #96dbfa;
 }
@@ -96,6 +104,7 @@
 .rc-slider-disabled .rc-slider-handle,
 .rc-slider-disabled .rc-slider-dot {
   border-color: #ccc;
+  box-shadow: none;
   background-color: #fff;
   cursor: not-allowed;
 }
@@ -120,6 +129,8 @@
 .rc-slider-vertical .rc-slider-handle {
   margin-left: -5px;
   margin-bottom: -7px;
+  -ms-touch-action: pan-y;
+      touch-action: pan-y;
 }
 .rc-slider-vertical .rc-slider-mark {
   top: 0;