@storybook/addon-docs 6.5.0-alpha.7 → 6.5.0-beta.1

package/dist/esm/frameworks/vue3/extractArgTypes.js

@@ -1,45 +0,0 @@
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.assign.js";
-import { hasDocgen, extractComponentProps } from '../../lib/docgen';
-import { convert } from '../../lib/convert';
-var SECTIONS = ['props', 'events', 'slots'];
-export var extractArgTypes = function extractArgTypes(component) {
-  if (!hasDocgen(component)) {
-    return null;
-  }
-
-  var results = {};
-  SECTIONS.forEach(function (section) {
-    var props = extractComponentProps(component, section);
-    props.forEach(function (_ref) {
-      var propDef = _ref.propDef,
-          docgenInfo = _ref.docgenInfo,
-          jsDocTags = _ref.jsDocTags;
-      var name = propDef.name,
-          type = propDef.type,
-          description = propDef.description,
-          defaultSummary = propDef.defaultValue,
-          required = propDef.required;
-      var sbType = section === 'props' ? convert(docgenInfo) : {
-        name: 'void'
-      };
-      results[name] = {
-        name: name,
-        description: description,
-        type: Object.assign({
-          required: required
-        }, sbType),
-        table: {
-          type: type,
-          jsDocTags: jsDocTags,
-          defaultValue: defaultSummary,
-          category: section
-        }
-      };
-    });
-  });
-  return results;
-};

package/dist/esm/frameworks/vue3/prepareForInline.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import * as Vue from 'vue';
-import { app } from '@storybook/vue3'; // This is cast as `any` to workaround type errors caused by Vue 2 types
-
-var _ref = Vue,
-    render = _ref.render,
-    h = _ref.h;
-export var prepareForInline = function prepareForInline(storyFn, _ref2) {
-  var args = _ref2.args;
-  var component = storyFn();
-  var vnode = h(component, args); // By attaching the app context from `@storybook/vue3` to the vnode
-  // like this, these stoeis are able to access any app config stuff
-  // the end-user set inside `.storybook/preview.js`
-
-  vnode.appContext = app._context; // eslint-disable-line no-underscore-dangle
-
-  return /*#__PURE__*/React.createElement('div', {
-    ref: function ref(node) {
-      return node ? render(vnode, node) : null;
-    }
-  });
-};

package/dist/esm/frameworks/vue3/preset.js

@@ -1,31 +0,0 @@
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.assign.js";
-export function webpackFinal() {
-  var _options$presetsList;
-
-  var webpackConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 ? arguments[1] : undefined;
-  var vueDocgenOptions = {};
-  (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(function (preset) {
-    if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
-      var appendableOptions = preset.options.vueDocgenOptions;
-      vueDocgenOptions = Object.assign({}, vueDocgenOptions, appendableOptions);
-    }
-  });
-  webpackConfig.module.rules.push({
-    test: /\.vue$/,
-    loader: require.resolve('vue-docgen-loader', {
-      paths: [require.resolve('@storybook/vue3')]
-    }),
-    enforce: 'post',
-    options: {
-      docgenOptions: Object.assign({
-        alias: webpackConfig.resolve.alias
-      }, vueDocgenOptions)
-    }
-  });
-  return webpackConfig;
-}

package/dist/esm/frameworks/web-components/config.js

@@ -1,17 +0,0 @@
-import { extractArgTypes, extractComponentDescription } from './custom-elements';
-import { sourceDecorator } from './sourceDecorator';
-import { prepareForInline } from './prepareForInline';
-import { SourceType } from '../../shared';
-export var decorators = [sourceDecorator];
-export var parameters = {
-  docs: {
-    extractArgTypes: extractArgTypes,
-    extractComponentDescription: extractComponentDescription,
-    inlineStories: true,
-    prepareForInline: prepareForInline,
-    source: {
-      type: SourceType.DYNAMIC,
-      language: 'html'
-    }
-  }
-};

package/dist/esm/frameworks/web-components/custom-elements.js

