@storybook/react 7.0.0-alpha.2 → 7.0.0-alpha.23

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

@@ -1,456 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createType = createType;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _generateFuncSignature = require("./generateFuncSignature");
-
-var _lib = require("../lib");
-
-var _inspection = require("../lib/inspection");
-
-const MAX_FUNC_LENGTH = 150;
-var PropTypesType;
-
-(function (PropTypesType) {
-  PropTypesType["CUSTOM"] = "custom";
-  PropTypesType["ANY"] = "any";
-  PropTypesType["FUNC"] = "func";
-  PropTypesType["SHAPE"] = "shape";
-  PropTypesType["OBJECT"] = "object";
-  PropTypesType["INSTANCEOF"] = "instanceOf";
-  PropTypesType["OBJECTOF"] = "objectOf";
-  PropTypesType["UNION"] = "union";
-  PropTypesType["ENUM"] = "enum";
-  PropTypesType["ARRAYOF"] = "arrayOf";
-  PropTypesType["ELEMENT"] = "element";
-  PropTypesType["ELEMENTTYPE"] = "elementType";
-  PropTypesType["NODE"] = "node";
-})(PropTypesType || (PropTypesType = {}));
-
-function createTypeDef({
-  name,
-  short,
-  compact,
-  full,
-  inferredType
-}) {
-  return {
-    name,
-    short,
-    compact,
-    full: full != null ? full : short,
-    inferredType
-  };
-}
-
-function cleanPropTypes(value) {
-  return value.replace(/PropTypes./g, '').replace(/.isRequired/g, '');
-}
-
-function splitIntoLines(value) {
-  return value.split(/\r?\n/);
-}
-
-function prettyObject(ast, compact = false) {
-  return cleanPropTypes((0, _lib.generateObjectCode)(ast, compact));
-}
-
-function prettyArray(ast, compact = false) {
-  return cleanPropTypes((0, _lib.generateCode)(ast, compact));
-}
-
-function getCaptionForInspectionType(type) {
-  switch (type) {
-    case _inspection.InspectionType.OBJECT:
-      return _lib.OBJECT_CAPTION;
-
-    case _inspection.InspectionType.ARRAY:
-      return _lib.ARRAY_CAPTION;
-
-    case _inspection.InspectionType.CLASS:
-      return _lib.CLASS_CAPTION;
-
-    case _inspection.InspectionType.FUNCTION:
-      return _lib.FUNCTION_CAPTION;
-
-    case _inspection.InspectionType.ELEMENT:
-      return _lib.ELEMENT_CAPTION;
-
-    default:
-      return _lib.CUSTOM_CAPTION;
-  }
-}
-
-function generateTypeFromString(value, originalTypeName) {
-  const {
-    inferredType,
-    ast
-  } = (0, _inspection.inspectValue)(value);
-  const {
-    type
-  } = inferredType;
-  let short;
-  let compact;
-  let full;
-
-  switch (type) {
-    case _inspection.InspectionType.IDENTIFIER:
-    case _inspection.InspectionType.LITERAL:
-      short = value;
-      compact = value;
-      break;
-
-    case _inspection.InspectionType.OBJECT:
-      {
-        const {
-          depth
-        } = inferredType;
-        short = _lib.OBJECT_CAPTION;
-        compact = depth === 1 ? prettyObject(ast, true) : null;
-        full = prettyObject(ast);
-        break;
-      }
-
-    case _inspection.InspectionType.ELEMENT:
-      {
-        const {
-          identifier
-        } = inferredType;
-        short = identifier != null && !(0, _lib.isHtmlTag)(identifier) ? identifier : _lib.ELEMENT_CAPTION;
-        compact = splitIntoLines(value).length === 1 ? value : null;
-        full = value;
-        break;
-      }
-
-    case _inspection.InspectionType.ARRAY:
-      {
-        const {
-          depth
-        } = inferredType;
-        short = _lib.ARRAY_CAPTION;
-        compact = depth <= 2 ? prettyArray(ast, true) : null;
-        full = prettyArray(ast);
-        break;
-      }
-
-    default:
-      short = getCaptionForInspectionType(type);
-      compact = splitIntoLines(value).length === 1 ? value : null;
-      full = value;
-      break;
-  }
-
-  return createTypeDef({
-    name: originalTypeName,
-    short,
-    compact,
-    full,
-    inferredType: type
-  });
-}
-
-function generateCustom({
-  raw
-}) {
-  if (raw != null) {
-    return generateTypeFromString(raw, PropTypesType.CUSTOM);
-  }
-
-  return createTypeDef({
-    name: PropTypesType.CUSTOM,
-    short: _lib.CUSTOM_CAPTION,
-    compact: _lib.CUSTOM_CAPTION
-  });
-}
-
-function generateFunc(extractedProp) {
-  const {
-    jsDocTags
-  } = extractedProp;
-
-  if (jsDocTags != null) {
-    if (jsDocTags.params != null || jsDocTags.returns != null) {
-      return createTypeDef({
-        name: PropTypesType.FUNC,
-        short: (0, _generateFuncSignature.generateShortFuncSignature)(jsDocTags.params, jsDocTags.returns),
-        compact: null,
-        full: (0, _generateFuncSignature.generateFuncSignature)(jsDocTags.params, jsDocTags.returns)
-      });
-    }
-  }
-
-  return createTypeDef({
-    name: PropTypesType.FUNC,
-    short: _lib.FUNCTION_CAPTION,
-    compact: _lib.FUNCTION_CAPTION
-  });
-}
-
-function generateShape(type, extractedProp) {
-  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,
-    compact: depth === 1 && ast ? prettyObject(ast, true) : null,
-    full: ast ? prettyObject(ast) : null
-  });
-}
-
-function objectOf(of) {
-  return `objectOf(${of})`;
-}
-
-function generateObjectOf(type, extractedProp) {
-  const {
-    short,
-    compact,
-    full
-  } = generateType(type.value, extractedProp);
-  return createTypeDef({
-    name: PropTypesType.OBJECTOF,
-    short: objectOf(short),
-    compact: compact != null ? objectOf(compact) : null,
-    full: objectOf(full)
-  });
-}
-
-function generateUnion(type, extractedProp) {
-  if (Array.isArray(type.value)) {
-    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);
-      return acc;
-    }, {
-      short: [],
-      compact: [],
-      full: []
-    });
-    return createTypeDef({
-      name: PropTypesType.UNION,
-      short: values.short.join(' | '),
-      compact: values.compact.every(x => x != null) ? values.compact.join(' | ') : null,
-      full: values.full.join(' | ')
-    });
-  }
-
-  return createTypeDef({
-    name: PropTypesType.UNION,
-    short: type.value,
-    compact: null
-  });
-}
-
-function generateEnumValue({
-  value,
-  computed
-}) {
-  return computed ? generateTypeFromString(value, 'enumvalue') : createTypeDef({
-    name: 'enumvalue',
-    short: value,
-    compact: value
-  });
-}
-
-function generateEnum(type) {
-  if (Array.isArray(type.value)) {
-    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);
-      return acc;
-    }, {
-      short: [],
-      compact: [],
-      full: []
-    });
-    return createTypeDef({
-      name: PropTypesType.ENUM,
-      short: values.short.join(' | '),
-      compact: values.compact.every(x => x != null) ? values.compact.join(' | ') : null,
-      full: values.full.join(' | ')
-    });
-  }
-
-  return createTypeDef({
-    name: PropTypesType.ENUM,
-    short: type.value,
-    compact: type.value
-  });
-}
-
-function braceAfter(of) {
-  return `${of}[]`;
-}
-
-function braceAround(of) {
-  return `[${of}]`;
-}
-
-function createArrayOfObjectTypeDef(short, compact, full) {
-  return createTypeDef({
-    name: PropTypesType.ARRAYOF,
-    short: braceAfter(short),
-    compact: compact != null ? braceAround(compact) : null,
-    full: braceAround(full)
-  });
-}
-
-function generateArray(type, extractedProp) {
-  const {
-    name,
-    short,
-    compact,
-    full,
-    inferredType
-  } = generateType(type.value, extractedProp);
-
-  if (name === PropTypesType.CUSTOM) {
-    if (inferredType === _inspection.InspectionType.OBJECT) {
-      return createArrayOfObjectTypeDef(short, compact, full);
-    }
-  } else if (name === PropTypesType.SHAPE) {
-    return createArrayOfObjectTypeDef(short, compact, full);
-  }
-
-  return createTypeDef({
-    name: PropTypesType.ARRAYOF,
-    short: braceAfter(short),
-    compact: braceAfter(short)
-  });
-}
-
-function generateType(type, extractedProp) {
-  try {
-    switch (type.name) {
-      case PropTypesType.CUSTOM:
-        return generateCustom(type);
-
-      case PropTypesType.FUNC:
-        return generateFunc(extractedProp);
-
-      case PropTypesType.SHAPE:
-        return generateShape(type, extractedProp);
-
-      case PropTypesType.INSTANCEOF:
-        return createTypeDef({
-          name: PropTypesType.INSTANCEOF,
-          short: type.value,
-          compact: type.value
-        });
-
-      case PropTypesType.OBJECTOF:
-        return generateObjectOf(type, extractedProp);
-
-      case PropTypesType.UNION:
-        return generateUnion(type, extractedProp);
-
-      case PropTypesType.ENUM:
-        return generateEnum(type);
-
-      case PropTypesType.ARRAYOF:
-        return generateArray(type, extractedProp);
-
-      default:
-        return createTypeDef({
-          name: type.name,
-          short: type.name,
-          compact: type.name
-        });
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-
-  return createTypeDef({
-    name: 'unknown',
-    short: 'unknown',
-    compact: 'unknown'
-  });
-}
-
-function createType(extractedProp) {
-  const {
-    type
-  } = extractedProp.docgenInfo; // A type could be null if a defaultProp has been provided without a type definition.
-
-  if (type == null) {
-    return null;
-  }
-
-  try {
-    switch (type.name) {
-      case PropTypesType.CUSTOM:
-      case PropTypesType.SHAPE:
-      case PropTypesType.INSTANCEOF:
-      case PropTypesType.OBJECTOF:
-      case PropTypesType.UNION:
-      case PropTypesType.ENUM:
-      case PropTypesType.ARRAYOF:
-        {
-          const {
-            short,
-            compact,
-            full
-          } = generateType(type, extractedProp);
-
-          if (compact != null) {
-            if (!(0, _docsTools.isTooLongForTypeSummary)(compact)) {
-              return (0, _docsTools.createSummaryValue)(compact);
-            }
-          }
-
-          return (0, _docsTools.createSummaryValue)(short, full);
-        }
-
-      case PropTypesType.FUNC:
-        {
-          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);
-          }
-
-          return (0, _docsTools.createSummaryValue)(summary, detail);
-        }
-
-      default:
-        return null;
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-
-  return null;
-}

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

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateFuncSignature = generateFuncSignature;
-exports.generateShortFuncSignature = generateShortFuncSignature;
-exports.toMultilineSignature = toMultilineSignature;
-
-function generateFuncSignature(params, returns) {
-  const hasParams = params != null;
-  const hasReturns = returns != null;
-
-  if (!hasParams && !hasReturns) {
-    return '';
-  }
-
-  const funcParts = [];
-
-  if (hasParams) {
-    const funcParams = params.map(x => {
-      const prettyName = x.getPrettyName();
-      const typeName = x.getTypeName();
-
-      if (typeName != null) {
-        return `${prettyName}: ${typeName}`;
-      }
-
-      return prettyName;
-    });
-    funcParts.push(`(${funcParams.join(', ')})`);
-  } else {
-    funcParts.push('()');
-  }
-
-  if (hasReturns) {
-    funcParts.push(`=> ${returns.getTypeName()}`);
-  }
-
-  return funcParts.join(' ');
-}
-
-function generateShortFuncSignature(params, returns) {
-  const hasParams = params != null;
-  const hasReturns = returns != null;
-
-  if (!hasParams && !hasReturns) {
-    return '';
-  }
-
-  const funcParts = [];
-
-  if (hasParams) {
-    funcParts.push('( ... )');
-  } else {
-    funcParts.push('()');
-  }
-
-  if (hasReturns) {
-    funcParts.push(`=> ${returns.getTypeName()}`);
-  }
-
-  return funcParts.join(' ');
-}
-
-function toMultilineSignature(signature) {
-  return signature.replace(/,/g, ',\r\n');
-}

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

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.enhancePropTypesProp = enhancePropTypesProp;
-exports.enhancePropTypesProps = enhancePropTypesProps;
-
-var _createType = require("./createType");
-
-var _defaultValues = require("../lib/defaultValues");
-
-var _sortProps = require("./sortProps");
-
-var _rawDefaultPropResolvers = require("./rawDefaultPropResolvers");
-
-function enhancePropTypesProp(extractedProp, rawDefaultProp) {
-  const {
-    propDef
-  } = extractedProp;
-  const newtype = (0, _createType.createType)(extractedProp);
-
-  if (newtype != null) {
-    propDef.type = newtype;
-  }
-
-  const {
-    defaultValue
-  } = extractedProp.docgenInfo;
-
-  if (defaultValue != null && defaultValue.value != null) {
-    const newDefaultValue = (0, _defaultValues.createDefaultValue)(defaultValue.value);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  } else if (rawDefaultProp != null) {
-    const newDefaultValue = (0, _defaultValues.createDefaultValueFromRawDefaultProp)(rawDefaultProp, propDef, _rawDefaultPropResolvers.rawDefaultPropTypeResolvers);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  }
-
-  return propDef;
-}
-
-function enhancePropTypesProps(extractedProps, component) {
-  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/docs/propTypes/rawDefaultPropResolvers.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.rawDefaultPropTypeResolvers = void 0;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _defaultValues = require("../lib/defaultValues");
-
-var _lib = require("../lib");
-
-var _prettyIdentifier = require("../lib/defaultValues/prettyIdentifier");
-
-var _inspection = require("../lib/inspection");
-
-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.
-    if (isElement) {
-      return (0, _docsTools.createSummaryValue)((0, _prettyIdentifier.getPrettyElementIdentifier)(funcName));
-    }
-
-    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);
-};
-
-const rawDefaultPropTypeResolvers = (0, _defaultValues.createTypeResolvers)({
-  function: funcResolver
-});
-exports.rawDefaultPropTypeResolvers = rawDefaultPropTypeResolvers;

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

@@ -1,21 +0,0 @@
-"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;
-}

