From f9fa522842e92ef5ee749787ed2ab6600ffa54b2 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Tue, 7 Nov 2017 16:28:55 +0000
Subject: [PATCH 01/46] Update danger from 2.0.0 to 2.0.1 in /

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 58cc3573d0a..4f83709a4c1 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "codecov": "^3.0.0",
     "commander": "^2.11.0",
     "cross-env": "^5.1.1",
-    "danger": "^2.0.0",
+    "danger": "^2.0.1",
     "enzyme": "^3.1.1",
     "enzyme-adapter-react-16": "^1.0.4",
     "eslint": "^4.10.0",
diff --git a/yarn.lock b/yarn.lock
index 8d4c9152054..f784fb439ff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3290,9 +3290,9 @@ damerau-levenshtein@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz#03191c432cb6eea168bb77f3a55ffdccb8978514"
 
-danger@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/danger/-/danger-2.0.0.tgz#95a18f03a84f9584a49dc866c69e85b501454596"
+danger@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/danger/-/danger-2.0.1.tgz#d3b303162c1132cb0a5471eb79f041f1941f9de2"
   dependencies:
     babel-polyfill "7.0.0-alpha.19"
     chalk "^2.0.0"
@@ -11880,7 +11880,7 @@ vm-browserify@0.0.4:
   dependencies:
     indexof "0.0.1"
 
-vm2@patriksimek/vm2#custom_files:
+"vm2@github:patriksimek/vm2#custom_files":
   version "3.5.0"
   resolved "https://codeload.github.com/patriksimek/vm2/tar.gz/7e82f90ac705fc44fad044147cb0df09b4c79a57"
 

From 5fd0bca51eafe5d49dc7236eb4be3cbdeccd1fa1 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Tue, 7 Nov 2017 16:32:16 +0000
Subject: [PATCH 02/46] Update prettier from 1.7.4 to 1.8.1 in /

---
 package.json | 2 +-
 yarn.lock    | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 4f83709a4c1..4f94c325ea1 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "lodash": "^4.17.4",
     "nodemon": "^1.12.1",
     "npmlog": "^4.1.2",
-    "prettier": "^1.7.4",
+    "prettier": "^1.8.1",
     "puppeteer": "^0.12.0",
     "raf": "^3.4.0",
     "react": "^16.0.0",
diff --git a/yarn.lock b/yarn.lock
index f784fb439ff..ce6f42cd2d3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8940,10 +8940,14 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
-prettier@^1.7.0, prettier@^1.7.4:
+prettier@^1.7.0:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.7.4.tgz#5e8624ae9363c80f95ec644584ecdf55d74f93fa"
 
+prettier@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.8.1.tgz#91064d778c08c85ac1cbe6b23195c34310d039f9"
+
 pretty-bytes@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"
@@ -11880,7 +11884,7 @@ vm-browserify@0.0.4:
   dependencies:
     indexof "0.0.1"
 
-"vm2@github:patriksimek/vm2#custom_files":
+vm2@patriksimek/vm2#custom_files:
   version "3.5.0"
   resolved "https://codeload.github.com/patriksimek/vm2/tar.gz/7e82f90ac705fc44fad044147cb0df09b4c79a57"
 

From 56b908ca40fe65138915239a844f0be90201d29a Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Tue, 7 Nov 2017 16:34:06 +0000
Subject: [PATCH 03/46] Update react-modal from 3.1.0 to 3.1.2 in lib/ui

---
 lib/ui/package.json | 2 +-
 yarn.lock           | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/ui/package.json b/lib/ui/package.json
index 37a8c805ec5..a014acd5b9f 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -33,7 +33,7 @@
     "react-icons": "^2.2.7",
     "react-inspector": "^2.2.1",
     "react-komposer": "^2.0.0",
-    "react-modal": "^3.1.0",
+    "react-modal": "^3.1.2",
     "react-split-pane": "^0.1.68",
     "react-treebeard": "^2.0.3",
     "redux": "^3.7.2"
diff --git a/yarn.lock b/yarn.lock
index ce6f42cd2d3..22a486442b8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9368,9 +9368,9 @@ react-komposer@^2.0.0:
     react-stubber "^1.0.0"
     shallowequal "^0.2.2"
 
-react-modal@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.1.0.tgz#ce594f88f9ab7338ee265cfec4be3cc5253f5baa"
+react-modal@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.1.2.tgz#6e1fd656315d6fc62a1edda2b5aecc9752ac6bca"
   dependencies:
     exenv "^1.2.0"
     prop-types "^15.5.10"

From 9af3afc42e4f24ed6bd19ce2d5ad11e26ebad2a2 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Wed, 8 Nov 2017 02:56:13 +0300
Subject: [PATCH 04/46] Remove unused prop

---
 lib/ui/src/modules/ui/components/search_box.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/lib/ui/src/modules/ui/components/search_box.js b/lib/ui/src/modules/ui/components/search_box.js
index d56e2a1f371..8ccbce2df89 100644
--- a/lib/ui/src/modules/ui/components/search_box.js
+++ b/lib/ui/src/modules/ui/components/search_box.js
@@ -109,8 +109,6 @@ export default class SearchBox extends React.Component {
         style={modalStyle}
         contentLabel="Search"
         shouldReturnFocusAfterClose={false}
-        // see https://github.com/reactjs/react-modal/pull/540/files#r148984350
-        shouldFocusAfterRender={false}
       >
         <FuzzySearch
           list={formatStories(this.props.stories)}

From 1920ed1a0421636f9d19bb5bbde710c4cc3ea5d9 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Wed, 8 Nov 2017 03:23:25 +0300
Subject: [PATCH 05/46] Use replaceState instead of pushState when the story
 stays the same

---
 .../src/modules/ui/configs/handle_routing.js  | 20 ++++++++++++++++---
 .../modules/ui/configs/handle_routing.test.js | 14 ++++++-------
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/lib/ui/src/modules/ui/configs/handle_routing.js b/lib/ui/src/modules/ui/configs/handle_routing.js
index 1ca89a8a021..7f72c7c086d 100755
--- a/lib/ui/src/modules/ui/configs/handle_routing.js
+++ b/lib/ui/src/modules/ui/configs/handle_routing.js
@@ -40,7 +40,7 @@ export function getUrlState(data) {
   };
 }
 