@@ -1,139 +0,0 @@
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.array.find.js";
-import "core-js/modules/es.object.assign.js";
-import { getCustomElements, isValidComponent, isValidMetaData } from '@storybook/web-components';
-import { logger } from '@storybook/client-logger';
-
-function mapData(data, category) {
-  return data && data.filter(function (item) {
-    return item && item.name;
-  }).reduce(function (acc, item) {
-    if (item.kind === 'method') return acc;
-
-    switch (category) {
-      case 'events':
-        mapEvent(item).forEach(function (argType) {
-          acc[argType.name] = argType;
-        });
-        break;
-
-      default:
-        acc[item.name] = mapItem(item, category);
-        break;
-    }
-
-    return acc;
-  }, {});
-}
-
-function mapItem(item, category) {
-  var _item$type, _item$type2;
-
-  var type = category === 'properties' ? {
-    name: ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.text) || item.type
-  } : {
-    name: 'void'
-  };
-  return {
-    name: item.name,
-    required: false,
-    description: item.description,
-    type: type,
-    table: {
-      category: category,
-      type: {
-        summary: ((_item$type2 = item.type) === null || _item$type2 === void 0 ? void 0 : _item$type2.text) || item.type
-      },
-      defaultValue: {
-        summary: item.default !== undefined ? item.default : item.defaultValue
-      }
-    }
-  };
-}
-
-function mapEvent(item) {
-  var name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, function (_match, _separator, chr) {
-    return chr ? chr.toUpperCase() : '';
-  }).replace(/^([A-Z])/, function (match) {
-    return match.toLowerCase();
-  });
-  name = "on".concat(name.charAt(0).toUpperCase() + name.substr(1));
-  return [{
-    name: name,
-    action: {
-      name: item.name
-    },
-    table: {
-      disable: true
-    }
-  }, mapItem(item, 'events')];
-}
-
-var getMetaDataExperimental = function getMetaDataExperimental(tagName, customElements) {
-  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
-    return null;
-  }
-
-  var metaData = customElements.tags.find(function (tag) {
-    return tag.name.toUpperCase() === tagName.toUpperCase();
-  });
-
-  if (!metaData) {
-    logger.warn("Component not found in custom-elements.json: ".concat(tagName));
-  }
-
-  return metaData;
-};
-
-var getMetaDataV1 = function getMetaDataV1(tagName, customElements) {
-  var _customElements$modul;
-
-  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
-    return null;
-  }
-
-  var metadata;
-  customElements === null || customElements === void 0 ? void 0 : (_customElements$modul = customElements.modules) === null || _customElements$modul === void 0 ? void 0 : _customElements$modul.forEach(function (_module) {
-    var _module$declarations;
-
-    _module === null || _module === void 0 ? void 0 : (_module$declarations = _module.declarations) === null || _module$declarations === void 0 ? void 0 : _module$declarations.forEach(function (declaration) {
-      if (declaration.tagName === tagName) {
-        metadata = declaration;
-      }
-    });
-  });
-
-  if (!metadata) {
-    logger.warn("Component not found in custom-elements.json: ".concat(tagName));
-  }
-
-  return metadata;
-};
-
-export var extractArgTypesFromElements = function extractArgTypesFromElements(tagName, customElements) {
-  var metaData = getMetaData(tagName, customElements);
-  return metaData && Object.assign({}, mapData(metaData.attributes, 'attributes'), mapData(metaData.members, 'properties'), mapData(metaData.properties, 'properties'), mapData(metaData.events, 'events'), mapData(metaData.slots, 'slots'), mapData(metaData.cssProperties, 'css custom properties'), mapData(metaData.cssParts, 'css shadow parts'));
-};
-
-var getMetaData = function getMetaData(tagName, manifest) {
-  if ((manifest === null || manifest === void 0 ? void 0 : manifest.version) === 'experimental') {
-    return getMetaDataExperimental(tagName, manifest);
-  }
-
-  return getMetaDataV1(tagName, manifest);
-};
-
-export var extractArgTypes = function extractArgTypes(tagName) {
-  var cem = getCustomElements();
-  return extractArgTypesFromElements(tagName, cem);
-};
-export var extractComponentDescription = function extractComponentDescription(tagName) {
-  var metaData = getMetaData(tagName, getCustomElements());
-  return metaData && metaData.description;
-};

