Merge branch 'master' of github.com:storybooks/storybook

.github/PULL_REQUEST_TEMPLATE.md

@@ -10,5 +10,5 @@ Does this need an update to the documentation?
 
 If your answer is yes to any of these, please make sure to include it in your PR.
 
-Please tag your pull request with at least one of the following:
+For maintainers only: Please tag your pull request with at least one of the following:
 `["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]`

.teamcity/OpenSourceProjects_Storybook/Project.kt

@@ -33,6 +33,7 @@ object Project : Project({
     buildType(OpenSourceProjects_Storybook_Polymer)
     buildType(OpenSourceProjects_Storybook_Mithril)
     buildType(OpenSourceProjects_Storybook_SmokeTests)
+    buildType(OpenSourceProjects_Storybook_Chromatic)
 
     features {
         versionedSettings {

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Build_2.kt

@@ -83,5 +83,10 @@ object OpenSourceProjects_Storybook_Build_2 : BuildType({
                 onDependencyCancel = FailureAction.CANCEL
             }
         }
+        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Chromatic) {
+            snapshot {
+                onDependencyCancel = FailureAction.CANCEL
+            }
+        }
     }
 })

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Chromatic.kt

@@ -0,0 +1,98 @@
+package OpenSourceProjects_Storybook.buildTypes
+
+import jetbrains.buildServer.configs.kotlin.v2017_2.*
+import jetbrains.buildServer.configs.kotlin.v2017_2.buildFeatures.commitStatusPublisher
+import jetbrains.buildServer.configs.kotlin.v2017_2.buildSteps.script
+import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.BuildFailureOnMetric
+import jetbrains.buildServer.configs.kotlin.v2017_2.failureConditions.failOnMetricChange
+
+object OpenSourceProjects_Storybook_Chromatic : BuildType({
+    uuid = "8cc5f747-4ca7-4f0d-940d-b0c422f501a6-chromatic"
+    id = "OpenSourceProjects_Storybook_Chromatic"
+    name = "Chromatic"
+
+    vcs {
+        root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
+
+    }
+
+    steps {
+        script {
+            name = "Bootstrap"
+            scriptContent = """
+                yarn
+                yarn bootstrap --core
+            """.trimIndent()
+            dockerImage = "node:latest"
+        }
+        script {
+            name = "Chromatic"
+            scriptContent = "yarn chromatic"
+            dockerImage = "node:latest"
+        }
+    }
+
+    features {
+        commitStatusPublisher {
+            publisher = github {
+                githubUrl = "https://api.github.com"
+                authType = personalToken {
+                    token = "credentialsJSON:5ffe2d7e-531e-4f6f-b1fc-a41bfea26eaa"
+                }
+            }
+            param("github_oauth_user", "Hypnosphi")
+        }
+    }
+
+    dependencies {
+        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_CRA) {
+            snapshot {
+                onDependencyCancel = FailureAction.CANCEL
+            }
+
+            artifacts {
+                artifactRules = "cra.zip!** => examples/cra-kitchen-sink/storybook-static"
+            }
+        }
+        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Vue) {
+            snapshot {
+                onDependencyCancel = FailureAction.CANCEL
+            }
+
+            artifacts {
+                artifactRules = "vue.zip!** => examples/vue-kitchen-sink/storybook-static"
+            }
+        }
+        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Angular) {
+            snapshot {
+                onDependencyCancel = FailureAction.CANCEL
+            }
+
+            artifacts {
+                artifactRules = "angular.zip!** => examples/angular-cli/storybook-static"
+            }
+        }
+        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Polymer) {
+            snapshot {
+                onDependencyCancel = FailureAction.CANCEL
+            }
+
+            artifacts {
+                artifactRules = "polymer.zip!** => examples/polymer-cli/storybook-static"
+            }
+        }
+        dependency(OpenSourceProjects_Storybook.buildTypes.OpenSourceProjects_Storybook_Mithril) {
+            snapshot {
+                onDependencyCancel = FailureAction.CANCEL
+            }
+
+            artifacts {
+                artifactRules = "mithril.zip!** => examples/mithril-kitchen-sink/storybook-static"
+            }
+        }
+    }
+
+    requirements {
+        doesNotContain("env.OS", "Windows")
+    }
+})

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_Examples.kt

