Merge branch 'release/3.3' into tmeasday/add-stories

.remarkrc.js

@@ -14,12 +14,5 @@ module.exports = {
         },
       },
     ],
-    [
-      'remark-toc',
-      {
-        tight: true,
-        maxDepth: 3,
-      },
-    ],
   ],
 };

addons/actions/package.json

@@ -20,6 +20,8 @@
   },
   "dependencies": {
     "deep-equal": "^1.0.1",
+    "global": "^4.3.2",
+    "make-error": "^1.3.0",
     "prop-types": "^15.6.0",
     "react-inspector": "^2.2.2",
     "uuid": "^3.1.0"

addons/actions/src/containers/ActionLogger/index.js

@@ -3,7 +3,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import deepEqual from 'deep-equal';
-import { CYCLIC_KEY, isObject, retrocycle } from '../../util';
+import { CYCLIC_KEY, retrocycle } from '../../lib';
+import { isObject } from '../../lib/util';
 
 import ActionLoggerComponent from '../../components/ActionLogger/';
 import { EVENT_ID } from '../../';

addons/actions/src/lib/__mocks__/example.js

@@ -0,0 +1,45 @@
+import { File } from 'global';
+
+const date = '2017-12-02T11:13:22.492Z';
+const file = new File([''], 'filename.txt', {
+  type: 'text/plain',
+  lastModified: new Date(date),
+});
+
+const input = {
+  a: 'A',
+  b: 1,
+  c: true,
+  d: /AA/g,
+  e: date,
+  f: file,
+};
+input.circular = input;
+
+const output = {
+  '$___storybook.objectName': 'Object',
+  '$___storybook.isCyclic': true,
+  a: 'A',
+  b: 1,
+  c: true,
+  circular: {
+    $ref: '$',
+  },
+  d: {
+    '$___storybook.regExpKey': '/AA/g',
+  },
+  e: '2017-12-02T11:13:22.492Z',
+  f: {
+    '$___storybook.objectName': 'File',
+    isClosed: false,
+    lastModified: 1512213202492,
+    name: 'filename.txt',
+    size: 0,
+    type: 'text/plain',
+  },
+};
+
+export default {
+  input,
+  output,
+};

addons/actions/src/lib/__tests__/decycle.test.js

@@ -0,0 +1,8 @@
+import decycle from '../decycle';
+import example from '../__mocks__/example';
+
+describe('Decycle', () => {
+  it('can handle cyclic object', () => {
+    expect(decycle(example.input)).toEqual(example.output);
+  });
+});

addons/actions/src/lib/__tests__/retrocycle.test.js

@@ -0,0 +1,42 @@
+import retrocycle from '../retrocycle';
+import example from '../__mocks__/example';
+
+describe('Retrocycle', () => {
+  it('can restore cyclic object', () => {
+    const FileMock = function File() {
+      this.close = function close() {};
+      this.isClosed = example.input.f.isClosed;
+      this.lastModified = example.input.f.lastModified;
+      this.name = example.input.f.name;
+      this.size = 0;
+      this.type = 'text/plain';
+    };
+
+    const file = new FileMock();
+
+    const result = {
+      a: example.input.a,
+      b: example.input.b,
+      c: example.input.c,
+      d: example.input.d,
+      e: example.input.e,
+      f: file,
+    };
+
+    result.circular = result;
+
+    const revived = retrocycle(JSON.stringify(example.output));
+
+    expect(revived.a).toEqual(example.input.a);
+    expect(revived.b).toEqual(example.input.b);
+    expect(revived.c).toEqual(example.input.c);
+    expect(revived.d).toEqual(example.input.d);
+    expect(revived.e).toEqual(example.input.e);
+    expect(revived.f.constructor.name).toEqual('File');
+    expect(revived.f.isClosed).toEqual(example.input.f.isClosed);
+    expect(revived.f.lastModified).toEqual(example.input.f.lastModified);
+    expect(revived.f.name).toEqual(example.input.f.name);
+    expect(revived.f.size).toEqual(example.input.f.size);
+    expect(revived.f.type).toEqual(example.input.f.type);
+  });
+});

addons/actions/src/lib/decycle.js

@@ -0,0 +1,80 @@
+import { DecycleError } from './errors';
+
+import { getPropertiesList, typeReplacer } from './util';
+
+import { CYCLIC_KEY } from './';
+
+import { objectType } from './types';
+
+export default function decycle(object, depth = 10) {
+  const objects = new WeakMap();
+
+  let isCyclic = false;
+
+  const res = (function derez(value, path, _depth) {
+    let oldPath;
+    let obj;
+
+    if (Object(value) === value && _depth > depth) {
+      const name = value.constructor ? value.constructor.name : typeof value;
+
+      return `[${name}...]`;
+    }
+
+    const result = typeReplacer(value);
+
+    if (result) {
+      return result.value;
+    }
+
+    const type = typeof value;
+
+    if (value instanceof Boolean || value instanceof Number || value instanceof String) {
+      return value;
+    }
+
+    if (type === 'object' && value !== null) {
+      oldPath = objects.get(value);
+      if (oldPath !== undefined) {
+        isCyclic = true;
+
+        return { $ref: oldPath };
+      }
+
+      try {
+        objects.set(value, path);
+      } catch (error) {
+        console.error(error); // eslint-disable-line no-console
+        return new DecycleError(error.message);
+      }
+
+      if (Array.isArray(value)) {
+        obj = [];
+        for (let i = 0; i < value.length; i += 1) {
+          obj[i] = derez(value[i], `${path}[${i}]`, _depth + 1);
+        }
+      } 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);
+          }
+        });
+      }
+
+      if (_depth === 0 && value instanceof Object && isCyclic) {
+        obj[CYCLIC_KEY] = true;
+      }
+
+      return obj;
+    }
+
+    return value;
+  })(object, '$', 0);
+
+  return res;
+}

addons/actions/src/lib/errors/DecycleError.js

@@ -0,0 +1,3 @@
+import { BaseError } from 'make-error';
+
+export default class DecycleError extends BaseError {}

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

@@ -0,0 +1 @@
+export DecycleError from './DecycleError';

addons/actions/src/lib/index.js

@@ -0,0 +1,4 @@
+export const CYCLIC_KEY = '$___storybook.isCyclic';
+export decycle from './decycle';
+export retrocycle from './retrocycle';
+export reviver from './reviver';

addons/actions/src/lib/retrocycle.js

