@storybook/react 7.0.0-alpha.6 → 7.0.0-alpha.61

package/dist/cjs/docs/lib/defaultValues/createFromRawDefaultProp.js

@@ -1,206 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createDefaultValueFromRawDefaultProp = createDefaultValueFromRawDefaultProp;
-exports.createTypeResolvers = createTypeResolvers;
-exports.extractFunctionName = extractFunctionName;
-
-var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
-
-var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _reactElementToJsxString = _interopRequireDefault(require("react-element-to-jsx-string"));
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _inspection = require("../inspection");
-
-var _generateObject = require("./generateObject");
-
-var _generateArray = require("./generateArray");
-
-var _prettyIdentifier = require("./prettyIdentifier");
-
-var _captions = require("../captions");
-
-var _isHtmlTag = require("../isHtmlTag");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable @typescript-eslint/ban-types */
-// @ts-ignore
-function isReactElement(element) {
-  return element.$$typeof != null;
-}
-
-function extractFunctionName(func, propName) {
-  const {
-    name
-  } = func; // Comparison with the prop name is to discard inferred function names.
-
-  if (name !== '' && name !== 'anonymous' && name !== propName) {
-    return name;
-  }
-
-  return null;
-}
-
-const stringResolver = rawDefaultProp => {
-  return (0, _docsTools.createSummaryValue)(JSON.stringify(rawDefaultProp));
-};
-
-function generateReactObject(rawDefaultProp) {
-  const {
-    type
-  } = rawDefaultProp;
-  const {
-    displayName
-  } = type;
-  const jsx = (0, _reactElementToJsxString.default)(rawDefaultProp, {});
-
-  if (displayName != null) {
-    const prettyIdentifier = (0, _prettyIdentifier.getPrettyElementIdentifier)(displayName);
-    return (0, _docsTools.createSummaryValue)(prettyIdentifier, jsx);
-  }
-
-  if ((0, _isString.default)(type)) {
-    // This is an HTML element.
-    if ((0, _isHtmlTag.isHtmlTag)(type)) {
-      const jsxCompact = (0, _reactElementToJsxString.default)(rawDefaultProp, {
-        tabStop: 0
-      });
-      const jsxSummary = jsxCompact.replace(/\r?\n|\r/g, '');
-
-      if (!(0, _docsTools.isTooLongForDefaultValueSummary)(jsxSummary)) {
-        return (0, _docsTools.createSummaryValue)(jsxSummary);
-      }
-    }
-  }
-
-  return (0, _docsTools.createSummaryValue)(_captions.ELEMENT_CAPTION, jsx);
-}
-
-const objectResolver = rawDefaultProp => {
-  if (isReactElement(rawDefaultProp) && rawDefaultProp.type != null) {
-    return generateReactObject(rawDefaultProp);
-  }
-
-  if ((0, _isPlainObject.default)(rawDefaultProp)) {
-    const inspectionResult = (0, _inspection.inspectValue)(JSON.stringify(rawDefaultProp));
-    return (0, _generateObject.generateObject)(inspectionResult);
-  }
-
-  if (Array.isArray(rawDefaultProp)) {
-    const inspectionResult = (0, _inspection.inspectValue)(JSON.stringify(rawDefaultProp));
-    return (0, _generateArray.generateArray)(inspectionResult);
-  }
-
-  return (0, _docsTools.createSummaryValue)(_captions.OBJECT_CAPTION);
-};
-
-const functionResolver = (rawDefaultProp, propDef) => {
-  let isElement = false;
-  let inspectionResult; // Try to display the name of the component. The body of the component is omitted since the code has been transpiled.
-
-  if ((0, _isFunction.default)(rawDefaultProp.render)) {
-    isElement = true;
-  } else if (rawDefaultProp.prototype != null && (0, _isFunction.default)(rawDefaultProp.prototype.render)) {
-    isElement = true;
-  } else {
-    let innerElement;
-
-    try {
-      inspectionResult = (0, _inspection.inspectValue)(rawDefaultProp.toString());
-      const {
-        hasParams,
-        params
-      } = inspectionResult.inferredType;
-
-      if (hasParams) {
-        // It might be a functional component accepting props.
-        if (params.length === 1 && params[0].type === 'ObjectPattern') {
-          innerElement = rawDefaultProp({});
-        }
-      } else {
-        innerElement = rawDefaultProp();
-      }
-
-      if (innerElement != null) {
-        if (isReactElement(innerElement)) {
-          isElement = true;
-        }
-      }
-    } catch (e) {// do nothing.
-    }
-  }
-
-  const funcName = extractFunctionName(rawDefaultProp, propDef.name);
-
-  if (funcName != null) {
-    if (isElement) {
-      return (0, _docsTools.createSummaryValue)((0, _prettyIdentifier.getPrettyElementIdentifier)(funcName));
-    }
-
-    if (inspectionResult != null) {
-      inspectionResult = (0, _inspection.inspectValue)(rawDefaultProp.toString());
-    } // @ts-ignore
-
-
-    const {
-      hasParams
-    } = inspectionResult.inferredType;
-    return (0, _docsTools.createSummaryValue)((0, _prettyIdentifier.getPrettyFuncIdentifier)(funcName, hasParams));
-  }
-
-  return (0, _docsTools.createSummaryValue)(isElement ? _captions.ELEMENT_CAPTION : _captions.FUNCTION_CAPTION);
-};
-
-const defaultResolver = rawDefaultProp => {
-  return (0, _docsTools.createSummaryValue)(rawDefaultProp.toString());
-};
-
-const DEFAULT_TYPE_RESOLVERS = {
-  string: stringResolver,
-  object: objectResolver,
-  function: functionResolver,
-  default: defaultResolver
-};
-
-function createTypeResolvers(customResolvers = {}) {
-  return Object.assign({}, DEFAULT_TYPE_RESOLVERS, customResolvers);
-} // When react-docgen cannot provide a defaultValue we take it from the raw defaultProp.
-// It works fine for types that are not transpiled. For the types that are transpiled, we can only provide partial support.
-// This means that:
-//   - The detail might not be available.
-//   - Identifiers might not be "prettified" for all the types.
-
-
-function createDefaultValueFromRawDefaultProp(rawDefaultProp, propDef, typeResolvers = DEFAULT_TYPE_RESOLVERS) {
-  try {
-    // Keep the extra () otherwise it will fail for functions.
-    switch (typeof rawDefaultProp) {
-      case 'string':
-        return typeResolvers.string(rawDefaultProp, propDef);
-
-      case 'object':
-        return typeResolvers.object(rawDefaultProp, propDef);
-
-      case 'function':
-        {
-          return typeResolvers.function(rawDefaultProp, propDef);
-        }
-
-      default:
-        return typeResolvers.default(rawDefaultProp, propDef);
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-
-  return null;
-}

package/dist/cjs/docs/lib/defaultValues/generateArray.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateArray = generateArray;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _captions = require("../captions");
-
-var _generateCode = require("../generateCode");
-
-function generateArray({
-  inferredType,
-  ast
-}) {
-  const {
-    depth
-  } = inferredType;
-
-  if (depth <= 2) {
-    const compactArray = (0, _generateCode.generateArrayCode)(ast, true);
-
-    if (!(0, _docsTools.isTooLongForDefaultValueSummary)(compactArray)) {
-      return (0, _docsTools.createSummaryValue)(compactArray);
-    }
-  }
-
-  return (0, _docsTools.createSummaryValue)(_captions.ARRAY_CAPTION, (0, _generateCode.generateArrayCode)(ast));
-}

package/dist/cjs/docs/lib/defaultValues/generateObject.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateObject = generateObject;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _captions = require("../captions");
-
-var _generateCode = require("../generateCode");
-
-function generateObject({
-  inferredType,
-  ast
-}) {
-  const {
-    depth
-  } = inferredType;
-
-  if (depth === 1) {
-    const compactObject = (0, _generateCode.generateObjectCode)(ast, true);
-
-    if (!(0, _docsTools.isTooLongForDefaultValueSummary)(compactObject)) {
-      return (0, _docsTools.createSummaryValue)(compactObject);
-    }
-  }
-
-  return (0, _docsTools.createSummaryValue)(_captions.OBJECT_CAPTION, (0, _generateCode.generateObjectCode)(ast));
-}

package/dist/cjs/docs/lib/defaultValues/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createDefaultValue = require("./createDefaultValue");
-
-Object.keys(_createDefaultValue).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _createDefaultValue[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _createDefaultValue[key];
-    }
-  });
-});
-
-var _createFromRawDefaultProp = require("./createFromRawDefaultProp");
-
-Object.keys(_createFromRawDefaultProp).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _createFromRawDefaultProp[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _createFromRawDefaultProp[key];
-    }
-  });
-});