package/dist/esm/frameworks/web-components/prepareForInline.js

@@ -1,74 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.get-prototype-of.js";
-import "core-js/modules/es.reflect.construct.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React from 'react';
-import { render } from 'lit-html';
-export var prepareForInline = function prepareForInline(storyFn) {
-  var Story = /*#__PURE__*/function (_React$Component) {
-    _inherits(Story, _React$Component);
-
-    var _super = _createSuper(Story);
-
-    function Story() {
-      var _this;
-
-      _classCallCheck(this, Story);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-      _this.wrapperRef = /*#__PURE__*/React.createRef();
-      return _this;
-    }
-
-    _createClass(Story, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        render(storyFn(), this.wrapperRef.current);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React.createElement('div', {
-          ref: this.wrapperRef
-        });
-      }
-    }]);
-
-    return Story;
-  }(React.Component);
-
-  return /*#__PURE__*/React.createElement(Story);
-};

package/dist/esm/frameworks/web-components/sourceDecorator.js

@@ -1,50 +0,0 @@
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.regexp.exec.js";
-
-/* global window */
-import { render } from 'lit-html';
-import { addons, useEffect } from '@storybook/addons';
-import { SNIPPET_RENDERED, SourceType } from '../../shared';
-
-function skipSourceRender(context) {
-  var _context$parameters$d;
-
-  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code, or if it's not an args story.
-
-
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
-}
-
-function applyTransformSource(source, context) {
-  var _context$parameters$d2;
-
-  var _ref = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {},
-      transformSource = _ref.transformSource;
-
-  if (typeof transformSource !== 'function') return source;
-  return transformSource(source, context);
-}
-
-export function sourceDecorator(storyFn, context) {
-  var _context$parameters$d3, _context$parameters$d4;
-
-  var story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
-  var source;
-  useEffect(function () {
-    if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source);
-  });
-
-  if (!skipSourceRender(context)) {
-    var container = window.document.createElement('div');
-    render(story, container);
-    source = applyTransformSource(container.innerHTML.replace(/<!---->/g, ''), context);
-  }
-
-  return story;
-}

package/dist/esm/lib/convert/flow/convert.js