@@ -47,11 +47,6 @@ object OpenSourceProjects_Storybook_Examples : BuildType({
             """.trimIndent()
             dockerImage = "node:latest"
         }
-        script {
-            name = "Chromatic"
-            scriptContent = "yarn chromatic"
-            dockerImage = "node:latest"
-        }
         script {
             name = "Image storyshots"
             scriptContent = """

.teamcity/OpenSourceProjects_Storybook/buildTypes/OpenSourceProjects_Storybook_ReactNative.kt

@@ -18,6 +18,7 @@ object OpenSourceProjects_Storybook_ReactNative : BuildType({
     vcs {
         root(OpenSourceProjects_Storybook.vcsRoots.OpenSourceProjects_Storybook_HttpsGithubComStorybooksStorybookRefsHeadsMaster)
 
+        cleanCheckout = true
     }
 
     steps {

CHANGELOG.md

@@ -19,7 +19,6 @@ Also includes changes from 3.4.1
 #### Bug Fixes
 
 -   Enforce addons store being a singleton by storing it in global variable [#3383](https://github.com/storybooks/storybook/pull/3383)
--   Scroll preview pane for non-percentage heights [#3342](https://github.com/storybooks/storybook/pull/3342)
 -   Scroll to top of the page when changing story [#3338](https://github.com/storybooks/storybook/pull/3338)
 -   Fix HtmlWebpackPlugin error [#3328](https://github.com/storybooks/storybook/pull/3328)
 
@@ -189,15 +188,9 @@ Also includes changes from 3.4.1
 
 #### Bug Fixes
 
+-   Scroll preview pane for non-percentage heights [#3342](https://github.com/storybooks/storybook/pull/3342)
 -   Replacing Report Fragment with div [#3372](https://github.com/storybooks/storybook/pull/3372)
 -   Don't use direct react dependency in core [#3382](https://github.com/storybooks/storybook/pull/3382)
--   Storyshots: Remove default options on "goto" call [#3298](https://github.com/storybooks/storybook/pull/3298)
--   CLI: add error handling for latest_version helper [#3297](https://github.com/storybooks/storybook/pull/3297)
--   Refactor CLI to use `npm` and `yarn` instead of third party packages [#3275](https://github.com/storybooks/storybook/pull/3275)
--   Fix issue when extending webpack config [#3279](https://github.com/storybooks/storybook/pull/3279)
--   Info addon: Object proptype is shown proptable [#3255](https://github.com/storybooks/storybook/pull/3255)
--   Storyshots: fix renderer and serializer options [#3252](https://github.com/storybooks/storybook/pull/3252)
--   Angular: use resolveLoader from cliCommonConfig [#3251](https://github.com/storybooks/storybook/pull/3251)
 
 #### Documentation
 

addons/a11y/package.json

@@ -31,7 +31,7 @@
     "axe-core": "^3.0.1",
     "babel-runtime": "^6.26.0",
     "glamor": "^2.20.40",
-    "glamorous": "^4.12.1",
+    "glamorous": "^4.12.3",
     "prop-types": "^15.6.1"
   },
   "devDependencies": {

addons/actions/README.md

@@ -35,10 +35,12 @@ Import the `action` function and use it to create actions handlers. When creatin
 
 ```js
 import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
+import { action, configureActions } from '@storybook/addon-actions';
 
 import Button from './button';
 
+action('button-click')
+
 storiesOf('Button', module)
   .add('default view', () => (
     <Button onClick={ action('button-click') }>
@@ -69,3 +71,34 @@ storiesOf('Button', module)
     </Button>
   ))
 ```
+
+## Configuration
+
+Arguments which are passed to the action call will have to be serialized while be "transfered"
+over the channel.
+
+This is not very optimal and can cause lag when large objects are being logged, for this reason it is possible 
+to configure a maximum depth.
+
+To apply the configuration globally use the `configureActions` function in your `config.js` file.
+
+```js
+import { configureActions } from '@storybook/addon-actions';
+
+configureActions({
+  depth: 100
+})
+```
+
+To apply the configuration per action use:
+```js
+action('my-action', {
+  depth: 5 
+})
+```
+
+### Available Options
+
+|Name|Type|Description|Default|
+|---|---|---|---|
+|`depth`|Number|Configures the transfered depth of any logged objects.|`10`|

addons/actions/package.json

@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "deep-equal": "^1.0.1",
     "glamor": "^2.20.40",
-    "glamorous": "^4.12.1",
+    "glamorous": "^4.12.3",
     "global": "^4.3.2",
     "make-error": "^1.3.4",
     "prop-types": "^15.6.1",
-    "react-inspector": "^2.2.2",
+    "react-inspector": "^2.3.0",
     "uuid": "^3.2.1"
   },
   "peerDependencies": {

addons/actions/src/index.js

@@ -1,6 +1,8 @@
+import { action, configureActions, decorateAction } from './preview';
+
 // addons, panels and events get unique names using a prefix
 export const ADDON_ID = 'storybook/actions';
 export const PANEL_ID = `${ADDON_ID}/actions-panel`;
 export const EVENT_ID = `${ADDON_ID}/action-event`;
 
-export { action, decorateAction } from './preview';
+export { action, configureActions, decorateAction };

addons/actions/src/lib/decycle.js

@@ -1,25 +1,25 @@
 import { DecycleError } from './errors';
 
-import { getPropertiesList, typeReplacer } from './util';
+import { getPropertiesList, typeReplacer, omitProperty } from './util';
 
 import { CYCLIC_KEY } from './';
 
 import { objectType } from './types';
 
+import { DEPTH_KEY } from './types/object/configureDepth';
+
+const { hasOwnProperty } = Object.prototype;
+
 export default function decycle(object, depth = 10) {
   const objects = new WeakMap();
 
   let isCyclic = false;
 
-  const res = (function derez(value, path, _depth) {
+  const res = (function derez(value, path, _depth, _branchDepthMax) {
     let oldPath;
     let obj;
 
-    if (Object(value) === value && _depth > depth) {
-      const name = value.constructor ? value.constructor.name : typeof value;
-
-      return `[${name}...]`;
-    }
+    let maxDepth = _branchDepthMax;
 
     const result = typeReplacer(value);
 
@@ -51,19 +51,40 @@ export default function decycle(object, depth = 10) {
       if (Array.isArray(value)) {
         obj = [];
         for (let i = 0; i < value.length; i += 1) {
-          obj[i] = derez(value[i], `${path}[${i}]`, _depth + 1);
+          obj[i] = derez(value[i], `${path}[${i}]`, _depth + 1, maxDepth);
         }
       } else {
         obj = objectType.serialize(value);
 
-        getPropertiesList(value).forEach(name => {
-          try {
-            obj[name] = derez(value[name], `${path}[${JSON.stringify(name)}]`, _depth + 1);
-          } catch (error) {
-            console.error(error); // eslint-disable-line no-console
-            obj[name] = new DecycleError(error.message);
+        let newDepth;
+        if (hasOwnProperty.call(obj, DEPTH_KEY)) {
+          if (_depth + 1 < maxDepth) {
+            const depthKey = obj[DEPTH_KEY];
+
+            newDepth = depthKey === 0 ? 0 : _depth + depthKey;
+            maxDepth = newDepth >= depth ? depth : newDepth;
           }
-        });
+
+          delete obj[DEPTH_KEY];
+        }
+
+        if (_depth <= maxDepth) {
+          getPropertiesList(value).forEach(name => {
+            if (!omitProperty(name)) {
+              try {
+                obj[name] = derez(
+                  value[name],
+                  `${path}[${JSON.stringify(name)}]`,
+                  _depth + 1,
+                  maxDepth
+                );
+              } catch (error) {
+                console.error(error); // eslint-disable-line no-console
+                obj[name] = new DecycleError(error.message);
+              }
+            }
+          });
+        }
       }
 
       if (_depth === 0 && value instanceof Object && isCyclic) {
@@ -74,7 +95,7 @@ export default function decycle(object, depth = 10) {
     }
 
     return value;
-  })(object, '$', 0);
+  })(object, '$', 0, depth);
 
   return res;
 }

addons/actions/src/lib/types/object/__tests__/index.js

@@ -1,11 +1,15 @@
 import objectType from '../';
+import { DEPTH_KEY } from '../configureDepth';
 
 describe('Object', () => {
   it('Serializes Object', () => {
     function C() {}
     const c = new C();
 
-    expect(objectType.serialize(c)).toEqual({ [objectType.KEY]: 'C' });
+    expect(objectType.serialize(c)).toEqual({
+      [DEPTH_KEY]: 2,
+      [objectType.KEY]: 'C',
+    });
   });
 
   it('Deserializes Object', () => {

addons/actions/src/lib/types/object/configureDepth.js

@@ -0,0 +1,7 @@
+export const DEPTH_KEY = '$___storybook.depthKey';
+
+export default function configureDepth(obj, depth = 0) {
+  obj[DEPTH_KEY] = depth; // eslint-disable-line no-param-reassign
+
+  return obj;
+}

addons/actions/src/lib/types/object/index.js

@@ -1,12 +1,21 @@
 import createNamedObject from './createNamedObject';
 import getObjectName from './getObjectName';
+import configureDepth from './configureDepth';
 
+const maxDepth = 2;
 const KEY = '$___storybook.objectName';
 
 const objectType = {
   KEY,
   // is: (value) => , // not used
-  serialize: value => ({ [KEY]: getObjectName(value) }),
+  serialize: value => {
+    const objectName = getObjectName(value);
+    if (objectName === 'Object') {
+      return { [KEY]: objectName };
+    }
+
+    return configureDepth({ [KEY]: objectName }, maxDepth);
+  },
   deserialize: value => createNamedObject(value, KEY),
 };
 

addons/actions/src/lib/util/index.js

@@ -5,3 +5,4 @@ export muteProperty from './muteProperty';
 export prepareArguments from './prepareArguments';
 export typeReviver from './typeReviver';
 export typeReplacer from './typeReplacer';
+export omitProperty from './omitProperty';

addons/actions/src/lib/util/omitProperty.js

@@ -0,0 +1,3 @@
+export default function omitProperty(name) {
+  return name.startsWith('__') || name.startsWith('STORYBOOK_');
+}

addons/actions/src/lib/util/prepareArguments.js

@@ -1,12 +1,8 @@
 import { decycle } from '../index';
 
-export default function prepareArguments(arg) {
-  if (arg && typeof arg.preventDefault !== 'undefined') {
-    return JSON.stringify(`[${arg.constructor.name}]`);
-  }
-
+export default function prepareArguments(arg, depth) {
   try {
-    return JSON.stringify(decycle(arg));
+    return JSON.stringify(decycle(arg, depth));
   } catch (error) {
     return error.toString(); // IE still cyclic.
   }

addons/actions/src/preview/__tests__/action.test.js

@@ -0,0 +1,90 @@
+import addons from '@storybook/addons';
+import { action, configureActions } from '../../';
+
+jest.mock('@storybook/addons');
+
+const getChannelData = channel =>
+  channel.emit.mock.calls[channel.emit.mock.calls.length - 1][1].data;
+
+describe('Action', () => {
+  const channel = { emit: jest.fn() };
+  addons.getChannel.mockReturnValue(channel);
+
+  it('with one argument', () => {
+    action('test-action')('one');
+
+    expect(getChannelData(channel).args[0]).toEqual('"one"');
+  });
+
+  it('with multiple arguments', () => {
+    action('test-action')('one', 'two', 'three');
+
+    expect(getChannelData(channel).args).toEqual(['"one"', '"two"', '"three"']);
+  });
+
+  it('with global depth configuration', () => {
+    const depth = 1;
+
+    configureActions({
+      depth,
+    });
+
+    action('test-action')({
+      root: {
+        one: {
+          two: 'foo',
+        },
+      },
+    });
+
+    expect(getChannelData(channel).args[0]).toEqual(
+      JSON.stringify({
+        '$___storybook.objectName': 'Object',
+        root: {
+          '$___storybook.objectName': 'Object',
+          one: {
+            '$___storybook.objectName': 'Object',
+          },
+        },
+      })
+    );
+  });
+
+  it('per action depth option overrides global config', () => {
+    configureActions({
+      depth: 1,
+    });
+
+    action('test-action', { depth: 3 })({
+      root: {
+        one: {
+          two: {
+            three: {
+              four: {
+                five: 'foo',
+              },
+            },
+          },
+        },
+      },
+    });
+
+    expect(getChannelData(channel).args[0]).toEqual(
+      JSON.stringify({
+        '$___storybook.objectName': 'Object',
+        root: {
+          '$___storybook.objectName': 'Object',
+          one: {
+            '$___storybook.objectName': 'Object',
+            two: {
+              '$___storybook.objectName': 'Object',
+              three: {
+                '$___storybook.objectName': 'Object',
+              },
+            },
+          },
+        },
+      })
+    );
+  });
+});

addons/actions/src/preview/__tests__/configureActions.test.js

@@ -0,0 +1,16 @@
+import { config } from '../configureActions';
+import { configureActions } from '../../';
+
+describe('Configure Actions', () => {
+  it('can configure actions', () => {
+    const depth = 100;
+
+    configureActions({
+      depth,
+    });
+
+    expect(config).toEqual({
+      depth,
+    });
+  });
+});

addons/actions/src/preview/__tests__/preview.test.js

@@ -1,7 +1,7 @@
 import addons from '@storybook/addons';
 import uuid from 'uuid/v1';
-import { action } from './preview';
-import { undefinedType, symbolType } from './lib/types';
+import { action } from '../';
+import { undefinedType, symbolType } from '../../lib/types';
 
 jest.mock('uuid/v1');
 jest.mock('@storybook/addons');

addons/actions/src/preview/action.js

@@ -1,12 +1,18 @@
-import addons from '@storybook/addons';
 import uuid from 'uuid/v1';
-import { EVENT_ID } from './';
-import { canConfigureName, prepareArguments } from './lib/util';
+import addons from '@storybook/addons';
+import { EVENT_ID } from '../';
+import { canConfigureName, prepareArguments } from '../lib/util';
+import { config } from './configureActions';
+
+export default function action(name, options = {}) {
+  const actionOptions = {
+    ...config,
+    ...options,
+  };
 
-export function action(name) {
   // eslint-disable-next-line no-shadow
   const handler = function action(..._args) {
-    const args = _args.map(prepareArguments);
+    const args = _args.map(arg => prepareArguments(arg, actionOptions.depth));
     const channel = addons.getChannel();
     const id = uuid();
     channel.emit(EVENT_ID, {
@@ -20,13 +26,3 @@ export function action(name) {
   }
   return handler;
 }
-
-export function decorateAction(decorators) {
-  return name => {
-    const callAction = action(name);
-    return (..._args) => {
-      const decorated = decorators.reduce((args, fn) => fn(args), _args);
-      callAction(...decorated);
-    };
-  };
-}

addons/actions/src/preview/configureActions.js

@@ -0,0 +1,7 @@
+export const config = {
+  depth: 10,
+};
+
+export function configureActions(options = {}) {
+  Object.assign(config, options);
+}

addons/actions/src/preview/decorateAction.js

@@ -0,0 +1,11 @@
+import { action } from '../preview';
+
+export default function decorateAction(decorators) {
+  return (name, options) => {
+    const callAction = action(name, options);
+    return (..._args) => {
+      const decorated = decorators.reduce((args, fn) => fn(args), _args);
+      callAction(...decorated);
+    };
+  };
+}

addons/actions/src/preview/index.js

@@ -0,0 +1,3 @@
+export { default as action } from './action';
+export { configureActions } from './configureActions';
+export { default as decorateAction } from './decorateAction';

addons/background/package.json

@@ -28,7 +28,7 @@
     "babel-runtime": "^6.26.0",
     "global": "^4.3.2",
     "prop-types": "^15.6.1",
-    "react-lifecycles-compat": "^3.0.0"
+    "react-lifecycles-compat": "^3.0.2"
   },
   "peerDependencies": {
     "react": "*"

addons/centered/package.json

@@ -14,7 +14,7 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "react-dom": "^16.3.1"
+    "react-dom": "^16.3.2"
   },
   "peerDependencies": {
     "react": "*"

addons/events/package.json

@@ -25,7 +25,7 @@
     "babel-runtime": "^6.26.0",
     "format-json": "^1.0.3",
     "prop-types": "^15.6.1",
-    "react-lifecycles-compat": "^3.0.0",
+    "react-lifecycles-compat": "^3.0.2",
     "react-textarea-autosize": "^6.1.0"
   },
   "peerDependencies": {

addons/info/package.json

@@ -19,19 +19,19 @@
     "@storybook/components": "4.0.0-alpha.2",
     "babel-runtime": "^6.26.0",
     "glamor": "^2.20.40",
-    "glamorous": "^4.12.1",
+    "glamorous": "^4.12.3",
     "global": "^4.3.2",
     "marksy": "^6.0.3",
     "nested-object-assign": "^1.0.1",
     "prop-types": "^15.6.1",
     "react-addons-create-fragment": "^15.5.3",
-    "react-lifecycles-compat": "^3.0.0",
+    "react-lifecycles-compat": "^3.0.2",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@storybook/addon-actions": "4.0.0-alpha.2",
     "@storybook/react": "4.0.0-alpha.2",
-    "react-test-renderer": "^16.3.1"
+    "react-test-renderer": "^16.3.2"
   },
   "peerDependencies": {
     "react": "*",

addons/info/src/__snapshots__/index.test.js.snap

@@ -796,12 +796,15 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               maxPropArrayLength={3}
                                               maxPropObjectKeys={3}
                                               maxPropStringLength={50}
+                                              maxPropsIntoLine={3}
                                               val={[Function]}
                                             >
                                               <PropVal
+                                                level={1}
                                                 maxPropArrayLength={3}
                                                 maxPropObjectKeys={3}
                                                 maxPropStringLength={50}
+                                                maxPropsIntoLine={3}
                                                 theme={
                                                   Object {
                                                     "button": Object {
@@ -932,6 +935,7 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               maxPropArrayLength={3}
                                               maxPropObjectKeys={3}
                                               maxPropStringLength={50}
+                                              maxPropsIntoLine={3}
                                               val={
                                                 Object {
                                                   "a": "a",
@@ -940,9 +944,11 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               }
                                             >
                                               <PropVal
+                                                level={1}
                                                 maxPropArrayLength={3}
                                                 maxPropObjectKeys={3}
                                                 maxPropStringLength={50}
+                                                maxPropsIntoLine={3}
                                                 theme={
                                                   Object {
                                                     "button": Object {
@@ -1041,135 +1047,187 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               >
                                                 <span>
                                                   {
-                                                  <span
-                                                    style={
+                                                  <PreviewObject
+                                                    level={1}
+                                                    maxPropObjectKeys={3}
+                                                    maxPropStringLength={50}
+                                                    maxPropsIntoLine={3}
+                                                    val={
                                                       Object {
-                                                        "color": "#666",
+                                                        "a": "a",
+                                                        "b": "b",
+                                                      }
+                                                    }
+                                                    valueStyles={
+                                                      Object {
+                                                        "array": Object {
+                                                          "color": "#666",
+                                                        },
+                                                        "attr": Object {
+                                                          "color": "#666",
+                                                        },
+                                                        "bool": Object {
+                                                          "color": "#a11",
+                                                        },
+                                                        "empty": Object {
+                                                          "color": "#777",
+                                                        },
+                                                        "func": Object {
+                                                          "color": "#170",
+                                                        },
+                                                        "number": Object {
+                                                          "color": "#a11",
+                                                        },
+                                                        "object": Object {
+                                                          "color": "#666",
+                                                        },
+                                                        "string": Object {
+                                                          "color": "#22a",
+                                                          "wordBreak": "break-word",
+                                                        },
                                                       }
                                                     }
                                                   >
-                                                    {
                                                     <span
-                                                      key="k0/.0"
                                                       style={
                                                         Object {
                                                           "color": "#666",
                                                         }
                                                       }
                                                     >
-                                                      a
-                                                    </span>
-                                                    : 
-                                                    <PropVal
-                                                      key="v0/.0"
-                                                      maxPropArrayLength={3}
-                                                      maxPropObjectKeys={3}
-                                                      maxPropStringLength={50}
-                                                      theme={Object {}}
-                                                      val="a"
-                                                      valueStyles={
-                                                        Object {
-                                                          "array": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "attr": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "bool": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "empty": Object {
-                                                            "color": "#777",
-                                                          },
-                                                          "func": Object {
-                                                            "color": "#170",
-                                                          },
-                                                          "number": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "object": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "string": Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
-                                                          },
-                                                        }
-                                                      }
-                                                    >
+                                                      {
                                                       <span
-                                                        style={
+                                                        key="k0/.0"
+                                                      >
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#666",
+                                                            }
+                                                          }
+                                                        >
+                                                          a
+                                                        </span>
+                                                      </span>
+                                                      : 
+                                                      <PropVal
+                                                        key="v0/.0"
+                                                        level={2}
+                                                        maxPropArrayLength={3}
+                                                        maxPropObjectKeys={3}
+                                                        maxPropStringLength={50}
+                                                        maxPropsIntoLine={3}
+                                                        theme={Object {}}
+                                                        val="a"
+                                                        valueStyles={
                                                           Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
+                                                            "array": Object {
+                                                              "color": "#666",
+                                                            },
+                                                            "attr": Object {
+                                                              "color": "#666",
+                                                            },
+                                                            "bool": Object {
+                                                              "color": "#a11",
+                                                            },
+                                                            "empty": Object {
+                                                              "color": "#777",
+                                                            },
+                                                            "func": Object {
+                                                              "color": "#170",
+                                                            },
+                                                            "number": Object {
+                                                              "color": "#a11",
+                                                            },
+                                                            "object": Object {
+                                                              "color": "#666",
+                                                            },
+                                                            "string": Object {
+                                                              "color": "#22a",
+                                                              "wordBreak": "break-word",
+                                                            },
                                                           }
                                                         }
                                                       >
-                                                        a
-                                                      </span>
-                                                    </PropVal>
-                                                    , 
-                                                    <span
-                                                      key="k1/.0"
-                                                      style={
-                                                        Object {
-                                                          "color": "#666",
-                                                        }
-                                                      }
-                                                    >
-                                                      b
-                                                    </span>
-                                                    : 
-                                                    <PropVal
-                                                      key="v1/.0"
-                                                      maxPropArrayLength={3}
-                                                      maxPropObjectKeys={3}
-                                                      maxPropStringLength={50}
-                                                      theme={Object {}}
-                                                      val="b"
-                                                      valueStyles={
-                                                        Object {
-                                                          "array": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "attr": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "bool": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "empty": Object {
-                                                            "color": "#777",
-                                                          },
-                                                          "func": Object {
-                                                            "color": "#170",
-                                                          },
-                                                          "number": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "object": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "string": Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
-                                                          },
-                                                        }
-                                                      }
-                                                    >
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#22a",
+                                                              "wordBreak": "break-word",
+                                                            }
+                                                          }
+                                                        >
+                                                          a
+                                                        </span>
+                                                      </PropVal>
+                                                      ,
                                                       <span
-                                                        style={
+                                                        key="k1/.0"
+                                                      >
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#666",
+                                                            }
+                                                          }
+                                                        >
+                                                          b
+                                                        </span>
+                                                      </span>
+                                                      : 
+                                                      <PropVal
+                                                        key="v1/.0"
+                                                        level={2}
+                                                        maxPropArrayLength={3}
+                                                        maxPropObjectKeys={3}
+                                                        maxPropStringLength={50}
+                                                        maxPropsIntoLine={3}
+                                                        theme={Object {}}
+                                                        val="b"
+                                                        valueStyles={
                                                           Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
+                                                            "array": Object {
+                                                              "color": "#666",
+                                                            },
+                                                            "attr": Object {
+                                                              "color": "#666",
+                                                            },
+                                                            "bool": Object {
+                                                              "color": "#a11",
+                                                            },
+                                                            "empty": Object {
+                                                              "color": "#777",
+                                                            },
+                                                            "func": Object {
+                                                              "color": "#170",
+                                                            },
+                                                            "number": Object {
+                                                              "color": "#a11",
+                                                            },
+                                                            "object": Object {
+                                                              "color": "#666",
+                                                            },
+                                                            "string": Object {
+                                                              "color": "#22a",
+                                                              "wordBreak": "break-word",
+                                                            },
                                                           }
                                                         }
                                                       >
-                                                        b
-                                                      </span>
-                                                    </PropVal>
-                                                    }
-                                                  </span>
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#22a",
+                                                              "wordBreak": "break-word",
+                                                            }
+                                                          }
+                                                        >
+                                                          b
+                                                        </span>
+                                                      </PropVal>
+                                                      }
+                                                    </span>
+                                                  </PreviewObject>
                                                   }
                                                 </span>
                                               </PropVal>
@@ -1198,6 +1256,7 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               maxPropArrayLength={3}
                                               maxPropObjectKeys={3}
                                               maxPropStringLength={50}
+                                              maxPropsIntoLine={3}
                                               val={
                                                 Array [
                                                   1,
@@ -1207,9 +1266,11 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               }
                                             >
                                               <PropVal
+                                                level={1}
                                                 maxPropArrayLength={3}
                                                 maxPropObjectKeys={3}
                                                 maxPropStringLength={50}
+                                                maxPropsIntoLine={3}
                                                 theme={
                                                   Object {
                                                     "button": Object {
@@ -1309,171 +1370,229 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               >
                                                 <span>
                                                   {
-                                                  <span
-                                                    style={
+                                                  <PreviewArray
+                                                    level={1}
+                                                    maxPropArrayLength={3}
+                                                    maxPropStringLength={50}
+                                                    maxPropsIntoLine={3}
+                                                    val={
+                                                      Array [
+                                                        1,
+                                                        2,
+                                                        3,
+                                                      ]
+                                                    }
+                                                    valueStyles={
                                                       Object {
-                                                        "color": "#666",
+                                                        "array": Object {
+                                                          "color": "#666",
+                                                        },
+                                                        "attr": Object {
+                                                          "color": "#666",
+                                                        },
+                                                        "bool": Object {
+                                                          "color": "#a11",
+                                                        },
+                                                        "empty": Object {
+                                                          "color": "#777",
+                                                        },
+                                                        "func": Object {
+                                                          "color": "#170",
+                                                        },
+                                                        "number": Object {
+                                                          "color": "#a11",
+                                                        },
+                                                        "object": Object {
+                                                          "color": "#666",
+                                                        },
+                                                        "string": Object {
+                                                          "color": "#22a",
+                                                          "wordBreak": "break-word",
+                                                        },
                                                       }
                                                     }
                                                   >
-                                                    [
-                                                    <PropVal
-                                                      key="n0/.0"
-                                                      maxPropArrayLength={3}
-                                                      maxPropObjectKeys={3}
-                                                      maxPropStringLength={50}
-                                                      theme={Object {}}
-                                                      val={1}
-                                                      valueStyles={
+                                                    <span
+                                                      style={
                                                         Object {
-                                                          "array": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "attr": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "bool": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "empty": Object {
-                                                            "color": "#777",
-                                                          },
-                                                          "func": Object {
-                                                            "color": "#170",
-                                                          },
-                                                          "number": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "object": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "string": Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
-                                                          },
+                                                          "color": "#666",
                                                         }
                                                       }
                                                     >
-                                                      <span>
-                                                        {
-                                                        <span
-                                                          style={
+                                                      [
+                                                      <span
+                                                        key="n0/.0"
+                                                      >
+                                                        <PropVal
+                                                          level={2}
+                                                          maxPropArrayLength={3}
+                                                          maxPropObjectKeys={3}
+                                                          maxPropStringLength={50}
+                                                          maxPropsIntoLine={3}
+                                                          theme={Object {}}
+                                                          val={1}
+                                                          valueStyles={
                                                             Object {
-                                                              "color": "#a11",
+                                                              "array": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "attr": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "bool": Object {
+                                                                "color": "#a11",
+                                                              },
+                                                              "empty": Object {
+                                                                "color": "#777",
+                                                              },
+                                                              "func": Object {
+                                                                "color": "#170",
+                                                              },
+                                                              "number": Object {
+                                                                "color": "#a11",
+                                                              },
+                                                              "object": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "string": Object {
+                                                                "color": "#22a",
+                                                                "wordBreak": "break-word",
+                                                              },
                                                             }
                                                           }
                                                         >
-                                                          1
-                                                        </span>
-                                                        }
+                                                          <span>
+                                                            {
+                                                            <span
+                                                              style={
+                                                                Object {
+                                                                  "color": "#a11",
+                                                                }
+                                                              }
+                                                            >
+                                                              1
+                                                            </span>
+                                                            }
+                                                          </span>
+                                                        </PropVal>
                                                       </span>
-                                                    </PropVal>
-                                                    , 
-                                                    <PropVal
-                                                      key="n1/.0"
-                                                      maxPropArrayLength={3}
-                                                      maxPropObjectKeys={3}
-                                                      maxPropStringLength={50}
-                                                      theme={Object {}}
-                                                      val={2}
-                                                      valueStyles={
-                                                        Object {
-                                                          "array": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "attr": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "bool": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "empty": Object {
-                                                            "color": "#777",
-                                                          },
-                                                          "func": Object {
-                                                            "color": "#170",
-                                                          },
-                                                          "number": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "object": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "string": Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <span>
-                                                        {
-                                                        <span
-                                                          style={
+                                                      ,
+                                                      <span
+                                                        key="n1/.0"
+                                                      >
+                                                        <PropVal
+                                                          level={2}
+                                                          maxPropArrayLength={3}
+                                                          maxPropObjectKeys={3}
+                                                          maxPropStringLength={50}
+                                                          maxPropsIntoLine={3}
+                                                          theme={Object {}}
+                                                          val={2}
+                                                          valueStyles={
                                                             Object {
-                                                              "color": "#a11",
+                                                              "array": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "attr": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "bool": Object {
+                                                                "color": "#a11",
+                                                              },
+                                                              "empty": Object {
+                                                                "color": "#777",
+                                                              },
+                                                              "func": Object {
+                                                                "color": "#170",
+                                                              },
+                                                              "number": Object {
+                                                                "color": "#a11",
+                                                              },
+                                                              "object": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "string": Object {
+                                                                "color": "#22a",
+                                                                "wordBreak": "break-word",
+                                                              },
                                                             }
                                                           }
                                                         >
-                                                          2
-                                                        </span>
-                                                        }
+                                                          <span>
+                                                            {
+                                                            <span
+                                                              style={
+                                                                Object {
+                                                                  "color": "#a11",
+                                                                }
+                                                              }
+                                                            >
+                                                              2
+                                                            </span>
+                                                            }
+                                                          </span>
+                                                        </PropVal>
                                                       </span>
-                                                    </PropVal>
-                                                    , 
-                                                    <PropVal
-                                                      key="n2/.0"
-                                                      maxPropArrayLength={3}
-                                                      maxPropObjectKeys={3}
-                                                      maxPropStringLength={50}
-                                                      theme={Object {}}
-                                                      val={3}
-                                                      valueStyles={
-                                                        Object {
-                                                          "array": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "attr": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "bool": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "empty": Object {
-                                                            "color": "#777",
-                                                          },
-                                                          "func": Object {
-                                                            "color": "#170",
-                                                          },
-                                                          "number": Object {
-                                                            "color": "#a11",
-                                                          },
-                                                          "object": Object {
-                                                            "color": "#666",
-                                                          },
-                                                          "string": Object {
-                                                            "color": "#22a",
-                                                            "wordBreak": "break-word",
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <span>
-                                                        {
-                                                        <span
-                                                          style={
+                                                      ,
+                                                      <span
+                                                        key="n2/.0"
+                                                      >
+                                                        <PropVal
+                                                          level={2}
+                                                          maxPropArrayLength={3}
+                                                          maxPropObjectKeys={3}
+                                                          maxPropStringLength={50}
+                                                          maxPropsIntoLine={3}
+                                                          theme={Object {}}
+                                                          val={3}
+                                                          valueStyles={
                                                             Object {
-                                                              "color": "#a11",
+                                                              "array": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "attr": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "bool": Object {
+                                                                "color": "#a11",
+                                                              },
+                                                              "empty": Object {
+                                                                "color": "#777",
+                                                              },
+                                                              "func": Object {
+                                                                "color": "#170",
+                                                              },
+                                                              "number": Object {
+                                                                "color": "#a11",
+                                                              },
+                                                              "object": Object {
+                                                                "color": "#666",
+                                                              },
+                                                              "string": Object {
+                                                                "color": "#22a",
+                                                                "wordBreak": "break-word",
+                                                              },
                                                             }
                                                           }
                                                         >
-                                                          3
-                                                        </span>
-                                                        }
+                                                          <span>
+                                                            {
+                                                            <span
+                                                              style={
+                                                                Object {
+                                                                  "color": "#a11",
+                                                                }
+                                                              }
+                                                            >
+                                                              3
+                                                            </span>
+                                                            }
+                                                          </span>
+                                                        </PropVal>
                                                       </span>
-                                                    </PropVal>
-                                                    ]
-                                                  </span>
+                                                      ]
+                                                    </span>
+                                                  </PreviewArray>
                                                   }
                                                 </span>
                                               </PropVal>
@@ -1502,12 +1621,15 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               maxPropArrayLength={3}
                                               maxPropObjectKeys={3}
                                               maxPropStringLength={50}
+                                              maxPropsIntoLine={3}
                                               val={7}
                                             >
                                               <PropVal
+                                                level={1}
                                                 maxPropArrayLength={3}
                                                 maxPropObjectKeys={3}
                                                 maxPropStringLength={50}
+                                                maxPropsIntoLine={3}
                                                 theme={
                                                   Object {
                                                     "button": Object {
@@ -1639,12 +1761,15 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                                               maxPropArrayLength={3}
                                               maxPropObjectKeys={3}
                                               maxPropStringLength={50}
+                                              maxPropsIntoLine={3}
                                               val="seven"
                                             >
                                               <PropVal
+                                                level={1}
                                                 maxPropArrayLength={3}
                                                 maxPropObjectKeys={3}
                                                 maxPropStringLength={50}
+                                                maxPropsIntoLine={3}
                                                 theme={
                                                   Object {
                                                     "button": Object {

addons/info/src/components/PropVal.js

@@ -38,31 +38,117 @@ const getValueStyles = (codeColors = {}) => ({
   },
 });
 
-function previewArray(val, maxPropArrayLength, valueStyles) {
+function indent(breakIntoNewLines, level, isBlock) {
+  return (
+    breakIntoNewLines && (
+      <span>
+        <br />
+        {`${Array(level).join('  ')}  `}
+        {!isBlock && '  '}
+      </span>
+    )
+  );
+}
+
+function PreviewArray({
+  val,
+  level,
+  maxPropArrayLength,
+  maxPropStringLength,
+  maxPropsIntoLine,
+  valueStyles,
+}) {
   const items = {};
+  const breakIntoNewLines = val.length > maxPropsIntoLine;
   val.slice(0, maxPropArrayLength).forEach((item, i) => {
-    items[`n${i}`] = <PropVal val={item} valueStyles={valueStyles} />;
-    items[`c${i}`] = ', ';
+    items[`n${i}`] = (
+      <span>
+        {indent(breakIntoNewLines, level)}
+        <PropVal
+          val={item}
+          level={level + 1}
+          valueStyles={valueStyles}
+          maxPropStringLength={maxPropStringLength}
+          maxPropsIntoLine={maxPropsIntoLine}
+        />
+      </span>
+    );
+    items[`c${i}`] = ',';
   });
   if (val.length > maxPropArrayLength) {
-    items.last = '…';
+    items.last = (
+      <span>
+        {indent(breakIntoNewLines, level)}
+        {'…'}
+      </span>
+    );
   } else {
     delete items[`c${val.length - 1}`];
   }
-  return <span style={valueStyles.array}>[{createFragment(items)}]</span>;
+
+  return (
+    <span style={valueStyles.array}>
+      [{createFragment(items)}
+      {indent(breakIntoNewLines, level, true)}]
+    </span>
+  );
 }
 
-function previewObject(val, maxPropObjectKeys, valueStyles) {
+PreviewArray.propTypes = {
+  val: PropTypes.any, // eslint-disable-line
+  maxPropArrayLength: PropTypes.number.isRequired,
+  maxPropStringLength: PropTypes.number.isRequired,
+  maxPropsIntoLine: PropTypes.number.isRequired,
+  level: PropTypes.number.isRequired,
+  valueStyles: PropTypes.shape({
+    func: PropTypes.object,
+    attr: PropTypes.object,
+    object: PropTypes.object,
+    array: PropTypes.object,
+    number: PropTypes.object,
+    string: PropTypes.object,
+    bool: PropTypes.object,
+    empty: PropTypes.object,
+  }).isRequired,
+};
+
+function PreviewObject({
+  val,
+  level,
+  maxPropObjectKeys,
+  maxPropStringLength,
+  maxPropsIntoLine,
+  valueStyles,
+}) {
   const names = Object.keys(val);
   const items = {};
+  const breakIntoNewLines = names.length > maxPropsIntoLine;
   names.slice(0, maxPropObjectKeys).forEach((name, i) => {
-    items[`k${i}`] = <span style={valueStyles.attr}>{name}</span>;
+    items[`k${i}`] = (
+      <span>
+        {indent(breakIntoNewLines, level)}
+        <span style={valueStyles.attr}>{name}</span>
+      </span>
+    );
     items[`c${i}`] = ': ';
-    items[`v${i}`] = <PropVal val={val[name]} valueStyles={valueStyles} />;
-    items[`m${i}`] = ', ';
+    items[`v${i}`] = (
+      <PropVal
+        val={val[name]}
+        level={level + 1}
+        valueStyles={valueStyles}
+        maxPropStringLength={maxPropStringLength}
+        maxPropsIntoLine={maxPropsIntoLine}
+      />
+    );
+    items[`m${i}`] = ',';
   });
   if (names.length > maxPropObjectKeys) {
-    items.rest = '…';
+    items.rest = (
+      <span>
+        {indent(breakIntoNewLines, level)}
+        {'…'}
+      </span>
+    );
   } else {
     delete items[`m${names.length - 1}`];
   }
@@ -70,13 +156,39 @@ function previewObject(val, maxPropObjectKeys, valueStyles) {
     <span style={valueStyles.object}>
       {'{'}
       {createFragment(items)}
+      {indent(breakIntoNewLines, level, true)}
       {'}'}
     </span>
   );
 }
 
+PreviewObject.propTypes = {
+  val: PropTypes.any, // eslint-disable-line
+  maxPropObjectKeys: PropTypes.number.isRequired,
+  maxPropStringLength: PropTypes.number.isRequired,
+  maxPropsIntoLine: PropTypes.number.isRequired,
+  level: PropTypes.number.isRequired,
+  valueStyles: PropTypes.shape({
+    func: PropTypes.object,
+    attr: PropTypes.object,
+    object: PropTypes.object,
+    array: PropTypes.object,
+    number: PropTypes.object,
+    string: PropTypes.object,
+    bool: PropTypes.object,
+    empty: PropTypes.object,
+  }).isRequired,
+};
+
 function PropVal(props) {
-  const { maxPropObjectKeys, maxPropArrayLength, maxPropStringLength, theme } = props;
+  const {
+    level,
+    maxPropObjectKeys,
+    maxPropArrayLength,
+    maxPropStringLength,
+    maxPropsIntoLine,
+    theme,
+  } = props;
   let { val } = props;
   const { codeColors } = theme || {};
   let braceWrap = true;
@@ -94,7 +206,18 @@ function PropVal(props) {
   } else if (typeof val === 'boolean') {
     content = <span style={valueStyles.bool}>{`${val}`}</span>;
   } else if (Array.isArray(val)) {
-    content = previewArray(val, maxPropArrayLength, valueStyles);
+    content = (
+      <PreviewArray
+        {...{
+          val,
+          level,
+          maxPropArrayLength,
+          maxPropStringLength,
+          maxPropsIntoLine,
+          valueStyles,
+        }}
+      />
+    );
   } else if (typeof val === 'function') {
     content = <span style={valueStyles.func}>{val.name ? `${val.name}()` : 'anonymous()'}</span>;
   } else if (!val) {
@@ -108,7 +231,18 @@ function PropVal(props) {
       </span>
     );
   } else {
-    content = previewObject(val, maxPropObjectKeys, valueStyles);
+    content = (
+      <PreviewObject
+        {...{
+          val,
+          level,
+          maxPropObjectKeys,
+          maxPropStringLength,
+          maxPropsIntoLine,
+          valueStyles,
+        }}
+      />
+    );
   }
 
   if (!braceWrap) return content;
@@ -121,6 +255,8 @@ PropVal.defaultProps = {
   maxPropObjectKeys: 3,
   maxPropArrayLength: 3,
   maxPropStringLength: 50,
+  maxPropsIntoLine: 3,
+  level: 1,
   theme: {},
   valueStyles: null,
 };
@@ -130,6 +266,8 @@ PropVal.propTypes = {
   maxPropObjectKeys: PropTypes.number,
   maxPropArrayLength: PropTypes.number,
   maxPropStringLength: PropTypes.number,
+  maxPropsIntoLine: PropTypes.number,
+  level: PropTypes.number,
   theme: PropTypes.shape({
     codeColors: PropTypes.object,
   }),

addons/info/src/components/Props.js

@@ -51,6 +51,7 @@ export default function Props(props) {
                 maxPropObjectKeys={maxPropObjectKeys}
                 maxPropArrayLength={maxPropArrayLength}
                 maxPropStringLength={maxPropStringLength}
+                maxPropsIntoLine={maxPropsIntoLine}
               />
               {typeof nodeProps[name] === 'string' && '"'}
             </span>

addons/jest/README.md

@@ -116,7 +116,7 @@ storiesOf('MyComponent', module)
 ### withTests(options)
 
 - **options.results**: OBJECT jest output results. *mandatory*
-- **filteExt**: STRING test file extention. *optionnal*. This allow you to write "MyComponent" and not "MyComponent.test.js". It will be used as regex to find your file results. Default value is `((\\.specs?)|(\\.tests?))?(\\.js)?$`. That mean it will match: MyComponent.js, MyComponent.test.js, MyComponent.tests.js, MyComponent.spec.js, MyComponent.specs.js...
+- **filesExt**: STRING test file extention. *optionnal*. This allow you to write "MyComponent" and not "MyComponent.test.js". It will be used as regex to find your file results. Default value is `((\\.specs?)|(\\.tests?))?(\\.js)?$`. That mean it will match: MyComponent.js, MyComponent.test.js, MyComponent.tests.js, MyComponent.spec.js, MyComponent.specs.js...
 
 ## TODO
 

addons/jest/package.json

@@ -29,7 +29,7 @@
     "@storybook/components": "4.0.0-alpha.2",
     "babel-runtime": "^6.26.0",
     "glamor": "^2.20.40",
-    "glamorous": "^4.12.1",
+    "glamorous": "^4.12.3",
     "global": "^4.3.2",
     "prop-types": "^15.6.1"
   },

addons/knobs/package.json

@@ -22,11 +22,11 @@
     "global": "^4.3.2",
     "insert-css": "^2.0.0",
     "lodash.debounce": "^4.0.8",
-    "moment": "^2.22.0",
+    "moment": "^2.22.1",
     "prop-types": "^15.6.1",
-    "react-color": "^2.14.0",
+    "react-color": "^2.14.1",
     "react-datetime": "^2.14.0",
-    "react-lifecycles-compat": "^3.0.0",
+    "react-lifecycles-compat": "^3.0.2",
     "react-textarea-autosize": "^6.1.0",
     "util-deprecate": "^1.0.2"
   },

addons/knobs/src/components/types/Boolean.js

@@ -44,7 +44,7 @@ BooleanType.propTypes = {
   onChange: PropTypes.func,
 };
 
-BooleanType.serialize = value => String(value);
+BooleanType.serialize = value => (value ? String(value) : null);
 BooleanType.deserialize = value => value === 'true';
 
 export default BooleanType;

addons/links/package.json

@@ -31,11 +31,11 @@
   "devDependencies": {
     "@storybook/react": "4.0.0-alpha.2",
     "enzyme": "^3.3.0",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1"
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2"
   },
   "peerDependencies": {
-    "react": "16.3.1",
-    "react-dom": "16.3.1"
+    "react": "16.3.2",
+    "react-dom": "16.3.2"
   }
 }

addons/notes/package.json

@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@storybook/react": "4.0.0-alpha.2",
-    "@types/react": "^16.3.5"
+    "@types/react": "^16.3.11"
   },
   "peerDependencies": {
     "react": "*"

addons/storyshots/package.json

@@ -24,7 +24,7 @@
     "global": "^4.3.2",
     "jest-image-snapshot": "^2.4.0",
     "jest-specific-snapshot": "^0.5.0",
-    "puppeteer": "^1.2.0",
+    "puppeteer": "^1.3.0",
     "read-pkg-up": "^3.0.0"
   },
   "devDependencies": {
@@ -33,8 +33,8 @@
     "@storybook/addons": "4.0.0-alpha.2",
     "@storybook/react": "4.0.0-alpha.2",
     "enzyme-to-json": "^3.3.3",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1"
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2"
   },
   "peerDependencies": {
     "babel-core": "^6.26.0 || ^7.0.0-0"

addons/storysource/package.json

@@ -25,7 +25,7 @@
     "babel-runtime": "^6.26.0",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.1.0",
-    "prettier": "^1.11.1",
+    "prettier": "^1.12.0",
     "prop-types": "^15.6.1",
     "react-syntax-highlighter": "^7.0.2"
   },

app/angular/package.json

@@ -46,8 +46,8 @@
     "markdown-loader": "^2.0.2",
     "node-sass": "^4.8.3",
     "raw-loader": "^0.5.1",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
     "sass-loader": "^6.0.7",
     "ts-loader": "^4.2.0",
     "webpack": "^4.5.0",

app/mithril/package.json

@@ -47,8 +47,8 @@
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
     "markdown-loader": "^2.0.2",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
     "webpack": "^4.5.0",
     "webpack-hot-middleware": "^2.22.0"
   },

app/polymer/package.json

@@ -47,8 +47,8 @@
     "dotenv-webpack": "^1.5.5",
     "global": "^4.3.2",
     "html-webpack-plugin": "^3.2.0",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
     "webpack": "^4.5.0",
     "webpack-hot-middleware": "^2.22.0"
   },

app/react/package.json

@@ -46,7 +46,7 @@
     "core-js": "^2.5.5",
     "dotenv-webpack": "^1.5.5",
     "glamor": "^2.20.40",
-    "glamorous": "^4.12.1",
+    "glamorous": "^4.12.3",
     "global": "^4.3.2",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",

app/vue/package.json

@@ -45,8 +45,8 @@
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
     "markdown-loader": "^2.0.2",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
     "webpack": "^4.5.0",
     "webpack-hot-middleware": "^2.22.0"
   },

docs/package.json

@@ -18,21 +18,21 @@
     "storybook": "start-storybook -p 9009 -s src/pages"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^3.4.0",
-    "@storybook/addon-links": "^3.4.0",
-    "@storybook/addons": "^3.4.0",
-    "@storybook/react": "^3.4.0",
+    "@storybook/addon-actions": "^3.4.1",
+    "@storybook/addon-links": "^3.4.1",
+    "@storybook/addons": "^3.4.1",
+    "@storybook/react": "^3.4.1",
     "babel-loader": "^6.4.1",
     "bootstrap": "^3.3.7",
-    "gatsby": "^1.9.247",
+    "gatsby": "^1.9.251",
     "gatsby-link": "^1.6.40",
-    "gatsby-plugin-sharp": "^1.6.41",
+    "gatsby-plugin-sharp": "^1.6.42",
     "gatsby-remark-autolink-headers": "^1.4.16",
     "gatsby-remark-copy-linked-files": "^1.5.31",
-    "gatsby-remark-images": "^1.5.60",
+    "gatsby-remark-images": "^1.5.61",
     "gatsby-remark-smartypants": "^1.4.12",
-    "gatsby-source-filesystem": "^1.5.29",
-    "gatsby-transformer-remark": "^1.7.39",
+    "gatsby-source-filesystem": "^1.5.32",
+    "gatsby-transformer-remark": "^1.7.40",
     "gh-pages": "^1.1.0",
     "global": "^4.3.2",
     "highlight.js": "^9.12.0",

docs/yarn.lock

@@ -2,11 +2,11 @@
 # yarn lockfile v1
 
 
-"@storybook/addon-actions@3.4.0", "@storybook/addon-actions@^3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-3.4.0.tgz#8f6f869f708856845dff210af9340e54b443f346"
+"@storybook/addon-actions@3.4.1", "@storybook/addon-actions@^3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-3.4.1.tgz#6ec5dc337e4af301d2f0f8fbc0ad2dee812cfa29"
   dependencies:
-    "@storybook/components" "3.4.0"
+    "@storybook/components" "3.4.1"
     babel-runtime "^6.26.0"
     deep-equal "^1.0.1"
     glamor "^2.20.40"
@@ -17,52 +17,52 @@
     react-inspector "^2.2.2"
     uuid "^3.2.1"
 
-"@storybook/addon-links@3.4.0", "@storybook/addon-links@^3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.4.0.tgz#638218a567b9318a72ab268963d7efcd47878164"
+"@storybook/addon-links@3.4.1", "@storybook/addon-links@^3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.4.1.tgz#b5c5e942b8865b2489d8d1537699316d0b154b1b"
   dependencies:
-    "@storybook/components" "3.4.0"
+    "@storybook/components" "3.4.1"
     babel-runtime "^6.26.0"
     global "^4.3.2"
     prop-types "^15.6.1"
 
-"@storybook/addons@3.4.0", "@storybook/addons@^3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.4.0.tgz#c1a96d32759df0117b7b9e50e33ff6c7f98b34c9"
+"@storybook/addons@3.4.1", "@storybook/addons@^3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.4.1.tgz#ff80dc65a87607681b811a8cc4ff92124643f5ac"
 
-"@storybook/channel-postmessage@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-3.4.0.tgz#824ef774392e74802b9db368e1f97f2447652a14"
+"@storybook/channel-postmessage@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-3.4.1.tgz#17a84b8df1613196554f0450733a0b13d0954907"
   dependencies:
-    "@storybook/channels" "3.4.0"
+    "@storybook/channels" "3.4.1"
     global "^4.3.2"
     json-stringify-safe "^5.0.1"
 
-"@storybook/channels@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-3.4.0.tgz#0702b8ddfee16aa69da942e18628e563fa7e1be0"
+"@storybook/channels@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-3.4.1.tgz#13536c0211f0b49d24b63c5e7cef87b11ae43f85"
 
-"@storybook/client-logger@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-3.4.0.tgz#130b1812cb5b5e9ea6962930da2c17265056defd"
+"@storybook/client-logger@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-3.4.1.tgz#5b24ea0fa105f0683a5e9797a41466e4267d2c7f"
 
-"@storybook/components@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-3.4.0.tgz#b9cb9aee02b9ff9311433d8b57c60d0350b21880"
+"@storybook/components@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-3.4.1.tgz#74e3bcf9590cb314a4845d2f3264aada79856c1f"
   dependencies:
     glamor "^2.20.40"
     glamorous "^4.12.1"
     prop-types "^15.6.1"
 
-"@storybook/core@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core/-/core-3.4.0.tgz#7f0135047682e56503f5509cb2bd2dc6b27c0ca4"
+"@storybook/core@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/core/-/core-3.4.1.tgz#5ddbe754faa95c48ba272cfa30ca2e3272481aeb"
   dependencies:
-    "@storybook/addons" "3.4.0"
-    "@storybook/channel-postmessage" "3.4.0"
-    "@storybook/client-logger" "3.4.0"
-    "@storybook/node-logger" "3.4.0"
-    "@storybook/ui" "3.4.0"
+    "@storybook/addons" "3.4.1"
+    "@storybook/channel-postmessage" "3.4.1"
+    "@storybook/client-logger" "3.4.1"
+    "@storybook/node-logger" "3.4.1"
+    "@storybook/ui" "3.4.1"
     autoprefixer "^7.2.6"
     babel-runtime "^6.26.0"
     chalk "^2.3.2"
@@ -78,8 +78,6 @@
     postcss-loader "^2.1.2"
     prop-types "^15.6.1"
     qs "^6.5.1"
-    react "^16.0.0"
-    react-dom "^16.0.0"
     serve-favicon "^2.4.5"
     shelljs "^0.8.1"
     style-loader "^0.20.3"
@@ -96,9 +94,9 @@
     "@storybook/react-simple-di" "^1.2.1"
     babel-runtime "6.x.x"
 
-"@storybook/node-logger@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-3.4.0.tgz#ca06884967d98403b7524a424e60d7443c0080d1"
+"@storybook/node-logger@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-3.4.1.tgz#d1bddbaa5bcf995b97d408e46c1c2125d04b6e58"
   dependencies:
     npmlog "^4.1.2"
 
@@ -132,22 +130,22 @@
   dependencies:
     babel-runtime "^6.5.0"
 
-"@storybook/react@^3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-3.4.0.tgz#7c19d71ce27bb78b2d7a33d4fa2b30eceffe2677"
+"@storybook/react@^3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-3.4.1.tgz#db2b1c7980d9ed084aff4e28c5017e182b04bf3d"
   dependencies:
-    "@storybook/addon-actions" "3.4.0"
-    "@storybook/addon-links" "3.4.0"
-    "@storybook/addons" "3.4.0"
-    "@storybook/channel-postmessage" "3.4.0"
-    "@storybook/client-logger" "3.4.0"
-    "@storybook/core" "3.4.0"
-    "@storybook/node-logger" "3.4.0"
-    "@storybook/ui" "3.4.0"
+    "@storybook/addon-actions" "3.4.1"
+    "@storybook/addon-links" "3.4.1"
+    "@storybook/addons" "3.4.1"
+    "@storybook/channel-postmessage" "3.4.1"
+    "@storybook/client-logger" "3.4.1"
+    "@storybook/core" "3.4.1"
+    "@storybook/node-logger" "3.4.1"
+    "@storybook/ui" "3.4.1"
     airbnb-js-shims "^1.4.1"
     babel-loader "^7.1.4"
     babel-plugin-macros "^2.2.0"
-    babel-plugin-react-docgen "^1.8.3"
+    babel-plugin-react-docgen "^1.9.0"
     babel-plugin-transform-regenerator "^6.26.0"
     babel-plugin-transform-runtime "^6.23.0"
     babel-preset-env "^1.6.1"
@@ -176,11 +174,11 @@
     webpack "^3.11.0"
     webpack-hot-middleware "^2.21.2"
 
-"@storybook/ui@3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-3.4.0.tgz#4826b7e5b67c0c6d0515c0aedf8df48f8c2ea3da"
+"@storybook/ui@3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-3.4.1.tgz#2f0109d806d7922e45b7f4dea67584d61536df46"
   dependencies:
-    "@storybook/components" "3.4.0"
+    "@storybook/components" "3.4.1"
     "@storybook/mantra-core" "^1.7.2"
     "@storybook/podda" "^1.2.3"
     "@storybook/react-komposer" "^2.0.3"
@@ -1015,13 +1013,13 @@ babel-plugin-minify-type-constructors@^0.3.0:
   dependencies:
     babel-helper-is-void-0 "^0.3.0"
 
-babel-plugin-react-docgen@^1.8.3:
-  version "1.8.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-1.8.3.tgz#bdb0fe41f72eaa9444fe7872866d2f372afd72bb"
+babel-plugin-react-docgen@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-1.9.0.tgz#2e79aeed2f93b53a172398f93324fdcf9f02e01f"
   dependencies:
     babel-types "^6.24.1"
     lodash "^4.17.0"
-    react-docgen "^2.20.0"
+    react-docgen "^3.0.0-beta11"
 
 babel-plugin-syntax-async-functions@^6.8.0:
   version "6.13.0"
@@ -1705,14 +1703,14 @@ babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0:
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
+babylon@7.0.0-beta.31:
+  version "7.0.0-beta.31"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.31.tgz#7ec10f81e0e456fd0f855ad60fa30c2ac454283f"
+
 babylon@^6.17.3, babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
 
-babylon@~5.8.3:
-  version "5.8.38"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-5.8.38.tgz#ec9b120b11bf6ccd4173a18bf217e60b79859ffd"
-
 backo2@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
@@ -4592,15 +4590,15 @@ gatsby-module-loader@^1.0.11:
     babel-runtime "^6.26.0"
     loader-utils "^0.2.16"
 
-gatsby-plugin-sharp@^1.6.41:
-  version "1.6.41"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.41.tgz#87dc28d226d70e63408bf31983268efdf10e8b1d"
+gatsby-plugin-sharp@^1.6.42:
+  version "1.6.42"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.42.tgz#c2c900ca80ff2b19d3c56ba8dcfb24fbd664d397"
   dependencies:
     async "^2.1.2"
     babel-runtime "^6.26.0"
     bluebird "^3.5.0"
     imagemin "^5.2.2"
-    imagemin-pngquant "^5.0.0"
+    imagemin-pngquant "5.0.1"
     imagemin-webp "^4.0.0"
     lodash "^4.17.4"
     potrace "^2.1.1"
@@ -4639,13 +4637,13 @@ gatsby-remark-copy-linked-files@^1.5.31:
     probe-image-size "^3.2.0"
     unist-util-visit "^1.1.1"
 
-gatsby-remark-images@^1.5.60:
-  version "1.5.60"
-  resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.60.tgz#873717f46d427335d26b7542427d18a424cc888c"
+gatsby-remark-images@^1.5.61:
+  version "1.5.61"
+  resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.61.tgz#6a05864f9abbccca1f1ab4e1e882b25acaaee5bc"
   dependencies:
     babel-runtime "^6.26.0"
     cheerio "^1.0.0-rc.2"
-    gatsby-plugin-sharp "^1.6.41"
+    gatsby-plugin-sharp "^1.6.42"
     is-relative-url "^2.0.0"
     lodash "^4.17.4"
     slash "^1.0.0"
@@ -4660,9 +4658,9 @@ gatsby-remark-smartypants@^1.4.12:
     retext-smartypants "^2.0.0"
     unist-util-visit "^1.1.1"
 
-gatsby-source-filesystem@^1.5.29:
-  version "1.5.29"
-  resolved "https://registry.yarnpkg.com/gatsby-source-filesystem/-/gatsby-source-filesystem-1.5.29.tgz#27efb1214d8a326f7a1cb8f0cdee579f96a2be69"
+gatsby-source-filesystem@^1.5.32:
+  version "1.5.32"
+  resolved "https://registry.yarnpkg.com/gatsby-source-filesystem/-/gatsby-source-filesystem-1.5.32.tgz#113cc50eba459d24ecb4c136ef77ec091d05d295"
   dependencies:
     babel-cli "^6.26.0"
     babel-runtime "^6.26.0"
@@ -4676,9 +4674,9 @@ gatsby-source-filesystem@^1.5.29:
     slash "^1.0.0"
     valid-url "^1.0.9"
 
-gatsby-transformer-remark@^1.7.39:
-  version "1.7.39"
-  resolved "https://registry.yarnpkg.com/gatsby-transformer-remark/-/gatsby-transformer-remark-1.7.39.tgz#1a3e2fcba317c379466ed39cfb1273c5b2737c62"
+gatsby-transformer-remark@^1.7.40:
+  version "1.7.40"
+  resolved "https://registry.yarnpkg.com/gatsby-transformer-remark/-/gatsby-transformer-remark-1.7.40.tgz#199296ba084c4931be91e5637a7eca13711f212e"
   dependencies:
     babel-runtime "^6.26.0"
     bluebird "^3.5.0"
@@ -4701,9 +4699,9 @@ gatsby-transformer-remark@^1.7.39:
     unist-util-select "^1.5.0"
     unist-util-visit "^1.1.1"
 
-gatsby@^1.9.247:
-  version "1.9.247"
-  resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.247.tgz#e5d52c88c8bc23e5f0fc137946a8f5ec4f967923"
+gatsby@^1.9.251:
+  version "1.9.251"
+  resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.251.tgz#52bdb725ddaafeb508c605e15d7ce6e11db405b9"
   dependencies:
     async "^2.1.2"
     babel-code-frame "^6.22.0"
@@ -5644,7 +5642,7 @@ iferr@^0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
 
-imagemin-pngquant@^5.0.0:
+imagemin-pngquant@5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/imagemin-pngquant/-/imagemin-pngquant-5.0.1.tgz#d8a329da553afa226b11ce62debe0b7e37b439e6"
   dependencies:
@@ -8811,7 +8809,7 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
-prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.5.9, prop-types@^15.6.0:
+prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.5.9:
   version "15.6.0"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
   dependencies:
@@ -9052,13 +9050,13 @@ react-dev-utils@^5.0.0:
     strip-ansi "3.0.1"
     text-table "0.2.0"
 
-react-docgen@^2.20.0:
-  version "2.20.1"
-  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-2.20.1.tgz#29c3a1216066f513958abb1a43678860bbd51c7f"
+react-docgen@^3.0.0-beta11:
+  version "3.0.0-beta9"
+  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-3.0.0-beta9.tgz#6be987e640786ecb10ce2dd22157a022c8285e95"
   dependencies:
     async "^2.1.4"
     babel-runtime "^6.9.2"
-    babylon "~5.8.3"
+    babylon "7.0.0-beta.31"
     commander "^2.9.0"
     doctrine "^2.0.0"
     node-dir "^0.1.10"
@@ -9080,15 +9078,6 @@ react-dom@^15.6.0, react-dom@^15.6.1:
     object-assign "^4.1.0"
     prop-types "^15.5.10"
 
-react-dom@^16.0.0:
-  version "16.3.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.3.0.tgz#b318e52184188ecb5c3e81117420cca40618643e"
-  dependencies:
-    fbjs "^0.8.16"
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.0"
-
 react-error-overlay@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-3.0.0.tgz#c2bc8f4d91f1375b3dad6d75265d51cd5eeaf655"
@@ -9259,15 +9248,6 @@ react@^15.6.0, react@^15.6.1:
     object-assign "^4.1.0"
     prop-types "^15.5.10"
 
-react@^16.0.0:
-  version "16.3.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.3.0.tgz#fc5a01c68f91e9b38e92cf83f7b795ebdca8ddff"
-  dependencies:
-    fbjs "^0.8.16"
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.0"
-
 read-all-stream@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/read-all-stream/-/read-all-stream-3.1.0.tgz#35c3e177f2078ef789ee4bfafa4373074eaef4fa"

examples/angular-cli/package.json

@@ -13,20 +13,20 @@
     "test": "ng test"
   },
   "dependencies": {
-    "@angular/common": "^5.2.9",
-    "@angular/compiler": "^5.2.9",
-    "@angular/core": "^5.2.9",
-    "@angular/forms": "^5.2.9",
-    "@angular/platform-browser": "^5.2.9",
-    "@angular/platform-browser-dynamic": "^5.2.9",
+    "@angular/common": "^5.2.10",
+    "@angular/compiler": "^5.2.10",
+    "@angular/core": "^5.2.10",
+    "@angular/forms": "^5.2.10",
+    "@angular/platform-browser": "^5.2.10",
+    "@angular/platform-browser-dynamic": "^5.2.10",
     "@ngrx/store": "^5.2.0",
     "core-js": "^2.5.5",
-    "rxjs": "^5.5.8",
+    "rxjs": "^5.5.10",
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
     "@angular/cli": "1.7.4",
-    "@angular/compiler-cli": "^5.2.9",
+    "@angular/compiler-cli": "^5.2.10",
     "@storybook/addon-actions": "4.0.0-alpha.2",
     "@storybook/addon-knobs": "4.0.0-alpha.2",
     "@storybook/addon-links": "4.0.0-alpha.2",
@@ -37,7 +37,7 @@
     "@storybook/addons": "4.0.0-alpha.2",
     "@storybook/angular": "4.0.0-alpha.2",
     "@types/jasmine": "~2.8.6",
-    "@types/node": "~9.6.2",
+    "@types/node": "~9.6.5",
     "babel-core": "^6.26.0",
     "global": "^4.3.2",
     "jasmine-core": "~3.1.0",

examples/cra-kitchen-sink/package.json

@@ -13,9 +13,9 @@
   "dependencies": {
     "global": "^4.3.2",
     "prop-types": "^15.6.1",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
-    "react-lifecycles-compat": "^3.0.0"
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
+    "react-lifecycles-compat": "^3.0.2"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "4.0.0-alpha.2",

examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot

@@ -530,10 +530,12 @@ exports[`Storyshots Button with new info 1`] = `
                         style="color:#666"
                       >
                         {
-                        <span
-                          style="color:#666"
-                        >
-                          isOld
+                        <span>
+                          <span
+                            style="color:#666"
+                          >
+                            isOld
+                          </span>
                         </span>
                         : 
                         <span>
@@ -545,11 +547,13 @@ exports[`Storyshots Button with new info 1`] = `
                           </span>
                           }
                         </span>
-                        , 
-                        <span
-                          style="color:#666"
-                        >
-                          value
+                        ,
+                        <span>
+                          <span
+                            style="color:#666"
+                          >
+                            value
+                          </span>
                         </span>
                         : 
                         <span>
@@ -942,10 +946,12 @@ exports[`Storyshots Button with some info 1`] = `
                         style="color:#666"
                       >
                         {
-                        <span
-                          style="color:#666"
-                        >
-                          isOld
+                        <span>
+                          <span
+                            style="color:#666"
+                          >
+                            isOld
+                          </span>
                         </span>
                         : 
                         <span>
@@ -957,11 +963,13 @@ exports[`Storyshots Button with some info 1`] = `
                           </span>
                           }
                         </span>
-                        , 
-                        <span
-                          style="color:#666"
-                        >
-                          value
+                        ,
+                        <span>
+                          <span
+                            style="color:#666"
+                          >
+                            value
+                          </span>
                         </span>
                         : 
                         <span>

examples/official-storybook/package.json

@@ -35,9 +35,9 @@
     "global": "^4.3.2",
     "paths.macro": "^2.0.2",
     "prop-types": "^15.6.1",
-    "react": "^16.3.1",
+    "react": "^16.3.2",
     "react-chromatic": "^0.8.1",
-    "react-dom": "^16.3.1",
+    "react-dom": "^16.3.2",
     "uuid": "^3.2.1"
   }
 }

examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot

@@ -67,6 +67,11 @@ exports[`Storyshots Addons|Actions All types 1`] = `
   >
     Plain Object
   </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Object (depth: 2)
+  </button>
   <button
     class="css-1yjiefr"
   >
@@ -139,3 +144,11 @@ exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
   Delete
 </button>
 `;
+
+exports[`Storyshots Addons|Actions configureActions 1`] = `
+<button
+  class="css-1yjiefr"
+>
+  Object (configured depth: 2)
+</button>
+`;

examples/official-storybook/stories/addon-actions.stories.js

@@ -1,7 +1,7 @@
 /* global window */
 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { action, decorateAction } from '@storybook/addon-actions';
+import { action, configureActions, decorateAction } from '@storybook/addon-actions';
 import { setOptions } from '@storybook/addon-options';
 import { Button } from '@storybook/react/demo';
 import { File } from 'global';
@@ -66,7 +66,16 @@ storiesOf('Addons|Actions', module)
         >
           Multiple
         </Button>
-        <Button onClick={() => action('Plain Object')({ foo: 'bar' })}>Plain Object</Button>
+        <Button onClick={() => action('Plain Object')({ foo: { bar: { baz: { bar: 'foo' } } } })}>
+          Plain Object
+        </Button>
+        <Button
+          onClick={() =>
+            action('ObjectDepth2', { depth: 2 })({ root: { one: { two: { three: 'foo' } } } })
+          }
+        >
+          Object (depth: 2)
+        </Button>
         <Button onClick={() => action('RegExp')(reg)}>RegExp</Button>
         <Button onClick={() => action('String')('foo')}>String</Button>
         <Button onClick={() => action('Symbol')(Symbol('A_SYMBOL'))}>Symbol</Button>
@@ -75,4 +84,17 @@ storiesOf('Addons|Actions', module)
         <Button onClick={() => action('window')(window)}>Window</Button>
       </div>
     );
+  })
+  .add('configureActions', () => {
+    configureActions({
+      depth: 2,
+    });
+
+    return (
+      <Button
+        onClick={() => action('ConfiguredDepth')({ root: { one: { two: { three: 'foo' } } } })}
+      >
+        Object (configured depth: 2)
+      </Button>
+    );
   });

examples/official-storybook/stories/addon-info.stories.js

@@ -158,3 +158,57 @@ storiesOf('Addons|Info.GitHub issues', module).add(
     </div>
   ))
 );
+
+storiesOf('Addons|Info.Options.maxPropsIntoLine', module).add(
+  'Object and array props are broken to lines',
+  withInfo({
+    text: 'Component should be inlined between description and PropType table',
+    inline: true,
+    maxPropsIntoLine: 0,
+  })(() => (
+    <BaseButton
+      label="Button"
+      object={{
+        one: 'Object and array properties',
+        two: 'will be broken to different lines',
+        three: 'if greater than `maxPropsIntoLine` option threshold.',
+      }}
+      array={['one', 'two', 'three', 'four']}
+      arrayOfObjects={[
+        {
+          one: 'Object and array properties will be broken to different lines',
+          two: 'if greater than `maxPropsIntoLine` option threshold.',
+          object: {
+            object1: {
+              one: 'one',
+              two: 'two',
+              three: 'three',
+            },
+            array: ['one', 'two', 'three'],
+            object2: {
+              object: {
+                one: 'one',
+                two: 'two',
+                three: 'three',
+              },
+              array: [
+                'one',
+                'two',
+                {
+                  object: {
+                    object: {
+                      one: 'one',
+                      two: 'two',
+                      three: 'three',
+                    },
+                    array: ['one', 'two', 'three'],
+                  },
+                },
+              ],
+            },
+          },
+        },
+      ]}
+    />
+  ))
+);

lib/cli/package.json

@@ -39,7 +39,7 @@
     "merge-dirs": "^0.2.1",
     "semver": "^5.5.0",
     "shelljs": "^0.8.1",
-    "update-notifier": "^2.4.0"
+    "update-notifier": "^2.5.0"
   },
   "devDependencies": {
     "@storybook/addon-actions": "4.0.0-alpha.2",
@@ -63,6 +63,6 @@
     "@storybook/ui": "4.0.0-alpha.2",
     "@storybook/vue": "4.0.0-alpha.2",
     "check-node-version": "3.2.0",
-    "npx": "10.0.1"
+    "npx": "10.2.0"
   }
 }

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.3.1",
-    "react-dom": "^16.3.1"
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2"
   },
   "devDependencies": {
     "babel-core": "^6.26.0",

lib/components/package.json

@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "glamor": "^2.20.40",
-    "glamorous": "^4.12.1",
+    "glamorous": "^4.12.3",
     "prop-types": "^15.6.1"
   },
   "peerDependencies": {

lib/core/package.json

@@ -22,7 +22,7 @@
     "@storybook/client-logger": "4.0.0-alpha.2",
     "@storybook/node-logger": "4.0.0-alpha.2",
     "@storybook/ui": "4.0.0-alpha.2",
-    "autoprefixer": "^8.2.0",
+    "autoprefixer": "^8.3.0",
     "babel-runtime": "^6.26.0",
     "chalk": "^2.3.2",
     "commander": "^2.15.1",
@@ -36,7 +36,7 @@
     "json-loader": "^0.5.7",
     "json5": "^0.5.1",
     "postcss-flexbugs-fixes": "^3.2.0",
-    "postcss-loader": "^2.1.3",
+    "postcss-loader": "^2.1.4",
     "prop-types": "^15.6.1",
     "qs": "^6.5.1",
     "redux": "^3.7.2",

lib/ui/package.json

@@ -33,7 +33,7 @@
     "qs": "^6.5.1",
     "react-fuzzy": "^0.5.2",
     "react-icons": "^2.2.7",
-    "react-lifecycles-compat": "^3.0.0",
+    "react-lifecycles-compat": "^3.0.2",
     "react-modal": "^3.3.2",
     "react-split-pane": "^0.1.77",
     "react-treebeard": "^2.1.0"

package.json

@@ -38,15 +38,15 @@
     "chromatic": "npm --prefix examples/official-storybook run chromatic"
   },
   "devDependencies": {
-    "@angular/common": "^5.2.9",
-    "@angular/compiler": "^5.2.9",
-    "@angular/core": "^5.2.9",
-    "@angular/forms": "^5.2.9",
-    "@angular/platform-browser": "^5.2.9",
-    "@angular/platform-browser-dynamic": "^5.2.9",
+    "@angular/common": "^5.2.10",
+    "@angular/compiler": "^5.2.10",
+    "@angular/core": "^5.2.10",
+    "@angular/forms": "^5.2.10",
+    "@angular/platform-browser": "^5.2.10",
+    "@angular/platform-browser-dynamic": "^5.2.10",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.2.2",
+    "babel-eslint": "^8.2.3",
     "babel-plugin-macros": "^2.2.0",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.1",
@@ -58,13 +58,13 @@
     "commander": "^2.15.1",
     "concurrently": "^3.5.1",
     "cross-env": "^5.1.4",
-    "danger": "^3.4.5",
+    "danger": "^3.4.7",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
     "eslint": "^4.19.1",
     "eslint-config-airbnb": "^16.1.0",
     "eslint-config-prettier": "^2.9.0",
-    "eslint-plugin-import": "^2.10.0",
+    "eslint-plugin-import": "^2.11.0",
     "eslint-plugin-jest": "^21.15.0",
     "eslint-plugin-json": "^1.2.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
@@ -86,16 +86,16 @@
     "jest-preset-angular": "^5.2.1",
     "jest-teamcity-reporter": "^0.9.0",
     "jest-vue-preprocessor": "^1.4.0",
-    "lerna": "2.10.0",
+    "lerna": "2.10.2",
     "lint-staged": "^7.0.4",
     "lodash": "^4.17.5",
     "npmlog": "^4.1.2",
     "polymer-webpack-loader": "^2.0.2",
-    "prettier": "^1.11.1",
+    "prettier": "^1.12.0",
     "raf": "^3.4.0",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
-    "react-test-renderer": "^16.3.1",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
+    "react-test-renderer": "^16.3.2",
     "remark-cli": "^5.0.0",
     "remark-lint": "^6.0.1",
     "remark-preset-lint-recommended": "^3.0.1",

yarn.lock

@@ -92,63 +92,63 @@
   optionalDependencies:
     node-sass "^4.7.2"
 
-"@angular/common@^5.2.9":
-  version "5.2.9"
-  resolved "http://registry.npmjs.org/@angular/common/-/common-5.2.9.tgz#beb25d4434498abae56bd8dc2c01ade3f6c45e81"
+"@angular/common@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/common/-/common-5.2.10.tgz#828308df8505a31f219a6895ff91dbb178ebac98"
   dependencies:
     tslib "^1.7.1"
 
-"@angular/compiler-cli@^5.2.9":
-  version "5.2.9"
-  resolved "http://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-5.2.9.tgz#36a069937d50a8a294eda233b5b1b2c71139751f"
+"@angular/compiler-cli@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/compiler-cli/-/compiler-cli-5.2.10.tgz#7e9dead0730dc20f7658e110a558b557b60e7be2"
   dependencies:
     chokidar "^1.4.2"
     minimist "^1.2.0"
     reflect-metadata "^0.1.2"
     tsickle "^0.27.2"
 
-"@angular/compiler@^5.2.9":
-  version "5.2.9"
-  resolved "http://registry.npmjs.org/@angular/compiler/-/compiler-5.2.9.tgz#1d03bc1e8b38c259bc58114d691c2140d244f8f5"
+"@angular/compiler@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-5.2.10.tgz#1cd9914436f0707957823531c4418ce5b7e6a130"
   dependencies:
     tslib "^1.7.1"
 
-"@angular/core@^5.2.9":
-  version "5.2.9"
-  resolved "http://registry.npmjs.org/@angular/core/-/core-5.2.9.tgz#3daf13ef9aa754b9954ed21da3eb322e8b20f667"
+"@angular/core@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/core/-/core-5.2.10.tgz#a6eba06cae7267efbd2666e3fa5e42b84c2261de"
   dependencies:
     tslib "^1.7.1"
 
-"@angular/forms@^5.2.9":
-  version "5.2.9"
-  resolved "http://registry.npmjs.org/@angular/forms/-/forms-5.2.9.tgz#12c45b3a02c398b354f09cc740d914cd904c0c9c"
+"@angular/forms@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-5.2.10.tgz#6a4cf9c87b57005599c0ec59a79b7f1b06375591"
   dependencies:
     tslib "^1.7.1"
 
-"@angular/platform-browser-dynamic@^5.2.9":
-  version "5.2.9"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-5.2.9.tgz#86075b7bb694861f722ceda29aae186b045c6b7d"
+"@angular/platform-browser-dynamic@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-5.2.10.tgz#bec4c0ca9fb16c34adee851caa187989953216ca"
   dependencies:
     tslib "^1.7.1"
 
-"@angular/platform-browser@^5.2.9":
-  version "5.2.9"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-5.2.9.tgz#9ee76327b1b3affad68ffa839058661b7704bc2c"
+"@angular/platform-browser@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-5.2.10.tgz#92883803de7362e635748a440dd5f6172fc2394a"
   dependencies:
     tslib "^1.7.1"
 
-"@babel/code-frame@7.0.0-beta.40", "@babel/code-frame@^7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.40.tgz#37e2b0cf7c56026b4b21d3927cadf81adec32ac6"
-  dependencies:
-    "@babel/highlight" "7.0.0-beta.40"
-
 "@babel/code-frame@7.0.0-beta.42":
   version "7.0.0-beta.42"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.42.tgz#a9c83233fa7cd06b39dc77adbb908616ff4f1962"
   dependencies:
     "@babel/highlight" "7.0.0-beta.42"
 
+"@babel/code-frame@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.44.tgz#2a02643368de80916162be70865c97774f3adbd9"
+  dependencies:
+    "@babel/highlight" "7.0.0-beta.44"
+
 "@babel/code-frame@^7.0.0-beta.35":
   version "7.0.0-beta.37"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.37.tgz#2da1dd3b1b57bfdea777ddc378df7cd12fe40171"
@@ -157,37 +157,35 @@
     esutils "^2.0.2"
     js-tokens "^3.0.0"
 
-"@babel/generator@7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.0.0-beta.40.tgz#ab61f9556f4f71dbd1138949c795bb9a21e302ea"
+"@babel/generator@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.0.0-beta.44.tgz#c7e67b9b5284afcf69b309b50d7d37f3e5033d42"
   dependencies:
-    "@babel/types" "7.0.0-beta.40"
+    "@babel/types" "7.0.0-beta.44"
     jsesc "^2.5.1"
     lodash "^4.2.0"
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
-"@babel/helper-function-name@7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.0.0-beta.40.tgz#9d033341ab16517f40d43a73f2d81fc431ccd7b6"
+"@babel/helper-function-name@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.0.0-beta.44.tgz#e18552aaae2231100a6e485e03854bc3532d44dd"
   dependencies:
-    "@babel/helper-get-function-arity" "7.0.0-beta.40"
-    "@babel/template" "7.0.0-beta.40"
-    "@babel/types" "7.0.0-beta.40"
+    "@babel/helper-get-function-arity" "7.0.0-beta.44"
+    "@babel/template" "7.0.0-beta.44"
+    "@babel/types" "7.0.0-beta.44"
 
-"@babel/helper-get-function-arity@7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0-beta.40.tgz#ac0419cf067b0ec16453e1274f03878195791c6e"
+"@babel/helper-get-function-arity@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0-beta.44.tgz#d03ca6dd2b9f7b0b1e6b32c56c72836140db3a15"
   dependencies:
-    "@babel/types" "7.0.0-beta.40"
+    "@babel/types" "7.0.0-beta.44"
 
-"@babel/highlight@7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0-beta.40.tgz#b43d67d76bf46e1d10d227f68cddcd263786b255"
+"@babel/helper-split-export-declaration@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0-beta.44.tgz#c0b351735e0fbcb3822c8ad8db4e583b05ebd9dc"
   dependencies:
-    chalk "^2.0.0"
-    esutils "^2.0.2"
-    js-tokens "^3.0.0"
+    "@babel/types" "7.0.0-beta.44"
 
 "@babel/highlight@7.0.0-beta.42":
   version "7.0.0-beta.42"
@@ -197,32 +195,41 @@
     esutils "^2.0.2"
     js-tokens "^3.0.0"
 
-"@babel/template@7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0-beta.40.tgz#034988c6424eb5c3268fe6a608626de1f4410fc8"
+"@babel/highlight@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0-beta.44.tgz#18c94ce543916a80553edcdcf681890b200747d5"
   dependencies:
-    "@babel/code-frame" "7.0.0-beta.40"
-    "@babel/types" "7.0.0-beta.40"
-    babylon "7.0.0-beta.40"
+    chalk "^2.0.0"
+    esutils "^2.0.2"
+    js-tokens "^3.0.0"
+
+"@babel/template@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0-beta.44.tgz#f8832f4fdcee5d59bf515e595fc5106c529b394f"
+  dependencies:
+    "@babel/code-frame" "7.0.0-beta.44"
+    "@babel/types" "7.0.0-beta.44"
+    babylon "7.0.0-beta.44"
     lodash "^4.2.0"
 
-"@babel/traverse@^7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.0.0-beta.40.tgz#d140e449b2e093ef9fe1a2eecc28421ffb4e521e"
+"@babel/traverse@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.0.0-beta.44.tgz#a970a2c45477ad18017e2e465a0606feee0d2966"
   dependencies:
-    "@babel/code-frame" "7.0.0-beta.40"
-    "@babel/generator" "7.0.0-beta.40"
-    "@babel/helper-function-name" "7.0.0-beta.40"
-    "@babel/types" "7.0.0-beta.40"
-    babylon "7.0.0-beta.40"
-    debug "^3.0.1"
+    "@babel/code-frame" "7.0.0-beta.44"
+    "@babel/generator" "7.0.0-beta.44"
+    "@babel/helper-function-name" "7.0.0-beta.44"
+    "@babel/helper-split-export-declaration" "7.0.0-beta.44"
+    "@babel/types" "7.0.0-beta.44"
+    babylon "7.0.0-beta.44"
+    debug "^3.1.0"
     globals "^11.1.0"
     invariant "^2.2.0"
     lodash "^4.2.0"
 
-"@babel/types@7.0.0-beta.40", "@babel/types@^7.0.0-beta.40":
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.40.tgz#25c3d7aae14126abe05fcb098c65a66b6d6b8c14"
+"@babel/types@7.0.0-beta.44":
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.44.tgz#6b1b164591f77dec0a0342aca995f2d046b3a757"
   dependencies:
     esutils "^2.0.2"
     lodash "^4.2.0"
@@ -260,15 +267,17 @@
     tree-kill "^1.0.0"
     webpack-sources "^1.1.0"
 
-"@octokit/rest@^14.0.4":
-  version "14.0.9"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-14.0.9.tgz#d5e0a00dcb78901dd7b2ef852acfc0aea7c479ef"
+"@octokit/rest@^15.2.6":
+  version "15.2.6"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-15.2.6.tgz#16226f58fbf0ba88f631848fb622dfe0ad410c0c"
   dependencies:
     before-after-hook "^1.1.0"
+    btoa-lite "^1.0.0"
     debug "^3.1.0"
-    is-array-buffer "^1.0.0"
-    is-stream "^1.1.0"
+    http-proxy-agent "^2.1.0"
+    https-proxy-agent "^2.2.0"
     lodash "^4.17.4"
+    node-fetch "^2.1.1"
     url-template "^2.0.8"
 
 "@polymer/polymer@^2.6.0":
@@ -394,9 +403,9 @@
   version "6.0.96"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.96.tgz#7bf0bf40d6ce51e93762cc47d010c8cc5ebb2179"
 
-"@types/node@~9.6.2":
-  version "9.6.2"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.2.tgz#e49ac1adb458835e95ca6487bc20f916b37aff23"
+"@types/node@~9.6.5":
+  version "9.6.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.5.tgz#ee700810fdf49ac1c399fc5980b7559b3e5a381d"
 
 "@types/parse5@^2.2.32":
   version "2.2.34"
@@ -408,11 +417,11 @@
   version "0.0.32"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-0.0.32.tgz#bd284e57c84f1325da702babfc82a5328190c0c5"
 
-"@types/react@^16.3.5":
-  version "16.3.5"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.3.5.tgz#bd3b21285602ea7cadb4b9e0d9711d96fd5692cc"
+"@types/react@^16.3.11":
+  version "16.3.11"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.3.11.tgz#345a17f1c96420f10b9f0dc696c31091ff9d66ea"
   dependencies:
-    csstype "^2.0.0"
+    csstype "^2.2.0"
 
 "@types/selenium-webdriver@^2.53.35", "@types/selenium-webdriver@~2.53.39":
   version "2.53.43"
@@ -1046,15 +1055,15 @@ autoprefixer@^7.2.3:
     postcss "^6.0.16"
     postcss-value-parser "^3.2.3"
 
-autoprefixer@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-8.2.0.tgz#1e49b611b31a5259b86b7a6b2b1b8faf091abe2a"
+autoprefixer@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-8.3.0.tgz#22ac5151c3c8946bb8f75f337d5c5042c0ec6404"
   dependencies:
-    browserslist "^3.2.0"
-    caniuse-lite "^1.0.30000817"
+    browserslist "^3.2.4"
+    caniuse-lite "^1.0.30000830"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
-    postcss "^6.0.20"
+    postcss "^6.0.21"
     postcss-value-parser "^3.2.3"
 
 aws-sign2@~0.6.0:
@@ -1147,14 +1156,14 @@ babel-eslint@7.2.3:
     babel-types "^6.23.0"
     babylon "^6.17.0"
 
-babel-eslint@^8.2.2:
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-8.2.2.tgz#1102273354c6f0b29b4ea28a65f97d122296b68b"
+babel-eslint@^8.2.3:
+  version "8.2.3"
+  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-8.2.3.tgz#1a2e6681cc9bc4473c32899e59915e19cd6733cf"
   dependencies:
-    "@babel/code-frame" "^7.0.0-beta.40"
-    "@babel/traverse" "^7.0.0-beta.40"
-    "@babel/types" "^7.0.0-beta.40"
-    babylon "^7.0.0-beta.40"
+    "@babel/code-frame" "7.0.0-beta.44"
+    "@babel/traverse" "7.0.0-beta.44"
+    "@babel/types" "7.0.0-beta.44"
+    babylon "7.0.0-beta.44"
     eslint-scope "~3.7.1"
     eslint-visitor-keys "^1.0.0"
 
@@ -2301,14 +2310,18 @@ babylon@7.0.0-beta.31:
   version "7.0.0-beta.31"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.31.tgz#7ec10f81e0e456fd0f855ad60fa30c2ac454283f"
 
-babylon@7.0.0-beta.40, babylon@^7.0.0-beta.30, babylon@^7.0.0-beta.40:
-  version "7.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.40.tgz#91fc8cd56d5eb98b28e6fde41045f2957779940a"
+babylon@7.0.0-beta.44:
+  version "7.0.0-beta.44"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.44.tgz#89159e15e6e30c5096e22d738d8c0af8a0e8ca1d"
 
 babylon@^6.17.0, babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
 
+babylon@^7.0.0-beta.30:
+  version "7.0.0-beta.40"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.40.tgz#91fc8cd56d5eb98b28e6fde41045f2957779940a"
+
 backo2@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
@@ -2771,12 +2784,12 @@ browserslist@^2.1.2, browserslist@^2.11.1, browserslist@^2.5.1:
     caniuse-lite "^1.0.30000789"
     electron-to-chromium "^1.3.30"
 
-browserslist@^3.2.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.1.tgz#4960a45fbfe39b2be36fe5ba07cce9ea32c8221c"
+browserslist@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.4.tgz#fb9ad70fd09875137ae943a31ab815ed76896031"
   dependencies:
-    caniuse-lite "^1.0.30000819"
-    electron-to-chromium "^1.3.40"
+    caniuse-lite "^1.0.30000821"
+    electron-to-chromium "^1.3.41"
 
 bser@1.0.2:
   version "1.0.2"
@@ -2790,6 +2803,10 @@ bser@^2.0.0:
   dependencies:
     node-int64 "^0.4.0"
 
+btoa-lite@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
+
 buffer-indexof@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
@@ -3041,9 +3058,9 @@ caniuse-lite@^1.0.30000815:
   version "1.0.30000820"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000820.tgz#6e36ee75187a2c83d26d6504a1af47cc580324d2"
 
-caniuse-lite@^1.0.30000817, caniuse-lite@^1.0.30000819:
-  version "1.0.30000819"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000819.tgz#aabee5fd15a080febab6ae5d30c9ea15f4c6d4e2"
+caniuse-lite@^1.0.30000821, caniuse-lite@^1.0.30000830:
+  version "1.0.30000830"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000830.tgz#cb96b8a2dd3cbfe04acea2af3c4e894249095328"
 
 capture-stack-trace@^1.0.0:
   version "1.0.0"
@@ -4398,9 +4415,9 @@ cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
   dependencies:
     cssom "0.3.x"
 
-csstype@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.0.0.tgz#7d199dd8dca409077e81569eca0c71a74c4f4158"
+csstype@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.2.0.tgz#1656ef97553ac53b77090844a2531c6660ebd902"
 
 csurf@~1.8.3:
   version "1.8.3"
@@ -4439,28 +4456,28 @@ damerau-levenshtein@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz#03191c432cb6eea168bb77f3a55ffdccb8978514"
 
-danger@^3.4.5:
-  version "3.4.5"
-  resolved "https://registry.yarnpkg.com/danger/-/danger-3.4.5.tgz#8111bf022991a260cbbdb6e8d919c60c54a755ed"
+danger@^3.4.7:
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/danger/-/danger-3.4.7.tgz#3a3ebba91691f744ca63e29ef751773c16ea0c5d"
   dependencies:
-    "@octokit/rest" "^14.0.4"
+    "@octokit/rest" "^15.2.6"
     babel-polyfill "^6.23.0"
     chalk "^2.3.0"
     commander "^2.13.0"
     debug "^3.1.0"
-    get-stdin "^5.0.1"
+    get-stdin "^6.0.0"
     hyperlinker "^1.0.0"
     jsome "^2.3.25"
-    json5 "^0.5.1"
+    json5 "^1.0.0"
     jsonpointer "^4.0.1"
     lodash.find "^4.6.0"
     lodash.includes "^4.3.0"
     lodash.isobject "^3.0.2"
     lodash.keys "^4.0.8"
     node-cleanup "^2.1.2"
-    node-fetch "^1.7.3"
-    parse-diff "^0.4.0"
-    parse-git-config "^1.1.1"
+    node-fetch "^2.1.2"
+    parse-diff "^0.4.2"
+    parse-git-config "^2.0.2"
     parse-github-url "^1.0.2"
     parse-link-header "^1.0.1"
     pinpoint "^1.1.0"
@@ -4511,7 +4528,7 @@ de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
 
-debug@*, debug@^3.0.0, debug@^3.0.1, debug@^3.1.0, debug@~3.1.0:
+debug@*, debug@3.1.0, debug@^3.0.0, debug@^3.0.1, debug@^3.1.0, debug@~3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
   dependencies:
@@ -5001,10 +5018,14 @@ electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30:
   dependencies:
     electron-releases "^2.1.0"
 
-electron-to-chromium@^1.3.39, electron-to-chromium@^1.3.40:
+electron-to-chromium@^1.3.39:
   version "1.3.40"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.40.tgz#1fbd6d97befd72b8a6f921dc38d22413d2f6fddf"
 
+electron-to-chromium@^1.3.41:
+  version "1.3.42"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.42.tgz#95c33bf01d0cc405556aec899fe61fd4d76ea0f9"
+
 elegant-spinner@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e"
@@ -5423,11 +5444,10 @@ eslint-plugin-import@2.8.0:
     minimatch "^3.0.3"
     read-pkg-up "^2.0.0"
 
-eslint-plugin-import@^2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.10.0.tgz#fa09083d5a75288df9c6c7d09fe12255985655e7"
+eslint-plugin-import@^2.11.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.11.0.tgz#15aeea37a67499d848e8e981806d4627b5503816"
   dependencies:
-    builtin-modules "^1.1.1"
     contains-path "^0.1.0"
     debug "^2.6.8"
     doctrine "1.5.0"
@@ -5437,6 +5457,7 @@ eslint-plugin-import@^2.10.0:
     lodash "^4.17.4"
     minimatch "^3.0.3"
     read-pkg-up "^2.0.0"
+    resolve "^1.6.0"
 
 eslint-plugin-jest@^21.15.0:
   version "21.15.0"
@@ -6653,6 +6674,10 @@ get-stdin@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-5.0.1.tgz#122e161591e21ff4c52530305693f20e6393a398"
 
+get-stdin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
+
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -6759,11 +6784,12 @@ glamor@^2.20.40:
     prop-types "^15.5.10"
     through "^2.3.8"
 
-glamorous@^4.12.1:
-  version "4.12.1"
-  resolved "https://registry.yarnpkg.com/glamorous/-/glamorous-4.12.1.tgz#bcfa00f3d24c9232da33bc2b415e0d3ca7b10f68"
+glamorous@^4.12.3:
+  version "4.12.3"
+  resolved "https://registry.yarnpkg.com/glamorous/-/glamorous-4.12.3.tgz#29203c37a0a8dfde020b73a86dcfacc824baeec1"
   dependencies:
     brcast "^3.0.0"
+    csstype "^2.2.0"
     fast-memoize "^2.2.7"
     html-tag-names "^1.1.1"
     is-function "^1.0.1"
@@ -7536,6 +7562,13 @@ http-proxy-agent@^2.0.0:
     agent-base "4"
     debug "2"
 
+http-proxy-agent@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-2.1.0.tgz#e4821beef5b2142a2026bd73926fe537631c5405"
+  dependencies:
+    agent-base "4"
+    debug "3.1.0"
+
 http-proxy-middleware@~0.17.4:
   version "0.17.4"
   resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
@@ -7607,6 +7640,13 @@ https-proxy-agent@^2.1.0:
     agent-base "^4.1.0"
     debug "^3.1.0"
 
+https-proxy-agent@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz#51552970fa04d723e04c56d04178c3f92592bbc0"
+  dependencies:
+    agent-base "^4.1.0"
+    debug "^3.1.0"
+
 humanize-ms@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
@@ -7754,7 +7794,7 @@ inherits@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
 
-ini@^1.3.2, ini@^1.3.4, ini@~1.3.0, ini@~1.3.4:
+ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0, ini@~1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
 
@@ -7952,10 +7992,6 @@ is-alphanumerical@^1.0.0:
     is-alphabetical "^1.0.0"
     is-decimal "^1.0.0"
 
-is-array-buffer@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-1.0.0.tgz#f32497a0509d109423f472003f98bab6a8ea34cb"
-
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -9361,6 +9397,12 @@ json5@^0.5.0, json5@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
 
+json5@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  dependencies:
+    minimist "^1.2.0"
+
 jsonfile@^2.1.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
@@ -9581,9 +9623,9 @@ left-pad@^1.1.3, left-pad@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.2.0.tgz#d30a73c6b8201d8f7d8e7956ba9616087a68e0ee"
 
-lerna@2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/lerna/-/lerna-2.10.0.tgz#60155d1ddddde218473ac705ff62eea62e29aeef"
+lerna@2.10.2:
+  version "2.10.2"
+  resolved "https://registry.yarnpkg.com/lerna/-/lerna-2.10.2.tgz#3a0d54d398360fecc5918207c6d7ab68a5443d9f"
   dependencies:
     async "^1.5.0"
     chalk "^2.1.0"
@@ -9613,7 +9655,6 @@ lerna@2.10.0:
     path-exists "^3.0.0"
     read-cmd-shim "^1.0.1"
     read-pkg "^3.0.0"
-    resolve-from "^4.0.0"
     rimraf "^2.6.1"
     safe-buffer "^5.1.1"
     semver "^5.4.1"
@@ -9676,9 +9717,9 @@ libmime@3.0.0:
     libbase64 "0.1.0"
     libqp "1.1.0"
 
-libnpx@10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/libnpx/-/libnpx-10.0.1.tgz#a0104a1336e7621e52172d7970dc1b97fa17ae89"
+libnpx@10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/libnpx/-/libnpx-10.2.0.tgz#1bf4a1c9f36081f64935eb014041da10855e3102"
   dependencies:
     dotenv "^5.0.1"
     npm-package-arg "^6.0.0"
@@ -10836,9 +10877,9 @@ module-deps@^4.0.8:
     through2 "^2.0.0"
     xtend "^4.0.0"
 
-moment@^2.22.0:
-  version "2.22.0"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.22.0.tgz#7921ade01017dd45186e7fee5f424f0b8663a730"
+moment@^2.22.1:
+  version "2.22.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.22.1.tgz#529a2e9bf973f259c9643d237fda84de3a26e8ad"
 
 moment@^2.6.0:
   version "2.20.1"
@@ -11032,13 +11073,17 @@ node-fetch-npm@^2.0.2:
     json-parse-better-errors "^1.0.0"
     safe-buffer "^5.1.1"
 
-node-fetch@1.7.3, node-fetch@^1.0.1, node-fetch@^1.3.3, node-fetch@^1.7.3:
+node-fetch@1.7.3, node-fetch@^1.0.1, node-fetch@^1.3.3:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
   dependencies:
     encoding "^0.1.11"
     is-stream "^1.0.1"
 
+node-fetch@^2.1.1, node-fetch@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.1.2.tgz#ab884e8e7e57e38a944753cec706f788d1768bb5"
+
 node-forge@0.6.33:
   version "0.6.33"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.6.33.tgz#463811879f573d45155ad6a9f43dc296e8e85ebc"
@@ -11516,11 +11561,11 @@ npmlog@^2.0.4:
     are-we-there-yet "~1.1.2"
     gauge "~1.2.5"
 
-npx@10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/npx/-/npx-10.0.1.tgz#9acb5e0ad7b45511df741a3720db31e6d9da9ff5"
+npx@10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/npx/-/npx-10.2.0.tgz#f8c9ad30c68f2d13c36a4759cbbecd9c78388044"
   dependencies:
-    libnpx "10.0.1"
+    libnpx "10.2.0"
     npm "5.1.0"
 
 nth-check@~1.0.1:
@@ -11915,9 +11960,9 @@ parse-asn1@^5.0.0:
     evp_bytestokey "^1.0.0"
     pbkdf2 "^3.0.3"
 
-parse-diff@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/parse-diff/-/parse-diff-0.4.0.tgz#9ce35bcce8fc0b7c58f46d71113394fc0b4982dd"
+parse-diff@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/parse-diff/-/parse-diff-0.4.2.tgz#b173390e916564e8c70ccd37756047941e5b3ef2"
 
 parse-entities@^1.0.2, parse-entities@^1.1.0:
   version "1.1.1"
@@ -11930,14 +11975,13 @@ parse-entities@^1.0.2, parse-entities@^1.1.0:
     is-decimal "^1.0.0"
     is-hexadecimal "^1.0.0"
 
-parse-git-config@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/parse-git-config/-/parse-git-config-1.1.1.tgz#d3a9984317132f57398712bba438e129590ddf8c"
+parse-git-config@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/parse-git-config/-/parse-git-config-2.0.2.tgz#9f3154b069aefa747b199cbf95fefd2e749f7b36"
   dependencies:
-    extend-shallow "^2.0.1"
-    fs-exists-sync "^0.1.0"
+    expand-tilde "^2.0.2"
     git-config-path "^1.0.1"
-    ini "^1.3.4"
+    ini "^1.3.5"
 
 parse-github-repo-url@^1.3.0:
   version "1.4.1"
@@ -12385,9 +12429,9 @@ postcss-loader@^2.0.10:
     postcss-load-config "^1.2.0"
     schema-utils "^0.3.0"
 
-postcss-loader@^2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-2.1.3.tgz#eb210da734e475a244f76ccd61f9860f5bb3ee09"
+postcss-loader@^2.1.4:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-2.1.4.tgz#f44a6390e03c84108b2b2063182d1a1011b2ce76"
   dependencies:
     loader-utils "^1.1.0"
     postcss "^6.0.0"
@@ -12595,7 +12639,7 @@ postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.13, postcss@^6.0.16, postcss@^6.0.8
     source-map "^0.6.1"
     supports-color "^5.1.0"
 
-postcss@^6.0.20:
+postcss@^6.0.21:
   version "6.0.21"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.21.tgz#8265662694eddf9e9a5960db6da33c39e4cd069d"
   dependencies:
@@ -12615,9 +12659,9 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
-prettier@^1.11.1:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.11.1.tgz#61e43fc4cd44e68f2b0dfc2c38cd4bb0fccdcc75"
+prettier@^1.12.0:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.12.0.tgz#d26fc5894b9230de97629b39cae225b503724ce8"
 
 prettier@^1.7.0:
   version "1.10.2"
@@ -12895,9 +12939,9 @@ punycode@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.0.tgz#5f863edc89b96db09074bad7947bf09056ca4e7d"
 
-puppeteer@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.2.0.tgz#6a8a1c618af073dfcf6fc7c7e3c12e54129ffa98"
+puppeteer@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.3.0.tgz#f571c5f27153ca164a8188e6328ce2e4946878f3"
   dependencies:
     debug "^2.6.8"
     extract-zip "^1.6.5"
@@ -13085,9 +13129,9 @@ react-clone-referenced-element@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/react-clone-referenced-element/-/react-clone-referenced-element-1.0.1.tgz#2bba8c69404c5e4a944398600bcc4c941f860682"
 
-react-color@^2.14.0:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/react-color/-/react-color-2.14.0.tgz#5828a11c034aa0939befbd888a066ee37d8c3cc2"
+react-color@^2.14.1:
+  version "2.14.1"
+  resolved "https://registry.yarnpkg.com/react-color/-/react-color-2.14.1.tgz#db8ad4f45d81e74896fc2e1c99508927c6d084e0"
   dependencies:
     lodash "^4.0.1"
     material-colors "^1.2.1"
@@ -13150,9 +13194,9 @@ react-docgen@^3.0.0-beta11:
     node-dir "^0.1.10"
     recast "^0.12.6"
 
-react-dom@^16.3.1:
-  version "16.3.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.3.1.tgz#6a3c90a4fb62f915bdbcf6204422d93a7d4ca573"
+react-dom@^16.3.2:
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.3.2.tgz#cb90f107e09536d683d84ed5d4888e9640e0e4df"
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"
@@ -13188,20 +13232,20 @@ react-icons@^2.2.7:
   dependencies:
     react-icon-base "2.1.0"
 
-react-inspector@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.2.2.tgz#c04f5248fa92ab6c23e37960e725fb7f48c34d05"
+react-inspector@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.3.0.tgz#fc9c1d38ab687fc0d190dcaf133ae40158968fc8"
   dependencies:
     babel-runtime "^6.26.0"
     is-dom "^1.0.9"
 
-react-is@^16.3.1:
-  version "16.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.3.1.tgz#ee66e6d8283224a83b3030e110056798488359ba"
+react-is@^16.3.2:
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.3.2.tgz#f4d3d0e2f5fbb6ac46450641eb2e25bf05d36b22"
 
-react-lifecycles-compat@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.0.tgz#a1acdeeac980a0e9ffa69d7a3388497541d843ed"
+react-lifecycles-compat@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.2.tgz#7279047275bd727a912e25f734c0559527e84eff"
 
 react-modal@^3.3.2:
   version "3.3.2"
@@ -13377,14 +13421,14 @@ react-test-renderer@^16.0.0-0:
     object-assign "^4.1.1"
     prop-types "^15.6.0"
 
-react-test-renderer@^16.3.1:
-  version "16.3.1"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.3.1.tgz#d9257936d8535bd40f57f3d5a84e7b0452fb17f2"
+react-test-renderer@^16.3.2:
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.3.2.tgz#3d1ed74fda8db42521fdf03328e933312214749a"
   dependencies:
     fbjs "^0.8.16"
     object-assign "^4.1.1"
     prop-types "^15.6.0"
-    react-is "^16.3.1"
+    react-is "^16.3.2"
 
 react-textarea-autosize@^6.1.0:
   version "6.1.0"
@@ -13424,9 +13468,9 @@ react-treebeard@^2.1.0:
     shallowequal "^0.2.2"
     velocity-react "^1.3.1"
 
-react@^16.3.1:
-  version "16.3.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.3.1.tgz#4a2da433d471251c69b6033ada30e2ed1202cfd8"
+react@^16.3.2:
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.3.2.tgz#fdc8420398533a1e58872f59091b272ce2f91ea9"
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"
@@ -14295,10 +14339,6 @@ resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
 
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-
 resolve-url@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
@@ -14319,6 +14359,12 @@ resolve@^1.1.3, resolve@^1.1.4, resolve@^1.1.6, resolve@^1.1.7, resolve@^1.3.2,
   dependencies:
     path-parse "^1.0.5"
 
+resolve@^1.6.0:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.7.1.tgz#aadd656374fd298aee895bc026b8297418677fd3"
+  dependencies:
+    path-parse "^1.0.5"
+
 response-time@~2.3.1:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/response-time/-/response-time-2.3.2.tgz#ffa71bab952d62f7c1d49b7434355fbc68dffc5a"
@@ -14432,9 +14478,9 @@ rxjs@^5.4.2, rxjs@^5.5.2, rxjs@^5.5.6:
   dependencies:
     symbol-observable "1.0.1"
 
-rxjs@^5.5.8:
-  version "5.5.8"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.5.8.tgz#b2b0809a57614ad6254c03d7446dea0d83ca3791"
+rxjs@^5.5.10:
+  version "5.5.10"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.5.10.tgz#fde02d7a614f6c8683d0d1957827f492e09db045"
   dependencies:
     symbol-observable "1.0.1"
 
@@ -16532,9 +16578,9 @@ update-notifier@^2.3.0:
     semver-diff "^2.0.0"
     xdg-basedir "^3.0.0"
 
-update-notifier@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.4.0.tgz#f9b4c700fbfd4ec12c811587258777d563d8c866"
+update-notifier@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.5.0.tgz#d0744593e13f161e406acb1d9408b72cad08aff6"
   dependencies:
     boxen "^1.2.1"
     chalk "^2.0.1"