package/dist/cjs/docs/lib/defaultValues/prettyIdentifier.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPrettyElementIdentifier = getPrettyElementIdentifier;
-exports.getPrettyFuncIdentifier = getPrettyFuncIdentifier;
-exports.getPrettyIdentifier = getPrettyIdentifier;
-
-var _inspection = require("../inspection");
-
-function getPrettyFuncIdentifier(identifier, hasArguments) {
-  return hasArguments ? `${identifier}( ... )` : `${identifier}()`;
-}
-
-function getPrettyElementIdentifier(identifier) {
-  return `<${identifier} />`;
-}
-
-function getPrettyIdentifier(inferredType) {
-  const {
-    type,
-    identifier
-  } = inferredType;
-
-  switch (type) {
-    case _inspection.InspectionType.FUNCTION:
-      // @ts-ignore
-      return getPrettyFuncIdentifier(identifier, inferredType.hasParams);
-
-    case _inspection.InspectionType.ELEMENT:
-      // @ts-ignore
-      return getPrettyElementIdentifier(identifier);
-
-    default:
-      return identifier;
-  }
-}

package/dist/cjs/docs/lib/generateCode.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateArrayCode = generateArrayCode;
-exports.generateCode = generateCode;
-exports.generateObjectCode = generateObjectCode;
-
-var _escodegen = require("escodegen");
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const BASIC_OPTIONS = {
-  format: {
-    indent: {
-      style: '  '
-    },
-    semicolons: false
-  }
-};
-const COMPACT_OPTIONS = Object.assign({}, BASIC_OPTIONS, {
-  format: {
-    newline: ''
-  }
-});
-const PRETTY_OPTIONS = Object.assign({}, BASIC_OPTIONS);
-
-function generateCode(ast, compact = false) {
-  return (0, _escodegen.generate)(ast, compact ? COMPACT_OPTIONS : PRETTY_OPTIONS);
-}
-
-function generateObjectCode(ast, compact = false) {
-  return !compact ? generateCode(ast) : generateCompactObjectCode(ast);
-}
-
-function generateCompactObjectCode(ast) {
-  let result = generateCode(ast, true); // Cannot get escodegen to add a space before the last } with the compact mode settings.
-  // Fix it until a better solution is found.
-
-  if (!result.endsWith(' }')) {
-    result = `${result.slice(0, -1)} }`;
-  }
-
-  return result;
-}
-
-function generateArrayCode(ast, compact = false) {
-  return !compact ? generateMultilineArrayCode(ast) : generateCompactArrayCode(ast);
-}
-
-function generateMultilineArrayCode(ast) {
-  let result = generateCode(ast); // escodegen add extra spacing before the closing bracket of a multiple line array with a nested object.
-  // Fix it until a better solution is found.
-
-  if (result.endsWith('  }]')) {
-    result = (0, _tsDedent.default)(result);
-  }
-
-  return result;
-}
-
-function generateCompactArrayCode(ast) {
-  let result = generateCode(ast, true); // escodegen add extra an extra before the opening bracket of a compact array that contains primitive values.
-  // Fix it until a better solution is found.
-
-  if (result.startsWith('[    ')) {
-    result = result.replace('[    ', '[');
-  }
-
-  return result;
-}