@@ -0,0 +1,50 @@
+import reviver from './reviver';
+import { muteProperty } from './util';
+import { CYCLIC_KEY } from './';
+
+const pathReg = /^\$(?:\[(?:\d+|"(?:[^\\"\u0000-\u001f]|\\([\\"/bfnrt]|u[0-9a-zA-Z]{4}))*")])*$/;
+
+export default function retrocycle(json) {
+  const $ = JSON.parse(json, reviver);
+
+  if (typeof $ !== 'object' || $ === null) {
+    return $;
+  }
+
+  (function rez(value) {
+    if (value && typeof value === 'object') {
+      if (Array.isArray(value)) {
+        for (let i = 0; i < value.length; i += 1) {
+          const item = value[i];
+          if (item && typeof item === 'object') {
+            const path = item.$ref;
+            if (typeof path === 'string' && pathReg.test(path)) {
+              value[i] = eval(path); // eslint-disable-line no-eval, no-param-reassign
+            } else {
+              rez(item);
+            }
+          }
+        }
+      } else {
+        // eslint-disable-next-line no-restricted-syntax, guard-for-in
+        for (const name in value) {
+          const item = value[name];
+
+          if (typeof item === 'object' && item !== null) {
+            const path = item.$ref;
+
+            if (typeof path === 'string' && pathReg.test(path)) {
+              value[name] = eval(path); // eslint-disable-line no-eval, no-param-reassign
+            } else {
+              rez(item);
+            }
+          }
+        }
+      }
+    }
+  })($);
+
+  muteProperty(CYCLIC_KEY, $);
+
+  return $;
+}

addons/actions/src/lib/reviver.js

@@ -0,0 +1,15 @@
+import { isObject, typeReviver } from './util';
+
+function reviver(key, value) {
+  if (isObject(value)) {
+    const result = typeReviver(value);
+
+    if (result) {
+      return result.value;
+    }
+  }
+
+  return value;
+}
+
+export default reviver;

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

@@ -0,0 +1,19 @@
+import dateType from '../';
+
+const date = new Date(1512137134873);
+const isoString = date.toISOString();
+
+describe('Date', () => {
+  it('Recognizes Date', () => {
+    expect(dateType.is(date)).toBe(true);
+    expect(dateType.is(1)).toBe(false);
+  });
+
+  it('Serializes Date', () => {
+    expect(dateType.serialize(date)).toEqual({ [dateType.KEY]: isoString });
+  });
+
+  it('Deserializes Date', () => {
+    expect(dateType.deserialize({ [dateType.KEY]: isoString })).toEqual(date);
+  });
+});

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

@@ -0,0 +1,10 @@
+const KEY = '$___storybook.Date';
+
+const dateType = {
+  KEY,
+  is: value => value instanceof Date,
+  serialize: value => ({ [KEY]: value.toISOString() }),
+  deserialize: value => new Date(value[KEY]),
+};
+
+export default dateType;

addons/actions/src/lib/types/function/__tests__/createFunction.test.js

@@ -0,0 +1,10 @@
+import createFunction from '../createFunction';
+import reservedKeywords from '../reservedKeywords';
+
+describe('createFunction', () => {
+  it('Can create functions with reserved names', () => {
+    reservedKeywords.forEach(reservedKeyword => {
+      expect(createFunction(reservedKeyword).name).toBe(`${reservedKeyword}`);
+    });
+  });
+});

addons/actions/src/lib/types/function/__tests__/createFunctionEval.test.js

@@ -0,0 +1,10 @@
+import createFunctionEval from '../createFunctionEval';
+import reservedKeywords from '../reservedKeywords';
+
+describe('createFunctionEval', () => {
+  it('Adds $ suffix for reserved names', () => {
+    reservedKeywords.forEach(reservedKeyword => {
+      expect(createFunctionEval(reservedKeyword).name).toBe(`${reservedKeyword}$`);
+    });
+  });
+});

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

@@ -0,0 +1,46 @@
+import functionType from '../';
+import reservedKeywords from '../reservedKeywords';
+import createFunction from '../createFunction';
+import createBoundFunction from '../createBoundFunction';
+
+const A = createFunction('A');
+const B = createBoundFunction('B');
+const C = createFunction();
+
+describe('function', () => {
+  it('Recognizes function', () => {
+    expect(functionType.is(A)).toBe(true);
+  });
+
+  it('Serializes function', () => {
+    expect(functionType.serialize(A)).toEqual({ [functionType.KEY]: 'A' });
+  });
+
+  it('Serializes anonymous function', () => {
+    expect(functionType.serialize(C)).toEqual({ [functionType.KEY]: '' });
+  });
+
+  it('Serializes bound function', () => {
+    expect(functionType.serialize(B)).toEqual({ [functionType.KEY]: 'bound B' });
+  });
+
+  it('Deserializes function', () => {
+    const func = functionType.deserialize({ [functionType.KEY]: 'A' });
+
+    expect(func.name).toEqual('A');
+  });
+
+  it('Deserializes bound function', () => {
+    const func = functionType.deserialize({ [functionType.KEY]: 'bound B' });
+
+    expect(func.name).toEqual('bound B');
+  });
+
+  it('Deserializes functions with reserved names', () => {
+    reservedKeywords.forEach(reservedKeyword => {
+      const func = functionType.deserialize({ [functionType.KEY]: reservedKeyword });
+
+      expect(func.name).toEqual(reservedKeyword);
+    });
+  });
+});

addons/actions/src/lib/types/function/createBoundFunction.js

@@ -0,0 +1,5 @@
+import createFunction from './createFunction';
+
+export default function createBoundFunction(name) {
+  return createFunction(name).bind({});
+}

addons/actions/src/lib/types/function/createFunction.js

@@ -0,0 +1,14 @@
+import canConfigureName from '../../util/canConfigureName';
+import createFunctionEval from './createFunctionEval';
+
+export default function createFunction(name = '') {
+  if (canConfigureName) {
+    const func = function unnamed() {};
+
+    Object.defineProperty(func, 'name', { value: name });
+
+    return func;
+  }
+
+  return createFunctionEval(name);
+}

addons/actions/src/lib/types/function/createFunctionEval.js

@@ -0,0 +1,8 @@
+import isReserved from './isReserved';
+
+export default function createFunctionEval(name) {
+  const fnName = isReserved(name) ? `${name}$` : name;
+
+  // eslint-disable-next-line no-new-func
+  return new Function(`return function ${fnName}() {}`)();
+}

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

@@ -0,0 +1,19 @@
+import createBoundFunction from './createBoundFunction';
+import createFunction from './createFunction';
+
+const KEY = '$___storybook.functionName';
+
+const functionType = {
+  KEY,
+  is: value => typeof value === 'function',
+  serialize: value => ({ [KEY]: value.name || '' }),
+  deserialize: value => {
+    const parts = value[KEY].split(' ');
+
+    return parts.length === 2 && parts[0] === 'bound'
+      ? createBoundFunction(parts[1])
+      : createFunction(parts[0]);
+  },
+};
+
+export default functionType;

addons/actions/src/lib/types/function/isReserved.js

@@ -0,0 +1,5 @@
+import reservedKeywords from './reservedKeywords';
+
+export default function isReserved(name) {
+  return reservedKeywords.indexOf(name) >= 0;
+}

addons/actions/src/lib/types/function/reservedKeywords.js

@@ -0,0 +1,36 @@
+const reservedWords = [
+  'break',
+  'case',
+  'catch',
+  'class',
+  'continue',
+  'debugger',
+  'default',
+  'delete',
+  'do',
+  'else',
+  'export',
+  'extends',
+  'finally',
+  'for',
+  'function',
+  'if',
+  'import',
+  'in',
+  'instanceof',
+  'new',
+  'return',
+  'super',
+  'switch',
+  'this',
+  'throw',
+  'try',
+  'typeof',
+  'var',
+  'void',
+  'while',
+  'with',
+  'yield',
+];
+
+export default reservedWords;

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

@@ -0,0 +1,27 @@
+import objectType from './object';
+import dateType from './date';
+import functionType from './function';
+import infinityType from './infinity';
+import nanType from './nan';
+import regexpType from './regexp';
+import symbolType from './symbol';
+import undefinedType from './undefined';
+
+export { objectType };
+export { dateType };
+export { functionType };
+export { infinityType };
+export { nanType };
+export { regexpType };
+export { symbolType };
+export { undefinedType };
+
+export const types = [
+  dateType,
+  functionType,
+  nanType,
+  infinityType,
+  regexpType,
+  symbolType,
+  undefinedType,
+];

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

@@ -0,0 +1,29 @@
+import infinityType from '../';
+
+describe('Infinity', () => {
+  it('Recognizes Infinity', () => {
+    expect(infinityType.is(Infinity)).toBe(true);
+    expect(infinityType.is(1)).toBe(false);
+  });
+
+  it('Recognizes -Infinity', () => {
+    expect(infinityType.is(-Infinity)).toBe(true);
+    expect(infinityType.is(-1)).toBe(false);
+  });
+
+  it('Serializes Infinity', () => {
+    expect(infinityType.serialize(Infinity)).toEqual({ [infinityType.KEY]: true });
+  });
+
+  it('Serializes -Infinity', () => {
+    expect(infinityType.serialize(-Infinity)).toEqual({ [infinityType.KEY]: false });
+  });
+
+  it('Deserializes Infinity', () => {
+    expect(infinityType.deserialize({ [infinityType.KEY]: true })).toEqual(Infinity);
+  });
+
+  it('Deserializes -Infinity', () => {
+    expect(infinityType.deserialize({ [infinityType.KEY]: false })).toEqual(-Infinity);
+  });
+});

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

@@ -0,0 +1,10 @@
+const KEY = '$___storybook.Infinity';
+
+const InfinityType = {
+  KEY,
+  is: value => typeof value === 'number' && !Number.isFinite(value),
+  serialize: value => ({ [KEY]: value === Infinity }),
+  deserialize: value => (value[KEY] ? Infinity : -Infinity),
+};
+
+export default InfinityType;

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

@@ -0,0 +1,16 @@
+import nanType from '../';
+
+describe('NaN', () => {
+  it('Recognizes NaN', () => {
+    expect(nanType.is(NaN)).toBe(true);
+    expect(nanType.is(1)).toBe(false);
+  });
+
+  it('Serializes NaN', () => {
+    expect(nanType.serialize(NaN)).toEqual({ [nanType.KEY]: true });
+  });
+
+  it('Deserializes NaN', () => {
+    expect(nanType.deserialize({ [nanType.KEY]: true })).toEqual(NaN);
+  });
+});

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

@@ -0,0 +1,9 @@
+const KEY = '$___storybook.NaN';
+const NaNType = {
+  KEY,
+  is: value => typeof value === 'number' && Number.isNaN(value),
+  serialize: () => ({ [KEY]: true }),
+  deserialize: () => NaN,
+};
+
+export default NaNType;

addons/actions/src/lib/types/object/__tests__/createNamedObject.test.js

@@ -0,0 +1,14 @@
+import createNamedObject from '../createNamedObject';
+
+describe('createNamedObject', () => {
+  it('creates named object', () => {
+    expect(
+      createNamedObject(
+        {
+          name_key: 'A',
+        },
+        'name_key'
+      ).constructor.name
+    ).toEqual('A');
+  });
+});

addons/actions/src/lib/types/object/__tests__/getObjectName.test.js

@@ -0,0 +1,20 @@
+import getObjectName from '../getObjectName';
+
+class A {}
+const a = new A();
+function B() {}
+const b = new B();
+
+describe('getObjectName', () => {
+  it('get name of instance', () => {
+    expect(getObjectName(a)).toBe('A');
+  });
+
+  it('get name of function', () => {
+    expect(getObjectName(B)).toBe('B');
+  });
+
+  it('get constructor name', () => {
+    expect(getObjectName(b)).toBe('B');
+  });
+});

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

@@ -0,0 +1,19 @@
+import objectType from '../';
+
+describe('Object', () => {
+  it('Serializes Object', () => {
+    function C() {}
+    const c = new C();
+
+    expect(objectType.serialize(c)).toEqual({ [objectType.KEY]: 'C' });
+  });
+
+  it('Deserializes Object', () => {
+    const value = { [objectType.KEY]: 'C' };
+    const c = objectType.deserialize(value);
+
+    expect(c.constructor.name).toEqual('C');
+
+    expect(value).toEqual({});
+  });
+});

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

@@ -0,0 +1,11 @@
+export default function canAccessProperty(key, value) {
+  let prop;
+
+  try {
+    prop = value[key];
+  } catch (error) {
+    console.error(error); // eslint-disable-line no-console
+  }
+
+  return !!prop;
+}

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

@@ -0,0 +1,12 @@
+import createFunction from '../function/createFunction';
+
+export default function createNamedObject(obj, key) {
+  const Func = createFunction(obj[key]);
+  const namedObj = new Func();
+
+  delete obj[key]; // eslint-disable-line no-param-reassign
+
+  Object.assign(namedObj, obj);
+
+  return namedObj;
+}

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

@@ -0,0 +1,25 @@
+import canAccessProperty from './canAccessProperty';
+
+export default function getObjectName(value) {
+  if (canAccessProperty('toString', value)) {
+    const stringValue = value.toString();
+
+    if (stringValue.slice(0, 5) === 'class') {
+      return stringValue.slice(6, -3);
+    }
+
+    const type = stringValue.slice(8, -1);
+
+    if (stringValue.slice(1, 7) === 'object' && type !== 'Object') {
+      return type;
+    }
+
+    const parts = stringValue.match(/function (\w+).*/);
+
+    if (parts && parts.length === 2) {
+      return parts[1];
+    }
+  }
+
+  return value.constructor ? value.constructor.name : 'Object';
+}

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

@@ -0,0 +1,13 @@
+import createNamedObject from './createNamedObject';
+import getObjectName from './getObjectName';
+
+const KEY = '$___storybook.objectName';
+
+const objectType = {
+  KEY,
+  // is: (value) => , // not used
+  serialize: value => ({ [KEY]: getObjectName(value) }),
+  deserialize: value => createNamedObject(value, KEY),
+};
+
+export default objectType;

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

@@ -0,0 +1,18 @@
+import regExpType from '../';
+
+const regExp = /aRegExp/g;
+
+describe('RegExp', () => {
+  it('Recognizes RegExp', () => {
+    expect(regExpType.is(regExp)).toBe(true);
+    expect(regExpType.is(1)).toBe(false);
+  });
+
+  it('Serializes RegExp', () => {
+    expect(regExpType.serialize(regExp)).toEqual({ [regExpType.KEY]: '/aRegExp/g' });
+  });
+
+  it('Deserializes RegExp', () => {
+    expect(regExpType.deserialize({ [regExpType.KEY]: '/aRegExp/g' })).toEqual(regExp);
+  });
+});

addons/actions/src/lib/types/regexp/createRegExp.js

@@ -0,0 +1,5 @@
+export default function createRegExp(regExp) {
+  const parts = regExp.split('/');
+
+  return new RegExp(parts[1], parts[2]);
+}

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

@@ -0,0 +1,12 @@
+import createRegExp from './createRegExp';
+
+const KEY = '$___storybook.regExpKey';
+
+const regExpType = {
+  KEY,
+  is: value => value instanceof RegExp,
+  serialize: value => ({ [KEY]: value.toString() }),
+  deserialize: value => createRegExp(value[KEY]),
+};
+
+export default regExpType;

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

@@ -0,0 +1,18 @@
+import symbolType from '../';
+
+const symbol = Symbol('S');
+
+describe('Symbol', () => {
+  it('Recognizes Symbol', () => {
+    expect(symbolType.is(symbol)).toBe(true);
+    expect(symbolType.is(1)).toBe(false);
+  });
+
+  it('Serializes Symbol', () => {
+    expect(symbolType.serialize(symbol)).toEqual({ [symbolType.KEY]: 'S' });
+  });
+
+  it('Deserializes Symbol', () => {
+    expect(symbolType.deserialize({ [symbolType.KEY]: 'S' }).toString()).toEqual(symbol.toString());
+  });
+});

addons/actions/src/lib/types/symbol/createSymbol.js

@@ -0,0 +1,3 @@
+export default function createSymbol(name) {
+  return Symbol(name);
+}

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

@@ -0,0 +1,12 @@
+import createSymbol from './createSymbol';
+
+const KEY = '$___storybook.symbolName';
+
+const symbolType = {
+  KEY,
+  is: value => typeof value === 'symbol',
+  serialize: value => ({ [KEY]: String(value).slice(7, -1) || null }),
+  deserialize: value => createSymbol(value[KEY]),
+};
+
+export default symbolType;

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

@@ -0,0 +1,16 @@
+import undefinedType from '../';
+
+describe('undefined', () => {
+  it('Recognizes undefined', () => {
+    expect(undefinedType.is(undefined)).toBe(true);
+    expect(undefinedType.is(1)).toBe(false);
+  });
+
+  it('Serializes undefined', () => {
+    expect(undefinedType.serialize(undefined)).toEqual({ [undefinedType.KEY]: true });
+  });
+
+  it('Deserializes undefined', () => {
+    expect(undefinedType.deserialize({ [undefinedType.KEY]: true })).toEqual(undefined);
+  });
+});

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

@@ -0,0 +1,10 @@
+const KEY = '$___storybook.undefined';
+
+const undefinedType = {
+  KEY,
+  is: value => value === undefined,
+  serialize: () => ({ [KEY]: true }),
+  deserialize: () => undefined,
+};
+
+export default undefinedType;

addons/actions/src/lib/util/__tests__/getPropertiesList.test.js

@@ -0,0 +1,14 @@
+import { File } from 'global';
+import getPropertiesList from '../getPropertiesList';
+
+describe('getPropertiesList', () => {
+  it('for plain object', () => {
+    expect(getPropertiesList({ a: 'A', b: 'B' })).toEqual(['a', 'b']);
+  });
+
+  it('for File object', () => {
+    const file = new File([''], 'filename.txt', { type: 'text/plain', lastModified: new Date() });
+
+    expect(getPropertiesList(file)).toEqual(['name', 'lastModified', 'size', 'type', 'isClosed']);
+  });
+});

addons/actions/src/lib/util/__tests__/muteProperty.test.js

@@ -0,0 +1,7 @@
+import muteProperty from '../muteProperty';
+
+describe('muteProperty', () => {
+  it('mutes property', () => {
+    expect(Object.keys(muteProperty('key', { key: 1 }))).toEqual([]);
+  });
+});

addons/actions/src/lib/util/__tests__/typeReplacer.test.js

@@ -0,0 +1,53 @@
+import typeReplacer from '../typeReplacer';
+import {
+  dateType,
+  functionType,
+  infinityType,
+  nanType,
+  regexpType,
+  symbolType,
+  undefinedType,
+} from '../../types';
+
+function A() {}
+
+const date = '2017-12-02T11:13:22.492Z';
+
+describe('typeReplacer', () => {
+  it('Replaces Date', () => {
+    expect(typeReplacer(new Date(date))).toEqual({
+      value: { [dateType.KEY]: date },
+    });
+  });
+
+  it('Replaces Function', () => {
+    expect(typeReplacer(A)).toEqual({
+      value: { [functionType.KEY]: 'A' },
+    });
+  });
+  it('Replaces Infinity', () => {
+    expect(typeReplacer(Infinity)).toEqual({
+      value: { [infinityType.KEY]: true },
+    });
+  });
+  it('Replaces NaN', () => {
+    expect(typeReplacer(NaN)).toEqual({
+      value: { [nanType.KEY]: true },
+    });
+  });
+  it('Replaces Symbol', () => {
+    expect(typeReplacer(Symbol('A'))).toEqual({
+      value: { [symbolType.KEY]: 'A' },
+    });
+  });
+  it('Replaces undefined', () => {
+    expect(typeReplacer(undefined)).toEqual({
+      value: { [undefinedType.KEY]: true },
+    });
+  });
+  it('Replaces RegExp', () => {
+    expect(typeReplacer(/works/g)).toEqual({
+      value: { [regexpType.KEY]: '/works/g' },
+    });
+  });
+});

addons/actions/src/lib/util/__tests__/typeReviver.test.js

@@ -0,0 +1,52 @@
+import typeReviver from '../typeReviver';
+import {
+  objectType,
+  dateType,
+  functionType,
+  infinityType,
+  nanType,
+  regexpType,
+  symbolType,
+  undefinedType,
+} from '../../types';
+
+const date = '2017-12-02T11:13:22.492Z';
+
+describe('typeReviver', () => {
+  it('Revives object name', () => {
+    expect(typeReviver({ [objectType.KEY]: 'C' }).value.constructor.name).toEqual('C');
+  });
+  it('Revives Date', () => {
+    expect(typeReviver({ [dateType.KEY]: date })).toEqual({
+      value: new Date(date),
+    });
+  });
+
+  it('Revives Function', () => {
+    expect(typeReviver({ [functionType.KEY]: 'A' }).value.name).toEqual('A');
+  });
+
+  it('Revives Infinity', () => {
+    expect(typeReviver({ [infinityType.KEY]: true })).toEqual({ value: Infinity });
+  });
+
+  it('Revives -Infinity', () => {
+    expect(typeReviver({ [infinityType.KEY]: false })).toEqual({ value: -Infinity });
+  });
+
+  it('Revives NaN', () => {
+    expect(typeReviver({ [nanType.KEY]: true })).toEqual({ value: NaN });
+  });
+
+  it('Revives Symbol', () => {
+    expect(typeReviver({ [symbolType.KEY]: 'A' }).value.toString()).toEqual(Symbol('A').toString());
+  });
+
+  it('Revives undefined', () => {
+    expect(typeReviver({ [undefinedType.KEY]: true })).toEqual({ value: undefined });
+  });
+
+  it('Revives RegExp', () => {
+    expect(typeReviver({ [regexpType.KEY]: '/works/g' })).toEqual({ value: /works/g });
+  });
+});

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

@@ -0,0 +1,7 @@
+// IE11 may return an undefined descriptor, but it supports Function#name
+const func = function unnamed() {};
+const nameDescriptor = Object.getOwnPropertyDescriptor(func, 'name');
+// This condition is true in modern browsers that implement Function#name properly
+const canConfigureName = !nameDescriptor || nameDescriptor.configurable;
+
+export default canConfigureName;

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

@@ -0,0 +1,19 @@
+const { hasOwnProperty } = Object.prototype;
+
+export default function getPropertiesList(value) {
+  const keys = [];
+
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
+  for (const name in value) {
+    try {
+      if (hasOwnProperty.call(value, name) || typeof value[name] !== 'function') {
+        keys.push(name);
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(`Error accessing property ${name}`, error);
+    }
+  }
+
+  return keys;
+}

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

@@ -0,0 +1,6 @@
+export canConfigureName from './canConfigureName.js';
+export getPropertiesList from './getPropertiesList.js';
+export isObject from './isObject.js';
+export muteProperty from './muteProperty.js';
+export typeReviver from './typeReviver.js';
+export typeReplacer from './typeReplacer.js';

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

@@ -0,0 +1,5 @@
+const { toString } = Object.prototype;
+
+export default function isObject(value) {
+  return toString.call(value) === '[object Object]';
+}

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

@@ -0,0 +1,3 @@
+export default function muteProperty(key, value) {
+  return Object.defineProperty(value, key, { enumerable: false });
+}

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

@@ -0,0 +1,15 @@
+import { types } from '../types';
+
+function typeReplacer(value) {
+  const found = types.find(type => type.is(value));
+
+  if (found) {
+    return {
+      value: found.serialize(value),
+    };
+  }
+
+  return false;
+}
+
+export default typeReplacer;

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

@@ -0,0 +1,19 @@
+import { types, objectType } from '../types';
+
+const { hasOwnProperty } = Object.prototype;
+
+const allTypes = types.concat(objectType);
+
+function typeFilter(value) {
+  const found = allTypes.find(type => hasOwnProperty.call(value, type.KEY));
+
+  if (found) {
+    return {
+      value: found.deserialize(value),
+    };
+  }
+
+  return false;
+}
+
+export default typeFilter;

addons/actions/src/preview.js

@@ -3,12 +3,25 @@
 import addons from '@storybook/addons';
 import uuid from 'uuid/v1';
 import { EVENT_ID } from './';
-import { decycle } from './util';
+import { decycle } from './lib';
+import { canConfigureName } from './lib/util';
 
 export function action(name) {
   // eslint-disable-next-line no-shadow
   const handler = function action(..._args) {
-    const args = _args.map(arg => JSON.stringify(decycle(arg)));
+    const args = _args.map(arg => {
+      let result;
+
+      try {
+        result = JSON.stringify(decycle(arg));
+      } catch (error) {
+        // IE still cyclic.
+
+        return JSON.stringify(error.toString());
+      }
+
+      return result;
+    });
     const channel = addons.getChannel();
     const id = uuid();
     channel.emit(EVENT_ID, {
@@ -17,11 +30,6 @@ export function action(name) {
     });
   };
 
-  // IE11 may return an undefined descriptor, but it supports Function#name
-  const nameDescriptor = Object.getOwnPropertyDescriptor(handler, 'name');
-  // This condition is true in modern browsers that implement Function#name properly
-  const canConfigureName = !nameDescriptor || nameDescriptor.configurable;
-
   if (canConfigureName && name && typeof name === 'string') {
     Object.defineProperty(handler, 'name', { value: name });
   }

addons/actions/src/preview.test.js

@@ -1,6 +1,7 @@
 import addons from '@storybook/addons';
 import uuid from 'uuid/v1';
 import { action } from './preview';
+import { undefinedType, symbolType } from './lib/types';
 
 jest.mock('uuid/v1');
 jest.mock('@storybook/addons');
@@ -35,5 +36,77 @@ describe('preview', () => {
       expect(() => JSON.stringify(cyclicObject)).toThrow();
       expect(() => action('foo')(cyclicObject)).not.toThrow();
     });
+
+    it('should be able to handle non plain object', () => {
+      function A(val) {
+        this.a = val;
+      }
+
+      const a = new A('b');
+
+      const channel = { emit: jest.fn() };
+      addons.getChannel.mockReturnValue(channel);
+
+      action('foo')(a);
+
+      expect(JSON.parse(channel.emit.mock.calls[0][1].data.args[0])).toEqual({
+        '$___storybook.objectName': 'A',
+        a: 'b',
+      });
+    });
+
+    it('should be able to handle non plain cyclic object', () => {
+      function A() {}
+      const a = new A();
+      a.a = a;
+
+      const channel = { emit: jest.fn() };
+      addons.getChannel.mockReturnValue(channel);
+
+      action('foo')(a);
+
+      expect(JSON.parse(channel.emit.mock.calls[0][1].data.args[0])).toEqual({
+        '$___storybook.objectName': 'A',
+        '$___storybook.isCyclic': true,
+        a: {
+          $ref: '$',
+        },
+      });
+    });
+
+    describe('should be able to emit primitive value type:', () => {
+      [true, false, null, 10, 'a'].forEach(value => {
+        it(`${typeof value} value ${JSON.stringify(value)}`, () => {
+          const channel = { emit: jest.fn() };
+          addons.getChannel.mockReturnValue(channel);
+
+          action('foo')(value);
+
+          expect(JSON.parse(channel.emit.mock.calls[0][1].data.args[0])).toBe(value);
+        });
+      });
+
+      it('undefined value', () => {
+        const channel = { emit: jest.fn() };
+        addons.getChannel.mockReturnValue(channel);
+
+        action('foo')(undefined);
+
+        expect(JSON.parse(channel.emit.mock.calls[0][1].data.args[0])).toEqual({
+          [undefinedType.KEY]: true,
+        });
+      });
+
+      it('symbol value', () => {
+        const channel = { emit: jest.fn() };
+        addons.getChannel.mockReturnValue(channel);
+
+        action('foo')(Symbol('A Symbol'));
+
+        expect(JSON.parse(channel.emit.mock.calls[0][1].data.args[0])).toEqual({
+          [symbolType.KEY]: 'A Symbol',
+        });
+      });
+    });
   });
 });