@@ -1,98 +0,0 @@
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.map.js";
-
-/* eslint-disable no-case-declarations */
-var isLiteral = function isLiteral(type) {
-  return type.name === 'literal';
-};
-
-var toEnumOption = function toEnumOption(element) {
-  return element.value.replace(/['|"]/g, '');
-};
-
-var convertSig = function convertSig(type) {
-  switch (type.type) {
-    case 'function':
-      return {
-        name: 'function'
-      };
-
-    case 'object':
-      var values = {};
-      type.signature.properties.forEach(function (prop) {
-        values[prop.key] = convert(prop.value);
-      });
-      return {
-        name: 'object',
-        value: values
-      };
-
-    default:
-      throw new Error("Unknown: ".concat(type));
-  }
-};
-
-export var convert = function convert(type) {
-  var name = type.name,
-      raw = type.raw;
-  var base = {};
-  if (typeof raw !== 'undefined') base.raw = raw;
-
-  switch (type.name) {
-    case 'literal':
-      return Object.assign({}, base, {
-        name: 'other',
-        value: type.value
-      });
-
-    case 'string':
-    case 'number':
-    case 'symbol':
-    case 'boolean':
-      {
-        return Object.assign({}, base, {
-          name: name
-        });
-      }
-
-    case 'Array':
-      {
-        return Object.assign({}, base, {
-          name: 'array',
-          value: type.elements.map(convert)
-        });
-      }
-
-    case 'signature':
-      return Object.assign({}, base, convertSig(type));
-
-    case 'union':
-      if (type.elements.every(isLiteral)) {
-        return Object.assign({}, base, {
-          name: 'enum',
-          value: type.elements.map(toEnumOption)
-        });
-      }
-
-      return Object.assign({}, base, {
-        name: name,
-        value: type.elements.map(convert)
-      });
-
-    case 'intersection':
-      return Object.assign({}, base, {
-        name: name,
-        value: type.elements.map(convert)
-      });
-
-    default:
-      return Object.assign({}, base, {
-        name: 'other',
-        value: name
-      });
-  }
-};

package/dist/esm/lib/convert/flow/index.js

@@ -1,2 +0,0 @@
-export * from './convert';
-export * from './types';

package/dist/esm/lib/convert/index.js

@@ -1,12 +0,0 @@
-import { convert as tsConvert } from './typescript';
-import { convert as flowConvert } from './flow';
-import { convert as propTypesConvert } from './proptypes';
-export var convert = function convert(docgenInfo) {
-  var type = docgenInfo.type,
-      tsType = docgenInfo.tsType,
-      flowType = docgenInfo.flowType;
-  if (type != null) return propTypesConvert(type);
-  if (tsType != null) return tsConvert(tsType);
-  if (flowType != null) return flowConvert(flowType);
-  return null;
-};

package/dist/esm/lib/convert/proptypes/convert.js

@@ -1,116 +0,0 @@
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.string.split.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.array.concat.js";
-
-/* eslint-disable no-case-declarations */
-import mapValues from 'lodash/mapValues';
-import { trimQuotes } from '../utils';
-var SIGNATURE_REGEXP = /^\(.*\) => /;
-export var convert = function convert(type) {
-  var name = type.name,
-      raw = type.raw,
-      computed = type.computed,
-      value = type.value;
-  var base = {};
-  if (typeof raw !== 'undefined') base.raw = raw;
-
-  switch (name) {
-    case 'enum':
-      {
-        var _values = computed ? value : value.map(function (v) {
-          return trimQuotes(v.value);
-        });
-
-        return Object.assign({}, base, {
-          name: name,
-          value: _values
-        });
-      }
-
-    case 'string':
-    case 'number':
-    case 'symbol':
-      return Object.assign({}, base, {
-        name: name
-      });
-
-    case 'func':
-      return Object.assign({}, base, {
-        name: 'function'
-      });
-
-    case 'bool':
-    case 'boolean':
-      return Object.assign({}, base, {
-        name: 'boolean'
-      });
-
-    case 'arrayOf':
-    case 'array':
-      return Object.assign({}, base, {
-        name: 'array',
-        value: value && convert(value)
-      });
-
-    case 'object':
-      return Object.assign({}, base, {
-        name: name
-      });
-
-    case 'objectOf':
-      return Object.assign({}, base, {
-        name: name,
-        value: convert(value)
-      });
-
-    case 'shape':
-    case 'exact':
-      var values = mapValues(value, function (field) {
-        return convert(field);
-      });
-      return Object.assign({}, base, {
-        name: 'object',
-        value: values
-      });
-
-    case 'union':
-      return Object.assign({}, base, {
-        name: 'union',
-        value: value.map(function (v) {
-          return convert(v);
-        })
-      });
-
-    case 'instanceOf':
-    case 'element':
-    case 'elementType':
-    default:
-      {
-        if ((name === null || name === void 0 ? void 0 : name.indexOf('|')) > 0) {
-          // react-docgen-typescript-plugin doesn't always produce enum-like unions
-          // (like if a user has turned off shouldExtractValuesFromUnion) so here we
-          // try to recover and construct one.
-          try {
-            var literalValues = name.split('|').map(function (v) {
-              return JSON.parse(v);
-            });
-            return Object.assign({}, base, {
-              name: 'enum',
-              value: literalValues
-            });
-          } catch (err) {// fall through
-          }
-        }
-
-        var otherVal = value ? "".concat(name, "(").concat(value, ")") : name;
-        var otherName = SIGNATURE_REGEXP.test(name) ? 'function' : 'other';
-        return Object.assign({}, base, {
-          name: otherName,
-          value: otherVal
-        });
-      }
-  }
-};

package/dist/esm/lib/convert/proptypes/index.js

@@ -1,2 +0,0 @@
-export * from './convert';
-export * from './types';