package/dist/cjs/docs/lib/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _captions = require("./captions");
-
-Object.keys(_captions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _captions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _captions[key];
-    }
-  });
-});
-
-var _isHtmlTag = require("./isHtmlTag");
-
-Object.keys(_isHtmlTag).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _isHtmlTag[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _isHtmlTag[key];
-    }
-  });
-});
-
-var _generateCode = require("./generateCode");
-
-Object.keys(_generateCode).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _generateCode[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _generateCode[key];
-    }
-  });
-});
-
-var _componentTypes = require("./componentTypes");
-
-Object.keys(_componentTypes).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _componentTypes[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _componentTypes[key];
-    }
-  });
-});

package/dist/cjs/docs/lib/inspection/acornParser.js

@@ -1,230 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parse = parse;
-
-var _acorn = require("acorn");
-
-var _acornJsx = _interopRequireDefault(require("acorn-jsx"));
-
-var acornWalk = _interopRequireWildcard(require("acorn-walk"));
-
-var _types = require("./types");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ACORN_WALK_VISITORS = Object.assign({}, acornWalk.base, {
-  JSXElement: () => {}
-});
-
-const acornParser = _acorn.Parser.extend((0, _acornJsx.default)()); // Cannot use "estree.Identifier" type because this function also support "JSXIdentifier".
-
-
-function extractIdentifierName(identifierNode) {
-  return identifierNode != null ? identifierNode.name : null;
-}
-
-function filterAncestors(ancestors) {
-  return ancestors.filter(x => x.type === 'ObjectExpression' || x.type === 'ArrayExpression');
-}
-
-function calculateNodeDepth(node) {
-  const depths = [];
-  acornWalk.ancestor( // @ts-ignore
-  node, {
-    ObjectExpression(_, ancestors) {
-      depths.push(filterAncestors(ancestors).length);
-    },
-
-    ArrayExpression(_, ancestors) {
-      depths.push(filterAncestors(ancestors).length);
-    }
-
-  }, ACORN_WALK_VISITORS);
-  return Math.max(...depths);
-}
-
-function parseIdentifier(identifierNode) {
-  return {
-    inferredType: {
-      type: _types.InspectionType.IDENTIFIER,
-      identifier: extractIdentifierName(identifierNode)
-    },
-    ast: identifierNode
-  };
-}
-
-function parseLiteral(literalNode) {
-  return {
-    inferredType: {
-      type: _types.InspectionType.LITERAL
-    },
-    ast: literalNode
-  };
-}
-
-function parseFunction(funcNode) {
-  let innerJsxElementNode; // If there is at least a JSXElement in the body of the function, then it's a React component.
-
-  acornWalk.simple( // @ts-ignore
-  funcNode.body, {
-    JSXElement(node) {
-      innerJsxElementNode = node;
-    }
-
-  }, ACORN_WALK_VISITORS);
-  const isJsx = innerJsxElementNode != null;
-  const inferredType = {
-    type: isJsx ? _types.InspectionType.ELEMENT : _types.InspectionType.FUNCTION,
-    params: funcNode.params,
-    hasParams: funcNode.params.length !== 0
-  };
-  const identifierName = extractIdentifierName(funcNode.id);
-
-  if (identifierName != null) {
-    inferredType.identifier = identifierName;
-  }
-
-  return {
-    inferredType,
-    ast: funcNode
-  };
-}
-
-function parseClass(classNode) {
-  let innerJsxElementNode; // If there is at least a JSXElement in the body of the class, then it's a React component.
-
-  acornWalk.simple( // @ts-ignore
-  classNode.body, {
-    JSXElement(node) {
-      innerJsxElementNode = node;
-    }
-
-  }, ACORN_WALK_VISITORS);
-  const inferredType = {
-    type: innerJsxElementNode != null ? _types.InspectionType.ELEMENT : _types.InspectionType.CLASS,
-    identifier: extractIdentifierName(classNode.id)
-  };
-  return {
-    inferredType,
-    ast: classNode
-  };
-}
-
-function parseJsxElement(jsxElementNode) {
-  const inferredType = {
-    type: _types.InspectionType.ELEMENT
-  };
-  const identifierName = extractIdentifierName(jsxElementNode.openingElement.name);
-
-  if (identifierName != null) {
-    inferredType.identifier = identifierName;
-  }
-
-  return {
-    inferredType,
-    ast: jsxElementNode
-  };
-}
-
-function parseCall(callNode) {
-  const identifierNode = callNode.callee.type === 'MemberExpression' ? callNode.callee.property : callNode.callee;
-  const identifierName = extractIdentifierName(identifierNode);
-
-  if (identifierName === 'shape') {
-    return parseObject(callNode.arguments[0]);
-  }
-
-  return null;
-}
-
-function parseObject(objectNode) {
-  return {
-    inferredType: {
-      type: _types.InspectionType.OBJECT,
-      depth: calculateNodeDepth(objectNode)
-    },
-    ast: objectNode
-  };
-}
-
-function parseArray(arrayNode) {
-  return {
-    inferredType: {
-      type: _types.InspectionType.ARRAY,
-      depth: calculateNodeDepth(arrayNode)
-    },
-    ast: arrayNode
-  };
-} // Cannot set "expression" type to "estree.Expression" because the type doesn't include JSX.
-
-
-function parseExpression(expression) {
-  switch (expression.type) {
-    case 'Identifier':
-      return parseIdentifier(expression);
-
-    case 'Literal':
-      return parseLiteral(expression);
-
-    case 'FunctionExpression':
-    case 'ArrowFunctionExpression':
-      return parseFunction(expression);
-
-    case 'ClassExpression':
-      return parseClass(expression);
-
-    case 'JSXElement':
-      return parseJsxElement(expression);
-
-    case 'CallExpression':
-      return parseCall(expression);
-
-    case 'ObjectExpression':
-      return parseObject(expression);
-
-    case 'ArrayExpression':
-      return parseArray(expression);
-
-    default:
-      return null;
-  }
-}
-
-function parse(value) {
-  const ast = acornParser.parse(`(${value})`);
-  let parsingResult = {
-    inferredType: {
-      type: _types.InspectionType.UNKNOWN
-    },
-    ast
-  };
-
-  if (ast.body[0] != null) {
-    const rootNode = ast.body[0];
-
-    switch (rootNode.type) {
-      case 'ExpressionStatement':
-        {
-          const expressionResult = parseExpression(rootNode.expression);
-
-          if (expressionResult != null) {
-            parsingResult = expressionResult;
-          }
-
-          break;
-        }
-
-      default:
-        break;
-    }
-  }
-
-  return parsingResult;
-}