addons/actions/src/util.js

@@ -1,129 +0,0 @@
-export const CLASS_NAME_KEY = '$___storybook.className';
-export const CYCLIC_KEY = '$___storybook.isCyclic';
-
-export function muteProperty(key, value) {
-  return Object.defineProperty(value, key, { enumerable: false });
-}
-
-export function isObject(value) {
-  return Object.prototype.toString.call(value) === '[object Object]';
-}
-
-export function createFakeConstructor(obj) {
-  function FakeConstructor(data) {
-    Object.assign(this, data);
-  }
-
-  Object.defineProperty(FakeConstructor, 'name', {
-    value: obj[CLASS_NAME_KEY],
-  });
-
-  delete obj[CLASS_NAME_KEY]; // eslint-disable-line no-param-reassign
-
-  return new FakeConstructor(obj);
-}
-
-export function reviver(key, value) {
-  if (isObject(value) && value[CLASS_NAME_KEY]) {
-    return createFakeConstructor(value);
-  }
-
-  return value;
-}
-
-// Based on: https://github.com/douglascrockford/JSON-js/blob/master/cycle.js
-export function decycle(object, depth = 15) {
-  const objects = new WeakMap();
-  let isCyclic = false;
-
-  return (function derez(value, path, _depth) {
-    let oldPath;
-    let obj;
-
-    if (Object(value) === value && _depth > depth) {
-      return `[${value.constructor.name}...]`;
-    }
-
-    if (
-      typeof value === 'object' &&
-      value !== null &&
-      !(value instanceof Boolean) &&
-      !(value instanceof Date) &&
-      !(value instanceof Number) &&
-      !(value instanceof RegExp) &&
-      !(value instanceof String)
-    ) {
-      oldPath = objects.get(value);
-      if (oldPath !== undefined) {
-        isCyclic = true;
-
-        return { $ref: oldPath };
-      }
-
-      objects.set(value, path);
-
-      if (Array.isArray(value)) {
-        obj = [];
-        for (let i = 0; i < value.length; i += 1) {
-          obj[i] = derez(value[i], `${path}[${i}]`, _depth + 1);
-        }
-      } else {
-        obj = { [CLASS_NAME_KEY]: value.constructor ? value.constructor.name : 'Object' };
-
-        Object.keys(value).forEach(name => {
-          obj[name] = derez(value[name], `${path}[${JSON.stringify(name)}]`, _depth + 1);
-        });
-      }
-
-      if (_depth === 0 && isObject(value) && isCyclic) {
-        obj[CYCLIC_KEY] = true;
-      }
-
-      return obj;
-    }
-
-    return value;
-  })(object, '$', 0);
-}
-
-export function retrocycle(json) {
-  const pathReg = /^\$(?:\[(?:\d+|"(?:[^\\"\u0000-\u001f]|\\([\\"/bfnrt]|u[0-9a-zA-Z]{4}))*")])*$/;
-
-  const $ = JSON.parse(json, reviver);
-
-  (function rez(value) {
-    if (value && typeof value === 'object') {
-      if (Array.isArray(value)) {
-        for (let i = 0; i < value.length; i += 1) {
-          const item = value[i];
-          if (item && typeof item === 'object') {
-            const path = item.$ref;
-            if (typeof path === 'string' && pathReg.test(path)) {
-              value[i] = eval(path); // eslint-disable-line no-eval, no-param-reassign
-            } else {
-              rez(item);
-            }
-          }
-        }
-      } else {
-        Object.keys(value).forEach(name => {
-          const item = value[name];
-
-          if (typeof item === 'object' && item !== null) {
-            const path = item.$ref;
-
-            if (typeof path === 'string' && pathReg.test(path)) {
-              value[name] = eval(path); // eslint-disable-line no-eval, no-param-reassign
-            } else {
-              rez(item);
-            }
-          }
-        });
-      }
-    }
-  })($);
-
-  muteProperty(CYCLIC_KEY, $);
-
-  return $;
-}

addons/knobs/package.json

@@ -29,8 +29,8 @@
   },
   "devDependencies": {
     "raw-loader": "^0.5.1",
-    "style-loader": "^0.19.0",
-    "vue": "^2.5.10"
+    "style-loader": "^0.19.1",
+    "vue": "^2.5.11"
   },
   "peerDependencies": {
     "@storybook/addons": "^3.3.0-alpha.4",

app/react-native/package.json

@@ -29,7 +29,7 @@
     "@storybook/addons": "^3.3.0-alpha.4",
     "@storybook/channel-websocket": "^3.3.0-alpha.4",
     "@storybook/ui": "^3.3.0-alpha.4",
-    "autoprefixer": "^7.2.2",
+    "autoprefixer": "^7.2.3",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-plugin-syntax-async-functions": "^6.13.0",
@@ -61,7 +61,7 @@
     "react-native-compat": "^1.0.0",
     "react-native-iphone-x-helper": "^1.0.1",
     "shelljs": "^0.7.8",
-    "style-loader": "^0.18.2",
+    "style-loader": "^0.19.1",
     "url-loader": "^0.6.2",
     "url-parse": "^1.1.9",
     "util-deprecate": "^1.0.2",

app/react-native/src/bin/storybook-start.js

@@ -78,9 +78,9 @@ if (!program.skipPackager) {
   let cliCommand = 'node node_modules/react-native/local-cli/cli.js start';
   if (program.haul) {
     const platform = program.platform || 'all';
-    cliCommand = `node node_modules/.bin/haul start --config ${
-      program.haul
-    } --platform ${platform}`;
+    cliCommand = `node node_modules/.bin/haul start --config ${program.haul} --platform ${
+      platform
+    }`;
   }
   // RN packager
   shelljs.exec(

app/react/package.json

@@ -30,7 +30,7 @@
     "@storybook/node-logger": "^3.3.0-alpha.4",
     "@storybook/ui": "^3.3.0-alpha.4",
     "airbnb-js-shims": "^1.4.0",
-    "autoprefixer": "^7.2.2",
+    "autoprefixer": "^7.2.3",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-plugin-react-docgen": "^1.8.0",
@@ -72,7 +72,7 @@
     "request": "^2.83.0",
     "serve-favicon": "^2.4.5",
     "shelljs": "^0.7.8",
-    "style-loader": "^0.18.2",
+    "style-loader": "^0.19.1",
     "url-loader": "^0.6.2",
     "util-deprecate": "^1.0.2",
     "uuid": "^3.1.0",
@@ -81,7 +81,7 @@
     "webpack-hot-middleware": "^2.21.0"
   },
   "devDependencies": {
-    "nodemon": "^1.12.6"
+    "nodemon": "^1.12.7"
   },
   "peerDependencies": {
     "react": ">=15.0.0 || ^16.0.0",

app/react/src/client/preview/render.js

@@ -85,7 +85,9 @@ export function renderMain(data, storyStore) {
 
   if (!isReactRenderable(element)) {
     const error = {
-      title: `Expecting a valid React element from the story: "${selectedStory}" of "${selectedKind}".`,
+      title: `Expecting a valid React element from the story: "${selectedStory}" of "${
+        selectedKind
+      }".`,
       description: stripIndents`
          Seems like you are not returning a correct React element from the story.
          Could you double check that?

app/vue/package.json

@@ -28,7 +28,7 @@
     "@storybook/channel-postmessage": "^3.3.0-alpha.4",
     "@storybook/ui": "^3.3.0-alpha.4",
     "airbnb-js-shims": "^1.4.0",
-    "autoprefixer": "^7.2.2",
+    "autoprefixer": "^7.2.3",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-plugin-react-docgen": "^1.8.0",
@@ -66,7 +66,7 @@
     "request": "^2.83.0",
     "serve-favicon": "^2.4.5",
     "shelljs": "^0.7.8",
-    "style-loader": "^0.18.2",
+    "style-loader": "^0.19.1",
     "url-loader": "^0.6.2",
     "util-deprecate": "^1.0.2",
     "uuid": "^3.1.0",
@@ -77,14 +77,14 @@
     "webpack-hot-middleware": "^2.21.0"
   },
   "devDependencies": {
-    "nodemon": "^1.12.6",
-    "vue": "^2.5.10",
+    "nodemon": "^1.12.7",
+    "vue": "^2.5.11",
     "vue-loader": "^13.5.0",
-    "vue-template-compiler": "^2.5.10"
+    "vue-template-compiler": "^2.5.11"
   },
   "peerDependencies": {
-    "vue": "2.5.10",
+    "vue": "2.5.11",
     "vue-loader": "*",
-    "vue-template-compiler": "2.5.10"
+    "vue-template-compiler": "2.5.11"
   }
 }

dependencies.yml

@@ -26,14 +26,14 @@ collectors:
   path: /
   settings:
     collect_root: true
-    bootstrap_command: yarn
+    bootstrap_command: yarn --ignore-scripts --ignore-engines --silent --prefer-offline
   actors:
   # pull requests for updates to our major version
   - type: js-lerna
     versions: "L.Y.Y"
     settings:
       batch_mode: true
-      bootstrap_command: yarn
+      bootstrap_command: yarn --ignore-scripts --ignore-engines --silent --prefer-offline
       github_labels:
       - dependencies:update
       github_assignees:

docs/package.json

@@ -30,15 +30,15 @@
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
     "bootstrap": "^3.3.7",
-    "gatsby": "^1.9.131",
-    "gatsby-link": "^1.6.31",
-    "gatsby-plugin-sharp": "^1.6.23",
+    "gatsby": "^1.9.135",
+    "gatsby-link": "^1.6.32",
+    "gatsby-plugin-sharp": "^1.6.24",
     "gatsby-remark-autolink-headers": "^1.4.10",
     "gatsby-remark-copy-linked-files": "^1.5.23",
-    "gatsby-remark-images": "^1.5.35",
+    "gatsby-remark-images": "^1.5.36",
     "gatsby-remark-smartypants": "^1.4.10",
     "gatsby-source-filesystem": "^1.5.11",
-    "gatsby-transformer-remark": "^1.7.24",
+    "gatsby-transformer-remark": "^1.7.25",
     "gh-pages": "^1.1.0",
     "global": "^4.3.2",
     "highlight.js": "^9.12.0",

docs/yarn.lock

@@ -4214,9 +4214,9 @@ gatsby-cli@^1.1.27:
     yargs "^8.0.2"
     yurnalist "^0.2.1"
 
-gatsby-link@^1.6.31:
-  version "1.6.31"
-  resolved "https://registry.yarnpkg.com/gatsby-link/-/gatsby-link-1.6.31.tgz#552220ad68b11ef49f7b0e0d21f677158c9fdb1b"
+gatsby-link@^1.6.30, gatsby-link@^1.6.32:
+  version "1.6.32"
+  resolved "https://registry.yarnpkg.com/gatsby-link/-/gatsby-link-1.6.32.tgz#49114e5fc649f274254953e06bfaafebb296ccb8"
   dependencies:
     babel-runtime "^6.26.0"
     prop-types "^15.5.8"
@@ -4229,9 +4229,9 @@ gatsby-module-loader@^1.0.9:
     babel-runtime "^6.26.0"
     loader-utils "^0.2.16"
 
-gatsby-plugin-sharp@^1.6.23:
-  version "1.6.23"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.23.tgz#6f53013ee72a6b4613587ec07485cffc18e40e9b"
+gatsby-plugin-sharp@^1.6.24:
+  version "1.6.24"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.24.tgz#f885a384b222f655534e45788a99863a038bf107"
   dependencies:
     async "^2.1.2"
     babel-runtime "^6.26.0"
@@ -4276,13 +4276,13 @@ gatsby-remark-copy-linked-files@^1.5.23:
     path-is-inside "^1.0.2"
     unist-util-visit "^1.1.1"
 
-gatsby-remark-images@^1.5.35:
-  version "1.5.35"
-  resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.35.tgz#141786c33129538f4a560389f94d1f902c66872e"
+gatsby-remark-images@^1.5.36:
+  version "1.5.36"
+  resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.36.tgz#12920b1c1969d519befd4c661201c28e30a896a8"
   dependencies:
     babel-runtime "^6.26.0"
     cheerio "^1.0.0-rc.2"
-    gatsby-plugin-sharp "^1.6.23"
+    gatsby-plugin-sharp "^1.6.24"
     is-relative-url "^2.0.0"
     lodash "^4.17.4"
     slash "^1.0.0"
@@ -4313,9 +4313,9 @@ gatsby-source-filesystem@^1.5.11:
     slash "^1.0.0"
     valid-url "^1.0.9"
 
-gatsby-transformer-remark@^1.7.24:
-  version "1.7.24"
-  resolved "https://registry.yarnpkg.com/gatsby-transformer-remark/-/gatsby-transformer-remark-1.7.24.tgz#b39b122b983834a86499704d013b6d639a6efa6e"
+gatsby-transformer-remark@^1.7.25:
+  version "1.7.25"
+  resolved "https://registry.yarnpkg.com/gatsby-transformer-remark/-/gatsby-transformer-remark-1.7.25.tgz#7fb1a0447270f780d933b838c16b0a82aa195d72"
   dependencies:
     babel-runtime "^6.26.0"
     bluebird "^3.5.0"
@@ -4335,9 +4335,9 @@ gatsby-transformer-remark@^1.7.24:
     unist-util-select "^1.5.0"
     unist-util-visit "^1.1.1"
 
-gatsby@^1.9.131:
-  version "1.9.131"
-  resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.131.tgz#15ad010885bdb1dd6bfe8c8d069108b6f06f4311"
+gatsby@^1.9.135:
+  version "1.9.135"
+  resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.135.tgz#7ab1c684c8556cb4324b4888d77efd1a919fc4e0"
   dependencies:
     async "^2.1.2"
     babel-code-frame "^6.22.0"
@@ -4377,6 +4377,7 @@ gatsby@^1.9.131:
     fs-extra "^4.0.1"
     gatsby-1-config-css-modules "^1.0.8"
     gatsby-cli "^1.1.27"
+    gatsby-link "^1.6.30"
     gatsby-module-loader "^1.0.9"
     gatsby-react-router-scroll "^1.0.6"
     glob "^7.1.1"

examples/cra-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,5 +1,105 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Storyshots Addon Actions All types 1`] = `
+<div>
+  <button
+    class="css-1yjiefr"
+  >
+    Array
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Boolean
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Empty Object
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    File
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Function A
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Bound Function A
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Infinity
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    -Infinity
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    NaN
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    null
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Number
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Multiple
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Plain Object
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    RegExp
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    String
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Symbol
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    SyntheticEvent
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    undefined
+  </button>
+  <button
+    class="css-1yjiefr"
+  >
+    Window
+  </button>
+</div>
+`;
+
 exports[`Storyshots Addon Actions Circular Payload 1`] = `
 <button
   class="css-1yjiefr"

examples/cra-kitchen-sink/src/stories/addon-actions.stories.js

@@ -1,7 +1,10 @@
+/* global window */
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { action, decorateAction } from '@storybook/addon-actions';
+import { setOptions } from '@storybook/addon-options';
 import { Button } from '@storybook/react/demo';
+import { File } from 'global';
 
 const pickFirst = decorateAction([args => args.slice(0, 1)]);
 
@@ -17,4 +20,59 @@ storiesOf('Addon Actions', module)
     const fn = action('fnName');
     return <Button onClick={fn}>Action.name: {fn.name}</Button>;
   })
-  .add('Reserved keyword as name', () => <Button onClick={action('delete')}>Delete</Button>);
+  .add('Reserved keyword as name', () => <Button onClick={action('delete')}>Delete</Button>)
+  .add('All types', () => {
+    function A() {}
+    function B() {}
+
+    const bound = B.bind({});
+
+    let file;
+    try {
+      file = new File([''], 'filename.txt', { type: 'text/plain', lastModified: new Date() });
+    } catch (error) {
+      file = error;
+    }
+    const reg = /fooBar/g;
+
+    return (
+      <div>
+        {setOptions({ selectedAddonPanel: 'storybook/actions/actions-panel' })}
+        <Button onClick={() => action('Array')(['foo', 'bar', { foo: 'bar' }])}>Array</Button>
+        <Button onClick={() => action('Boolean')(false)}>Boolean</Button>
+        <Button onClick={() => action('Empty Object')({})}>Empty Object</Button>
+        <Button onClick={() => action('File')(file)}>File</Button>
+        <Button onClick={() => action('Function')(A)}>Function A</Button>
+        <Button onClick={() => action('Function (bound)')(bound)}>Bound Function A</Button>
+        <Button onClick={() => action('Infinity')(Infinity)}>Infinity</Button>
+        <Button onClick={() => action('-Infinity')(-Infinity)}>-Infinity</Button>
+        <Button onClick={() => action('NaN')(NaN)}>NaN</Button>
+        <Button onClick={() => action('null')(null)}>null</Button>
+        <Button onClick={() => action('Number')(10000)}>Number</Button>
+        <Button
+          onClick={() =>
+            action('Multiple')(
+              'foo',
+              1000,
+              true,
+              false,
+              [1, 2, 3],
+              null,
+              undefined,
+              { foo: 'bar' },
+              window
+            )
+          }
+        >
+          Multiple
+        </Button>
+        <Button onClick={() => action('Plain Object')({ foo: 'bar' })}>Plain Object</Button>
+        <Button onClick={() => action('RegExp')(reg)}>RegExp</Button>
+        <Button onClick={() => action('String')('foo')}>String</Button>
+        <Button onClick={() => action('Symbol')(Symbol('A_SYMBOL'))}>Symbol</Button>
+        <Button onClick={action('SyntheticMouseEvent')}>SyntheticEvent</Button>
+        <Button onClick={() => action('undefined')(undefined)}>undefined</Button>
+        <Button onClick={() => action('window')(window)}>Window</Button>
+      </div>
+    );
+  });

examples/vue-kitchen-sink/package.json

@@ -21,12 +21,12 @@
     "vue-hot-reload-api": "^2.2.4",
     "vue-loader": "^13.5.0",
     "vue-style-loader": "^3.0.1",
-    "vue-template-compiler": "^2.5.10",
+    "vue-template-compiler": "^2.5.11",
     "webpack": "^3.10.0",
     "webpack-dev-server": "^2.9.7"
   },
   "dependencies": {
-    "vue": "^2.5.10",
+    "vue": "^2.5.11",
     "vuex": "^3.0.0"
   },
   "scripts": {

package.json

@@ -55,19 +55,18 @@
     "codecov": "^3.0.0",
     "commander": "^2.12.2",
     "cross-env": "^5.1.1",
-    "danger": "^2.1.4",
+    "danger": "^2.1.5",
     "enzyme": "^3.2.0",
     "enzyme-adapter-react-16": "^1.1.0",
     "eslint": "^4.13.1",
     "eslint-config-airbnb": "^16.1.0",
     "eslint-config-prettier": "^2.9.0",
     "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-jest": "^21.4.2",
+    "eslint-plugin-jest": "^21.4.3",
     "eslint-plugin-json": "^1.2.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
     "eslint-plugin-prettier": "^2.2.0",
     "eslint-plugin-react": "^7.5.1",
-    "fs-extra": "^4.0.3",
     "gh-pages": "^1.1.0",
     "github-release-from-changelog": "^1.3.0",
     "glob": "^7.1.2",
@@ -80,10 +79,9 @@
     "lerna": "^2.5.1",
     "lint-staged": "^6.0.0",
     "lodash": "^4.17.4",
-    "nodemon": "^1.12.6",
+    "nodemon": "^1.12.7",
     "npmlog": "^4.1.2",
     "prettier": "^1.9.2",
-    "process-nextick-args": "^1.0.7",
     "puppeteer": "^0.13.0",
     "raf": "^3.4.0",
     "react": "^16.2.0",
@@ -94,9 +92,8 @@
     "remark-lint-code": "^2.0.0",
     "remark-lint-code-eslint": "^2.0.0",
     "remark-preset-lint-recommended": "^3.0.1",
-    "remark-toc": "^4.0.1",
     "shelljs": "^0.7.8",
-    "symlink-dir": "^1.1.0"
+    "symlink-dir": "^1.1.1"
   },
   "engines": {
     "node": ">=8.0.0",

scripts/prepare.js

@@ -11,7 +11,7 @@ shell.rm('-rf', 'dist');
 
 const babel = path.join(__dirname, '..', 'node_modules', '.bin', 'babel');
 const args = [
-  '--ignore tests/*,__tests__/,**.test.js,stories/,**.story.js,**.stories.js',
+  '--ignore __mocks__/,tests/*,__tests__/,**.test.js,stories/,**.story.js,**.stories.js',
   '--plugins "transform-runtime"',
   './src --out-dir ./dist',
   '--copy-files',

yarn.lock

@@ -254,13 +254,13 @@
   version "2.5.54"
   resolved "https://registry.yarnpkg.com/@types/jasmine/-/jasmine-2.5.54.tgz#a6b5f2ae2afb6e0307774e8c7c608e037d491c63"
 
-"@types/mz@0.0.31":
-  version "0.0.31"
-  resolved "https://registry.yarnpkg.com/@types/mz/-/mz-0.0.31.tgz#a4d80c082fefe71e40a7c0f07d1e6555bbbc7b52"
+"@types/mz@0.0.32":
+  version "0.0.32"
+  resolved "https://registry.yarnpkg.com/@types/mz/-/mz-0.0.32.tgz#e8248b4e41424c052edc1725dd33650c313a3659"
   dependencies:
     "@types/node" "*"
 
-"@types/node@*", "@types/node@^8.0.0":
+"@types/node@*":
   version "8.0.52"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.52.tgz#8e7f47747868e7687f2cd4922966e2d6af78d22d"
 
@@ -268,6 +268,10 @@
   version "6.0.92"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.92.tgz#e7f721ae282772e12ba2579968c00d9cce422c5d"
 
+"@types/node@^8.0.28":
+  version "8.5.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.5.1.tgz#4ec3020bcdfe2abffeef9ba3fbf26fca097514b5"
+
 "@types/q@^0.0.32":
   version "0.0.32"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-0.0.32.tgz#bd284e57c84f1325da702babfc82a5328190c0c5"
@@ -790,12 +794,12 @@ autoprefixer@^6.3.1, autoprefixer@^6.5.3:
     postcss "^5.2.16"
     postcss-value-parser "^3.2.3"
 
-autoprefixer@^7.2.2:
-  version "7.2.2"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.2.2.tgz#082293b964be00602efacc59aa4aa7df5158bb6e"
+autoprefixer@^7.2.3:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.2.3.tgz#c2841e38b7940c2d0a9bbffd72c75f33637854f8"
   dependencies:
     browserslist "^2.10.0"
-    caniuse-lite "^1.0.30000780"
+    caniuse-lite "^1.0.30000783"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
     postcss "^6.0.14"
@@ -2545,6 +2549,10 @@ caniuse-lite@^1.0.30000780:
   version "1.0.30000780"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000780.tgz#1f9095f2efd4940e0ba6c5992ab7a9b64cc35ba4"
 
+caniuse-lite@^1.0.30000783:
+  version "1.0.30000783"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000783.tgz#9b5499fb1b503d2345d12aa6b8612852f4276ffd"
+
 capture-stack-trace@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.0.tgz#4a6fa07399c26bba47f0b2496b4d0fb408c5550d"
@@ -3616,9 +3624,9 @@ damerau-levenshtein@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz#03191c432cb6eea168bb77f3a55ffdccb8978514"
 
-danger@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/danger/-/danger-2.1.4.tgz#908c59cf8ddcbe64fc6968f2ae70a5c641a27a9b"
+danger@^2.1.5:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/danger/-/danger-2.1.5.tgz#76b0e2a0cf7de82e844391d2f9c560539fdf49c5"
   dependencies:
     babel-polyfill "7.0.0-alpha.19"
     chalk "^2.0.0"
@@ -4095,10 +4103,6 @@ ember-cli-string-utils@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/ember-cli-string-utils/-/ember-cli-string-utils-1.1.0.tgz#39b677fc2805f55173735376fcef278eaa4452a1"
 
-"emoji-regex@>=6.0.0 <=6.1.1":
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.1.1.tgz#c6cd0ec1b0642e2a3c67a1137efc5e796da4f88e"
-
 emoji-regex@^6.1.0:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.5.1.tgz#9baea929b155565c11ea41c6626eaa65cef992c2"
@@ -4475,9 +4479,9 @@ eslint-plugin-import@2.8.0, eslint-plugin-import@^2.8.0:
     minimatch "^3.0.3"
     read-pkg-up "^2.0.0"
 
-eslint-plugin-jest@^21.4.2:
-  version "21.4.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-21.4.2.tgz#0e8ec03687259169cef46656827a0a0715e8a8d4"
+eslint-plugin-jest@^21.4.3:
+  version "21.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-21.4.3.tgz#34a5ded103cf2482b2e1c28d0c0bb7dbe1b3fc38"
 
 eslint-plugin-json@^1.2.0:
   version "1.2.0"
@@ -5370,14 +5374,6 @@ fs-extra@^4.0.0, fs-extra@^4.0.1, fs-extra@^4.0.2:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
-fs-extra@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
 fs-readdir-recursive@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
@@ -5601,12 +5597,6 @@ github-release-from-changelog@^1.3.0:
     grizzly "^2.0.0"
     minimist "^1.2.0"
 
-github-slugger@^1.0.0, github-slugger@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.2.0.tgz#8ada3286fd046d8951c3c952a8d7854cfd90fd9a"
-  dependencies:
-    emoji-regex ">=6.0.0 <=6.1.1"
-
 github@^11, github@^11.0.0:
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/github/-/github-11.0.0.tgz#edb32df5efb33cad004ebf0bdd2a4b30bb63a854"
@@ -8412,7 +8402,7 @@ make-dir@^1.0.0:
   dependencies:
     pify "^3.0.0"
 
-make-error@^1.1.1:
+make-error@^1.1.1, make-error@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.0.tgz#52ad3a339ccf10ce62b4040b708fe707244b8b96"
 
@@ -8517,18 +8507,10 @@ mdast-util-heading-style@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/mdast-util-heading-style/-/mdast-util-heading-style-1.0.3.tgz#efb390dbc8aa016c3cf577a034900db27ee7247c"
 
-mdast-util-to-string@^1.0.0, mdast-util-to-string@^1.0.2:
+mdast-util-to-string@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-1.0.4.tgz#5c455c878c9355f0c1e7f3e8b719cf583691acfb"
 
-mdast-util-toc@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/mdast-util-toc/-/mdast-util-toc-2.0.1.tgz#b1d2cb23bfb01f812fa7b55bffe8b0a8bedf6f21"
-  dependencies:
-    github-slugger "^1.1.1"
-    mdast-util-to-string "^1.0.2"
-    unist-util-visit "^1.1.0"
-
 media-typer@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
@@ -9080,9 +9062,9 @@ nodemon@^1.12.0:
     undefsafe "0.0.3"
     update-notifier "^2.2.0"
 
-nodemon@^1.12.6:
-  version "1.12.6"
-  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-1.12.6.tgz#aa0ca0f3b9ea0f09e970e8135b2c9c9aa84eb711"
+nodemon@^1.12.7:
+  version "1.12.7"
+  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-1.12.7.tgz#4d0fa8386291c4f532f583cc102c05350722f647"
   dependencies:
     chokidar "^1.7.0"
     debug "^2.6.8"
@@ -10352,7 +10334,7 @@ private@^0.1.6, private@^0.1.7, private@~0.1.5:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
 
-process-nextick-args@^1.0.7, process-nextick-args@~1.0.6:
+process-nextick-args@~1.0.6:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
 
@@ -11538,14 +11520,6 @@ remark-preset-lint-recommended@^3.0.1:
     remark-lint-no-unused-definitions "^1.0.0"
     remark-lint-ordered-list-marker-style "^1.0.0"
 
-remark-slug@^4.0.0:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/remark-slug/-/remark-slug-4.2.3.tgz#8d987d0e5e63d4a49ea37b90fe999a3dcfc81b72"
-  dependencies:
-    github-slugger "^1.0.0"
-    mdast-util-to-string "^1.0.0"
-    unist-util-visit "^1.0.0"
-
 remark-stringify@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-4.0.0.tgz#4431884c0418f112da44991b4e356cfe37facd87"
@@ -11565,13 +11539,6 @@ remark-stringify@^4.0.0:
     unherit "^1.0.4"
     xtend "^4.0.1"
 
-remark-toc@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/remark-toc/-/remark-toc-4.0.1.tgz#ff36ff6de54ea07dd59e3f5334a4a3aac1e93185"
-  dependencies:
-    mdast-util-toc "^2.0.0"
-    remark-slug "^4.0.0"
-
 remark@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/remark/-/remark-8.0.0.tgz#287b6df2fe1190e263c1d15e486d3fa835594d6d"
@@ -12716,7 +12683,7 @@ strong-log-transformer@^1.0.6:
     moment "^2.6.0"
     through "^2.3.4"
 
-style-loader@0.19.0, style-loader@^0.19.0:
+style-loader@0.19.0:
   version "0.19.0"
   resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.19.0.tgz#7258e788f0fee6a42d710eaf7d6c2412a4c50759"
   dependencies:
@@ -12735,9 +12702,9 @@ style-loader@^0.17.0:
   dependencies:
     loader-utils "^1.0.2"
 
-style-loader@^0.18.2:
-  version "0.18.2"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.18.2.tgz#cc31459afbcd6d80b7220ee54b291a9fd66ff5eb"
+style-loader@^0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.19.1.tgz#591ffc80bcefe268b77c5d9ebc0505d772619f85"
   dependencies:
     loader-utils "^1.0.2"
     schema-utils "^0.3.0"
@@ -12852,12 +12819,12 @@ symbol-tree@^3.2.1:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
 
-symlink-dir@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/symlink-dir/-/symlink-dir-1.1.0.tgz#13a747574f1b83a3eeb02f401358365178637482"
+symlink-dir@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/symlink-dir/-/symlink-dir-1.1.1.tgz#ea6367d96b0257f730dd03f95212eed24623b93e"
   dependencies:
-    "@types/mz" "0.0.31"
-    "@types/node" "^8.0.0"
+    "@types/mz" "0.0.32"
+    "@types/node" "^8.0.28"
     graceful-fs "^4.1.11"
     is-windows "^1.0.0"
     mkdirp-promise "^5.0.0"
@@ -13787,9 +13754,9 @@ vue-style-loader@^3.0.0, vue-style-loader@^3.0.1:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.5.10:
-  version "2.5.10"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.10.tgz#8d2754677430bf520650a7e2aee9070635158fc5"
+vue-template-compiler@^2.5.11:
+  version "2.5.11"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.11.tgz#7dda6905e464ff173c8e70e1dfd1769a7888b7e8"
   dependencies:
     de-indent "^1.0.2"
     he "^1.1.0"
@@ -13798,9 +13765,9 @@ vue-template-es2015-compiler@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.6.0.tgz#dc42697133302ce3017524356a6c61b7b69b4a18"
 
-vue@^2.5.10:
-  version "2.5.10"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.10.tgz#dcd772e2594ba994145f2f09522149d9a1e7841a"
+vue@^2.5.11:
+  version "2.5.11"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.11.tgz#80ca2657aa81f03545cd8dd5a2f55454641e6405"
 
 vuex@^3.0.0:
   version "3.0.1"