package/dist/cjs/docs/react-argtypes.stories.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
-
-var _components = require("@storybook/components");
-
-var _store = require("@storybook/store");
-
-var _ = require("..");
-
-var _extractArgTypes = require("./extractArgTypes");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-const argsTableProps = component => {
-  const argTypes = (0, _extractArgTypes.extractArgTypes)(component);
-  const parameters = {
-    __isArgsStory: true
-  };
-  const rows = (0, _store.inferControls)({
-    argTypes,
-    parameters
-  });
-  return {
-    rows
-  };
-};
-
-const ArgsStory = ({
-  component
-}) => {
-  const {
-    rows
-  } = argsTableProps(component);
-  const initialArgs = (0, _mapValues.default)(rows, argType => argType.defaultValue);
-  const [args, setArgs] = (0, _react.useState)(initialArgs);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("b", null, "NOTE:"), " these stories are to help visualise the snapshot tests in", ' ', /*#__PURE__*/_react.default.createElement("code", null, "./react-properties.test.js"), "."), /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
-    rows: rows,
-    args: args,
-    updateArgs: val => setArgs(Object.assign({}, args, val))
-  }), /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, "arg name"), /*#__PURE__*/_react.default.createElement("th", null, "argType"))), /*#__PURE__*/_react.default.createElement("tbody", null, Object.entries(args).map(([key, val]) => /*#__PURE__*/_react.default.createElement("tr", {
-    key: key
-  }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("code", null, key)), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(rows[key]))))))));
-};
-
-const issuesFixtures = ['js-class-component', 'js-function-component', 'js-function-component-inline-defaults', 'js-function-component-inline-defaults-no-propTypes', 'ts-function-component', 'ts-function-component-inline-defaults', '9399-js-proptypes-shape', '8663-js-styled-components', '9626-js-default-values', '9668-js-proptypes-no-jsdoc', '8143-ts-react-fc-generics', '8143-ts-imported-types', '8279-js-styled-docgen', '8140-js-prop-types-oneof', '9023-js-hoc', '8740-ts-multi-props', '9556-ts-react-default-exports', '9592-ts-styled-props', '9591-ts-import-types', '9721-ts-deprecated-jsdoc', '9827-ts-default-values', '9586-js-react-memo', '9575-ts-camel-case', '9493-ts-display-name', '8894-9511-ts-forward-ref', '9465-ts-type-props', '8428-js-static-prop-types', '9764-ts-extend-props', '9922-ts-component-props'];
-const issuesStories = (0, _.storiesOf)('ArgTypes/Issues', module);
-issuesFixtures.forEach(fixture => {
-  // eslint-disable-next-line import/no-dynamic-require, global-require
-  const {
-    component
-  } = require(`./__testfixtures__/${fixture}/input`);
-
-  issuesStories.add(fixture, () => /*#__PURE__*/_react.default.createElement(ArgsStory, {
-    component: component
-  }), {
-    chromatic: {
-      disable: true
-    }
-  });
-});