@storybook/react 6.5.9 → 7.0.0-alpha.2

package/dist/cjs/{client/docs → docs}/lib/inspection/index.js

@@ -1,11 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +11,7 @@ Object.keys(_types).forEach(function (key) {
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _types[key];
     }
   });
@@ -30,7 +24,7 @@ Object.keys(_inspectValue).forEach(function (key) {
   if (key in exports && exports[key] === _inspectValue[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _inspectValue[key];
     }
   });

package/dist/cjs/{client/docs → docs}/lib/inspection/inspectValue.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.inspectValue = inspectValue;
 
-require("core-js/modules/es.object.assign.js");
-
 var _acornParser = require("./acornParser");
 
 var _types = require("./types");
 
 function inspectValue(value) {
   try {
-    var parsingResult = (0, _acornParser.parse)(value);
+    const parsingResult = (0, _acornParser.parse)(value);
     return Object.assign({}, parsingResult);
   } catch (e) {// do nothing.
   }

package/dist/cjs/{client/docs → docs}/lib/inspection/types.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InspectionType = void 0;
-var InspectionType;
+let InspectionType;
 exports.InspectionType = InspectionType;
 
 (function (InspectionType) {

package/dist/cjs/{client/docs → docs}/lib/isHtmlTag.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isHtmlTag = isHtmlTag;
 
-require("core-js/modules/es.array.includes.js");
-
-require("core-js/modules/es.string.includes.js");
-
 var _htmlTags = _interopRequireDefault(require("html-tags"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/{client/docs → docs}/propTypes/createType.js

@@ -5,24 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createType = createType;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-require("core-js/modules/es.string.split.js");
-
-require("core-js/modules/es.array.join.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.object.keys.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.to-string.js");
-
 var _docsTools = require("@storybook/docs-tools");
 
 var _generateFuncSignature = require("./generateFuncSignature");
@@ -31,7 +13,7 @@ var _lib = require("../lib");
 
 var _inspection = require("../lib/inspection");
 
-var MAX_FUNC_LENGTH = 150;
+const MAX_FUNC_LENGTH = 150;
 var PropTypesType;
 
 (function (PropTypesType) {
@@ -50,18 +32,19 @@ var PropTypesType;
   PropTypesType["NODE"] = "node";
 })(PropTypesType || (PropTypesType = {}));
 
-function createTypeDef(_ref) {
-  var name = _ref.name,
-      short = _ref.short,
-      compact = _ref.compact,
-      full = _ref.full,
-      inferredType = _ref.inferredType;
+function createTypeDef({
+  name,
+  short,
+  compact,
+  full,
+  inferredType
+}) {
   return {
-    name: name,
-    short: short,
-    compact: compact,
+    name,
+    short,
+    compact,
     full: full != null ? full : short,
-    inferredType: inferredType
+    inferredType
   };
 }
 
@@ -73,13 +56,11 @@ function splitIntoLines(value) {
   return value.split(/\r?\n/);
 }
 
-function prettyObject(ast) {
-  var compact = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+function prettyObject(ast, compact = false) {
   return cleanPropTypes((0, _lib.generateObjectCode)(ast, compact));
 }
 
-function prettyArray(ast) {
-  var compact = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+function prettyArray(ast, compact = false) {
   return cleanPropTypes((0, _lib.generateCode)(ast, compact));
 }
 
@@ -106,14 +87,16 @@ function getCaptionForInspectionType(type) {
 }
 
 function generateTypeFromString(value, originalTypeName) {
-  var _inspectValue = (0, _inspection.inspectValue)(value),
-      inferredType = _inspectValue.inferredType,
-      ast = _inspectValue.ast;
-
-  var type = inferredType.type;
-  var short;
-  var compact;
-  var full;
+  const {
+    inferredType,
+    ast
+  } = (0, _inspection.inspectValue)(value);
+  const {
+    type
+  } = inferredType;
+  let short;
+  let compact;
+  let full;
 
   switch (type) {
     case _inspection.InspectionType.IDENTIFIER:
@@ -124,8 +107,9 @@ function generateTypeFromString(value, originalTypeName) {
 
     case _inspection.InspectionType.OBJECT:
       {
-        var _ref2 = inferredType,
-            depth = _ref2.depth;
+        const {
+          depth
+        } = inferredType;
         short = _lib.OBJECT_CAPTION;
         compact = depth === 1 ? prettyObject(ast, true) : null;
         full = prettyObject(ast);
@@ -134,8 +118,9 @@ function generateTypeFromString(value, originalTypeName) {
 
     case _inspection.InspectionType.ELEMENT:
       {
-        var _ref3 = inferredType,
-            identifier = _ref3.identifier;
+        const {
+          identifier
+        } = inferredType;
         short = identifier != null && !(0, _lib.isHtmlTag)(identifier) ? identifier : _lib.ELEMENT_CAPTION;
         compact = splitIntoLines(value).length === 1 ? value : null;
         full = value;
@@ -144,10 +129,11 @@ function generateTypeFromString(value, originalTypeName) {
 
     case _inspection.InspectionType.ARRAY:
       {
-        var _ref4 = inferredType,
-            _depth = _ref4.depth;
+        const {
+          depth
+        } = inferredType;
         short = _lib.ARRAY_CAPTION;
-        compact = _depth <= 2 ? prettyArray(ast, true) : null;
+        compact = depth <= 2 ? prettyArray(ast, true) : null;
         full = prettyArray(ast);
         break;
       }
@@ -161,16 +147,16 @@ function generateTypeFromString(value, originalTypeName) {
 
   return createTypeDef({
     name: originalTypeName,
-    short: short,
-    compact: compact,
-    full: full,
+    short,
+    compact,
+    full,
     inferredType: type
   });
 }
 
-function generateCustom(_ref5) {
-  var raw = _ref5.raw;
-
+function generateCustom({
+  raw
+}) {
   if (raw != null) {
     return generateTypeFromString(raw, PropTypesType.CUSTOM);
   }
@@ -183,7 +169,9 @@ function generateCustom(_ref5) {
 }
 
 function generateFunc(extractedProp) {
-  var jsDocTags = extractedProp.jsDocTags;
+  const {
+    jsDocTags
+  } = extractedProp;
 
   if (jsDocTags != null) {
     if (jsDocTags.params != null || jsDocTags.returns != null) {
@@ -204,16 +192,14 @@ function generateFunc(extractedProp) {
 }
 
 function generateShape(type, extractedProp) {
-  var fields = Object.keys(type.value).map(function (key) {
-    return "".concat(key, ": ").concat(generateType(type.value[key], extractedProp).full);
-  }).join(', ');
-
-  var _inspectValue2 = (0, _inspection.inspectValue)("{ ".concat(fields, " }")),
-      inferredType = _inspectValue2.inferredType,
-      ast = _inspectValue2.ast;
-
-  var _ref6 = inferredType,
-      depth = _ref6.depth;
+  const fields = Object.keys(type.value).map(key => `${key}: ${generateType(type.value[key], extractedProp).full}`).join(', ');
+  const {
+    inferredType,
+    ast
+  } = (0, _inspection.inspectValue)(`{ ${fields} }`);
+  const {
+    depth
+  } = inferredType;
   return createTypeDef({
     name: PropTypesType.SHAPE,
     short: _lib.OBJECT_CAPTION,
@@ -223,15 +209,15 @@ function generateShape(type, extractedProp) {
 }
 
 function objectOf(of) {
-  return "objectOf(".concat(of, ")");
+  return `objectOf(${of})`;
 }
 
 function generateObjectOf(type, extractedProp) {
-  var _generateType = generateType(type.value, extractedProp),
-      short = _generateType.short,
-      compact = _generateType.compact,
-      full = _generateType.full;
-
+  const {
+    short,
+    compact,
+    full
+  } = generateType(type.value, extractedProp);
   return createTypeDef({
     name: PropTypesType.OBJECTOF,
     short: objectOf(short),
@@ -242,12 +228,12 @@ function generateObjectOf(type, extractedProp) {
 
 function generateUnion(type, extractedProp) {
   if (Array.isArray(type.value)) {
-    var values = type.value.reduce(function (acc, v) {
-      var _generateType2 = generateType(v, extractedProp),
-          short = _generateType2.short,
-          compact = _generateType2.compact,
-          full = _generateType2.full;
-
+    const values = type.value.reduce((acc, v) => {
+      const {
+        short,
+        compact,
+        full
+      } = generateType(v, extractedProp);
       acc.short.push(short);
       acc.compact.push(compact);
       acc.full.push(full);
@@ -260,9 +246,7 @@ function generateUnion(type, extractedProp) {
     return createTypeDef({
       name: PropTypesType.UNION,
       short: values.short.join(' | '),
-      compact: values.compact.every(function (x) {
-        return x != null;
-      }) ? values.compact.join(' | ') : null,
+      compact: values.compact.every(x => x != null) ? values.compact.join(' | ') : null,
       full: values.full.join(' | ')
     });
   }
@@ -274,9 +258,10 @@ function generateUnion(type, extractedProp) {
   });
 }
 
-function generateEnumValue(_ref7) {
-  var value = _ref7.value,
-      computed = _ref7.computed;
+function generateEnumValue({
+  value,
+  computed
+}) {
   return computed ? generateTypeFromString(value, 'enumvalue') : createTypeDef({
     name: 'enumvalue',
     short: value,
@@ -286,12 +271,12 @@ function generateEnumValue(_ref7) {
 
 function generateEnum(type) {
   if (Array.isArray(type.value)) {
-    var values = type.value.reduce(function (acc, v) {
-      var _generateEnumValue = generateEnumValue(v),
-          short = _generateEnumValue.short,
-          compact = _generateEnumValue.compact,
-          full = _generateEnumValue.full;
-
+    const values = type.value.reduce((acc, v) => {
+      const {
+        short,
+        compact,
+        full
+      } = generateEnumValue(v);
       acc.short.push(short);
       acc.compact.push(compact);
       acc.full.push(full);
@@ -304,9 +289,7 @@ function generateEnum(type) {
     return createTypeDef({
       name: PropTypesType.ENUM,
       short: values.short.join(' | '),
-      compact: values.compact.every(function (x) {
-        return x != null;
-      }) ? values.compact.join(' | ') : null,
+      compact: values.compact.every(x => x != null) ? values.compact.join(' | ') : null,
       full: values.full.join(' | ')
     });
   }
@@ -319,11 +302,11 @@ function generateEnum(type) {
 }
 
 function braceAfter(of) {
-  return "".concat(of, "[]");
+  return `${of}[]`;
 }
 
 function braceAround(of) {
-  return "[".concat(of, "]");
+  return `[${of}]`;
 }
 
 function createArrayOfObjectTypeDef(short, compact, full) {
@@ -336,12 +319,13 @@ function createArrayOfObjectTypeDef(short, compact, full) {
 }
 
 function generateArray(type, extractedProp) {
-  var _generateType3 = generateType(type.value, extractedProp),
-      name = _generateType3.name,
-      short = _generateType3.short,
-      compact = _generateType3.compact,
-      full = _generateType3.full,
-      inferredType = _generateType3.inferredType;
+  const {
+    name,
+    short,
+    compact,
+    full,
+    inferredType
+  } = generateType(type.value, extractedProp);
 
   if (name === PropTypesType.CUSTOM) {
     if (inferredType === _inspection.InspectionType.OBJECT) {
@@ -409,7 +393,9 @@ function generateType(type, extractedProp) {
 }
 
 function createType(extractedProp) {
-  var type = extractedProp.docgenInfo.type; // A type could be null if a defaultProp has been provided without a type definition.
+  const {
+    type
+  } = extractedProp.docgenInfo; // A type could be null if a defaultProp has been provided without a type definition.
 
   if (type == null) {
     return null;
@@ -425,10 +411,11 @@ function createType(extractedProp) {
       case PropTypesType.ENUM:
       case PropTypesType.ARRAYOF:
         {
-          var _generateType4 = generateType(type, extractedProp),
-              short = _generateType4.short,
-              compact = _generateType4.compact,
-              full = _generateType4.full;
+          const {
+            short,
+            compact,
+            full
+          } = generateType(type, extractedProp);
 
           if (compact != null) {
             if (!(0, _docsTools.isTooLongForTypeSummary)(compact)) {
@@ -441,17 +428,17 @@ function createType(extractedProp) {
 
       case PropTypesType.FUNC:
         {
-          var _generateType5 = generateType(type, extractedProp),
-              _short = _generateType5.short,
-              _full = _generateType5.full;
-
-          var summary = _short;
-          var detail;
-
-          if (_full.length < MAX_FUNC_LENGTH) {
-            summary = _full;
+          const {
+            short,
+            full
+          } = generateType(type, extractedProp);
+          let summary = short;
+          let detail;
+
+          if (full.length < MAX_FUNC_LENGTH) {
+            summary = full;
           } else {
-            detail = (0, _generateFuncSignature.toMultilineSignature)(_full);
+            detail = (0, _generateFuncSignature.toMultilineSignature)(full);
           }
 
           return (0, _docsTools.createSummaryValue)(summary, detail);

package/dist/cjs/{client/docs → docs}/propTypes/generateFuncSignature.js

@@ -7,58 +7,48 @@ exports.generateFuncSignature = generateFuncSignature;
 exports.generateShortFuncSignature = generateShortFuncSignature;
 exports.toMultilineSignature = toMultilineSignature;
 
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.array.join.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
 function generateFuncSignature(params, returns) {
-  var hasParams = params != null;
-  var hasReturns = returns != null;
+  const hasParams = params != null;
+  const hasReturns = returns != null;
 
   if (!hasParams && !hasReturns) {
     return '';
   }
 
-  var funcParts = [];
+  const funcParts = [];
 
   if (hasParams) {
-    var funcParams = params.map(function (x) {
-      var prettyName = x.getPrettyName();
-      var typeName = x.getTypeName();
+    const funcParams = params.map(x => {
+      const prettyName = x.getPrettyName();
+      const typeName = x.getTypeName();
 
       if (typeName != null) {
-        return "".concat(prettyName, ": ").concat(typeName);
+        return `${prettyName}: ${typeName}`;
       }
 
       return prettyName;
     });
-    funcParts.push("(".concat(funcParams.join(', '), ")"));
+    funcParts.push(`(${funcParams.join(', ')})`);
   } else {
     funcParts.push('()');
   }
 
   if (hasReturns) {
-    funcParts.push("=> ".concat(returns.getTypeName()));
+    funcParts.push(`=> ${returns.getTypeName()}`);
   }
 
   return funcParts.join(' ');
 }
 
 function generateShortFuncSignature(params, returns) {
-  var hasParams = params != null;
-  var hasReturns = returns != null;
+  const hasParams = params != null;
+  const hasReturns = returns != null;
 
   if (!hasParams && !hasReturns) {
     return '';
   }
 
-  var funcParts = [];
+  const funcParts = [];
 
   if (hasParams) {
     funcParts.push('( ... )');
@@ -67,7 +57,7 @@ function generateShortFuncSignature(params, returns) {
   }
 
   if (hasReturns) {
-    funcParts.push("=> ".concat(returns.getTypeName()));
+    funcParts.push(`=> ${returns.getTypeName()}`);
   }
 
   return funcParts.join(' ');

package/dist/cjs/{client/docs → docs}/propTypes/handleProp.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.enhancePropTypesProp = enhancePropTypesProp;
 exports.enhancePropTypesProps = enhancePropTypesProps;
 
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.function.name.js");
-
 var _createType = require("./createType");
 
 var _defaultValues = require("../lib/defaultValues");
@@ -19,26 +15,30 @@ var _sortProps = require("./sortProps");
 var _rawDefaultPropResolvers = require("./rawDefaultPropResolvers");
 
 function enhancePropTypesProp(extractedProp, rawDefaultProp) {
-  var propDef = extractedProp.propDef;
-  var newtype = (0, _createType.createType)(extractedProp);
+  const {
+    propDef
+  } = extractedProp;
+  const newtype = (0, _createType.createType)(extractedProp);
 
   if (newtype != null) {
     propDef.type = newtype;
   }
 
-  var defaultValue = extractedProp.docgenInfo.defaultValue;
+  const {
+    defaultValue
+  } = extractedProp.docgenInfo;
 
   if (defaultValue != null && defaultValue.value != null) {
-    var newDefaultValue = (0, _defaultValues.createDefaultValue)(defaultValue.value);
+    const newDefaultValue = (0, _defaultValues.createDefaultValue)(defaultValue.value);
 
     if (newDefaultValue != null) {
       propDef.defaultValue = newDefaultValue;
     }
   } else if (rawDefaultProp != null) {
-    var _newDefaultValue = (0, _defaultValues.createDefaultValueFromRawDefaultProp)(rawDefaultProp, propDef, _rawDefaultPropResolvers.rawDefaultPropTypeResolvers);
+    const newDefaultValue = (0, _defaultValues.createDefaultValueFromRawDefaultProp)(rawDefaultProp, propDef, _rawDefaultPropResolvers.rawDefaultPropTypeResolvers);
 
-    if (_newDefaultValue != null) {
-      propDef.defaultValue = _newDefaultValue;
+    if (newDefaultValue != null) {
+      propDef.defaultValue = newDefaultValue;
     }
   }
 
@@ -46,9 +46,7 @@ function enhancePropTypesProp(extractedProp, rawDefaultProp) {
 }
 
 function enhancePropTypesProps(extractedProps, component) {
-  var rawDefaultProps = component.defaultProps != null ? component.defaultProps : {};
-  var enhancedProps = extractedProps.map(function (x) {
-    return enhancePropTypesProp(x, rawDefaultProps[x.propDef.name]);
-  });
+  const rawDefaultProps = component.defaultProps != null ? component.defaultProps : {};
+  const enhancedProps = extractedProps.map(x => enhancePropTypesProp(x, rawDefaultProps[x.propDef.name]));
   return (0, _sortProps.keepOriginalDefinitionOrder)(enhancedProps, component);
 }

package/dist/cjs/{client/docs → docs}/propTypes/rawDefaultPropResolvers.js

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.rawDefaultPropTypeResolvers = void 0;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.regexp.to-string.js");
-
 var _docsTools = require("@storybook/docs-tools");
 
 var _defaultValues = require("../lib/defaultValues");
@@ -21,11 +15,12 @@ var _prettyIdentifier = require("../lib/defaultValues/prettyIdentifier");
 
 var _inspection = require("../lib/inspection");
 
-var funcResolver = function funcResolver(rawDefaultProp, _ref) {
-  var name = _ref.name,
-      type = _ref.type;
-  var isElement = type.summary === 'element' || type.summary === 'elementType';
-  var funcName = (0, _defaultValues.extractFunctionName)(rawDefaultProp, name);
+const funcResolver = (rawDefaultProp, {
+  name,
+  type
+}) => {
+  const isElement = type.summary === 'element' || type.summary === 'elementType';
+  const funcName = (0, _defaultValues.extractFunctionName)(rawDefaultProp, name);
 
   if (funcName != null) {
     // Try to display the name of the component. The body of the component is omitted since the code has been transpiled.
@@ -33,15 +28,16 @@ var funcResolver = function funcResolver(rawDefaultProp, _ref) {
       return (0, _docsTools.createSummaryValue)((0, _prettyIdentifier.getPrettyElementIdentifier)(funcName));
     }
 
-    var _ref2 = (0, _inspection.inspectValue)(rawDefaultProp.toString()).inferredType,
-        hasParams = _ref2.hasParams;
+    const {
+      hasParams
+    } = (0, _inspection.inspectValue)(rawDefaultProp.toString()).inferredType;
     return (0, _docsTools.createSummaryValue)((0, _prettyIdentifier.getPrettyFuncIdentifier)(funcName, hasParams));
   }
 
   return (0, _docsTools.createSummaryValue)(isElement ? _lib.ELEMENT_CAPTION : _lib.FUNCTION_CAPTION);
 };
 
-var rawDefaultPropTypeResolvers = (0, _defaultValues.createTypeResolvers)({
+const rawDefaultPropTypeResolvers = (0, _defaultValues.createTypeResolvers)({
   function: funcResolver
 });
 exports.rawDefaultPropTypeResolvers = rawDefaultPropTypeResolvers;

package/dist/cjs/docs/propTypes/sortProps.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keepOriginalDefinitionOrder = keepOriginalDefinitionOrder;
+
+// react-docgen doesn't returned the props in the order they were defined in the "propTypes" object of the component.
+// This function re-order them by their original definition order.
+function keepOriginalDefinitionOrder(extractedProps, component) {
+  // eslint-disable-next-line react/forbid-foreign-prop-types
+  const {
+    propTypes
+  } = component;
+
+  if (propTypes != null) {
+    return Object.keys(propTypes).map(x => extractedProps.find(y => y.name === x)).filter(x => x);
+  }
+
+  return extractedProps;
+}