-export function changeUrl(clientStore) {
+export function changeUrl(clientStore, usePush) {
   // Do not change the URL if we are inside a popState event.
   if (config.insidePopState) return;
 
@@ -48,7 +48,7 @@ export function changeUrl(clientStore) {
   if (!data.selectedKind) return;
 
   const state = getUrlState(data);
-  window.history.pushState(state, '', state.url);
+  window.history[usePush ? 'pushState' : 'replaceState'](state, '', state.url);
 }
 
 export function updateStore(queryParams, actions) {
@@ -92,8 +92,22 @@ export default function({ clientStore }, actions) {
   // handle initial URL
   handleInitialUrl(actions, window.location);
 
+  const data = clientStore.getAll();
+  let prevKind = data.selectedKind;
+  let prevStory = data.selectedStory;
+
   // subscribe to clientStore and change the URL
-  clientStore.subscribe(() => changeUrl(clientStore));
+  clientStore.subscribe(() => {
+    const { selectedKind, selectedStory } = clientStore.getAll();
+    // use pushState only when a new story is selected
+    const usePush =
+      prevKind != null &&
+      prevStory != null &&
+      (selectedKind !== prevKind || selectedStory !== prevStory);
+    changeUrl(clientStore, usePush);
+    prevKind = selectedKind;
+    prevStory = selectedStory;
+  });
   changeUrl(clientStore);
 
   // handle back button
diff --git a/lib/ui/src/modules/ui/configs/handle_routing.test.js b/lib/ui/src/modules/ui/configs/handle_routing.test.js
index aea5bbdd270..82a734a8634 100755
--- a/lib/ui/src/modules/ui/configs/handle_routing.test.js
+++ b/lib/ui/src/modules/ui/configs/handle_routing.test.js
@@ -10,7 +10,7 @@ describe('manager.ui.config.handle_routing', () => {
       config.insidePopState = false;
     });
 
-    test('should put the correct URL and state to pushState', done => {
+    test('should put the correct URL and state to replaceState', done => {
       const state = {
         selectedKind: 'kk',
         selectedStory: 'ss',
@@ -31,7 +31,7 @@ describe('manager.ui.config.handle_routing', () => {
       const url =
         '?customText=test&selectedKind=kk&selectedStory=ss&full=0&down=1&left=1&panelRight=1&downPanel=pp';
 
-      const pushState = {
+      const replaceState = {
         url,
         selectedKind: 'kk',
         selectedStory: 'ss',
@@ -42,16 +42,16 @@ describe('manager.ui.config.handle_routing', () => {
         downPanel: 'pp',
         customText: 'test',
       };
-      const originalPushState = window.history.pushState;
-      window.history.pushState = (s, t, u) => {
-        expect(s).toEqual(pushState);
-        expect(u).toBe(pushState.url);
+      const originalReplaceState = window.history.replaceState;
+      window.history.replaceState = (s, t, u) => {
+        expect(s).toEqual(replaceState);
+        expect(u).toBe(replaceState.url);
         done();
       };
 
       changeUrl(clientStore);
 
-      window.history.pushState = originalPushState;
+      window.history.replaceState = originalReplaceState;
     });
   });
 

From eb0415dee8d0ed26766acc596ee1ef8b6ad68061 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:36:41 +0000
Subject: [PATCH 06/46] Update jest-image-snapshot from 2.1.0 to 2.2.0 in /

---
 package.json | 2 +-
 yarn.lock    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 4f94c325ea1..bbf77398b16 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "jest": "^21.2.0",
     "jest-cli": "^21.2.1",
     "jest-enzyme": "^4.0.1",
-    "jest-image-snapshot": "^2.1.0",
+    "jest-image-snapshot": "^2.2.0",
     "lerna": "^2.5.1",
     "lint-staged": "^4.3.0",
     "lodash": "^4.17.4",
diff --git a/yarn.lock b/yarn.lock
index 22a486442b8..8fc61760238 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6418,9 +6418,9 @@ jest-haste-map@^21, jest-haste-map@^21.2.0:
     sane "^2.0.0"
     worker-farm "^1.3.1"
 
-jest-image-snapshot@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-2.1.0.tgz#a8863f38de868e0175335dd9a1b170650e0bcdc9"
+jest-image-snapshot@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-2.2.0.tgz#48b9aa6d9545e55b1eae4086454694ce80f8f434"
   dependencies:
     chalk "^1.1.3"
     lodash "^4.17.4"

From f64ea20161936e68a6cde5e54c98d22cd4fdf7aa Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:38:18 +0000
Subject: [PATCH 07/46] Update @types/node from 8.0.49 to 8.0.50 in
 addons/knobs

---
 addons/knobs/package.json | 2 +-
 yarn.lock                 | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index d0e22f5e931..312d2c7d5ac 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -28,7 +28,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/node": "^8.0.49",
+    "@types/node": "^8.0.50",
     "@types/react": "^16.0.20",
     "raw-loader": "^0.5.1",
     "react": "^16.0.0",
diff --git a/yarn.lock b/yarn.lock
index 8fc61760238..ed7b6d02507 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -101,9 +101,9 @@
   version "6.0.88"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.88.tgz#f618f11a944f6a18d92b5c472028728a3e3d4b66"
 
-"@types/node@^8.0.49":
-  version "8.0.49"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.49.tgz#417f86ab4829c629fe561779ee48751e0fe2a11b"
+"@types/node@^8.0.50":
+  version "8.0.50"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.50.tgz#dc545448e128c88c4eec7cd64025fcc3b7604541"
 
 "@types/react@^16.0.18":
   version "16.0.19"

From 1cd5c323591e6348d86a3e0fa3b525b822c71204 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:39:42 +0000
Subject: [PATCH 08/46] Update @types/react from 16.0.20 to 16.0.21 in
 addons/knobs

---
 addons/knobs/package.json | 2 +-
 yarn.lock                 | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 312d2c7d5ac..6fa52287e87 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@types/node": "^8.0.50",
-    "@types/react": "^16.0.20",
+    "@types/react": "^16.0.21",
     "raw-loader": "^0.5.1",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
diff --git a/yarn.lock b/yarn.lock
index ed7b6d02507..f1923381eb2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -113,6 +113,10 @@
   version "16.0.20"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.20.tgz#dc16feb9c0bdf50e439482c6fd3c43d5a1d9f3b1"
 
+"@types/react@^16.0.21":
+  version "16.0.21"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.21.tgz#1f4313594f784a477521a0795c46e7b832051ef3"
+
 JSONStream@^1.0.4:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.1.tgz#707f761e01dae9e16f1bcf93703b78c70966579a"

From 74e3cfc16882147c9bfaff1a1f9c19f1c463c841 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:42:14 +0000
Subject: [PATCH 09/46] Update react-native from 0.50.1 to 0.50.2 in
 app/react-native

---
 app/react-native/package.json | 2 +-
 yarn.lock                     | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/react-native/package.json b/app/react-native/package.json
index 9520bbcaf0b..3916c7d79a4 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -73,7 +73,7 @@
     "babel-cli": "^6.26.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "react-native": "^0.50.1"
+    "react-native": "^0.50.2"
   },
   "peerDependencies": {
     "react": "*",
diff --git a/yarn.lock b/yarn.lock
index f1923381eb2..810dcbb9b21 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9385,9 +9385,9 @@ react-native-compat@^1.0.0:
   dependencies:
     prop-types "^15.5.10"
 
-react-native@^0.50.1:
-  version "0.50.1"
-  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.50.1.tgz#3d8bb7c96dd3151788e795a22155d305f15abfd1"
+react-native@^0.50.2:
+  version "0.50.2"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.50.2.tgz#cad6152c716a4fda950f226c71affc2d494fa730"
   dependencies:
     absolute-path "^0.0.0"
     art "^0.10.0"

From 095fbb92bcc017c6f8117a022fd398701a628dbc Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:43:36 +0000
Subject: [PATCH 10/46] Update vue-hot-reload-api from 2.2.0 to 2.2.3 in
 app/vue

---
 app/vue/package.json | 2 +-
 yarn.lock            | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/vue/package.json b/app/vue/package.json
index b91af7afb28..33641c2e2c6 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -69,7 +69,7 @@
     "url-loader": "^0.6.2",
     "util-deprecate": "^1.0.2",
     "uuid": "^3.1.0",
-    "vue-hot-reload-api": "^2.1.1",
+    "vue-hot-reload-api": "^2.2.3",
     "vue-style-loader": "^3.0.1",
     "webpack": "^3.6.0",
     "webpack-dev-middleware": "^1.12.0",
diff --git a/yarn.lock b/yarn.lock
index 810dcbb9b21..d17b26b1bc6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11896,10 +11896,14 @@ voca@^1.2.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/voca/-/voca-1.3.0.tgz#02751ac839bf0c92e2cfe88e49c393c94dd50ac3"
 
-vue-hot-reload-api@^2.1.1, vue-hot-reload-api@^2.2.0:
+vue-hot-reload-api@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.2.0.tgz#9a21b35ced3634434a43ee80efb7350ea8fb206d"
 
+vue-hot-reload-api@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.2.3.tgz#43c8e5506d65a271d2571936d77253019fd3eb17"
+
 vue-loader@^13.4.0:
   version "13.4.0"
   resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.4.0.tgz#44aa7eef4fb1be89fbc37193ad33b8253417c4b9"

From 897d05b2abaec1bc76f78c220ff2989a39895b33 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:45:03 +0000
Subject: [PATCH 11/46] Update vue-loader from 13.4.0 to 13.5.0 in app/vue

---
 app/vue/package.json |  2 +-
 yarn.lock            | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/vue/package.json b/app/vue/package.json
index 33641c2e2c6..7da4d3b2a83 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -79,7 +79,7 @@
     "babel-cli": "^6.26.0",
     "nodemon": "^1.12.1",
     "vue": "^2.5.3",
-    "vue-loader": "^13.4.0",
+    "vue-loader": "^13.5.0",
     "vue-template-compiler": "^2.5.3"
   },
   "peerDependencies": {
diff --git a/yarn.lock b/yarn.lock
index d17b26b1bc6..5150a98ca72 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11922,6 +11922,24 @@ vue-loader@^13.4.0:
     vue-style-loader "^3.0.0"
     vue-template-es2015-compiler "^1.6.0"
 
+vue-loader@^13.5.0:
+  version "13.5.0"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.5.0.tgz#52f7b3790a267eff80012b77ea187a54586dd5d4"
+  dependencies:
+    consolidate "^0.14.0"
+    hash-sum "^1.0.2"
+    loader-utils "^1.1.0"
+    lru-cache "^4.1.1"
+    postcss "^6.0.8"
+    postcss-load-config "^1.1.0"
+    postcss-selector-parser "^2.0.0"
+    prettier "^1.7.0"
+    resolve "^1.4.0"
+    source-map "^0.6.1"
+    vue-hot-reload-api "^2.2.0"
+    vue-style-loader "^3.0.0"
+    vue-template-es2015-compiler "^1.6.0"
+
 vue-style-loader@^3.0.0, vue-style-loader@^3.0.1:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-3.0.3.tgz#623658f81506aef9d121cdc113a4f5c9cac32df7"

From c2717f9417f8261d53a8eca34e5a203a2e528b0c Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:46:25 +0000
Subject: [PATCH 12/46] Update vue-hot-reload-api from 2.2.0 to 2.2.3 in
 examples/vue-kitchen-sink

---
 examples/vue-kitchen-sink/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 6909799bd01..08549238643 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -17,7 +17,7 @@
     "cross-env": "^5.1.1",
     "css-loader": "^0.28.7",
     "file-loader": "^1.1.5",
-    "vue-hot-reload-api": "^2.2.0",
+    "vue-hot-reload-api": "^2.2.3",
     "vue-loader": "^13.4.0",
     "vue-style-loader": "^3.0.1",
     "vue-template-compiler": "^2.5.3",

From 5ee8b57eba30a576fb421025d507bc454a0ad0f8 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 10:47:43 +0000
Subject: [PATCH 13/46] Update vue-loader from 13.4.0 to 13.5.0 in
 examples/vue-kitchen-sink

---
 examples/vue-kitchen-sink/package.json |  2 +-
 yarn.lock                              | 18 ------------------
 2 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 08549238643..59636a9e69a 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -18,7 +18,7 @@
     "css-loader": "^0.28.7",
     "file-loader": "^1.1.5",
     "vue-hot-reload-api": "^2.2.3",
-    "vue-loader": "^13.4.0",
+    "vue-loader": "^13.5.0",
     "vue-style-loader": "^3.0.1",
     "vue-template-compiler": "^2.5.3",
     "webpack": "^3.6.0",
diff --git a/yarn.lock b/yarn.lock
index 5150a98ca72..8a976bb70e2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11904,24 +11904,6 @@ vue-hot-reload-api@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.2.3.tgz#43c8e5506d65a271d2571936d77253019fd3eb17"
 
-vue-loader@^13.4.0:
-  version "13.4.0"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.4.0.tgz#44aa7eef4fb1be89fbc37193ad33b8253417c4b9"
-  dependencies:
-    consolidate "^0.14.0"
-    hash-sum "^1.0.2"
-    loader-utils "^1.1.0"
-    lru-cache "^4.1.1"
-    postcss "^6.0.8"
-    postcss-load-config "^1.1.0"
-    postcss-selector-parser "^2.0.0"
-    prettier "^1.7.0"
-    resolve "^1.4.0"
-    source-map "^0.6.1"
-    vue-hot-reload-api "^2.2.0"
-    vue-style-loader "^3.0.0"
-    vue-template-es2015-compiler "^1.6.0"
-
 vue-loader@^13.5.0:
   version "13.5.0"
   resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.5.0.tgz#52f7b3790a267eff80012b77ea187a54586dd5d4"

From da319570bfbf3f16ab523eca2bb18a0b6fd07348 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 16:26:55 +0000
Subject: [PATCH 14/46] Update react-textarea-autosize from 5.1.0 to 5.2.0 in
 addons/events

---
 addons/events/package.json | 2 +-
 yarn.lock                  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/addons/events/package.json b/addons/events/package.json
index f5e3b774ef2..8ed3276a0f8 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "format-json": "^1.0.3",
     "prop-types": "^15.6.0",
-    "react-textarea-autosize": "^5.1.0",
+    "react-textarea-autosize": "^5.2.0",
     "uuid": "^3.1.0"
   },
   "devDependencies": {
diff --git a/yarn.lock b/yarn.lock
index 8a976bb70e2..7f8e62a5dd5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9545,6 +9545,12 @@ react-textarea-autosize@^5.1.0:
   dependencies:
     prop-types "^15.5.10"
 
+react-textarea-autosize@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-5.2.0.tgz#a5dba76149b658c2c5dcd3a25e5a0a96b9fe668e"
+  dependencies:
+    prop-types "^15.6.0"
+
 react-timer-mixin@^0.13.2:
   version "0.13.3"
   resolved "https://registry.yarnpkg.com/react-timer-mixin/-/react-timer-mixin-0.13.3.tgz#0da8b9f807ec07dc3e854d082c737c65605b3d22"

From 696bdb905dd2541cf10a79c0afdfce8d80012a14 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 16:29:01 +0000
Subject: [PATCH 15/46] Update react-textarea-autosize from 5.1.0 to 5.2.0 in
 addons/knobs

---
 addons/knobs/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 6fa52287e87..ce0166ef1ae 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -24,7 +24,7 @@
     "prop-types": "^15.6.0",
     "react-color": "^2.11.4",
     "react-datetime": "^2.10.3",
-    "react-textarea-autosize": "^5.1.0",
+    "react-textarea-autosize": "^5.2.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {

From 97f3119de237f1e807e888bb0dc01975b14a71ef Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 16:32:20 +0000
Subject: [PATCH 16/46] Update react-native from 0.50.2 to 0.50.3 in
 app/react-native

---
 app/react-native/package.json |  2 +-
 yarn.lock                     | 31 ++++++++++++++++---------------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/app/react-native/package.json b/app/react-native/package.json
index 3916c7d79a4..50c9b7a6ac4 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -73,7 +73,7 @@
     "babel-cli": "^6.26.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "react-native": "^0.50.2"
+    "react-native": "^0.50.3"
   },
   "peerDependencies": {
     "react": "*",
diff --git a/yarn.lock b/yarn.lock
index 7f8e62a5dd5..23d5c6c6b9b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7607,9 +7607,9 @@ methods@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
 
-metro-bundler@^0.20.0:
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/metro-bundler/-/metro-bundler-0.20.0.tgz#a2faef20ba7f566484a6c5bd585f590f8640c183"
+metro-bundler@^0.20.1:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/metro-bundler/-/metro-bundler-0.20.2.tgz#6c4dc9ea24314d876c466103eff5d78d15646bb5"
   dependencies:
     absolute-path "^0.0.0"
     async "^2.4.0"
@@ -7643,7 +7643,8 @@ metro-bundler@^0.20.0:
     source-map "^0.5.6"
     temp "0.8.3"
     throat "^4.1.0"
-    uglify-es "^3.1.0"
+    uglify-es "^3.1.8"
+    wordwrap "^1.0.0"
     write-file-atomic "^1.2.0"
     xpipe "^1.0.5"
 
@@ -9385,9 +9386,9 @@ react-native-compat@^1.0.0:
   dependencies:
     prop-types "^15.5.10"
 
-react-native@^0.50.2:
-  version "0.50.2"
-  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.50.2.tgz#cad6152c716a4fda950f226c71affc2d494fa730"
+react-native@^0.50.3:
+  version "0.50.3"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.50.3.tgz#91282bd5356cc7d794969cdc443cc764389b9af4"
   dependencies:
     absolute-path "^0.0.0"
     art "^0.10.0"
@@ -9415,7 +9416,7 @@ react-native@^0.50.2:
     graceful-fs "^4.1.3"
     inquirer "^3.0.6"
     lodash "^4.16.6"
-    metro-bundler "^0.20.0"
+    metro-bundler "^0.20.1"
     mime "^1.3.4"
     minimist "^1.2.0"
     mkdirp "^0.5.1"
@@ -11468,9 +11469,9 @@ ua-parser-js@^0.7.9:
   version "0.7.14"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.14.tgz#110d53fa4c3f326c121292bbeac904d2e03387ca"
 
-uglify-es@^3.1.0:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.1.6.tgz#b0f818c055a7e9538abc2286e70c743f2938311f"
+uglify-es@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.1.8.tgz#2f21a56871d6354dcc21469cc034c3967f14c5b1"
   dependencies:
     commander "~2.11.0"
     source-map "~0.6.1"
@@ -12208,14 +12209,14 @@ wordwrap@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
 
+wordwrap@^1.0.0, wordwrap@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+
 wordwrap@~0.0.2:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
 
-wordwrap@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-
 worker-farm@^1.3.1:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.5.0.tgz#adfdf0cd40581465ed0a1f648f9735722afd5c8d"

From faa40831eb975ee8539c77bed1a9ae3b94892c1e Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Wed, 8 Nov 2017 16:34:40 +0000
Subject: [PATCH 17/46] Update react-textarea-autosize from 5.1.0 to 5.2.0 in
 addons/comments

---
 addons/comments/package.json | 2 +-
 yarn.lock                    | 6 ------
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/addons/comments/package.json b/addons/comments/package.json
index 534fc265e85..b82c81d47f0 100644
--- a/addons/comments/package.json
+++ b/addons/comments/package.json
@@ -33,7 +33,7 @@
     "moment": "^2.19.0",
     "prop-types": "^15.6.0",
     "react-render-html": "^0.5.2",
-    "react-textarea-autosize": "^5.1.0"
+    "react-textarea-autosize": "^5.2.0"
   },
   "devDependencies": {
     "@kadira/storybook-database-cloud": "*",
diff --git a/yarn.lock b/yarn.lock
index 23d5c6c6b9b..33d8a40ee83 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9540,12 +9540,6 @@ react-test-renderer@^16.0.0, react-test-renderer@^16.0.0-0:
     fbjs "^0.8.16"
     object-assign "^4.1.1"
 
-react-textarea-autosize@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-5.1.0.tgz#ffbf8164fce217c79443c1c17dedf730592df224"
-  dependencies:
-    prop-types "^15.5.10"
-
 react-textarea-autosize@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-5.2.0.tgz#a5dba76149b658c2c5dcd3a25e5a0a96b9fe668e"

From 67a5fd584125dc6c23bb3e6069e8667b1dd0a38c Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Thu, 9 Nov 2017 02:22:26 +0300
Subject: [PATCH 18/46] Addon-info: allow duplicate displayNames

---
 addons/info/src/components/Story.js           |  13 +-
 .../src/__snapshots__/storyshots.test.js.snap | 341 ++++++++++++++++++
 .../src/stories/issues.stories.js             |  19 +
 3 files changed, 367 insertions(+), 6 deletions(-)
 create mode 100644 examples/cra-kitchen-sink/src/stories/issues.stories.js

diff --git a/addons/info/src/components/Story.js b/addons/info/src/components/Story.js
index b0a2863075b..a02ce066f58 100644
--- a/addons/info/src/components/Story.js
+++ b/addons/info/src/components/Story.js
@@ -14,6 +14,8 @@ import { Pre } from './markdown';
 global.STORYBOOK_REACT_CLASSES = global.STORYBOOK_REACT_CLASSES || [];
 const { STORYBOOK_REACT_CLASSES } = global;
 
+const getName = type => type.displayName || type.name;
+
 const stylesheet = {
   link: {
     base: {
@@ -324,14 +326,13 @@ export default class Story extends React.Component {
     extract(this.props.children);
 
     const array = Array.from(types.keys());
-    array.sort((a, b) => (a.displayName || a.name) > (b.displayName || b.name));
+    array.sort((a, b) => getName(a) > getName(b));
 
     const { maxPropObjectKeys, maxPropArrayLength, maxPropStringLength } = this.props;
-    const propTables = array.map(type => (
-      <div key={type.displayName || type.name}>
-        <h2 style={this.state.stylesheet.propTableHead}>
-          "{type.displayName || type.name}" Component
-        </h2>
+    const propTables = array.map((type, i) => (
+      // eslint-disable-next-line react/no-array-index-key
+      <div key={`${getName(type)}_${i}`}>
+        <h2 style={this.state.stylesheet.propTableHead}>"{getName(type)}" Component</h2>
         <PropTable
           type={type}
           maxPropObjectKeys={maxPropObjectKeys}
diff --git a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
index e785567131a..1134d6b9824 100644
--- a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
+++ b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
@@ -6060,6 +6060,347 @@ exports[`Storyshots Button with text 1`] = `
 </button>
 `;
 
+exports[`Storyshots GitHub issues #1814 1`] = `
+<div>
+  <div
+    style={
+      Object {
+        "position": "relative",
+        "zIndex": 0,
+      }
+    }
+  >
+    <div>
+      <input
+        type="text"
+      />
+      <textarea />
+    </div>
+  </div>
+  <a
+    onClick={[Function]}
+    role="button"
+    style={
+      Object {
+        "background": "#28c",
+        "borderRadius": "0 0 0 5px",
+        "color": "#fff",
+        "cursor": "pointer",
+        "display": "block",
+        "fontFamily": "sans-serif",
+        "fontSize": "12px",
+        "padding": "5px 15px",
+        "position": "fixed",
+        "right": 0,
+        "textDecoration": "none",
+        "top": 0,
+      }
+    }
+    tabIndex="0"
+  >
+    Show Info
+  </a>
+  <div
+    style={
+      Object {
+        "background": "white",
+        "bottom": 0,
+        "display": "none",
+        "left": 0,
+        "overflow": "auto",
+        "padding": "0 40px",
+        "position": "fixed",
+        "right": 0,
+        "top": 0,
+        "zIndex": 99999,
+      }
+    }
+  >
+    <a
+      onClick={[Function]}
+      role="button"
+      style={
+        Object {
+          "background": "#28c",
+          "borderRadius": "0 0 0 5px",
+          "color": "#fff",
+          "cursor": "pointer",
+          "display": "block",
+          "fontFamily": "sans-serif",
+          "fontSize": "12px",
+          "padding": "5px 15px",
+          "position": "fixed",
+          "right": 0,
+          "textDecoration": "none",
+          "top": 0,
+        }
+      }
+      tabIndex="0"
+    >
+      ×
+    </a>
+    <div
+      style={undefined}
+    >
+      <div
+        style={
+          Object {
+            "WebkitFontSmoothing": "antialiased",
+            "backgroundColor": "#fff",
+            "border": "1px solid #eee",
+            "borderRadius": "2px",
+            "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+            "color": "#444",
+            "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+            "fontSize": "15px",
+            "fontWeight": 300,
+            "lineHeight": 1.45,
+            "marginTop": "50px",
+            "padding": "20px 40px 40px",
+          }
+        }
+      >
+        <div
+          style={
+            Object {
+              "borderBottom": "1px solid #eee",
+              "marginBottom": 10,
+              "paddingTop": 10,
+            }
+          }
+        >
+          <h1
+            style={
+              Object {
+                "fontSize": "35px",
+                "margin": 0,
+                "padding": 0,
+              }
+            }
+          >
+            GitHub issues
+          </h1>
+          <h2
+            style={
+              Object {
+                "fontSize": "22px",
+                "fontWeight": 400,
+                "margin": "0 0 10px 0",
+                "padding": 0,
+              }
+            }
+          >
+            #1814
+          </h2>
+        </div>
+        <div
+          style={
+            Object {
+              "marginBottom": 0,
+            }
+          }
+        >
+          <p
+            style={
+              Object {
+                "WebkitFontSmoothing": "antialiased",
+                "color": "#444",
+                "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                "fontSize": "15px",
+              }
+            }
+          >
+            HOC
+          </p>
+        </div>
+        <div>
+          <h1
+            style={
+              Object {
+                "borderBottom": "1px solid #EEE",
+                "fontSize": "25px",
+                "margin": "20px 0 0 0",
+                "padding": "0 0 5px 0",
+              }
+            }
+          >
+            Story Source
+          </h1>
+          <pre
+            style={
+              Object {
+                "backgroundColor": "#fafafa",
+                "fontFamily": "Menlo, Monaco, \\"Courier New\\", monospace",
+                "fontSize": ".88em",
+                "lineHeight": 1.5,
+                "overflowX": "scroll",
+                "padding": ".5rem",
+              }
+            }
+          >
+            <div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 18,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;
+                  div
+                </span>
+                <span />
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+              </div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 33,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;
+                  Unknown
+                </span>
+                <span />
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  /&gt;
+                </span>
+              </div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 33,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;
+                  Unknown
+                </span>
+                <span />
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  /&gt;
+                </span>
+              </div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 18,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;/
+                  div
+                  &gt;
+                </span>
+              </div>
+            </div>
+          </pre>
+        </div>
+        <div>
+          <h1
+            style={
+              Object {
+                "borderBottom": "1px solid #EEE",
+                "fontSize": "25px",
+                "margin": "20px 0 0 0",
+                "padding": "0 0 5px 0",
+              }
+            }
+          >
+            Prop Types
+          </h1>
+          <div>
+            <h2
+              style={
+                Object {
+                  "margin": "20px 0 0 0",
+                }
+              }
+            >
+              "
+              
+              " Component
+            </h2>
+            <small>
+              No propTypes defined!
+            </small>
+          </div>
+          <div>
+            <h2
+              style={
+                Object {
+                  "margin": "20px 0 0 0",
+                }
+              }
+            >
+              "
+              
+              " Component
+            </h2>
+            <small>
+              No propTypes defined!
+            </small>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Navigation Menu link 1`] = `
 <div
   className="css-t9df35"
diff --git a/examples/cra-kitchen-sink/src/stories/issues.stories.js b/examples/cra-kitchen-sink/src/stories/issues.stories.js
new file mode 100644
index 00000000000..b50b1d8a3b9
--- /dev/null
+++ b/examples/cra-kitchen-sink/src/stories/issues.stories.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { withInfo } from '@storybook/addon-info';
+
+const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
+
+const Input = hoc(() => <input type="text" />);
+
+const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
+
+storiesOf('GitHub issues', module).add(
+  '#1814',
+  withInfo('HOC')(() => (
+    <div>
+      <Input />
+      <TextArea />
+    </div>
+  ))
+);

From f48fbd323157fadaf5b23912716a44460e5fb3e9 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Thu, 9 Nov 2017 02:35:38 +0300
Subject: [PATCH 19/46] Run prettier

---
 app/react-native/src/bin/storybook-start.js            | 4 +++-
 app/react-native/src/manager/components/PreviewHelp.js | 4 +---
 app/react/src/client/preview/render.js                 | 4 +++-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/react-native/src/bin/storybook-start.js b/app/react-native/src/bin/storybook-start.js
index 42d2fe74e7a..296e4863e76 100644
--- a/app/react-native/src/bin/storybook-start.js
+++ b/app/react-native/src/bin/storybook-start.js
@@ -78,7 +78,9 @@ if (!program.skipPackager) {
   let cliCommand = 'node node_modules/react-native/local-cli/cli.js start';
   if (program.haul) {
     const platform = program.platform || 'all';
-    cliCommand = `node node_modules/.bin/haul start --config ${program.haul} --platform ${platform}`;
+    cliCommand = `node node_modules/.bin/haul start --config ${program.haul} --platform ${
+      platform
+    }`;
   }
   // RN packager
   shelljs.exec(
diff --git a/app/react-native/src/manager/components/PreviewHelp.js b/app/react-native/src/manager/components/PreviewHelp.js
index 1fab67ae629..7e0112125a1 100644
--- a/app/react-native/src/manager/components/PreviewHelp.js
+++ b/app/react-native/src/manager/components/PreviewHelp.js
@@ -30,9 +30,7 @@ const PreviewHelp = () => (
     <h1>Welcome to storybook</h1>
     <p>This is a UI component dev environment for your app.</p>
     <p>
-      We've added some basic stories inside the {
-        <span style={styles.code}>storybook/stories</span>
-      }{' '}
+      We've added some basic stories inside the {<span style={styles.code}>storybook/stories</span>}{' '}
       directory. A story is a single state of one or more UI components. You can have as many
       stories as you want. Basically a story is like a visual test case.
     </p>
diff --git a/app/react/src/client/preview/render.js b/app/react/src/client/preview/render.js
index 0e3754d1942..4795dffc5ed 100644
--- a/app/react/src/client/preview/render.js
+++ b/app/react/src/client/preview/render.js
@@ -86,7 +86,9 @@ export function renderMain(data, storyStore) {
 
   if (!isReactRenderable(element)) {
     const error = {
-      title: `Expecting a valid React element from the story: "${selectedStory}" of "${selectedKind}".`,
+      title: `Expecting a valid React element from the story: "${selectedStory}" of "${
+        selectedKind
+      }".`,
       description: stripIndents`
          Seems like you are not returning a correct React element from the story.
          Could you double check that?

From 81ab36b5f570f8a6065ff34b6696c68a08b4a351 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Thu, 9 Nov 2017 03:10:45 +0300
Subject: [PATCH 20/46] Fix accessibility warnings

---
 .../manager/components/CommentItem/index.js    |  4 ++--
 .../manager/components/CommentItem/style.js    |  3 +++
 addons/info/src/components/Story.js            | 18 +++++++++---------
 addons/knobs/src/components/types/Color.js     |  5 +++--
 .../modules/ui/components/down_panel/index.js  |  6 +++---
 .../modules/ui/components/down_panel/style.js  |  3 ++-
 6 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/addons/comments/src/manager/components/CommentItem/index.js b/addons/comments/src/manager/components/CommentItem/index.js
index 6d762f46c23..8396c8960ca 100644
--- a/addons/comments/src/manager/components/CommentItem/index.js
+++ b/addons/comments/src/manager/components/CommentItem/index.js
@@ -35,9 +35,9 @@ export default class CommentItem extends Component {
 
   renderDelete() {
     return (
-      <a style={style.commentDelete} onClick={this.deleteComment} role="button" tabIndex="0">
+      <button type="button" style={style.commentDelete} onClick={this.deleteComment}>
         delete
-      </a>
+      </button>
     );
   }
 
diff --git a/addons/comments/src/manager/components/CommentItem/style.js b/addons/comments/src/manager/components/CommentItem/style.js
index b27c4942e3a..cb08e197e25 100644
--- a/addons/comments/src/manager/components/CommentItem/style.js
+++ b/addons/comments/src/manager/components/CommentItem/style.js
@@ -54,5 +54,8 @@ export default {
     right: 0,
     fontSize: 11,
     color: 'rgb(200, 200, 200)',
+    border: 'none',
+    background: 'transparent',
+    padding: 0,
   },
 };
diff --git a/addons/info/src/components/Story.js b/addons/info/src/components/Story.js
index b0a2863075b..ed2d789dc2b 100644
--- a/addons/info/src/components/Story.js
+++ b/addons/info/src/components/Story.js
@@ -15,13 +15,13 @@ global.STORYBOOK_REACT_CLASSES = global.STORYBOOK_REACT_CLASSES || [];
 const { STORYBOOK_REACT_CLASSES } = global;
 
 const stylesheet = {
-  link: {
+  button: {
     base: {
       fontFamily: 'sans-serif',
       fontSize: '12px',
       display: 'block',
       position: 'fixed',
-      textDecoration: 'none',
+      border: 'none',
       background: '#28c',
       color: '#fff',
       padding: '5px 15px',
@@ -149,9 +149,9 @@ export default class Story extends React.Component {
   }
 
   _renderOverlay() {
-    const linkStyle = {
-      ...stylesheet.link.base,
-      ...stylesheet.link.topRight,
+    const buttonStyle = {
+      ...stylesheet.button.base,
+      ...stylesheet.button.topRight,
     };
 
     const infoStyle = Object.assign({}, stylesheet.info);
@@ -172,13 +172,13 @@ export default class Story extends React.Component {
     return (
       <div>
         <div style={this.state.stylesheet.children}>{this.props.children}</div>
-        <a style={linkStyle} onClick={openOverlay} role="button" tabIndex="0">
+        <button type="button" style={buttonStyle} onClick={openOverlay}>
           Show Info
-        </a>
+        </button>
         <div style={infoStyle}>
-          <a style={linkStyle} onClick={closeOverlay} role="button" tabIndex="0">
+          <button type="button" style={buttonStyle} onClick={closeOverlay}>
             ×
-          </a>
+          </button>
           <div style={this.state.stylesheet.infoPage}>
             <div style={this.state.stylesheet.infoBody}>
               {this._getInfoHeader()}
diff --git a/addons/knobs/src/components/types/Color.js b/addons/knobs/src/components/types/Color.js
index 81e2bd79ad0..7462fc5ec0f 100644
--- a/addons/knobs/src/components/types/Color.js
+++ b/addons/knobs/src/components/types/Color.js
@@ -13,6 +13,7 @@ const styles = {
     display: 'inline-block',
     cursor: 'pointer',
     width: '100%',
+    padding: 0,
   },
   popover: {
     position: 'absolute',
@@ -71,9 +72,9 @@ class ColorType extends React.Component {
     };
     return (
       <div id={knob.name}>
-        <div style={styles.swatch} onClick={this.handleClick} role="button" tabIndex="0">
+        <button type="button" style={styles.swatch} onClick={this.handleClick}>
           <div style={colorStyle} />
-        </div>
+        </button>
         {conditionalRender(
           displayColorPicker,
           () => (
diff --git a/lib/ui/src/modules/ui/components/down_panel/index.js b/lib/ui/src/modules/ui/components/down_panel/index.js
index 2727d5a54bd..32d1177926f 100644
--- a/lib/ui/src/modules/ui/components/down_panel/index.js
+++ b/lib/ui/src/modules/ui/components/down_panel/index.js
@@ -9,7 +9,7 @@ class DownPanel extends Component {
       tabStyle = Object.assign({}, style.tablink, style.activetab);
     }
 
-    const onClick = () => e => {
+    const onClick = e => {
       e.preventDefault();
       this.props.onPanelSelect(name);
     };
@@ -20,9 +20,9 @@ class DownPanel extends Component {
     }
 
     return (
-      <a key={name} style={tabStyle} onClick={onClick()} role="tab" tabIndex="0">
+      <button type="button" key={name} style={tabStyle} onClick={onClick} role="tab">
         {title}
-      </a>
+      </button>
     );
   }
 
diff --git a/lib/ui/src/modules/ui/components/down_panel/style.js b/lib/ui/src/modules/ui/components/down_panel/style.js
index d68c93a5ea2..ae63a2fc696 100644
--- a/lib/ui/src/modules/ui/components/down_panel/style.js
+++ b/lib/ui/src/modules/ui/components/down_panel/style.js
@@ -43,13 +43,14 @@ export default {
     fontSize: 11,
     letterSpacing: '1px',
     padding: '10px 15px',
-    textDecoration: 'none',
     textTransform: 'uppercase',
     transition: 'opacity 0.3s',
     opacity: 0.5,
     maxHeight: 60,
     overflow: 'hidden',
     cursor: 'pointer',
+    background: 'transparent',
+    border: 'none',
   },
 
   activetab: {

From 2b0c3aa4b83d829930a270511c481de42476ab5c Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Thu, 9 Nov 2017 03:12:06 +0300
Subject: [PATCH 21/46] Raise `jsx-a11y/click-events-have-key-events` back to
 "error" level

---
 .eslintrc.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 8b8bfc5f697..8eb7119e378 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -74,7 +74,7 @@ module.exports = {
     'jsx-a11y/accessible-emoji': ignore,
     'jsx-a11y/href-no-hash': ignore,
     'jsx-a11y/label-has-for': ignore,
-    'jsx-a11y/click-events-have-key-events': warn,
+    'jsx-a11y/click-events-have-key-events': error,
     'jsx-a11y/anchor-is-valid': [warn, { aspects: ['invalidHref'] }],
     'react/no-unescaped-entities': ignore,
   },

From 77b3151b9c7527472f9ee6e61bc6ab553be7a5cb Mon Sep 17 00:00:00 2001
From: Daniel Duan <dduan@squarespace.com>
Date: Tue, 7 Nov 2017 19:09:50 -0500
Subject: [PATCH 22/46] #2243 optimizing for iphone x

---
 .../src/preview/components/OnDeviceUI/index.js   | 16 ++++++++++++++--
 .../src/preview/components/OnDeviceUI/style.js   | 12 ++++++------
 .../preview/components/StoryListView/style.js    | 10 +++++-----
 3 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/app/react-native/src/preview/components/OnDeviceUI/index.js b/app/react-native/src/preview/components/OnDeviceUI/index.js
index 6cb01a67c0f..b349854a1f4 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/index.js
+++ b/app/react-native/src/preview/components/OnDeviceUI/index.js
@@ -7,6 +7,7 @@ import {
   View,
   TouchableWithoutFeedback,
   Image,
+  Platform,
   Text,
   StatusBar,
 } from 'react-native';
@@ -72,6 +73,8 @@ export default class OnDeviceUI extends Component {
     const { stories, events, url } = this.props;
     const { menuAnimation, selectedKind, selectedStory, menuWidth } = this.state;
 
+    const StatusBarHeight = Platform.OS === 'ios' ? 30 : 0;
+
     const menuStyles = [
       style.menuContainer,
       {
@@ -83,6 +86,7 @@ export default class OnDeviceUI extends Component {
             }),
           },
         ],
+        marginTop: StatusBarHeight,
       },
     ];
 
@@ -92,6 +96,7 @@ export default class OnDeviceUI extends Component {
           inputRange: [0, 1],
           outputRange: [0, menuWidth],
         }),
+        marginTop: StatusBarHeight,
       },
     ];
 
@@ -105,6 +110,13 @@ export default class OnDeviceUI extends Component {
       },
     ];
 
+    const previewContainerStyles = [
+      style.previewContainer,
+      {
+        marginTop: StatusBarHeight,
+      },
+    ];
+
     /*
       Checks if import is a base64 encoded string uri.
       If using haul as bundler, some projects are set up to include small files as base64 strings.
@@ -120,9 +132,9 @@ export default class OnDeviceUI extends Component {
 
     return (
       <View style={style.main}>
-        <StatusBar hidden />
+        <StatusBar />
         <Animated.View style={menuSpacerStyles} />
-        <View style={style.previewContainer}>
+        <View style={previewContainerStyles}>
           <Animated.View style={headerStyles}>
             <TouchableWithoutFeedback onPress={this.menuToggledHandler}>
               <View>
diff --git a/app/react-native/src/preview/components/OnDeviceUI/style.js b/app/react-native/src/preview/components/OnDeviceUI/style.js
index d4126988f42..a16d3e5c1ca 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/style.js
+++ b/app/react-native/src/preview/components/OnDeviceUI/style.js
@@ -7,18 +7,18 @@ export default {
     backgroundColor: 'rgba(255, 255, 255, 1)',
   },
   icon: {
-    width: 20,
-    height: 20,
+    width: 30,
+    height: 30,
     opacity: 0.5,
   },
   headerContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    margin: 5,
+    margin: 10,
   },
   headerText: {
-    marginLeft: 5,
-    fontSize: 14,
+    marginLeft: 10,
+    fontSize: 20,
     color: 'rgba(0, 0, 0, 0.5)',
   },
   menuContainer: {
@@ -35,7 +35,7 @@ export default {
     flex: 1,
   },
   closeButton: {
-    marginVertical: 5,
+    marginVertical: 10,
   },
   preview: {
     ...StyleSheet.absoluteFillObject,
diff --git a/app/react-native/src/preview/components/StoryListView/style.js b/app/react-native/src/preview/components/StoryListView/style.js
index 252b50dd69c..fe376bbb181 100644
--- a/app/react-native/src/preview/components/StoryListView/style.js
+++ b/app/react-native/src/preview/components/StoryListView/style.js
@@ -3,21 +3,21 @@ export default {
     flex: 1,
   },
   header: {
-    paddingTop: 4,
-    paddingBottom: 4,
+    paddingTop: 5,
+    paddingBottom: 5,
   },
   headerText: {
-    fontSize: 16,
+    fontSize: 20,
   },
   headerTextSelected: {
     fontWeight: 'bold',
   },
   item: {
-    paddingVertical: 4,
+    paddingVertical: 5,
     paddingHorizontal: 16,
   },
   itemText: {
-    fontSize: 14,
+    fontSize: 16,
   },
   itemTextSelected: {
     fontWeight: 'bold',

From c9169cf7939fd174d2ec9baa9efae22a6b40b8c9 Mon Sep 17 00:00:00 2001
From: Daniel Duan <danielduan88@yahoo.com>
Date: Wed, 8 Nov 2017 21:07:21 -0500
Subject: [PATCH 23/46] detect iPhoneX only

---
 app/react-native/package.json                 |   1 +
 .../preview/components/OnDeviceUI/index.js    |  27 +++++++++++++-----
 .../components/OnDeviceUI/menu_close.png      | Bin 313 -> 1110 bytes
 .../components/OnDeviceUI/menu_open.png       | Bin 184 -> 4744 bytes
 yarn.lock                                     |   4 +++
 5 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/app/react-native/package.json b/app/react-native/package.json
index 50c9b7a6ac4..ae4526f435b 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -58,6 +58,7 @@
     "postcss-loader": "^2.0.8",
     "prop-types": "^15.6.0",
     "react-native-compat": "^1.0.0",
+    "react-native-iphone-x-helper": "^1.0.1",
     "shelljs": "^0.7.8",
     "style-loader": "^0.18.2",
     "url-loader": "^0.6.2",
diff --git a/app/react-native/src/preview/components/OnDeviceUI/index.js b/app/react-native/src/preview/components/OnDeviceUI/index.js
index b349854a1f4..6378ca44130 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/index.js
+++ b/app/react-native/src/preview/components/OnDeviceUI/index.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { ifIphoneX } from 'react-native-iphone-x-helper';
 
 import {
   Animated,
@@ -7,7 +8,6 @@ import {
   View,
   TouchableWithoutFeedback,
   Image,
-  Platform,
   Text,
   StatusBar,
 } from 'react-native';
@@ -73,8 +73,6 @@ export default class OnDeviceUI extends Component {
     const { stories, events, url } = this.props;
     const { menuAnimation, selectedKind, selectedStory, menuWidth } = this.state;
 
-    const StatusBarHeight = Platform.OS === 'ios' ? 30 : 0;
-
     const menuStyles = [
       style.menuContainer,
       {
@@ -86,7 +84,12 @@ export default class OnDeviceUI extends Component {
             }),
           },
         ],
-        marginTop: StatusBarHeight,
+        ...ifIphoneX(
+          {
+            paddingTop: 30,
+          },
+          {}
+        ),
       },
     ];
 
@@ -96,7 +99,12 @@ export default class OnDeviceUI extends Component {
           inputRange: [0, 1],
           outputRange: [0, menuWidth],
         }),
-        marginTop: StatusBarHeight,
+        ...ifIphoneX(
+          {
+            paddingTop: 30,
+          },
+          {}
+        ),
       },
     ];
 
@@ -113,7 +121,12 @@ export default class OnDeviceUI extends Component {
     const previewContainerStyles = [
       style.previewContainer,
       {
-        marginTop: StatusBarHeight,
+        ...ifIphoneX(
+          {
+            paddingTop: 30,
+          },
+          {}
+        ),
       },
     ];
 
@@ -132,7 +145,7 @@ export default class OnDeviceUI extends Component {
 
     return (
       <View style={style.main}>
-        <StatusBar />
+        <StatusBar hidden />
         <Animated.View style={menuSpacerStyles} />
         <View style={previewContainerStyles}>
           <Animated.View style={headerStyles}>
diff --git a/app/react-native/src/preview/components/OnDeviceUI/menu_close.png b/app/react-native/src/preview/components/OnDeviceUI/menu_close.png
index 0ced03b917bdac2b8b0d293ac4c393537ed731b5..557b3e21aebd211c2afab5972cca2a8c342f78b9 100644
GIT binary patch
literal 1110
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H1|$#LC7uRSEX7WqAsj$Z!;#Vf<Z~8yL>4nJ
za0`PlBg3pY5)2H?KRjI=Ln`LHy%U)y>?qRu@cvD2k!PkZk{%)sH<glEBHfoLC`C9j
zxTY}kBu+8lFXI%t^)7Gst7~gtefIo1N&NcT;!E332Q_z~fD=w`msS6+@d+;sYp8u7
zV8LGJe_gVG;mtxPlbNM=&n>UNy}ZHc4qF`a<7uTlYf^75c8^_uTl#_DGTUvp*!Eqp
zbBUPW@Kr{-^qJn@b+=hJOio>1d}rBxf&YA)CnoNXd&6`;^3AThr#9So(=ORvyOL$P
zu2fxwy2VeOt>+&(^K4}~-6ns{_I0nhWy(*-wveWXhy9J|$Ex#7{N^OK1vJe7a=&l8
z{r`T)$?~fa%vWQYZU9B%mkFDA1U5){Pf+?}_~CL<N94H<`x_EJyku2xDEj_LesHCr
zZzi9IaSX5O4aR*F-~F;NnVr&Sdx<xqh%>0&KCS52th*g2Z|?K@Fx~Zsd)noa4ac73
z#H()L{I9$r%QPVTwU3ij5vR_f{RckwXGrsGX9;^)J?HNv#c2)?;}b)hd{;L<+tGa}
z-=sxI<Byo>bccuKA<3K~b^fMP9UkhhXakC><_6^fMO0LQTHM2efJ~(@)f-Vs{ap5j
z=T&dGJ)Hd^f~htCOfXPJP0nk<2jkmH@th+2ge`&Wxf^vF50#%<#lm&puv<u@=DC+{
z<Dvc)TY%=Wcxg5s^3RaIuNv@!Z4c0J=}%!yt@9hF1Lb;(fG)9~uo|dM@HJ3d`x>u+
z&>!#S+v{Iyy~o7nBhSR{6VJ@9Q~pEC(Jk&!IH%DEv3*_%C$fKNH8Q?`*#7jbU|Fb!
zYRy!I#!En1B`s4Rld1cIK2MypYD7cm4{4syH;=80Y?EKX;`fBZK7iBcv}9et;ln!J
zPZa++s2V)e1d)#nfuzTo;vbD(6FfK{va8x&+s2{V3e+@libUN4A)S>^J}~q1Z`KLo
zeaNom=x+*=lD!I&+OonDsCPyp2T<ams56)SiJw!7!`me441Nej+~L~WCLb~Nz}>`)
zybp{I^Vx6EIGFxm*HwpHw*%TD|Mu&6eYlh}OYD2#4__Ux4cTUAWzGlw*t|sVVDj$3
zwBHSf=BuZ2`td%`Fkz}&{NeVJUsZn&7j>v<as@>HaO@JQF`t{zHY1;LYn%KLJ;!g`
z85+bj{@5i=doc0iJ!xBqhu=k4vshn~&NpK63;0p18_i_S?#N)?sIT#7pO|jr>ctNd
zy6aSbaIATLV}<eT1M0t8-@iM);DOrRI&ll8Fypru7iS+Zyqov?-M`Q4r5LLZ1V51d
zkiE;VvE3)H`clsHlONwj|BKsRen5E6oZsCj*|VdgzMkPJtFWKP!rU@o!NB0@>gTe~
HDWM4fg!=4x

delta 300
zcmcb{v6IQTGr-TCmrII^fq{Y7)59eQNGpIa2OE$quB!S1q}Y<Y-CY>|gW!U_%O_7X
z6t8DsFY)wsWq-&nC%_}I;p!_vpt570E{-7)hu=<j<ZDsjab4XW$gj++F15#Uv!q!Y
zlkWb<$JEw%{EjpD+3S*j^>szjGgp_H9TFV<`)6i~%xe_-XlA^1o<=wy^TVfaf|!|A
zRVrSXDyf_)XgOk1<Hp3c-Q&PRDNgeWf2ERl3kp;l|1n+n*m2OimF>?JzGz;i?vH%C
zu12-bZ`tj6<d`}CJt1Yq!*N2hTAIBh9*L?MPJVk?sN-nTG>1IXtw$bCcsuEcnyE_r
v(W2=;zDP|v9QHV{V&z@MQ`^7yZx4&VR{u>$%kHox&`S)Su6{1-oD!M<wBB}`

diff --git a/app/react-native/src/preview/components/OnDeviceUI/menu_open.png b/app/react-native/src/preview/components/OnDeviceUI/menu_open.png
index 300b8dbb3cc088b5683be5c492845a8ca72f218e..64a204a093d342e13c864811f71d5dbe1e3bf273 100644
GIT binary patch
literal 4744
zcmdUyc~sNaw#QEh5>$xK$9)b!pw_EguLV&=FafcmL~8-jkT3;;${-1l0%4FLsa9wm
zLM;^s5PYQ;OdvrJ#V|#wB1OQ6KjtB*2nGm~VTgp>^NU^U-L>AI?~ktcTPrL1{m$9@
z?6ZISeD*g#9PuC<uP|K!05CpuaQ{&N^x#iDU}ylpJ|w<U!!P~VeTOK9@JcZ}`8~W}
z&OYcH3&2Vf^n(F6a@PUypZ`3x|4T|@?s#9&^WQ>J<x>+pY}b{+{4ey69rRlIs_OOT
zPz=q{SAxN>*<yU|+VSFB_j|tk{nzBu_wRp;h`49IT>0Cq^jAiO1#h|1>(FNwpRxLO
zJbHBg^8WPO>rWnBQ@Syk?K+))5nEq96VNg9d^qdt{_hI5kvk?HibiWE(3t=KUOc30
zJCU)hrC21eDX|gQ6t@(`*DOU3SMCG`YH!t7s(lp?PD{G!&Q#~4&UVGDWxF_Fp3Px$
z+?yV+0vSwC4wn<uw0E+*Gk3h=5LViV6be15Yga{K80Ajhee}MzvJ<7VyMlpZjig+i
zrFiwo8nEtP6;uhfQ9l|yFu%;P0Pz&Ak0wc#2Zzl4mmaFi6+-KT<?SsJJQ${N>GbVH
zecp-gdL+`Ctj`>(lwl^M&B&^<d8}>!732-lK+Z51y&>bw(+S8`L0yrDd9NObcKmP2
zUE*zZAanYjRAP=9E3OUf+d<R^_(6YbCL%0w?f-*l1W3XON(Ud0;XN3vLX6$_=s!=x
zG008ZxEEZ&=<9BUnS1TimNcCFFfv}S5y)**Zw+x~R`Kx*oKOo874>iu2S!KEXE$KE
zj>NZ&&>Ac|t*Icb$}Iy(S0~<)6sxC3essv0N;yt$I-K^!5-6_9@>7<%&z((vx{>GU
z&D}}V1NR#rBCSF)IfG^2vp?pvs-U{ZlGi+)!uir9^$`31Mjokr9$T8!Qnbf`cwBfr
z9(ah-Zg{HoO0Un-hADOH2uEYbLGR@!(5OQALw}@Q8(wOHY(nGxNB1$hBk`AaU6^_H
z8ZOv1unZY0*cg$Ak+;h*p!9QxOZcKB10K^22c+i%9Ei8xRbttp6$x?rp!h|ye;|J6
zb0ZR<UBUz2e^tfANsX}5+XYy_cw%Elu&oDd*$4nWcLzOdn{C0@Q%-+}R!Ife&~>0?
z9RYx?@$DnL^#(k;&cp*XIl&WCNn|pRt{@ck+wWkc!)c5s&|o$bT_ZUuj)wt&8a<#h
z944c28FQB{!G$w*L26FwqR7&@jL*bh3kLHpx*H2i=sy{>6z4_q*8rb$<^Jup!J(a)
zM3K5dwi<5Mb7$g|c((yhFrnK|5+iPJvmHn|5eGo=GY2y6Rlu-P>yyfWn>RlIYdDi%
zloSsHOT%!Jj(;dE2$ShB`SIQ^k!L*rt|#@HJkDtu<!0oZ!ZEn2tGaYA#AJQ3WZ!|`
zi`=mm8!R~#xB`ZmGmZXYKUVrR33zX#XgSb5t6bZ@{{px90rtq@wgH+pIL;8T&SnUN
z!VWiB1#iF+RjmStY=P!-!!hxmPW>Qla(NdY^iO&sg>Eo?t0gtd*J=f5)ju{t4k1_2
zsf77`P0iXZ%}#)#5i1rI188B_v!hklWverGj1qVy@zep4$dUk$N4*AV5Crk@yMOLV
z0D?5{zK)pfFFXLSt9l@L*tk~fmx;NRy+PiCRK;2W-tN>|HH*WDd)9LoPX^JmRfzW4
z#xvk~Ft;gETeqGN<JkTUC?bm0r&Ti924LQ1A&6qWBx~>??Q@{|N<M|=onN#x(fK#P
z|FX4WQBfzc4_IWTD#0RATO}z}bFHKO)U*?^pp(7rey(cZsPm4>q3?@FS4$t|Qu@47
z%Or8^l^|!RQK3{Y-Dkb>6C$z<cqL186hx|?NTt>akXua<EaD)XSQXV3-|+ZxqFYnQ
zqX7YAT8gG_T;L({Sa;Pxx)&$7DojQCv&$FzAUo=j@;5L4VtThX@MV~->`;z3=M=|_
z6U=d|7*%me4Yx72FT?_xV6C7AX+xBXyNb(->%k#gOYdN%8A5*{({D{0a12Nmd=!54
zGdR=n^c_p=ZVKtJhYk~#s7u%#n6SKT!r6)k%dyh;$W0`lQiw;{Ttn&ePQBahfTno{
zloqJ#6|KTKqbQ8LbGjAD_YR7Dc(^paodX=})T4^?pI)jcin;r9pREm-@QJu6QQD6X
zIa8uy3-O*k#J6mM3sG)6R#Z#T9N@f`uK|hm%aKdS7G%yZt8iKSkRc;XrBY-=M{L7^
z2w!0!fiO*N4+fpSsfChwcmS%62TG#Cr#CQWNr2>+w&1^r@mbqJ9SEPckB5(f1W}d*
z49IwowHD`a*>TUrb~At-+jPza_>gJ$oGj++WgBpIu*zrrEmS@B5cPcNVI%~}Bxh82
zT^u$c`2|j&n8GpoZoZ1S8Y!{twX?va2-F2A8{At;(gK}{#FN6V%|EpXEr<G+04sY~
zxbnux;WOm~Oz(A+uCZ>ahqBfF&G)eE7*$)!%eB1bdv(M@^^=hwZ!mFkKIA(~M0fuX
zl><4ES7fsu#!HsvDIUvK+qdGS87RgVY>I3w30^Zs-~k^c-osNm3I*5^A@<%%WElGf
z0?$rZ198GQ*WWW8a|>lyWdsVT&MP{$+7NVX?b0Fgf{u#D-08@44CDOp1`Oj|%O^HJ
z)v>wU4fos@jG5|8x}k{$Hl?C_H*7o9k-aL>WsKbzFn58A^X=`7fcWB{6h=wEQis*q
zODJO}O&M@TeMc?Cd7+NVe}Y(v_L1YC1{!p+IPW1c(&xaUo2nd5?Y=NtE8pl^Fiw6w
zqIJX&_*}L!t)A~N$L>Wm=mG~U))9`tbj<0Xyzp*>cjFCyuQefAFqaAORWQ=1c>O7V
zOoWDZ4zKvR5uU^IGVBpfL{l5Ex`fV>KT+g%Xz>nB&~!k*l8G{WQ&7}TPwL)vV~U6+
zLpIW6v?=d8Et1^&!GH(BS>4!#EGg8mAWJVPi!Ig@?jkG_s4ze5M4|77)pP%mD}q?B
z?JwL8dEB(C@dQ#uh8|XT2BnrRuU(o8wWI6xMtGud1?=ylq94Pxs<5Sq3#E`ky9k3y
zkgv3M&=&556f@&9liVjSp^&!i_1C0j-TWAB{}CMF>{BHm73ky0$~v`=s!6ut6Q~1A
zqKcMur{Y|)|5@m{7JB|RTWmG{$4vm<eOOSGTQl1~w1<GAA@iX}iaUw~KfVEA+|wYD
z2+b|SoX>%s+!o3w@6?lQ9B8<o;kQP+#ZpE3SvTP6Z5f$Flg^y=2adB&9n%-JNXg*q
zpiz!K+cuLrN6{WlEh2uy!UHqqlkD;({~Kd{OBqahCcwY@Is4QYKbr=55}#BisZ#ry
zq{=1^vR;BxWC(FbILIdG)W_44vg)4GxmnF4>z=4%I9^Fh)Iym&#JXOZg!m$-tjPwW
zX-0ZdQtYiEyAK})HP&GZRl){ghA<3r@2>@NaVDVvOO^L3rWLNp6C|1%=3Pj&qBa<B
z#WH>k@)lFJQIds)!an2#vJtVX|AWdf!SM(PSuh|JiTho4;du5Hg_1gnIOMa$NLI^i
z_pccFJ;kh|4S|9el=|iglp^J+uI)a_Ikq4-P;*KZBuLN+=6{1SJd<)mbDHKG)wsfi
zYIU(0BVWhfr;;g-!J@^Lyq8HON)SLvtx?ax@^SplIiRmSW`8NQeac|b%5Sp`)UO3}
zU+2Kol(=VueuW!(Z-jNlOUV_nuq{*%ey4b<_*s!$(s&uw#<@NkcU3-G+#6DalG~>_
zanJmHGcfYs6(odfs#6OILbDqwhSxNB>6CTdqBRt<7ns86oeQR<j|85W!nK7!!MEWA
zbmVM-Yue50IG*RdfO#yB6L+BL&9^S*gc#fMeoST2kXIeo`G29gp`!Y2!|PR23F%IV
zdyWz}caaRZz0+Qnpi_UC>LRuv5XumiN#lF#;Z23;d5`??KkC?}8Ct&EU7+qA`MxBy
z8{=4__TBS-r8KlV=;kra@wkJ{6<BsMs(w2}n<Z~{HQ}ZF>~byS4dh0+CueZv`x{|6
z`9|MGOlQhk%2ibM8Sn<oP-4ckK^%pF$~2uu<P=~d_#^-$B0#cl{m`F%6>Dr)kC*-}
z3_@fdjjvOqFLc~((s4Jy3B~%@PcjUIYu#?$O||YOOouzO+F7WabBX8xYd&KlG|^~s
zZ>-Vhp!A<OLBb`Y(n&q(_V9F!{E7~<+jM$2F<93OYIS~+KS|`Ek5EJBS)eh`X6Xj1
z{%ycQx0%^_i2r`<q#4qRO2`#A>CPlnf%C!y&S<+ikQYArIw;l%cti5S*7T=9?sY(;
zdz<rV^A&Mpcluq>H~5Q{@B*3q%83NT-a%+W$X$H}*nV3S!THOUd^s;i{sTC!2rO<%
z(oC?+$H1#;cU~2`ve)#`X5U4oh`<xH`6>0P!%+EKFf3SkBOExU#YuCj1IEQVnc6eb
zqPUE<-22!gO?Q8H)#+S@86<RH%wVdi9UfG$vYe<j$<TxOw;BYOBOm2P?`qp5Et#d{
z>-z7=>}Du6Ye~Rg<I4Gp^8^N!h^u`OGsFF=+yYZQSef0SKi~*Ags-nbCLFpRYN_R`
zfVUNeOQVzE<NoxI!c6ZvSi%2*72K&n6zPg+^sM+-KCt&$WGbO&Liobzm!jU~fZ>rZ
z-qTYS>K;uu;Q6(9Srq39(h7&d0dVUH>Z7KHz{BX1K?1ngG!+dY8zcZWE4e6SDu3Fm
z&eazkn4zd-*$K;>Tq>9GPPE2ax6TLknc6H>1d`!cILA}94apFgG`s_)gMqBwqjk3%
z`^UMJ?J7e#!{gNTr^@i8E4F}j)k;_;6x++zYWTlzHU|Fmz&;9{M&ALQsy^&j?QJ?1
zK495fHV*&HcPhrRx2+6p-(i$XyXk$iJ?3Povf(pOZHM#Q<60-~?up5+t2$kMy7F{<
jfazZg=Kt&JtZeNn%C#AP<9(uEP+x}*c<dMLW1RUHFbI-I

delta 170
zcmeBB-N9(w8Q|y6%O%Cdz`(%k>ERLtq!mDzgAGU)S5<uhQfx`y?k)`fL2$v|<&!5G
zisvz~mw5WRvOi>(<K{P4h&mw!ROagG;usQf`0bU0yg>ad2ajG`@_*Wg)Fn)R-l*(j
zEVi8RC1*j~y?xG$bpsBwvmf~N_ib&X%$(V3ao-wj6CS1V-(XgY+r^g^8vJHLhWa+3
OfefCmelF{r5}E*5i#$O9

diff --git a/yarn.lock b/yarn.lock
index 33d8a40ee83..19fd7281536 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9386,6 +9386,10 @@ react-native-compat@^1.0.0:
   dependencies:
     prop-types "^15.5.10"
 
+react-native-iphone-x-helper@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.0.1.tgz#950dbdaca66f458689a7e9697c5beb9bd53f98f2"
+
 react-native@^0.50.3:
   version "0.50.3"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.50.3.tgz#91282bd5356cc7d794969cdc443cc764389b9af4"

From 59bb39abc686f688207f4561d1384bce549735ae Mon Sep 17 00:00:00 2001
From: Daniel Duan <danielduan88@yahoo.com>
Date: Wed, 8 Nov 2017 23:20:15 -0500
Subject: [PATCH 24/46] good enough improvements to storybook

---
 .../preview/components/OnDeviceUI/index.js    | 114 +++++++++---------
 .../preview/components/OnDeviceUI/style.js    |  11 +-
 2 files changed, 60 insertions(+), 65 deletions(-)

diff --git a/app/react-native/src/preview/components/OnDeviceUI/index.js b/app/react-native/src/preview/components/OnDeviceUI/index.js
index 6378ca44130..819c63b3314 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/index.js
+++ b/app/react-native/src/preview/components/OnDeviceUI/index.js
@@ -4,6 +4,7 @@ import { ifIphoneX } from 'react-native-iphone-x-helper';
 
 import {
   Animated,
+  Dimensions,
   Easing,
   View,
   TouchableWithoutFeedback,
@@ -15,6 +16,14 @@ import style from './style';
 import StoryListView from '../StoryListView';
 import StoryView from '../StoryView';
 
+/**
+ * Returns true if the screen is in portrait mode
+ */
+const isDeviceInPortrait = () => {
+  const dim = Dimensions.get('screen');
+  return dim.height >= dim.width;
+};
+
 const openMenuImage = require('./menu_open.png');
 const closeMenuImage = require('./menu_close.png');
 
@@ -27,29 +36,41 @@ export default class OnDeviceUI extends Component {
       isMenuOpen: false,
       selectedKind: null,
       selectedStory: null,
-      menuWidth: 0,
+      menuWidth: Dimensions.get('screen').width / 2,
+      isPortrait: isDeviceInPortrait(),
     };
-
-    this.storyChangedHandler = this.handleStoryChanged.bind(this);
-    this.menuToggledHandler = this.handleToggleMenu.bind(this);
-    this.menuLayoutHandler = this.handleMenuLayout.bind(this);
-
-    this.props.events.on('story', this.storyChangedHandler);
   }
 
-  componentWillUnmount() {
-    this.props.events.removeListener('story', this.storyChangedHandler);
+  componentWillMount = () => {
+    Dimensions.addEventListener('change', this.handleDeviceRotation);
+    this.props.events.on('story', this.handleStoryChange);
+  };
+
+  componentDidMount() {
+    StatusBar.setHidden(true);
   }
 
-  handleStoryChanged(storyFn, selection) {
+  componentWillUnmount = () => {
+    Dimensions.removeEventListener('change', this.handleDeviceRotation);
+    this.props.events.removeListener('story', this.handleStoryChange);
+  };
+
+  handleDeviceRotation = () => {
+    this.setState({
+      isPortrait: isDeviceInPortrait(),
+      menuWidth: Dimensions.get('screen').width / 2,
+    });
+  };
+
+  handleStoryChange = (storyFn, selection) => {
     const { kind, story } = selection;
     this.setState({
       selectedKind: kind,
       selectedStory: story,
     });
-  }
+  };
 
-  handleToggleMenu() {
+  handleToggleMenu = () => {
     const isMenuOpen = !this.state.isMenuOpen;
 
     Animated.timing(this.state.menuAnimation, {
@@ -61,17 +82,22 @@ export default class OnDeviceUI extends Component {
     this.setState({
       isMenuOpen,
     });
-  }
-
-  handleMenuLayout(e) {
-    this.setState({
-      menuWidth: e.nativeEvent.layout.width,
-    });
-  }
+  };
 
   render() {
     const { stories, events, url } = this.props;
-    const { menuAnimation, selectedKind, selectedStory, menuWidth } = this.state;
+    const { isPortrait, menuAnimation, selectedKind, selectedStory, menuWidth } = this.state;
+
+    const iPhoneXStyles = ifIphoneX(
+      isPortrait
+        ? {
+            marginVertical: 30,
+          }
+        : {
+            marginHorizontal: 30,
+          },
+      {}
+    );
 
     const menuStyles = [
       style.menuContainer,
@@ -84,28 +110,8 @@ export default class OnDeviceUI extends Component {
             }),
           },
         ],
-        ...ifIphoneX(
-          {
-            paddingTop: 30,
-          },
-          {}
-        ),
-      },
-    ];
-
-    const menuSpacerStyles = [
-      {
-        width: menuAnimation.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0, menuWidth],
-        }),
-        ...ifIphoneX(
-          {
-            paddingTop: 30,
-          },
-          {}
-        ),
       },
+      iPhoneXStyles,
     ];
 
     const headerStyles = [
@@ -118,17 +124,9 @@ export default class OnDeviceUI extends Component {
       },
     ];
 
-    const previewContainerStyles = [
-      style.previewContainer,
-      {
-        ...ifIphoneX(
-          {
-            paddingTop: 30,
-          },
-          {}
-        ),
-      },
-    ];
+    const previewContainerStyles = [style.previewContainer, iPhoneXStyles];
+
+    const previewWrapperStyles = [style.previewWrapper, iPhoneXStyles];
 
     /*
       Checks if import is a base64 encoded string uri.
@@ -145,27 +143,25 @@ export default class OnDeviceUI extends Component {
 
     return (
       <View style={style.main}>
-        <StatusBar hidden />
-        <Animated.View style={menuSpacerStyles} />
         <View style={previewContainerStyles}>
           <Animated.View style={headerStyles}>
-            <TouchableWithoutFeedback onPress={this.menuToggledHandler}>
+            <TouchableWithoutFeedback onPress={this.handleToggleMenu}>
               <View>
                 <Image source={openIcon} style={style.icon} />
               </View>
             </TouchableWithoutFeedback>
             <Text style={style.headerText} numberOfLines={1}>
-              {selectedKind} / {selectedStory}
+              {selectedKind} {selectedStory}
             </Text>
           </Animated.View>
-          <View style={style.previewWrapper}>
+          <View style={previewWrapperStyles}>
             <View style={style.preview}>
               <StoryView url={url} events={events} />
             </View>
           </View>
         </View>
-        <Animated.View style={menuStyles} onLayout={this.menuLayoutHandler}>
-          <TouchableWithoutFeedback onPress={this.menuToggledHandler}>
+        <Animated.View style={menuStyles}>
+          <TouchableWithoutFeedback onPress={this.handleToggleMenu}>
             <View style={style.closeButton}>
               <Image source={closeIcon} style={style.icon} />
             </View>
diff --git a/app/react-native/src/preview/components/OnDeviceUI/style.js b/app/react-native/src/preview/components/OnDeviceUI/style.js
index a16d3e5c1ca..92325fb0bcf 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/style.js
+++ b/app/react-native/src/preview/components/OnDeviceUI/style.js
@@ -4,12 +4,11 @@ export default {
   main: {
     flex: 1,
     flexDirection: 'row',
-    backgroundColor: 'rgba(255, 255, 255, 1)',
+    backgroundColor: 'white',
   },
   icon: {
     width: 30,
     height: 30,
-    opacity: 0.5,
   },
   headerContainer: {
     flexDirection: 'row',
@@ -19,14 +18,14 @@ export default {
   headerText: {
     marginLeft: 10,
     fontSize: 20,
-    color: 'rgba(0, 0, 0, 0.5)',
+    color: 'black',
   },
   menuContainer: {
     ...StyleSheet.absoluteFillObject,
     right: null,
-    paddingHorizontal: 8,
-    paddingBottom: 8,
-    backgroundColor: 'rgba(247, 247, 247, 1)',
+    paddingHorizontal: 10,
+    paddingBottom: 10,
+    backgroundColor: 'rgba(255, 255, 255, 0.8)',
   },
   previewContainer: {
     flex: 1,

From 36c7eb84ab10b9ed01e6dc825a292471e226ac1a Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Thu, 9 Nov 2017 23:03:13 +0300
Subject: [PATCH 25/46] Update test snapshots

---
 .../src/__snapshots__/storyshots.test.js.snap | 234 ++++++++----------
 .../ui/components/down_panel/index.test.js    |   2 +-
 2 files changed, 105 insertions(+), 131 deletions(-)

diff --git a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
index e785567131a..bb2dd5c6701 100644
--- a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
+++ b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
@@ -69,12 +69,12 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -84,14 +84,13 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -108,12 +107,12 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -123,14 +122,13 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -440,12 +438,12 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -455,14 +453,13 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -479,12 +476,12 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -494,14 +491,13 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -890,12 +886,12 @@ exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -905,14 +901,13 @@ exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -929,12 +924,12 @@ exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -944,14 +939,13 @@ exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -1554,12 +1548,12 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -1569,14 +1563,13 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -1593,12 +1586,12 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -1608,14 +1601,13 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -2023,12 +2015,12 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
       </button>
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -2038,14 +2030,13 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -2062,12 +2053,12 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -2077,14 +2068,13 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -2503,12 +2493,12 @@ exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -2518,14 +2508,13 @@ exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -2542,12 +2531,12 @@ exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -2557,14 +2546,13 @@ exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -2789,12 +2777,12 @@ exports[`Storyshots Addon Info.Options.styles Change info styles // I think this
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -2804,14 +2792,13 @@ exports[`Storyshots Addon Info.Options.styles Change info styles // I think this
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -2828,12 +2815,12 @@ exports[`Storyshots Addon Info.Options.styles Change info styles // I think this
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -2843,14 +2830,13 @@ exports[`Storyshots Addon Info.Options.styles Change info styles // I think this
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -3141,12 +3127,12 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
       Flow Typed Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -3156,14 +3142,13 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -3180,12 +3165,12 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -3195,14 +3180,13 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -3517,12 +3501,12 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
       Docgen Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -3532,14 +3516,13 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -3556,12 +3539,12 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -3571,14 +3554,13 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -3991,12 +3973,12 @@ exports[`Storyshots Addon Info.React Docgen Comments from component declaration
       Button
     </button>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -4006,14 +3988,13 @@ exports[`Storyshots Addon Info.React Docgen Comments from component declaration
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -4030,12 +4011,12 @@ exports[`Storyshots Addon Info.React Docgen Comments from component declaration
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -4045,14 +4026,13 @@ exports[`Storyshots Addon Info.React Docgen Comments from component declaration
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -4569,12 +4549,12 @@ exports[`Storyshots Button addons composition 1`] = `
       "
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -4584,14 +4564,13 @@ exports[`Storyshots Button addons composition 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -4608,12 +4587,12 @@ exports[`Storyshots Button addons composition 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -4623,14 +4602,13 @@ exports[`Storyshots Button addons composition 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -4974,12 +4952,12 @@ exports[`Storyshots Button with new info 1`] = `
       
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -4989,14 +4967,13 @@ exports[`Storyshots Button with new info 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -5013,12 +4990,12 @@ exports[`Storyshots Button with new info 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -5028,14 +5005,13 @@ exports[`Storyshots Button with new info 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -5548,12 +5524,12 @@ exports[`Storyshots Button with some info 1`] = `
       
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -5563,14 +5539,13 @@ exports[`Storyshots Button with some info 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -5587,12 +5562,12 @@ exports[`Storyshots Button with some info 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -5602,14 +5577,13 @@ exports[`Storyshots Button with some info 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
diff --git a/lib/ui/src/modules/ui/components/down_panel/index.test.js b/lib/ui/src/modules/ui/components/down_panel/index.test.js
index 2ca97a505fc..cc15bf6ab54 100644
--- a/lib/ui/src/modules/ui/components/down_panel/index.test.js
+++ b/lib/ui/src/modules/ui/components/down_panel/index.test.js
@@ -40,7 +40,7 @@ describe('manager.ui.components.down_panel.index', () => {
     const wrapper = shallow(
       <DownPanel panels={panels} onPanelSelect={onPanelSelect} selectedPanel="test1" />
     );
-    wrapper.find('a').simulate('click', { preventDefault });
+    wrapper.find('button').simulate('click', { preventDefault });
 
     expect(onPanelSelect).toHaveBeenCalled();
     expect(preventDefault).toHaveBeenCalled();

From b078de75cc923ce195f343b527c9e8ac8d932e8a Mon Sep 17 00:00:00 2001
From: Daniel Duan <1474548+danielduan@users.noreply.github.com>
Date: Thu, 9 Nov 2017 16:37:30 -0500
Subject: [PATCH 26/46] Add Code of Conduct as recommended by GitHub

---
 CODE_OF_CONDUCT.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 CODE_OF_CONDUCT.md

diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
new file mode 100644
index 00000000000..cfc1b23f81f
--- /dev/null
+++ b/CODE_OF_CONDUCT.md
@@ -0,0 +1,46 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at ndelangen@me.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

From aae332b6c4f7afefc773bcc6dd8eed1862b4771f Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 02:02:36 +0300
Subject: [PATCH 27/46] Move stories to "Addon Info" namespace

---
 .../src/__snapshots__/storyshots.test.js.snap | 680 +++++++++---------
 .../src/stories/addon-info.stories.js         |  16 +
 .../src/stories/issues.stories.js             |  19 -
 3 files changed, 355 insertions(+), 360 deletions(-)
 delete mode 100644 examples/cra-kitchen-sink/src/stories/issues.stories.js

diff --git a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
index dfff317a167..286edbd7c56 100644
--- a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
+++ b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap
@@ -421,6 +421,345 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
 </div>
 `;
 
+exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
+<div>
+  <div
+    style={
+      Object {
+        "position": "relative",
+        "zIndex": 0,
+      }
+    }
+  >
+    <div>
+      <input
+        type="text"
+      />
+      <textarea />
+    </div>
+  </div>
+  <button
+    onClick={[Function]}
+    style={
+      Object {
+        "background": "#28c",
+        "border": "none",
+        "borderRadius": "0 0 0 5px",
+        "color": "#fff",
+        "cursor": "pointer",
+        "display": "block",
+        "fontFamily": "sans-serif",
+        "fontSize": "12px",
+        "padding": "5px 15px",
+        "position": "fixed",
+        "right": 0,
+        "top": 0,
+      }
+    }
+    type="button"
+  >
+    Show Info
+  </button>
+  <div
+    style={
+      Object {
+        "background": "white",
+        "bottom": 0,
+        "display": "none",
+        "left": 0,
+        "overflow": "auto",
+        "padding": "0 40px",
+        "position": "fixed",
+        "right": 0,
+        "top": 0,
+        "zIndex": 99999,
+      }
+    }
+  >
+    <button
+      onClick={[Function]}
+      style={
+        Object {
+          "background": "#28c",
+          "border": "none",
+          "borderRadius": "0 0 0 5px",
+          "color": "#fff",
+          "cursor": "pointer",
+          "display": "block",
+          "fontFamily": "sans-serif",
+          "fontSize": "12px",
+          "padding": "5px 15px",
+          "position": "fixed",
+          "right": 0,
+          "top": 0,
+        }
+      }
+      type="button"
+    >
+      ×
+    </button>
+    <div
+      style={undefined}
+    >
+      <div
+        style={
+          Object {
+            "WebkitFontSmoothing": "antialiased",
+            "backgroundColor": "#fff",
+            "border": "1px solid #eee",
+            "borderRadius": "2px",
+            "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+            "color": "#444",
+            "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+            "fontSize": "15px",
+            "fontWeight": 300,
+            "lineHeight": 1.45,
+            "marginTop": "50px",
+            "padding": "20px 40px 40px",
+          }
+        }
+      >
+        <div
+          style={
+            Object {
+              "borderBottom": "1px solid #eee",
+              "marginBottom": 10,
+              "paddingTop": 10,
+            }
+          }
+        >
+          <h1
+            style={
+              Object {
+                "fontSize": "35px",
+                "margin": 0,
+                "padding": 0,
+              }
+            }
+          >
+            Addon Info.GitHub issues
+          </h1>
+          <h2
+            style={
+              Object {
+                "fontSize": "22px",
+                "fontWeight": 400,
+                "margin": "0 0 10px 0",
+                "padding": 0,
+              }
+            }
+          >
+            #1814
+          </h2>
+        </div>
+        <div
+          style={
+            Object {
+              "marginBottom": 0,
+            }
+          }
+        >
+          <p
+            style={
+              Object {
+                "WebkitFontSmoothing": "antialiased",
+                "color": "#444",
+                "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                "fontSize": "15px",
+              }
+            }
+          >
+            Allow Duplicate DisplayNames for HOC #1814
+          </p>
+        </div>
+        <div>
+          <h1
+            style={
+              Object {
+                "borderBottom": "1px solid #EEE",
+                "fontSize": "25px",
+                "margin": "20px 0 0 0",
+                "padding": "0 0 5px 0",
+              }
+            }
+          >
+            Story Source
+          </h1>
+          <pre
+            style={
+              Object {
+                "backgroundColor": "#fafafa",
+                "fontFamily": "Menlo, Monaco, \\"Courier New\\", monospace",
+                "fontSize": ".88em",
+                "lineHeight": 1.5,
+                "overflowX": "scroll",
+                "padding": ".5rem",
+              }
+            }
+          >
+            <div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 18,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;
+                  div
+                </span>
+                <span />
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+              </div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 33,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;
+                  Unknown
+                </span>
+                <span />
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  /&gt;
+                </span>
+              </div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 33,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;
+                  Unknown
+                </span>
+                <span />
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  /&gt;
+                </span>
+              </div>
+              <div
+                style={
+                  Object {
+                    "paddingLeft": 18,
+                    "paddingRight": 3,
+                  }
+                }
+              >
+                <span
+                  style={
+                    Object {
+                      "color": "#777",
+                    }
+                  }
+                >
+                  &lt;/
+                  div
+                  &gt;
+                </span>
+              </div>
+            </div>
+          </pre>
+        </div>
+        <div>
+          <h1
+            style={
+              Object {
+                "borderBottom": "1px solid #EEE",
+                "fontSize": "25px",
+                "margin": "20px 0 0 0",
+                "padding": "0 0 5px 0",
+              }
+            }
+          >
+            Prop Types
+          </h1>
+          <div>
+            <h2
+              style={
+                Object {
+                  "margin": "20px 0 0 0",
+                }
+              }
+            >
+              "
+              
+              " Component
+            </h2>
+            <small>
+              No propTypes defined!
+            </small>
+          </div>
+          <div>
+            <h2
+              style={
+                Object {
+                  "margin": "20px 0 0 0",
+                }
+              }
+            >
+              "
+              
+              " Component
+            </h2>
+            <small>
+              No propTypes defined!
+            </small>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
 <div>
   <div
@@ -6034,347 +6373,6 @@ exports[`Storyshots Button with text 1`] = `
 </button>
 `;
 
-exports[`Storyshots GitHub issues #1814 1`] = `
-<div>
-  <div
-    style={
-      Object {
-        "position": "relative",
-        "zIndex": 0,
-      }
-    }
-  >
-    <div>
-      <input
-        type="text"
-      />
-      <textarea />
-    </div>
-  </div>
-  <a
-    onClick={[Function]}
-    role="button"
-    style={
-      Object {
-        "background": "#28c",
-        "borderRadius": "0 0 0 5px",
-        "color": "#fff",
-        "cursor": "pointer",
-        "display": "block",
-        "fontFamily": "sans-serif",
-        "fontSize": "12px",
-        "padding": "5px 15px",
-        "position": "fixed",
-        "right": 0,
-        "textDecoration": "none",
-        "top": 0,
-      }
-    }
-    tabIndex="0"
-  >
-    Show Info
-  </a>
-  <div
-    style={
-      Object {
-        "background": "white",
-        "bottom": 0,
-        "display": "none",
-        "left": 0,
-        "overflow": "auto",
-        "padding": "0 40px",
-        "position": "fixed",
-        "right": 0,
-        "top": 0,
-        "zIndex": 99999,
-      }
-    }
-  >
-    <a
-      onClick={[Function]}
-      role="button"
-      style={
-        Object {
-          "background": "#28c",
-          "borderRadius": "0 0 0 5px",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "block",
-          "fontFamily": "sans-serif",
-          "fontSize": "12px",
-          "padding": "5px 15px",
-          "position": "fixed",
-          "right": 0,
-          "textDecoration": "none",
-          "top": 0,
-        }
-      }
-      tabIndex="0"
-    >
-      ×
-    </a>
-    <div
-      style={undefined}
-    >
-      <div
-        style={
-          Object {
-            "WebkitFontSmoothing": "antialiased",
-            "backgroundColor": "#fff",
-            "border": "1px solid #eee",
-            "borderRadius": "2px",
-            "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
-            "color": "#444",
-            "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
-            "fontSize": "15px",
-            "fontWeight": 300,
-            "lineHeight": 1.45,
-            "marginTop": "50px",
-            "padding": "20px 40px 40px",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "borderBottom": "1px solid #eee",
-              "marginBottom": 10,
-              "paddingTop": 10,
-            }
-          }
-        >
-          <h1
-            style={
-              Object {
-                "fontSize": "35px",
-                "margin": 0,
-                "padding": 0,
-              }
-            }
-          >
-            GitHub issues
-          </h1>
-          <h2
-            style={
-              Object {
-                "fontSize": "22px",
-                "fontWeight": 400,
-                "margin": "0 0 10px 0",
-                "padding": 0,
-              }
-            }
-          >
-            #1814
-          </h2>
-        </div>
-        <div
-          style={
-            Object {
-              "marginBottom": 0,
-            }
-          }
-        >
-          <p
-            style={
-              Object {
-                "WebkitFontSmoothing": "antialiased",
-                "color": "#444",
-                "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
-                "fontSize": "15px",
-              }
-            }
-          >
-            HOC
-          </p>
-        </div>
-        <div>
-          <h1
-            style={
-              Object {
-                "borderBottom": "1px solid #EEE",
-                "fontSize": "25px",
-                "margin": "20px 0 0 0",
-                "padding": "0 0 5px 0",
-              }
-            }
-          >
-            Story Source
-          </h1>
-          <pre
-            style={
-              Object {
-                "backgroundColor": "#fafafa",
-                "fontFamily": "Menlo, Monaco, \\"Courier New\\", monospace",
-                "fontSize": ".88em",
-                "lineHeight": 1.5,
-                "overflowX": "scroll",
-                "padding": ".5rem",
-              }
-            }
-          >
-            <div>
-              <div
-                style={
-                  Object {
-                    "paddingLeft": 18,
-                    "paddingRight": 3,
-                  }
-                }
-              >
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  &lt;
-                  div
-                </span>
-                <span />
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  &gt;
-                </span>
-              </div>
-              <div
-                style={
-                  Object {
-                    "paddingLeft": 33,
-                    "paddingRight": 3,
-                  }
-                }
-              >
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  &lt;
-                  Unknown
-                </span>
-                <span />
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style={
-                  Object {
-                    "paddingLeft": 33,
-                    "paddingRight": 3,
-                  }
-                }
-              >
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  &lt;
-                  Unknown
-                </span>
-                <span />
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style={
-                  Object {
-                    "paddingLeft": 18,
-                    "paddingRight": 3,
-                  }
-                }
-              >
-                <span
-                  style={
-                    Object {
-                      "color": "#777",
-                    }
-                  }
-                >
-                  &lt;/
-                  div
-                  &gt;
-                </span>
-              </div>
-            </div>
-          </pre>
-        </div>
-        <div>
-          <h1
-            style={
-              Object {
-                "borderBottom": "1px solid #EEE",
-                "fontSize": "25px",
-                "margin": "20px 0 0 0",
-                "padding": "0 0 5px 0",
-              }
-            }
-          >
-            Prop Types
-          </h1>
-          <div>
-            <h2
-              style={
-                Object {
-                  "margin": "20px 0 0 0",
-                }
-              }
-            >
-              "
-              
-              " Component
-            </h2>
-            <small>
-              No propTypes defined!
-            </small>
-          </div>
-          <div>
-            <h2
-              style={
-                Object {
-                  "margin": "20px 0 0 0",
-                }
-              }
-            >
-              "
-              
-              " Component
-            </h2>
-            <small>
-              No propTypes defined!
-            </small>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
 exports[`Storyshots Navigation Menu link 1`] = `
 <div
   className="css-t9df35"
diff --git a/examples/cra-kitchen-sink/src/stories/addon-info.stories.js b/examples/cra-kitchen-sink/src/stories/addon-info.stories.js
index 0aec884b6d8..ba836f024db 100644
--- a/examples/cra-kitchen-sink/src/stories/addon-info.stories.js
+++ b/examples/cra-kitchen-sink/src/stories/addon-info.stories.js
@@ -100,3 +100,19 @@ storiesOf('Addon Info.Decorator', module)
     withInfo('Info could be used as a global or local decorator as well.')(story)(context)
   )
   .add('Use Info as story decorator', () => <BaseButton label="Button" />);
+
+const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
+
+const Input = hoc(() => <input type="text" />);
+
+const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
+
+storiesOf('Addon Info.GitHub issues', module).add(
+  '#1814',
+  withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
+    <div>
+      <Input />
+      <TextArea />
+    </div>
+  ))
+);
diff --git a/examples/cra-kitchen-sink/src/stories/issues.stories.js b/examples/cra-kitchen-sink/src/stories/issues.stories.js
deleted file mode 100644
index b50b1d8a3b9..00000000000
--- a/examples/cra-kitchen-sink/src/stories/issues.stories.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-
-const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
-
-const Input = hoc(() => <input type="text" />);
-
-const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
-
-storiesOf('GitHub issues', module).add(
-  '#1814',
-  withInfo('HOC')(() => (
-    <div>
-      <Input />
-      <TextArea />
-    </div>
-  ))
-);

From df748d759a7393b1bb71bf1d2296dd053edf4603 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 02:11:50 +0300
Subject: [PATCH 28/46] Fix propTypes in addon-background

---
 addons/background/src/BackgroundPanel.js | 7 +++++--
 addons/background/src/index.js           | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/addons/background/src/BackgroundPanel.js b/addons/background/src/BackgroundPanel.js
index 66564a99cc3..c5c8984215b 100644
--- a/addons/background/src/BackgroundPanel.js
+++ b/addons/background/src/BackgroundPanel.js
@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import addons from '@storybook/addons';
-import EventEmitter from 'events';
 
 import Swatch from './Swatch';
 
@@ -118,7 +117,11 @@ BackgroundPanel.propTypes = {
     getQueryParam: PropTypes.func,
     setQueryParams: PropTypes.func,
   }).isRequired,
-  channel: PropTypes.instanceOf(EventEmitter),
+  channel: PropTypes.shape({
+    emit: PropTypes.func,
+    on: PropTypes.func,
+    removeListener: PropTypes.func,
+  }),
 };
 BackgroundPanel.defaultProps = {
   channel: undefined,
diff --git a/addons/background/src/index.js b/addons/background/src/index.js
index b21ec5d26c2..ac0c1a65f59 100644
--- a/addons/background/src/index.js
+++ b/addons/background/src/index.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import EventEmitter from 'events';
 
 import addons from '@storybook/addons';
 
@@ -63,7 +62,11 @@ export class BackgroundDecorator extends React.Component {
 }
 BackgroundDecorator.propTypes = {
   backgrounds: PropTypes.arrayOf(PropTypes.object),
-  channel: PropTypes.instanceOf(EventEmitter),
+  channel: PropTypes.shape({
+    emit: PropTypes.func,
+    on: PropTypes.func,
+    removeListener: PropTypes.func,
+  }),
   story: PropTypes.func.isRequired,
 };
 BackgroundDecorator.defaultProps = {

From 1bfa583d8d3e2b0a5e02aa845e131bc910473b17 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 03:11:45 +0300
Subject: [PATCH 29/46] Run prettier

---
 lib/ui/src/modules/shortcuts/actions/shortcuts.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/ui/src/modules/shortcuts/actions/shortcuts.js b/lib/ui/src/modules/shortcuts/actions/shortcuts.js
index 1920b154e01..d1b70f448b2 100755
--- a/lib/ui/src/modules/shortcuts/actions/shortcuts.js
+++ b/lib/ui/src/modules/shortcuts/actions/shortcuts.js
@@ -3,7 +3,9 @@ import { features } from '../../../libs/key_events';
 import apiActions from '../../api/actions';
 
 const deprecationMessage = (oldName, newName) =>
-  `The ${oldName} option has been renamed to ${newName} and will not be available in the next major Storybook release. Please update your config.`;
+  `The ${oldName} option has been renamed to ${
+    newName
+  } and will not be available in the next major Storybook release. Please update your config.`;
 
 export function keyEventToOptions(currentOptions, event) {
   switch (event) {

From e1201bbb27585d17b2683c3155d4b51e4dc920f4 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 03:13:59 +0300
Subject: [PATCH 30/46] Update storyshots

---
 .../addon-info.stories.storyshot              |  4 +-
 .../__snapshots__/index.stories.storyshot     | 54 +++++++++----------
 2 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-info.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-info.stories.storyshot
index c6fc2a276e7..616610c809b 100644
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-info.stories.storyshot
+++ b/examples/cra-kitchen-sink/src/stories/__snapshots__/addon-info.stories.storyshot
@@ -712,7 +712,7 @@ exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
               }
             >
               "
-
+              
               " Component
             </h2>
             <small>
@@ -728,7 +728,7 @@ exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
               }
             >
               "
-
+              
               " Component
             </h2>
             <small>
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
index 6a8cc30228d..049c28027a9 100644
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
+++ b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
@@ -63,12 +63,12 @@ exports[`Storyshots Button addons composition 1`] = `
       "
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -78,14 +78,13 @@ exports[`Storyshots Button addons composition 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -102,12 +101,12 @@ exports[`Storyshots Button addons composition 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -117,14 +116,13 @@ exports[`Storyshots Button addons composition 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -468,12 +466,12 @@ exports[`Storyshots Button with new info 1`] = `
       
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -483,14 +481,13 @@ exports[`Storyshots Button with new info 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -507,12 +504,12 @@ exports[`Storyshots Button with new info 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -522,14 +519,13 @@ exports[`Storyshots Button with new info 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >
@@ -1134,12 +1130,12 @@ exports[`Storyshots Button with some info 1`] = `
       
     </div>
   </div>
-  <a
+  <button
     onClick={[Function]}
-    role="button"
     style={
       Object {
         "background": "#28c",
+        "border": "none",
         "borderRadius": "0 0 0 5px",
         "color": "#fff",
         "cursor": "pointer",
@@ -1149,14 +1145,13 @@ exports[`Storyshots Button with some info 1`] = `
         "padding": "5px 15px",
         "position": "fixed",
         "right": 0,
-        "textDecoration": "none",
         "top": 0,
       }
     }
-    tabIndex="0"
+    type="button"
   >
     Show Info
-  </a>
+  </button>
   <div
     style={
       Object {
@@ -1173,12 +1168,12 @@ exports[`Storyshots Button with some info 1`] = `
       }
     }
   >
-    <a
+    <button
       onClick={[Function]}
-      role="button"
       style={
         Object {
           "background": "#28c",
+          "border": "none",
           "borderRadius": "0 0 0 5px",
           "color": "#fff",
           "cursor": "pointer",
@@ -1188,14 +1183,13 @@ exports[`Storyshots Button with some info 1`] = `
           "padding": "5px 15px",
           "position": "fixed",
           "right": 0,
-          "textDecoration": "none",
           "top": 0,
         }
       }
-      tabIndex="0"
+      type="button"
     >
       ×
-    </a>
+    </button>
     <div
       style={undefined}
     >

From fb604f98e8f179b1491da44961b35b31588b6fd8 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 03:22:53 +0300
Subject: [PATCH 31/46] Update CLI snapshot

---
 lib/cli/test/snapshots/meteor/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/cli/test/snapshots/meteor/package.json b/lib/cli/test/snapshots/meteor/package.json
index 47b73ac74d2..222255e4124 100644
--- a/lib/cli/test/snapshots/meteor/package.json
+++ b/lib/cli/test/snapshots/meteor/package.json
@@ -10,8 +10,8 @@
   "dependencies": {
     "babel-runtime": "^6.20.0",
     "meteor-node-stubs": "~0.2.4",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0"
   },
   "devDependencies": {
     "babel-preset-env": "^1.6.1",

From 1a317118a850d7a0e3150600b516dd34897b2a3e Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@lab80.co>
Date: Fri, 10 Nov 2017 11:35:04 +0900
Subject: [PATCH 32/46] 3.2.15 changelog

---
 CHANGELOG.md | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8f2962750d8..5666346f92c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,44 @@
+# 3.2.15
+
+2017-November-10
+
+#### Features
+
+-   Optimizing for iphone x [#2260](https://github.com/storybooks/storybook/pull/2260)
+-   Fix accessibility warnings [#2270](https://github.com/storybooks/storybook/pull/2270)
+
+#### Bug Fixes
+
+-   Fix propTypes in addon-background [#2279](https://github.com/storybooks/storybook/pull/2279)
+-   Addon-info: allow duplicate displayNames [#2269](https://github.com/storybooks/storybook/pull/2269)
+-   Fix browser navigation [#2261](https://github.com/storybooks/storybook/pull/2261)
+
+#### Maintenance
+
+-   Fixes to build scripts for Windows. [#2051](https://github.com/storybooks/storybook/pull/2051)
+-   Update dependencies.yml to include batch updates for docs dependencies [#2252](https://github.com/storybooks/storybook/pull/2252)
+
+#### Dependency Upgrades
+
+<details>
+<summary>
+11 PRs
+</summary>
+
+-   Update 4 dependencies from npm [#2267](https://github.com/storybooks/storybook/pull/2267)
+-   Update 8 dependencies from npm [#2262](https://github.com/storybooks/storybook/pull/2262)
+-   Update 3 dependencies from npm [#2257](https://github.com/storybooks/storybook/pull/2257)
+-   Update babel-eslint in / from 8.0.1 to 8.0.2 [#2253](https://github.com/storybooks/storybook/pull/2253)
+-   3 packages updated by dependencies.io [#2251](https://github.com/storybooks/storybook/pull/2251)
+-   Update devDependencies [#2232](https://github.com/storybooks/storybook/pull/2232)
+-   Update react-textarea-autosize to 5.1.0 [#2233](https://github.com/storybooks/storybook/pull/2233)
+-   Update insert-css to 2.0.0 [#2234](https://github.com/storybooks/storybook/pull/2234)
+-   Update file-loader to 1.1.5 [#2236](https://github.com/storybooks/storybook/pull/2236)
+-   Update read-pkg-up to 3.0.0 [#2237](https://github.com/storybooks/storybook/pull/2237)
+-   Update react-modal to 3.1.0 [#2238](https://github.com/storybooks/storybook/pull/2238)
+
+</details>
+
 # 3.2.14
 
 2017-November-01

From 0be4efcec80e21516a5f5089fe838de1cb0dfcbc Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@lab80.co>
Date: Fri, 10 Nov 2017 11:39:27 +0900
Subject: [PATCH 33/46] v3.2.15

---
 addons/actions/package.json          |  4 ++--
 addons/background/package.json       |  2 +-
 addons/centered/package.json         |  2 +-
 addons/comments/package.json         |  8 ++++----
 addons/events/package.json           |  4 ++--
 addons/graphql/package.json          |  2 +-
 addons/info/package.json             |  6 +++---
 addons/knobs/package.json            |  4 ++--
 addons/links/package.json            |  4 ++--
 addons/notes/package.json            |  4 ++--
 addons/options/package.json          |  4 ++--
 addons/storyshots/package.json       | 14 +++++++-------
 app/react-native/package.json        | 12 ++++++------
 app/react/package.json               | 12 ++++++------
 app/vue/package.json                 | 12 ++++++------
 lerna.json                           |  2 +-
 lib/addons/package.json              |  2 +-
 lib/channel-postmessage/package.json |  4 ++--
 lib/channel-websocket/package.json   |  4 ++--
 lib/channels/package.json            |  2 +-
 lib/cli/package.json                 |  4 ++--
 lib/codemod/package.json             |  2 +-
 lib/components/package.json          |  2 +-
 lib/ui/package.json                  |  4 ++--
 24 files changed, 60 insertions(+), 60 deletions(-)

diff --git a/addons/actions/package.json b/addons/actions/package.json
index 7c048b2dfef..1759ba439ec 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "storybook": "start-storybook -p 9001"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
     "deep-equal": "^1.0.1",
     "json-stringify-safe": "^5.0.1",
     "prop-types": "^15.6.0",
diff --git a/addons/background/package.json b/addons/background/package.json
index 9f72ed41204..2ce1480d8c9 100644
--- a/addons/background/package.json
+++ b/addons/background/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
diff --git a/addons/centered/package.json b/addons/centered/package.json
index ee8507220bd..89fefe81841 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook decorator to center components",
   "license": "MIT",
   "author": "Muhammed Thanish <mnmtanish@gmail.com>",
diff --git a/addons/comments/package.json b/addons/comments/package.json
index b82c81d47f0..fdb93b5f2eb 100644
--- a/addons/comments/package.json
+++ b/addons/comments/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-comments",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Comments addon for Storybook",
   "keywords": [
     "storybook"
@@ -23,7 +23,7 @@
     "storybook-remote": "start-storybook -p 3006"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
     "babel-runtime": "^6.26.0",
     "deep-equal": "^1.0.1",
     "events": "^1.1.1",
@@ -38,8 +38,8 @@
   "devDependencies": {
     "@kadira/storybook-database-cloud": "*",
     "@kadira/storybook-deployer": "*",
-    "@storybook/addon-actions": "^3.2.14",
-    "@storybook/react": "^3.2.14",
+    "@storybook/addon-actions": "^3.2.15",
+    "@storybook/react": "^3.2.15",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-test-renderer": "^16.0.0",
diff --git a/addons/events/package.json b/addons/events/package.json
index 8ed3276a0f8..77f25121610 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -20,7 +20,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
     "babel-runtime": "^6.26.0",
     "format-json": "^1.0.3",
     "prop-types": "^15.6.0",
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index 4cd7f7acacb..256234158f5 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "storybook"
diff --git a/addons/info/package.json b/addons/info/package.json
index 55ae87bdc87..c08b8032e38 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "A Storybook addon to show additional information for your stories.",
   "license": "MIT",
   "main": "dist/index.js",
@@ -14,8 +14,8 @@
     "storybook": "start-storybook -p 9010"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14",
-    "@storybook/components": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
+    "@storybook/components": "^3.2.15",
     "babel-runtime": "^6.26.0",
     "global": "^4.3.2",
     "marksy": "^2.0.0",
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index ce0166ef1ae..08b10cd234e 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook Addon Prop Editor Component",
   "license": "MIT",
   "main": "dist/index.js",
@@ -14,7 +14,7 @@
     "storybook": "start-storybook -p 9010"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
     "babel-runtime": "^6.26.0",
     "deep-equal": "^1.0.1",
     "global": "^4.3.2",
diff --git a/addons/links/package.json b/addons/links/package.json
index c76ef48402b..c8955c34f7a 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Story Links addon for storybook",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "storybook": "start-storybook -p 9001"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14"
+    "@storybook/addons": "^3.2.15"
   },
   "devDependencies": {
     "react": "^16.0.0",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index 213189b1e65..21fa1fb2afd 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -19,7 +19,7 @@
     "storybook": "start-storybook -p 9010"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
     "babel-runtime": "^6.26.0",
     "prop-types": "^15.6.0",
     "util-deprecate": "^1.0.2"
diff --git a/addons/options/package.json b/addons/options/package.json
index ac3f6d3a0bd..62748267dfa 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Options addon for storybook",
   "keywords": [
     "storybook"
@@ -20,7 +20,7 @@
     "storybook": "start-storybook -p 9001"
   },
   "dependencies": {
-    "@storybook/addons": "^3.2.14"
+    "@storybook/addons": "^3.2.15"
   },
   "devDependencies": {
     "react": "^16.0.0",
diff --git a/addons/storyshots/package.json b/addons/storyshots/package.json
index 0f8d634d40c..a6d545647e1 100644
--- a/addons/storyshots/package.json
+++ b/addons/storyshots/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "license": "MIT",
   "main": "dist/index.js",
@@ -20,9 +20,9 @@
     "read-pkg-up": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addons": "^3.2.14",
-    "@storybook/channels": "^3.2.14",
-    "@storybook/react": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
+    "@storybook/channels": "^3.2.15",
+    "@storybook/react": "^3.2.15",
     "babel-cli": "^6.26.0",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.0",
@@ -31,9 +31,9 @@
     "react-dom": "^16.0.0"
   },
   "peerDependencies": {
-    "@storybook/addons": "^3.2.14",
-    "@storybook/channels": "^3.2.14",
-    "@storybook/react": "^3.2.14",
+    "@storybook/addons": "^3.2.15",
+    "@storybook/channels": "^3.2.15",
+    "@storybook/react": "^3.2.15",
     "babel-core": "^6.26.0",
     "react": "*",
     "react-test-renderer": "*"
diff --git a/app/react-native/package.json b/app/react-native/package.json
index ae4526f435b..6a518217f8f 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,11 +24,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^3.2.14",
-    "@storybook/addon-links": "^3.2.14",
-    "@storybook/addons": "^3.2.14",
-    "@storybook/channel-websocket": "^3.2.14",
-    "@storybook/ui": "^3.2.14",
+    "@storybook/addon-actions": "^3.2.15",
+    "@storybook/addon-links": "^3.2.15",
+    "@storybook/addons": "^3.2.15",
+    "@storybook/channel-websocket": "^3.2.15",
+    "@storybook/ui": "^3.2.15",
     "autoprefixer": "^7.1.6",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
diff --git a/app/react/package.json b/app/react/package.json
index 97429a97f75..4d149daec6b 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybooks/storybook/tree/master/app/react",
   "bugs": {
@@ -22,11 +22,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^3.2.14",
-    "@storybook/addon-links": "^3.2.14",
-    "@storybook/addons": "^3.2.14",
-    "@storybook/channel-postmessage": "^3.2.14",
-    "@storybook/ui": "^3.2.14",
+    "@storybook/addon-actions": "^3.2.15",
+    "@storybook/addon-links": "^3.2.15",
+    "@storybook/addons": "^3.2.15",
+    "@storybook/channel-postmessage": "^3.2.15",
+    "@storybook/ui": "^3.2.15",
     "airbnb-js-shims": "^1.3.0",
     "autoprefixer": "^7.1.6",
     "babel-core": "^6.26.0",
diff --git a/app/vue/package.json b/app/vue/package.json
index 7da4d3b2a83..768d31a2c4c 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybooks/storybook/tree/master/apps/vue",
   "bugs": {
@@ -22,11 +22,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^3.2.14",
-    "@storybook/addon-links": "^3.2.14",
-    "@storybook/addons": "^3.2.14",
-    "@storybook/channel-postmessage": "^3.2.14",
-    "@storybook/ui": "^3.2.14",
+    "@storybook/addon-actions": "^3.2.15",
+    "@storybook/addon-links": "^3.2.15",
+    "@storybook/addons": "^3.2.15",
+    "@storybook/channel-postmessage": "^3.2.15",
+    "@storybook/ui": "^3.2.15",
     "airbnb-js-shims": "^1.3.0",
     "autoprefixer": "^7.1.6",
     "babel-core": "^6.26.0",
diff --git a/lerna.json b/lerna.json
index 4b217277eb3..052ea037417 100644
--- a/lerna.json
+++ b/lerna.json
@@ -12,5 +12,5 @@
     }
   },
   "concurrency": 1,
-  "version": "3.2.14"
+  "version": "3.2.15"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 1ece6e97ee8..a4d46454149 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 7e606872125..d5a79dace71 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "",
   "license": "MIT",
   "main": "dist/index.js",
@@ -8,7 +8,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "^3.2.14",
+    "@storybook/channels": "^3.2.15",
     "global": "^4.3.2",
     "json-stringify-safe": "^5.0.1"
   },
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index a9dc6fbabef..0ef1cbe22e5 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "",
   "license": "MIT",
   "main": "dist/index.js",
@@ -8,7 +8,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "^3.2.14",
+    "@storybook/channels": "^3.2.15",
     "global": "^4.3.2"
   },
   "devDependencies": {
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 392f1db6a81..fdfdac1a355 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "",
   "license": "MIT",
   "main": "dist/index.js",
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 7974e5b94b1..c30543b28d8 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -21,7 +21,7 @@
     "url": "https://github.com/storybooks/storybook.git"
   },
   "dependencies": {
-    "@storybook/codemod": "^3.2.14",
+    "@storybook/codemod": "^3.2.15",
     "chalk": "^2.3.0",
     "child-process-promise": "^2.2.1",
     "commander": "^2.11.0",
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 55520ace804..b4c47c49d3c 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "license": "MIT",
   "main": "dist/index.js",
diff --git a/lib/components/package.json b/lib/components/package.json
index ffe146a668c..8908b4a7097 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Core Storybook Components",
   "license": "MIT",
   "main": "dist/index.js",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index a014acd5b9f..639c6048b33 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "3.2.14",
+  "version": "3.2.15",
   "description": "Core Storybook UI",
   "license": "MIT",
   "main": "dist/index.js",
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@hypnosphi/fuse.js": "^3.0.9",
-    "@storybook/components": "^3.2.14",
+    "@storybook/components": "^3.2.15",
     "@storybook/react-fuzzy": "^0.4.3",
     "babel-runtime": "^6.26.0",
     "deep-equal": "^1.0.1",

From 50dc2f1c137e3cd9e86a2782719facff8ea5a33b Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@lab80.co>
Date: Fri, 10 Nov 2017 11:58:43 +0900
Subject: [PATCH 34/46] Minor formatting fixes to FAQ

---
 docs/pages/basics/faq/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/pages/basics/faq/index.md b/docs/pages/basics/faq/index.md
index 7cbd5daaaf9..1c070179279 100644
--- a/docs/pages/basics/faq/index.md
+++ b/docs/pages/basics/faq/index.md
@@ -28,11 +28,11 @@ You can generally reuse webpack rules fairly easily by placing them in a file th
 
 A common error is that an addon tries to access the "channel", but the channel is not set. This can happen in a few different cases:
 
-1. In storybook/addon development, it can be an NPM version problem. If there are two versions of the addons NPM package, it will cause problems. In this case, make sure there is only a single version of `@storybook/addons` being used by your project.
-2. In React Native, it's a special case that's documented in [#1192](https://github.com/storybooks/storybook/issues/1192)
-3. You have inadvertently installed multiple addons with differing versions. Upgrade or downgrade all `@storybook/addon-*` modules so they have the same version.
+1.  In storybook/addon development, it can be an NPM version problem. If there are two versions of the addons NPM package, it will cause problems. In this case, make sure there is only a single version of `@storybook/addons` being used by your project.
+2.  In React Native, it's a special case that's documented in [#1192](https://github.com/storybooks/storybook/issues/1192)
+3.  You have inadvertently installed multiple addons with differing versions. Upgrade or downgrade all `@storybook/addon-*` modules so they have the same version.
 
-Most of the time, the fix is deleting the `node_modules` folder with any `package-lock.json` or `yarn.lock` and reinstalling.
+> Most of the time, the fix is deleting the `node_modules` folder with any `package-lock.json` or `yarn.lock` and reinstalling.
 
 ### Can I modify React component state in stories?
 

From 5bdfb7b34acf93d33f2f34c567b0e4607b013775 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 16:21:52 +0000
Subject: [PATCH 35/46] Update @storybook/addon-actions from 3.2.13 to 3.2.15

---
 docs/package.json |  2 +-
 docs/yarn.lock    | 22 ++++++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/docs/package.json b/docs/package.json
index 5e92547ee54..e82d1624deb 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -17,7 +17,7 @@
     "storybook": "start-storybook -p 9009 -s pages"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^3.2.13",
+    "@storybook/addon-actions": "^3.2.15",
     "@storybook/addon-links": "^3.2.13",
     "@storybook/addons": "^3.2.13",
     "@storybook/react": "^3.2.13",
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 98f77715357..85ce4231f73 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -17,6 +17,17 @@
     react-inspector "^2.2.0"
     uuid "^3.1.0"
 
+"@storybook/addon-actions@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-3.2.15.tgz#a54228d86baeb637adbbbdd11ff0c040d9862952"
+  dependencies:
+    "@storybook/addons" "^3.2.15"
+    deep-equal "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    prop-types "^15.6.0"
+    react-inspector "^2.2.1"
+    uuid "^3.1.0"
+
 "@storybook/addon-links@^3.2.13":
   version "3.2.13"
   resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.2.13.tgz#925bb46350583a73538ac655f23df6f55019b560"
@@ -27,6 +38,10 @@
   version "3.2.13"
   resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.13.tgz#a133103770a7f2330bc931571df1b2ae660f8f71"
 
+"@storybook/addons@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.15.tgz#120fc3e34454b9e6c779f25b945d354511168abc"
+
 "@storybook/channel-postmessage@^3.2.13":
   version "3.2.13"
   resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-3.2.13.tgz#41d243e8def775696ac9159254b28c7d183b891c"
@@ -6834,6 +6849,13 @@ react-inspector@^2.2.0:
     babel-runtime "^6.26.0"
     is-dom "^1.0.9"
 
+react-inspector@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.2.1.tgz#c24f9a0131960b8e63c8392254d34df0717aabdf"
+  dependencies:
+    babel-runtime "^6.26.0"
+    is-dom "^1.0.9"
+
 react-komposer@^1.9.0:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/react-komposer/-/react-komposer-1.13.1.tgz#4b8ac4bcc71323bd7413dcab95c831197f50eed0"

From 0b77be9a3d7c61f2699cd733c579a6f9e326f682 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 16:23:11 +0000
Subject: [PATCH 36/46] Update @storybook/addon-links from 3.2.13 to 3.2.15

---
 docs/package.json | 2 +-
 docs/yarn.lock    | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/package.json b/docs/package.json
index e82d1624deb..6e92681af75 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@storybook/addon-actions": "^3.2.15",
-    "@storybook/addon-links": "^3.2.13",
+    "@storybook/addon-links": "^3.2.15",
     "@storybook/addons": "^3.2.13",
     "@storybook/react": "^3.2.13",
     "babel-cli": "^6.26.0",
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 85ce4231f73..5845c7b28a8 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -34,6 +34,12 @@
   dependencies:
     "@storybook/addons" "^3.2.13"
 
+"@storybook/addon-links@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.2.15.tgz#87a0dc9bad7b208aca7142863a237b5135a47a34"
+  dependencies:
+    "@storybook/addons" "^3.2.15"
+
 "@storybook/addons@^3.2.13":
   version "3.2.13"
   resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.13.tgz#a133103770a7f2330bc931571df1b2ae660f8f71"

From ead895cfdf21952dcfc2b30260fdbab0718ad6d8 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 16:24:31 +0000
Subject: [PATCH 37/46] Update @storybook/addons from 3.2.13 to 3.2.15

---
 docs/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/package.json b/docs/package.json
index 6e92681af75..fed760777e1 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -19,7 +19,7 @@
   "dependencies": {
     "@storybook/addon-actions": "^3.2.15",
     "@storybook/addon-links": "^3.2.15",
-    "@storybook/addons": "^3.2.13",
+    "@storybook/addons": "^3.2.15",
     "@storybook/react": "^3.2.13",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",

From 53f066a6aea70e3c1a2d0bb2014f627183dd66a5 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 16:25:41 +0000
Subject: [PATCH 38/46] Update @storybook/react from 3.2.13 to 3.2.15

---
 docs/package.json |   2 +-
 docs/yarn.lock    | 254 +++++++++++++++++-----------------------------
 2 files changed, 94 insertions(+), 162 deletions(-)

diff --git a/docs/package.json b/docs/package.json
index fed760777e1..2bb0488365e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -20,7 +20,7 @@
     "@storybook/addon-actions": "^3.2.15",
     "@storybook/addon-links": "^3.2.15",
     "@storybook/addons": "^3.2.15",
-    "@storybook/react": "^3.2.13",
+    "@storybook/react": "^3.2.15",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-plugin-transform-runtime": "^6.23.0",
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 5845c7b28a8..a27420cf3ef 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -6,17 +6,6 @@
   version "3.0.9"
   resolved "https://registry.yarnpkg.com/@hypnosphi/fuse.js/-/fuse.js-3.0.9.tgz#ea99f6121b4a8f065b4c71f85595db2714498807"
 
-"@storybook/addon-actions@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-3.2.13.tgz#7fae9201514f0efeee710d466828ea3c6bf0ec16"
-  dependencies:
-    "@storybook/addons" "^3.2.13"
-    deep-equal "^1.0.1"
-    json-stringify-safe "^5.0.1"
-    prop-types "^15.6.0"
-    react-inspector "^2.2.0"
-    uuid "^3.1.0"
-
 "@storybook/addon-actions@^3.2.15":
   version "3.2.15"
   resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-3.2.15.tgz#a54228d86baeb637adbbbdd11ff0c040d9862952"
@@ -28,66 +17,56 @@
     react-inspector "^2.2.1"
     uuid "^3.1.0"
 
-"@storybook/addon-links@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.2.13.tgz#925bb46350583a73538ac655f23df6f55019b560"
-  dependencies:
-    "@storybook/addons" "^3.2.13"
-
 "@storybook/addon-links@^3.2.15":
   version "3.2.15"
   resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.2.15.tgz#87a0dc9bad7b208aca7142863a237b5135a47a34"
   dependencies:
     "@storybook/addons" "^3.2.15"
 
-"@storybook/addons@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.13.tgz#a133103770a7f2330bc931571df1b2ae660f8f71"
-
 "@storybook/addons@^3.2.15":
   version "3.2.15"
   resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.15.tgz#120fc3e34454b9e6c779f25b945d354511168abc"
 
-"@storybook/channel-postmessage@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-3.2.13.tgz#41d243e8def775696ac9159254b28c7d183b891c"
+"@storybook/channel-postmessage@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-3.2.15.tgz#34ef971cd231a4c034c293693bb5b78c83a1b7cb"
   dependencies:
-    "@storybook/channels" "^3.2.13"
+    "@storybook/channels" "^3.2.15"
     global "^4.3.2"
     json-stringify-safe "^5.0.1"
 
-"@storybook/channels@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-3.2.13.tgz#d4e04f99b1bb12cc3203839823218860358be480"
+"@storybook/channels@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-3.2.15.tgz#c76277d9050e0a0027a9e06edff662db55f391d6"
 
-"@storybook/components@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-3.2.13.tgz#0576139f54468c9039da6a05d8ed2f1656f6007e"
+"@storybook/components@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-3.2.15.tgz#238e8faf0f5668534dea98868327760b24139460"
   dependencies:
     glamor "^2.20.40"
-    glamorous "^4.9.7"
+    glamorous "^4.11.0"
     prop-types "^15.6.0"
 
-"@storybook/react-fuzzy@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@storybook/react-fuzzy/-/react-fuzzy-0.4.1.tgz#612bdf7768585ad6e086b4738efbf204e94290a0"
+"@storybook/react-fuzzy@^0.4.3":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@storybook/react-fuzzy/-/react-fuzzy-0.4.3.tgz#36f7536ba97bf08b03cb57f47c58ae2cca330aec"
   dependencies:
     babel-runtime "^6.23.0"
     classnames "^2.2.5"
     fuse.js "^3.0.1"
     prop-types "^15.5.9"
 
-"@storybook/react@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-3.2.13.tgz#d5b4d24a16a78b74d89bcee22475c755a05693cd"
+"@storybook/react@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-3.2.15.tgz#f031d78c667dead434ae196aba4d5d9b83376f46"
   dependencies:
-    "@storybook/addon-actions" "^3.2.13"
-    "@storybook/addon-links" "^3.2.13"
-    "@storybook/addons" "^3.2.13"
-    "@storybook/channel-postmessage" "^3.2.13"
-    "@storybook/ui" "^3.2.13"
+    "@storybook/addon-actions" "^3.2.15"
+    "@storybook/addon-links" "^3.2.15"
+    "@storybook/addons" "^3.2.15"
+    "@storybook/channel-postmessage" "^3.2.15"
+    "@storybook/ui" "^3.2.15"
     airbnb-js-shims "^1.3.0"
-    autoprefixer "^7.1.5"
+    autoprefixer "^7.1.6"
     babel-core "^6.26.0"
     babel-loader "^7.1.2"
     babel-plugin-react-docgen "^1.8.0"
@@ -96,21 +75,21 @@
     babel-preset-env "^1.6.1"
     babel-preset-minify "^0.2.0"
     babel-preset-react "^6.24.1"
-    babel-preset-react-app "^3.0.3"
+    babel-preset-react-app "^3.1.0"
     babel-preset-stage-0 "^6.24.1"
     babel-runtime "^6.26.0"
     case-sensitive-paths-webpack-plugin "^2.1.1"
-    chalk "^2.2.0"
+    chalk "^2.3.0"
     commander "^2.11.0"
     common-tags "^1.4.0"
     configstore "^3.1.1"
     core-js "^2.5.1"
     css-loader "^0.28.7"
     express "^4.16.2"
-    file-loader "^0.11.2"
+    file-loader "^1.1.5"
     find-cache-dir "^1.0.0"
     glamor "^2.20.40"
-    glamorous "^4.9.7"
+    glamorous "^4.11.0"
     global "^4.3.2"
     json-loader "^0.5.7"
     json-stringify-safe "^5.0.1"
@@ -121,7 +100,6 @@
     postcss-loader "^2.0.8"
     prop-types "^15.6.0"
     qs "^6.5.1"
-    react-modal "^2.4.1"
     redux "^3.7.2"
     request "^2.83.0"
     serve-favicon "^2.4.5"
@@ -134,13 +112,13 @@
     webpack-dev-middleware "^1.12.0"
     webpack-hot-middleware "^2.20.0"
 
-"@storybook/ui@^3.2.13":
-  version "3.2.13"
-  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-3.2.13.tgz#c50150a793802e1f4f344fe3ee7af3998d7c5196"
+"@storybook/ui@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-3.2.15.tgz#a73d24aa67877df4f69f497a0d7a67cfb34f3f39"
   dependencies:
     "@hypnosphi/fuse.js" "^3.0.9"
-    "@storybook/components" "^3.2.13"
-    "@storybook/react-fuzzy" "^0.4.1"
+    "@storybook/components" "^3.2.15"
+    "@storybook/react-fuzzy" "^0.4.3"
     babel-runtime "^6.26.0"
     deep-equal "^1.0.1"
     events "^1.1.1"
@@ -155,13 +133,21 @@
     prop-types "^15.6.0"
     qs "^6.5.1"
     react-icons "^2.2.7"
-    react-inspector "^2.2.0"
+    react-inspector "^2.2.1"
     react-komposer "^2.0.0"
-    react-modal "^2.4.1"
-    react-split-pane "^0.1.65"
+    react-modal "^3.1.2"
+    react-split-pane "^0.1.68"
     react-treebeard "^2.0.3"
     redux "^3.7.2"
 
+"@types/inline-style-prefixer@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/inline-style-prefixer/-/inline-style-prefixer-3.0.1.tgz#8541e636b029124b747952e9a28848286d2b5bf6"
+
+"@types/react@^16.0.18":
+  version "16.0.22"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.22.tgz#19ad106e124aceebd2b4d430a278d55413ee8759"
+
 abbrev@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
@@ -486,12 +472,12 @@ autoprefixer@^6.0.2, autoprefixer@^6.3.1:
     postcss "^5.2.16"
     postcss-value-parser "^3.2.3"
 
-autoprefixer@^7.1.5:
-  version "7.1.5"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.1.5.tgz#d65d14b83c7cd1dd7bc801daa00557addf5a06b2"
+autoprefixer@^7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.1.6.tgz#fb933039f74af74a83e71225ce78d9fd58ba84d7"
   dependencies:
-    browserslist "^2.5.0"
-    caniuse-lite "^1.0.30000744"
+    browserslist "^2.5.1"
+    caniuse-lite "^1.0.30000748"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
     postcss "^6.0.13"
@@ -768,13 +754,13 @@ babel-plugin-check-es2015-constants@^6.22.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-dynamic-import-node@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-1.0.2.tgz#adb5bc8f48a89311540395ae9f0cc3ed4b10bb2e"
+babel-plugin-dynamic-import-node@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-1.1.0.tgz#bd1d88ac7aaf98df4917c384373b04d971a2b37a"
   dependencies:
     babel-plugin-syntax-dynamic-import "^6.18.0"
-    babel-template "^6.24.1"
-    babel-types "^6.24.1"
+    babel-template "^6.26.0"
+    babel-types "^6.26.0"
 
 babel-plugin-minify-builtins@^0.2.0:
   version "0.2.0"
@@ -1198,14 +1184,7 @@ babel-plugin-transform-object-assign@^6.8.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-object-rest-spread@6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.23.0.tgz#875d6bc9be761c58a2ae3feee5dc4895d8c7f921"
-  dependencies:
-    babel-plugin-syntax-object-rest-spread "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-object-rest-spread@^6.22.0:
+babel-plugin-transform-object-rest-spread@6.26.0, babel-plugin-transform-object-rest-spread@^6.22.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
   dependencies:
@@ -1252,13 +1231,7 @@ babel-plugin-transform-react-jsx@6.24.1, babel-plugin-transform-react-jsx@^6.24.
     babel-plugin-syntax-jsx "^6.8.0"
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-regenerator@6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.24.1.tgz#b8da305ad43c3c99b4848e4fe4037b770d23c418"
-  dependencies:
-    regenerator-transform "0.9.11"
-
-babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^6.24.1, babel-plugin-transform-regenerator@^6.26.0:
+babel-plugin-transform-regenerator@6.26.0, babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^6.24.1, babel-plugin-transform-regenerator@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz#e0703696fbde27f0a3efcacf8b4dca2f7b3a8f2f"
   dependencies:
@@ -1315,42 +1288,7 @@ babel-polyfill@^6.26.0:
     core-js "^2.5.0"
     regenerator-runtime "^0.10.5"
 
-babel-preset-env@1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.5.2.tgz#cd4ae90a6e94b709f97374b33e5f8b983556adef"
-  dependencies:
-    babel-plugin-check-es2015-constants "^6.22.0"
-    babel-plugin-syntax-trailing-function-commas "^6.22.0"
-    babel-plugin-transform-async-to-generator "^6.22.0"
-    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
-    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
-    babel-plugin-transform-es2015-block-scoping "^6.23.0"
-    babel-plugin-transform-es2015-classes "^6.23.0"
-    babel-plugin-transform-es2015-computed-properties "^6.22.0"
-    babel-plugin-transform-es2015-destructuring "^6.23.0"
-    babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
-    babel-plugin-transform-es2015-for-of "^6.23.0"
-    babel-plugin-transform-es2015-function-name "^6.22.0"
-    babel-plugin-transform-es2015-literals "^6.22.0"
-    babel-plugin-transform-es2015-modules-amd "^6.22.0"
-    babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
-    babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
-    babel-plugin-transform-es2015-modules-umd "^6.23.0"
-    babel-plugin-transform-es2015-object-super "^6.22.0"
-    babel-plugin-transform-es2015-parameters "^6.23.0"
-    babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
-    babel-plugin-transform-es2015-spread "^6.22.0"
-    babel-plugin-transform-es2015-sticky-regex "^6.22.0"
-    babel-plugin-transform-es2015-template-literals "^6.22.0"
-    babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
-    babel-plugin-transform-es2015-unicode-regex "^6.22.0"
-    babel-plugin-transform-exponentiation-operator "^6.22.0"
-    babel-plugin-transform-regenerator "^6.22.0"
-    browserslist "^2.1.2"
-    invariant "^2.2.2"
-    semver "^5.3.0"
-
-babel-preset-env@^1.6.1:
+babel-preset-env@1.6.1, babel-preset-env@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.6.1.tgz#a18b564cc9b9afdf4aae57ae3c1b0d99188e6f48"
   dependencies:
@@ -1448,21 +1386,21 @@ babel-preset-minify@^0.2.0:
     babel-plugin-transform-undefined-to-void "^6.8.3"
     lodash.isplainobject "^4.0.6"
 
-babel-preset-react-app@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-3.0.3.tgz#5716d6a8c7354db0cc2707207ab6ceb3b2e0a825"
+babel-preset-react-app@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-3.1.0.tgz#d77f6061ab9d7bf4b3cdc86b7cde9ded0df03e48"
   dependencies:
-    babel-plugin-dynamic-import-node "1.0.2"
+    babel-plugin-dynamic-import-node "1.1.0"
     babel-plugin-syntax-dynamic-import "6.18.0"
     babel-plugin-transform-class-properties "6.24.1"
-    babel-plugin-transform-object-rest-spread "6.23.0"
+    babel-plugin-transform-object-rest-spread "6.26.0"
     babel-plugin-transform-react-constant-elements "6.23.0"
     babel-plugin-transform-react-jsx "6.24.1"
     babel-plugin-transform-react-jsx-self "6.22.0"
     babel-plugin-transform-react-jsx-source "6.22.0"
-    babel-plugin-transform-regenerator "6.24.1"
+    babel-plugin-transform-regenerator "6.26.0"
     babel-plugin-transform-runtime "6.23.0"
-    babel-preset-env "1.5.2"
+    babel-preset-env "1.6.1"
     babel-preset-react "6.24.1"
 
 babel-preset-react-hmre@^1.1.1:
@@ -1826,12 +1764,12 @@ browserslist@^2.1.2:
     caniuse-lite "^1.0.30000718"
     electron-to-chromium "^1.3.18"
 
-browserslist@^2.5.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.5.1.tgz#68e4bc536bbcc6086d62843a2ffccea8396821c6"
+browserslist@^2.5.1:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.8.0.tgz#27d64028130a2e8585ca96f7c3b7730eff4de493"
   dependencies:
-    caniuse-lite "^1.0.30000744"
-    electron-to-chromium "^1.3.24"
+    caniuse-lite "^1.0.30000758"
+    electron-to-chromium "^1.3.27"
 
 bser@^2.0.0:
   version "2.0.0"
@@ -1927,9 +1865,9 @@ caniuse-lite@^1.0.30000718:
   version "1.0.30000740"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000740.tgz#f2c4c04d6564eb812e61006841700ad557f6f973"
 
-caniuse-lite@^1.0.30000744:
-  version "1.0.30000748"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000748.tgz#44c8d6da52ad65a5d7b9dca4efebd0bdd982ba09"
+caniuse-lite@^1.0.30000748, caniuse-lite@^1.0.30000758:
+  version "1.0.30000760"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000760.tgz#ec720395742f1c7ec8947fd6dd2604e77a8f98ff"
 
 capture-stack-trace@^1.0.0:
   version "1.0.0"
@@ -1995,9 +1933,9 @@ chalk@^2.1.0:
     escape-string-regexp "^1.0.5"
     supports-color "^4.0.0"
 
-chalk@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.2.0.tgz#477b3bf2f9b8fd5ca9e429747e37f724ee7af240"
+chalk@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.3.0.tgz#b5ea48efc9c1793dccc9b4767c93914d3f2d52ba"
   dependencies:
     ansi-styles "^3.1.0"
     escape-string-regexp "^1.0.5"
@@ -2793,7 +2731,7 @@ electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.18:
   version "1.3.24"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.24.tgz#9b7b88bb05ceb9fa016a177833cc2dde388f21b6"
 
-electron-to-chromium@^1.3.24:
+electron-to-chromium@^1.3.27:
   version "1.3.27"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.27.tgz#78ecb8a399066187bb374eede35d9c70565a803d"
 
@@ -3252,6 +3190,13 @@ file-loader@^0.11.2:
   dependencies:
     loader-utils "^1.0.2"
 
+file-loader@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-1.1.5.tgz#91c25b6b6fbe56dae99f10a425fd64933b5c9daa"
+  dependencies:
+    loader-utils "^1.0.2"
+    schema-utils "^0.3.0"
+
 file-type@^3.1.0:
   version "3.9.0"
   resolved "https://registry.yarnpkg.com/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"
@@ -3646,9 +3591,9 @@ glamor@^2.20.40:
     prop-types "^15.5.10"
     through "^2.3.8"
 
-glamorous@^4.9.7:
-  version "4.9.7"
-  resolved "https://registry.yarnpkg.com/glamorous/-/glamorous-4.9.7.tgz#78bb008d1404b5bd91ad4d043ec0dc6430ad2653"
+glamorous@^4.11.0:
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/glamorous/-/glamorous-4.11.0.tgz#cb846dda1450c895c59a34060fb19e3251ed619f"
   dependencies:
     brcast "^3.0.0"
     fast-memoize "^2.2.7"
@@ -6848,13 +6793,6 @@ react-icons@^2.2.7:
   dependencies:
     react-icon-base "2.1.0"
 
-react-inspector@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.2.0.tgz#2aa0778c3512063f598d7a89a28a5d5c7733cad7"
-  dependencies:
-    babel-runtime "^6.26.0"
-    is-dom "^1.0.9"
-
 react-inspector@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.2.1.tgz#c24f9a0131960b8e63c8392254d34df0717aabdf"
@@ -6882,9 +6820,9 @@ react-komposer@^2.0.0:
     react-stubber "^1.0.0"
     shallowequal "^0.2.2"
 
-react-modal@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-2.4.1.tgz#cb09b26711b148eb9f59cb180e1b7d82980ded05"
+react-modal@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.1.2.tgz#6e1fd656315d6fc62a1edda2b5aecc9752ac6bca"
   dependencies:
     exenv "^1.2.0"
     prop-types "^15.5.10"
@@ -6958,10 +6896,12 @@ react-sizeme@^2.2.0:
     invariant "^2.2.2"
     lodash "^4.17.4"
 
-react-split-pane@^0.1.65:
-  version "0.1.66"
-  resolved "https://registry.yarnpkg.com/react-split-pane/-/react-split-pane-0.1.66.tgz#369085dd07ec1237bda123e73813dcc7dc6502c1"
+react-split-pane@^0.1.68:
+  version "0.1.68"
+  resolved "https://registry.yarnpkg.com/react-split-pane/-/react-split-pane-0.1.68.tgz#a4ed40b0e77f0578cb6c9f9e65edd32726e4b16a"
   dependencies:
+    "@types/inline-style-prefixer" "^3.0.0"
+    "@types/react" "^16.0.18"
     inline-style-prefixer "^3.0.6"
     prop-types "^15.5.10"
     react-style-proptype "^3.0.0"
@@ -7193,14 +7133,6 @@ regenerator-runtime@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz#7e54fe5b5ccd5d6624ea6255c3473be090b802e1"
 
-regenerator-transform@0.9.11:
-  version "0.9.11"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.9.11.tgz#3a7d067520cb7b7176769eb5ff868691befe1283"
-  dependencies:
-    babel-runtime "^6.18.0"
-    babel-types "^6.19.0"
-    private "^0.1.6"
-
 regenerator-transform@^0.10.0:
   version "0.10.1"
   resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.10.1.tgz#1e4996837231da8b7f3cf4114d71b5691a0680dd"

From 0c4ef51fc5b5323b3a25b0318c8078d50f7c8554 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 19:58:38 +0300
Subject: [PATCH 39/46] Update React to 16.1.0

---
 addons/actions/package.json            |  6 +++---
 addons/comments/package.json           |  6 +++---
 addons/events/package.json             |  4 ++--
 addons/graphql/package.json            |  4 ++--
 addons/info/package.json               |  6 +++---
 addons/knobs/package.json              |  4 ++--
 addons/links/package.json              |  4 ++--
 addons/notes/package.json              |  4 ++--
 addons/options/package.json            |  6 +++---
 addons/storyshots/package.json         |  4 ++--
 app/react-native/package.json          |  4 ++--
 app/react/package.json                 |  4 ++--
 app/vue/package.json                   |  4 ++--
 examples/cra-kitchen-sink/package.json |  4 ++--
 lib/components/package.json            |  4 ++--
 package.json                           |  6 +++---
 yarn.lock                              | 22 +++++++++++++++-------
 17 files changed, 52 insertions(+), 44 deletions(-)

diff --git a/addons/actions/package.json b/addons/actions/package.json
index 1759ba439ec..b43d8aff526 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -29,9 +29,9 @@
     "uuid": "^3.1.0"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
+    "react-test-renderer": "^16.1.0",
     "shelljs": "^0.7.8"
   },
   "peerDependencies": {
diff --git a/addons/comments/package.json b/addons/comments/package.json
index fdb93b5f2eb..49cb31c72fd 100644
--- a/addons/comments/package.json
+++ b/addons/comments/package.json
@@ -40,9 +40,9 @@
     "@kadira/storybook-deployer": "*",
     "@storybook/addon-actions": "^3.2.15",
     "@storybook/react": "^3.2.15",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
+    "react-test-renderer": "^16.1.0",
     "shelljs": "^0.7.8"
   },
   "peerDependencies": {
diff --git a/addons/events/package.json b/addons/events/package.json
index 77f25121610..b259b235839 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -28,8 +28,8 @@
     "uuid": "^3.1.0"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0"
   },
   "peerDependencies": {
     "react": "*"
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index 256234158f5..f55844f571b 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -27,8 +27,8 @@
     "prop-types": "^15.6.0"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
     "shelljs": "^0.7.8"
   },
   "peerDependencies": {
diff --git a/addons/info/package.json b/addons/info/package.json
index c08b8032e38..742a1de2050 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -24,9 +24,9 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0"
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
+    "react-test-renderer": "^16.1.0"
   },
   "peerDependencies": {
     "react": "*"
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 08b10cd234e..a7e19b4be12 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -31,8 +31,8 @@
     "@types/node": "^8.0.50",
     "@types/react": "^16.0.21",
     "raw-loader": "^0.5.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
     "style-loader": "^0.19.0",
     "typescript": "^2.6.1",
     "typescript-definition-tester": "^0.0.5",
diff --git a/addons/links/package.json b/addons/links/package.json
index c8955c34f7a..1975cbb902b 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -24,8 +24,8 @@
     "@storybook/addons": "^3.2.15"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
     "shelljs": "^0.7.8"
   },
   "peerDependencies": {
diff --git a/addons/notes/package.json b/addons/notes/package.json
index 21fa1fb2afd..4cb06e38f17 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -25,9 +25,9 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "react": "^16.0.0",
+    "react": "^16.1.0",
     "react-addons-test-utils": "^15.5.1",
-    "react-dom": "^16.0.0"
+    "react-dom": "^16.1.0"
   },
   "peerDependencies": {
     "react": "*"
diff --git a/addons/options/package.json b/addons/options/package.json
index 62748267dfa..813d4a11220 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -23,9 +23,9 @@
     "@storybook/addons": "^3.2.15"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
+    "react-test-renderer": "^16.1.0",
     "shelljs": "^0.7.8"
   },
   "peerDependencies": {
diff --git a/addons/storyshots/package.json b/addons/storyshots/package.json
index a6d545647e1..316c86b0981 100644
--- a/addons/storyshots/package.json
+++ b/addons/storyshots/package.json
@@ -27,8 +27,8 @@
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.0",
     "babel-preset-react": "^6.24.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0"
   },
   "peerDependencies": {
     "@storybook/addons": "^3.2.15",
diff --git a/app/react-native/package.json b/app/react-native/package.json
index 6a518217f8f..f78069c10c9 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -72,8 +72,8 @@
   },
   "devDependencies": {
     "babel-cli": "^6.26.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
     "react-native": "^0.50.3"
   },
   "peerDependencies": {
diff --git a/app/react/package.json b/app/react/package.json
index 4d149daec6b..d01a518273b 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -77,8 +77,8 @@
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "nodemon": "^1.12.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0"
   },
   "peerDependencies": {
     "react": ">=15.0.0 || ^16.0.0",
diff --git a/app/vue/package.json b/app/vue/package.json
index 768d31a2c4c..c6102469d46 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -59,8 +59,8 @@
     "postcss-loader": "^2.0.8",
     "prop-types": "^15.6.0",
     "qs": "^6.5.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
     "redux": "^3.7.2",
     "request": "^2.83.0",
     "serve-favicon": "^2.4.5",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 9fb6fbf0306..b9acb1dc1ca 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -16,8 +16,8 @@
     "glamorous": "^4.11.0",
     "global": "^4.3.2",
     "prop-types": "^15.6.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
     "uuid": "^3.1.0"
   },
   "devDependencies": {
diff --git a/lib/components/package.json b/lib/components/package.json
index 8908b4a7097..80d8eb6d3e0 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -19,8 +19,8 @@
     "prop-types": "^15.6.0"
   },
   "devDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0"
   },
   "peerDependencies": {
     "react": "*",
diff --git a/package.json b/package.json
index bbf77398b16..f90b638de4f 100644
--- a/package.json
+++ b/package.json
@@ -81,9 +81,9 @@
     "prettier": "^1.8.1",
     "puppeteer": "^0.12.0",
     "raf": "^3.4.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0",
+    "react": "^16.1.0",
+    "react-dom": "^16.1.0",
+    "react-test-renderer": "^16.1.0",
     "remark-cli": "^4.0.0",
     "remark-lint": "^6.0.1",
     "remark-lint-code": "^2.0.0",
diff --git a/yarn.lock b/yarn.lock
index 19fd7281536..4ef615d1b45 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9317,9 +9317,9 @@ react-docgen@^2.15.0:
     node-dir "^0.1.10"
     recast "^0.12.6"
 
-react-dom@^16.0.0:
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.0.0.tgz#9cc3079c3dcd70d4c6e01b84aab2a7e34c303f58"
+react-dom@^16.1.0:
+  version "16.1.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.1.0.tgz#ab6fd2a285096f388aeba51919a573d06c9bdde4"
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"
@@ -9537,13 +9537,21 @@ react-style-proptype@^3.0.0:
   dependencies:
     prop-types "^15.5.4"
 
-react-test-renderer@^16.0.0, react-test-renderer@^16.0.0-0:
+react-test-renderer@^16.0.0-0:
   version "16.0.0"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.0.0.tgz#9fe7b8308f2f71f29fc356d4102086f131c9cb15"
   dependencies:
     fbjs "^0.8.16"
     object-assign "^4.1.1"
 
+react-test-renderer@^16.1.0:
+  version "16.1.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.1.0.tgz#33a1d3ce896311e0dd1547649b1456ffa7fda415"
+  dependencies:
+    fbjs "^0.8.16"
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
+
 react-textarea-autosize@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-5.2.0.tgz#a5dba76149b658c2c5dcd3a25e5a0a96b9fe668e"
@@ -9582,9 +9590,9 @@ react-treebeard@^2.0.3:
     shallowequal "^0.2.2"
     velocity-react "^1.3.1"
 
-react@^16.0.0:
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.0.0.tgz#ce7df8f1941b036f02b2cca9dbd0cb1f0e855e2d"
+react@^16.1.0:
+  version "16.1.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.1.0.tgz#1c2bdac3c17fe7ee9282fa35aca6cc36387903e1"
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"

From d730e2731bb9d3753032907c4e2ddacfe87c39e5 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 20:36:44 +0000
Subject: [PATCH 40/46] Update eslint-plugin-jest from 21.2.0 to 21.3.2 in /

---
 package.json | 2 +-
 yarn.lock    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index f90b638de4f..881f0f846a3 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
     "eslint-config-airbnb": "^16.1.0",
     "eslint-config-prettier": "^2.7.0",
     "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-jest": "^21.0.0",
+    "eslint-plugin-jest": "^21.3.2",
     "eslint-plugin-json": "^1.2.0",
     "eslint-plugin-jsx-a11y": "^6.0.2",
     "eslint-plugin-prettier": "^2.2.0",
diff --git a/yarn.lock b/yarn.lock
index 4ef615d1b45..531ff26314d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4050,9 +4050,9 @@ eslint-plugin-import@2.8.0, eslint-plugin-import@^2.8.0:
     minimatch "^3.0.3"
     read-pkg-up "^2.0.0"
 
-eslint-plugin-jest@^21.0.0:
-  version "21.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-21.2.0.tgz#292044df9cf0866ad9c530e78e6528fae287b926"
+eslint-plugin-jest@^21.3.2:
+  version "21.3.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-21.3.2.tgz#b1cefc05f0fed700eb40185a94d16f6d575d1ef9"
 
 eslint-plugin-json@^1.2.0:
   version "1.2.0"

From c27faf29f1342beb00ee926c91d9316ae9e09b2c Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 20:39:22 +0000
Subject: [PATCH 41/46] Update prettier from 1.8.1 to 1.8.2 in /

---
 package.json | 2 +-
 yarn.lock    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 881f0f846a3..8cd64c5a335 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "lodash": "^4.17.4",
     "nodemon": "^1.12.1",
     "npmlog": "^4.1.2",
-    "prettier": "^1.8.1",
+    "prettier": "^1.8.2",
     "puppeteer": "^0.12.0",
     "raf": "^3.4.0",
     "react": "^16.1.0",
diff --git a/yarn.lock b/yarn.lock
index 531ff26314d..daafaedd3d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8949,9 +8949,9 @@ prettier@^1.7.0:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.7.4.tgz#5e8624ae9363c80f95ec644584ecdf55d74f93fa"
 
-prettier@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.8.1.tgz#91064d778c08c85ac1cbe6b23195c34310d039f9"
+prettier@^1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.8.2.tgz#bff83e7fd573933c607875e5ba3abbdffb96aeb8"
 
 pretty-bytes@^4.0.2:
   version "4.0.2"

From 3519d8da84416a3ca39a1f245fee745c97e19240 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 20:40:33 +0000
Subject: [PATCH 42/46] Update @types/node from 8.0.50 to 8.0.51 in
 addons/knobs

---
 addons/knobs/package.json | 2 +-
 yarn.lock                 | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index a7e19b4be12..8a037b0c94d 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -28,7 +28,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/node": "^8.0.50",
+    "@types/node": "^8.0.51",
     "@types/react": "^16.0.21",
     "raw-loader": "^0.5.1",
     "react": "^16.1.0",
diff --git a/yarn.lock b/yarn.lock
index daafaedd3d5..cffb599213a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -101,9 +101,9 @@
   version "6.0.88"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.88.tgz#f618f11a944f6a18d92b5c472028728a3e3d4b66"
 
-"@types/node@^8.0.50":
-  version "8.0.50"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.50.tgz#dc545448e128c88c4eec7cd64025fcc3b7604541"
+"@types/node@^8.0.51":
+  version "8.0.51"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.51.tgz#b31d716fb8d58eeb95c068a039b9b6292817d5fb"
 
 "@types/react@^16.0.18":
   version "16.0.19"

From c789979b416f5fcdac47d23d492c286959b50687 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 20:41:41 +0000
Subject: [PATCH 43/46] Update @types/react from 16.0.21 to 16.0.22 in
 addons/knobs

---
 addons/knobs/package.json | 2 +-
 yarn.lock                 | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 8a037b0c94d..a1de4499bd9 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@types/node": "^8.0.51",
-    "@types/react": "^16.0.21",
+    "@types/react": "^16.0.22",
     "raw-loader": "^0.5.1",
     "react": "^16.1.0",
     "react-dom": "^16.1.0",
diff --git a/yarn.lock b/yarn.lock
index cffb599213a..8a23560982f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -113,9 +113,9 @@
   version "16.0.20"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.20.tgz#dc16feb9c0bdf50e439482c6fd3c43d5a1d9f3b1"
 
-"@types/react@^16.0.21":
-  version "16.0.21"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.21.tgz#1f4313594f784a477521a0795c46e7b832051ef3"
+"@types/react@^16.0.22":
+  version "16.0.22"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.22.tgz#19ad106e124aceebd2b4d430a278d55413ee8759"
 
 JSONStream@^1.0.4:
   version "1.3.1"

From 9383acdaf5ce6e4dabaae62a85577adb3a9be377 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 20:42:46 +0000
Subject: [PATCH 44/46] Update ws from 3.3.0 to 3.3.1 in app/react-native

---
 app/react-native/package.json | 2 +-
 yarn.lock                     | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/react-native/package.json b/app/react-native/package.json
index f78069c10c9..b86d7a2dd4e 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -68,7 +68,7 @@
     "webpack": "^3.8.1",
     "webpack-dev-middleware": "^1.12.0",
     "webpack-hot-middleware": "^2.20.0",
-    "ws": "^3.3.0"
+    "ws": "^3.3.1"
   },
   "devDependencies": {
     "babel-cli": "^6.26.0",
diff --git a/yarn.lock b/yarn.lock
index 8a23560982f..0b59e39ec29 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12310,9 +12310,9 @@ ws@^3.0.0:
     safe-buffer "~5.1.0"
     ultron "~1.1.0"
 
-ws@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-3.3.0.tgz#f8b948a1378af7efa702f5513da08dd516897c31"
+ws@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-3.3.1.tgz#d97e34dee06a1190c61ac1e95f43cb60b78cf939"
   dependencies:
     async-limiter "~1.0.0"
     safe-buffer "~5.1.0"

From 3a4d6f96c634041acda69508c29e4b1104ce5bc8 Mon Sep 17 00:00:00 2001
From: "Dependencies.io Bot" <bot@dependencies.io>
Date: Fri, 10 Nov 2017 20:43:54 +0000
Subject: [PATCH 45/46] Update react-render-html from 0.5.2 to 0.6.0 in
 addons/comments

---
 addons/comments/package.json | 2 +-
 yarn.lock                    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/addons/comments/package.json b/addons/comments/package.json
index 49cb31c72fd..2c4c919fb78 100644
--- a/addons/comments/package.json
+++ b/addons/comments/package.json
@@ -32,7 +32,7 @@
     "marked": "^0.3.6",
     "moment": "^2.19.0",
     "prop-types": "^15.6.0",
-    "react-render-html": "^0.5.2",
+    "react-render-html": "^0.6.0",
     "react-textarea-autosize": "^5.2.0"
   },
   "devDependencies": {
diff --git a/yarn.lock b/yarn.lock
index 0b59e39ec29..764b2ff984f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9458,9 +9458,9 @@ react-proxy@^1.1.7:
     lodash "^4.6.1"
     react-deep-force-update "^1.0.0"
 
-react-render-html@^0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/react-render-html/-/react-render-html-0.5.2.tgz#de5889ccb447221f8e64ff570bb5f77a8dc4f138"
+react-render-html@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/react-render-html/-/react-render-html-0.6.0.tgz#1af51d859ed75474435a1c65c293a48e12c36627"
   dependencies:
     parse5 "^3.0.2"
     react-attr-converter "^0.3.1"

From 03507ceb3b4621f4f05d02541c3753586cee5232 Mon Sep 17 00:00:00 2001
From: hypnos <Filipp.Riabchun@jetbrains.com>
Date: Fri, 10 Nov 2017 23:59:40 +0300
Subject: [PATCH 46/46] Run lint --fix

---
 addons/background/src/__tests__/BackgroundPanel.js | 6 +++---
 addons/background/src/__tests__/Swatch.js          | 6 +++---
 addons/background/src/__tests__/index.js           | 4 ++--
 addons/knobs/src/react/index.test.js               | 2 +-
 lib/channels/src/index.test.js                     | 8 ++++----
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/addons/background/src/__tests__/BackgroundPanel.js b/addons/background/src/__tests__/BackgroundPanel.js
index 1b05ef8212d..dd37d25380c 100644
--- a/addons/background/src/__tests__/BackgroundPanel.js
+++ b/addons/background/src/__tests__/BackgroundPanel.js
@@ -27,7 +27,7 @@ describe('Background Panel', () => {
   it('should have a default background value of transparent', () => {
     const backgroundPanel = shallow(<BackgroundPanel channel={channel} api={mockedApi} />);
 
-    expect(backgroundPanel.state().backgrounds.length).toBe(0);
+    expect(backgroundPanel.state().backgrounds).toHaveLength(0);
   });
 
   it('should show setup instructions if no colors provided', () => {
@@ -72,7 +72,7 @@ describe('Background Panel', () => {
 
     // check to make sure the default bg was added
     const headings = backgroundPanel.find('h4');
-    expect(headings.length).toBe(8);
+    expect(headings).toHaveLength(8);
   });
 
   it('should allow the default swatch become the background color', () => {
@@ -90,7 +90,7 @@ describe('Background Panel', () => {
 
     // check to make sure the default bg was added
     const headings = backgroundPanel.find('h4');
-    expect(headings.length).toBe(8);
+    expect(headings).toHaveLength(8);
   });
 
   it('should unset all swatches on receiving the background-unset message', () => {
diff --git a/addons/background/src/__tests__/Swatch.js b/addons/background/src/__tests__/Swatch.js
index 4d2956c5318..c446b7ecfe1 100644
--- a/addons/background/src/__tests__/Swatch.js
+++ b/addons/background/src/__tests__/Swatch.js
@@ -17,7 +17,7 @@ describe('Swatch', () => {
       <Swatch value="bar" name="foo" setBackground={mockedSetBackround} />
     ).html();
 
-    expect(markup.match(/foo/gim).length).toBe(1);
+    expect(markup.match(/foo/gim)).toHaveLength(1);
   });
 
   it('should render the value of the swatch and set it to be the background', () => {
@@ -25,8 +25,8 @@ describe('Swatch', () => {
       <Swatch value="bar" name="foo" setBackground={mockedSetBackround} />
     ).html();
 
-    expect(markup.match(/background:bar/gim).length).toBe(1);
-    expect(markup.match(/bar/gim).length).toBe(2);
+    expect(markup.match(/background:bar/gim)).toHaveLength(1);
+    expect(markup.match(/bar/gim)).toHaveLength(2);
   });
 
   it('should emit message on click', () => {
diff --git a/addons/background/src/__tests__/index.js b/addons/background/src/__tests__/index.js
index 2e940df3fb2..d097228959c 100644
--- a/addons/background/src/__tests__/index.js
+++ b/addons/background/src/__tests__/index.js
@@ -31,7 +31,7 @@ describe('Background Decorator', () => {
       <BackgroundDecorator story={testStory} channel={SpiedChannel} />
     );
 
-    expect(backgroundDecorator.html().match(/background:transparent/gim).length).toBe(1);
+    expect(backgroundDecorator.html().match(/background:transparent/gim)).toHaveLength(1);
   });
 
   it('should set internal state when background event called', () => {
@@ -87,6 +87,6 @@ describe('Background Decorator', () => {
     );
 
     backgroundDecorator.setProps({ randomProp: true });
-    expect(story.mock.calls.length).toBe(1);
+    expect(story.mock.calls).toHaveLength(1);
   });
 });
diff --git a/addons/knobs/src/react/index.test.js b/addons/knobs/src/react/index.test.js
index d6f560ada1c..75b1a08e47f 100644
--- a/addons/knobs/src/react/index.test.js
+++ b/addons/knobs/src/react/index.test.js
@@ -17,7 +17,7 @@ describe('React Handler', () => {
 
       const wrappedStory = reactHandler(testChannel, testStore)(testStory)(testContext);
       const wrapper = shallow(wrappedStory);
-      expect(wrapper.find('#test-story').length).toBe(1);
+      expect(wrapper.find('#test-story')).toHaveLength(1);
 
       const storyWrapperProps = wrappedStory.props;
       expect(storyWrapperProps.channel).toEqual(testChannel);
diff --git a/lib/channels/src/index.test.js b/lib/channels/src/index.test.js
index 987edb2f682..9adc28d79ef 100644
--- a/lib/channels/src/index.test.js
+++ b/lib/channels/src/index.test.js
@@ -100,8 +100,8 @@ describe('Channel', () => {
       channel.once('type-1', 11);
       channel.once('type-2', 21);
       channel.once('type-2', 22);
-      expect(channel._listeners['type-1'].length).toEqual(1);
-      expect(channel._listeners['type-2'].length).toEqual(2);
+      expect(channel._listeners['type-1']).toHaveLength(1);
+      expect(channel._listeners['type-2']).toHaveLength(2);
     });
 
     it('should call event listeners only once', () => {
@@ -131,8 +131,8 @@ describe('Channel', () => {
       channel.prependOnceListener('type-1', 11);
       channel.prependOnceListener('type-2', 21);
       channel.prependOnceListener('type-2', 22);
-      expect(channel._listeners['type-1'].length).toEqual(1);
-      expect(channel._listeners['type-2'].length).toEqual(2);
+      expect(channel._listeners['type-1']).toHaveLength(1);
+      expect(channel._listeners['type-2']).toHaveLength(2);
     });
 
     it('should call event listeners only once', () => {