@storybook/addon-docs 6.5.0-alpha.2 → 6.5.0-alpha.20

package/angular/README.md

@@ -210,12 +210,6 @@ And for `MDX` you can modify it as an attribute on the `Story` element:
 
 Storybook Docs renders all Angular stories inside IFrames by default. But it is possible to use an inline rendering:
 
-To get this, you'll first need to install Angular elements:
-
-```sh
-yarn add -D @angular/elements @webcomponents/custom-elements
-```
-
 Then update `.storybook/preview.js`:
 
 ```js

package/dist/cjs/blocks/Stories.js

@@ -27,6 +27,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Stories = void 0;
 
+require("core-js/modules/es.array.filter.js");
+
 require("core-js/modules/es.array.slice.js");
 
 require("core-js/modules/es.array.map.js");
@@ -54,6 +56,11 @@ var Stories = function Stories(_ref) {
       componentStories = _useContext.componentStories;
 
   var stories = componentStories();
+  stories = stories.filter(function (story) {
+    var _story$parameters, _story$parameters$doc;
+
+    return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
+  });
   if (!includePrimary) stories = stories.slice(1);
 
   if (!stories || stories.length === 0) {

package/dist/cjs/frameworks/common/preset.js

@@ -18,15 +18,23 @@ require("core-js/modules/es.array.slice.js");
 
 require("core-js/modules/es.function.name.js");
 
+require("core-js/modules/es.promise.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.webpack = webpack;
 
+require("regenerator-runtime/runtime.js");
+
 require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.object.assign.js");
 
+require("core-js/modules/es.string.match.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
 require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
@@ -35,8 +43,6 @@ require("core-js/modules/es.regexp.to-string.js");
 
 require("core-js/modules/es.regexp.constructor.js");
 
-require("core-js/modules/es.regexp.exec.js");
-
 var _path = _interopRequireDefault(require("path"));
 
 var _remarkSlug = _interopRequireDefault(require("remark-slug"));
@@ -47,6 +53,10 @@ var _mdx = require("@storybook/csf-tools/mdx");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -59,14 +69,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var resolvedBabelLoader = require.resolve('babel-loader', {
-  paths: [require.resolve('@storybook/builder-webpack4')] // FIXME!!!
-
-}); // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
-
 function createBabelOptions(_ref) {
   var babelOptions = _ref.babelOptions,
       mdxBabelOptions = _ref.mdxBabelOptions,
@@ -87,101 +89,143 @@ function createBabelOptions(_ref) {
 }
 
 function webpack() {
-  var webpackConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _webpackConfig$module = webpackConfig.module,
-      module = _webpackConfig$module === void 0 ? {} : _webpackConfig$module; // it will reuse babel options that are already in use in storybook
-  // also, these babel options are chained with other presets.
-
-  var babelOptions = options.babelOptions,
-      mdxBabelOptions = options.mdxBabelOptions,
-      _options$configureJSX = options.configureJSX,
-      configureJSX = _options$configureJSX === void 0 ? true : _options$configureJSX,
-      _options$sourceLoader = options.sourceLoaderOptions,
-      sourceLoaderOptions = _options$sourceLoader === void 0 ? {
-    injectStoryParameters: true
-  } : _options$sourceLoader,
-      _options$transcludeMa = options.transcludeMarkdown,
-      transcludeMarkdown = _options$transcludeMa === void 0 ? false : _options$transcludeMa;
-  var mdxLoaderOptions = {
-    remarkPlugins: [_remarkSlug.default, _remarkExternalLinks.default]
-  }; // set `sourceLoaderOptions` to `null` to disable for manual configuration
-
-  var sourceLoader = sourceLoaderOptions ? [{
-    test: /\.(stories|story)\.[tj]sx?$/,
-    loader: require.resolve('@storybook/source-loader'),
-    options: Object.assign({}, sourceLoaderOptions, {
-      inspectLocalDependencies: true
-    }),
-    enforce: 'pre'
-  }] : [];
-  var rules = module.rules || [];
-
-  if (transcludeMarkdown) {
-    rules = [].concat(_toConsumableArray(rules.filter(function (rule) {
-      var _rule$test;
-
-      return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) !== '/\\.md$/';
-    })), [{
-      test: /\.md$/,
-      use: [{
-        loader: resolvedBabelLoader,
-        options: createBabelOptions({
-          babelOptions: babelOptions,
-          mdxBabelOptions: mdxBabelOptions,
-          configureJSX: configureJSX
-        })
-      }, {
-        loader: require.resolve('@mdx-js/loader'),
-        options: mdxLoaderOptions
-      }]
-    }]);
-  }
-
-  var result = Object.assign({}, webpackConfig, {
-    module: Object.assign({}, module, {
-      rules: [].concat(_toConsumableArray(rules), [{
-        test: /\.js$/,
-        include: new RegExp("node_modules\\".concat(_path.default.sep, "acorn-jsx")),
-        use: [{
-          loader: resolvedBabelLoader,
-          options: {
-            presets: [[require.resolve('@babel/preset-env'), {
-              modules: 'commonjs'
-            }]]
-          }
-        }]
-      }, {
-        test: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions: babelOptions,
-            mdxBabelOptions: mdxBabelOptions,
-            configureJSX: configureJSX
-          })
-        }, {
-          loader: require.resolve('@mdx-js/loader'),
-          options: Object.assign({
-            compilers: [(0, _mdx.createCompiler)(options)]
-          }, mdxLoaderOptions)
-        }]
-      }, {
-        test: /\.mdx$/,
-        exclude: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions: babelOptions,
-            mdxBabelOptions: mdxBabelOptions,
-            configureJSX: configureJSX
-          })
-        }, {
-          loader: require.resolve('@mdx-js/loader'),
-          options: mdxLoaderOptions
-        }]
-      }], sourceLoader)
-    })
-  });
-  return result;
+  return _webpack.apply(this, arguments);
+}
+
+function _webpack() {
+  _webpack = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var webpackConfig,
+        options,
+        _yield$options$preset,
+        _yield$options$preset2,
+        builder,
+        resolvedBabelLoader,
+        _webpackConfig$module,
+        module,
+        babelOptions,
+        mdxBabelOptions,
+        _options$configureJSX,
+        configureJSX,
+        _options$sourceLoader,
+        sourceLoaderOptions,
+        _options$transcludeMa,
+        transcludeMarkdown,
+        mdxLoaderOptions,
+        sourceLoader,
+        rules,
+        result,
+        _args = arguments;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            webpackConfig = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            options = _args.length > 1 ? _args[1] : undefined;
+            _context.next = 4;
+            return options.presets.apply('core', {});
+
+          case 4:
+            _yield$options$preset = _context.sent;
+            _yield$options$preset2 = _yield$options$preset.builder;
+            builder = _yield$options$preset2 === void 0 ? 'webpack4' : _yield$options$preset2;
+            resolvedBabelLoader = require.resolve('babel-loader', {
+              paths: builder.match(/(webpack4|webpack5)/) ? [require.resolve("@storybook/builder-".concat(builder))] : [builder]
+            });
+            _webpackConfig$module = webpackConfig.module, module = _webpackConfig$module === void 0 ? {} : _webpackConfig$module; // it will reuse babel options that are already in use in storybook
+            // also, these babel options are chained with other presets.
+
+            babelOptions = options.babelOptions, mdxBabelOptions = options.mdxBabelOptions, _options$configureJSX = options.configureJSX, configureJSX = _options$configureJSX === void 0 ? true : _options$configureJSX, _options$sourceLoader = options.sourceLoaderOptions, sourceLoaderOptions = _options$sourceLoader === void 0 ? {
+              injectStoryParameters: true
+            } : _options$sourceLoader, _options$transcludeMa = options.transcludeMarkdown, transcludeMarkdown = _options$transcludeMa === void 0 ? false : _options$transcludeMa;
+            mdxLoaderOptions = {
+              remarkPlugins: [_remarkSlug.default, _remarkExternalLinks.default]
+            }; // set `sourceLoaderOptions` to `null` to disable for manual configuration
+
+            sourceLoader = sourceLoaderOptions ? [{
+              test: /\.(stories|story)\.[tj]sx?$/,
+              loader: require.resolve('@storybook/source-loader'),
+              options: Object.assign({}, sourceLoaderOptions, {
+                inspectLocalDependencies: true
+              }),
+              enforce: 'pre'
+            }] : [];
+            rules = module.rules || [];
+
+            if (transcludeMarkdown) {
+              rules = [].concat(_toConsumableArray(rules.filter(function (rule) {
+                var _rule$test;
+
+                return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) !== '/\\.md$/';
+              })), [{
+                test: /\.md$/,
+                use: [{
+                  loader: resolvedBabelLoader,
+                  options: createBabelOptions({
+                    babelOptions: babelOptions,
+                    mdxBabelOptions: mdxBabelOptions,
+                    configureJSX: configureJSX
+                  })
+                }, {
+                  loader: require.resolve('@mdx-js/loader'),
+                  options: mdxLoaderOptions
+                }]
+              }]);
+            }
+
+            result = Object.assign({}, webpackConfig, {
+              module: Object.assign({}, module, {
+                rules: [].concat(_toConsumableArray(rules), [{
+                  test: /\.js$/,
+                  include: new RegExp("node_modules\\".concat(_path.default.sep, "acorn-jsx")),
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: {
+                      presets: [[require.resolve('@babel/preset-env'), {
+                        modules: 'commonjs'
+                      }]]
+                    }
+                  }]
+                }, {
+                  test: /(stories|story)\.mdx$/,
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: createBabelOptions({
+                      babelOptions: babelOptions,
+                      mdxBabelOptions: mdxBabelOptions,
+                      configureJSX: configureJSX
+                    })
+                  }, {
+                    loader: require.resolve('@mdx-js/loader'),
+                    options: Object.assign({
+                      compilers: [(0, _mdx.createCompiler)(options)]
+                    }, mdxLoaderOptions)
+                  }]
+                }, {
+                  test: /\.mdx$/,
+                  exclude: /(stories|story)\.mdx$/,
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: createBabelOptions({
+                      babelOptions: babelOptions,
+                      mdxBabelOptions: mdxBabelOptions,
+                      configureJSX: configureJSX
+                    })
+                  }, {
+                    loader: require.resolve('@mdx-js/loader'),
+                    options: mdxLoaderOptions
+                  }]
+                }], sourceLoader)
+              })
+            });
+            return _context.abrupt("return", result);
+
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _webpack.apply(this, arguments);
 }

package/dist/cjs/frameworks/vue/extractArgTypes.js

@@ -49,7 +49,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var SECTIONS = ['props', 'events', 'slots'];
+var SECTIONS = ['props', 'events', 'slots', 'methods'];
 /**
  * Check if "@values" tag is defined within docgenInfo.
  * If true, then propDef is mutated.

package/dist/esm/blocks/Stories.js

@@ -1,5 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.assign.js";
@@ -16,6 +17,11 @@ export var Stories = function Stories(_ref) {
       componentStories = _useContext.componentStories;
 
   var stories = componentStories();
+  stories = stories.filter(function (story) {
+    var _story$parameters, _story$parameters$doc;
+
+    return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
+  });
   if (!includePrimary) stories = stories.slice(1);
 
   if (!stories || stories.length === 0) {

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

@@ -1,10 +1,17 @@
+import "regenerator-runtime/runtime.js";
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.assign.js";
+import "core-js/modules/es.string.match.js";
+import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.regexp.constructor.js";
-import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
@@ -14,6 +21,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.promise.js";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -33,14 +41,6 @@ import remarkExternalLinks from 'remark-external-links'; // @ts-ignore
 
 import { createCompiler } from '@storybook/csf-tools/mdx';
 
-var resolvedBabelLoader = require.resolve('babel-loader', {
-  paths: [require.resolve('@storybook/builder-webpack4')] // FIXME!!!
-
-}); // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
-
 function createBabelOptions(_ref) {
   var babelOptions = _ref.babelOptions,
       mdxBabelOptions = _ref.mdxBabelOptions,
@@ -61,101 +61,143 @@ function createBabelOptions(_ref) {
 }
 
 export function webpack() {
-  var webpackConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _webpackConfig$module = webpackConfig.module,
-      module = _webpackConfig$module === void 0 ? {} : _webpackConfig$module; // it will reuse babel options that are already in use in storybook
-  // also, these babel options are chained with other presets.
-
-  var babelOptions = options.babelOptions,
-      mdxBabelOptions = options.mdxBabelOptions,
-      _options$configureJSX = options.configureJSX,
-      configureJSX = _options$configureJSX === void 0 ? true : _options$configureJSX,
-      _options$sourceLoader = options.sourceLoaderOptions,
-      sourceLoaderOptions = _options$sourceLoader === void 0 ? {
-    injectStoryParameters: true
-  } : _options$sourceLoader,
-      _options$transcludeMa = options.transcludeMarkdown,
-      transcludeMarkdown = _options$transcludeMa === void 0 ? false : _options$transcludeMa;
-  var mdxLoaderOptions = {
-    remarkPlugins: [remarkSlug, remarkExternalLinks]
-  }; // set `sourceLoaderOptions` to `null` to disable for manual configuration
-
-  var sourceLoader = sourceLoaderOptions ? [{
-    test: /\.(stories|story)\.[tj]sx?$/,
-    loader: require.resolve('@storybook/source-loader'),
-    options: Object.assign({}, sourceLoaderOptions, {
-      inspectLocalDependencies: true
-    }),
-    enforce: 'pre'
-  }] : [];
-  var rules = module.rules || [];
-
-  if (transcludeMarkdown) {
-    rules = [].concat(_toConsumableArray(rules.filter(function (rule) {
-      var _rule$test;
-
-      return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) !== '/\\.md$/';
-    })), [{
-      test: /\.md$/,
-      use: [{
-        loader: resolvedBabelLoader,
-        options: createBabelOptions({
-          babelOptions: babelOptions,
-          mdxBabelOptions: mdxBabelOptions,
-          configureJSX: configureJSX
-        })
-      }, {
-        loader: require.resolve('@mdx-js/loader'),
-        options: mdxLoaderOptions
-      }]
-    }]);
-  }
-
-  var result = Object.assign({}, webpackConfig, {
-    module: Object.assign({}, module, {
-      rules: [].concat(_toConsumableArray(rules), [{
-        test: /\.js$/,
-        include: new RegExp("node_modules\\".concat(path.sep, "acorn-jsx")),
-        use: [{
-          loader: resolvedBabelLoader,
-          options: {
-            presets: [[require.resolve('@babel/preset-env'), {
-              modules: 'commonjs'
-            }]]
-          }
-        }]
-      }, {
-        test: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions: babelOptions,
-            mdxBabelOptions: mdxBabelOptions,
-            configureJSX: configureJSX
-          })
-        }, {
-          loader: require.resolve('@mdx-js/loader'),
-          options: Object.assign({
-            compilers: [createCompiler(options)]
-          }, mdxLoaderOptions)
-        }]
-      }, {
-        test: /\.mdx$/,
-        exclude: /(stories|story)\.mdx$/,
-        use: [{
-          loader: resolvedBabelLoader,
-          options: createBabelOptions({
-            babelOptions: babelOptions,
-            mdxBabelOptions: mdxBabelOptions,
-            configureJSX: configureJSX
-          })
-        }, {
-          loader: require.resolve('@mdx-js/loader'),
-          options: mdxLoaderOptions
-        }]
-      }], sourceLoader)
-    })
-  });
-  return result;
+  return _webpack.apply(this, arguments);
+}
+
+function _webpack() {
+  _webpack = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var webpackConfig,
+        options,
+        _yield$options$preset,
+        _yield$options$preset2,
+        builder,
+        resolvedBabelLoader,
+        _webpackConfig$module,
+        module,
+        babelOptions,
+        mdxBabelOptions,
+        _options$configureJSX,
+        configureJSX,
+        _options$sourceLoader,
+        sourceLoaderOptions,
+        _options$transcludeMa,
+        transcludeMarkdown,
+        mdxLoaderOptions,
+        sourceLoader,
+        rules,
+        result,
+        _args = arguments;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            webpackConfig = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            options = _args.length > 1 ? _args[1] : undefined;
+            _context.next = 4;
+            return options.presets.apply('core', {});
+
+          case 4:
+            _yield$options$preset = _context.sent;
+            _yield$options$preset2 = _yield$options$preset.builder;
+            builder = _yield$options$preset2 === void 0 ? 'webpack4' : _yield$options$preset2;
+            resolvedBabelLoader = require.resolve('babel-loader', {
+              paths: builder.match(/(webpack4|webpack5)/) ? [require.resolve("@storybook/builder-".concat(builder))] : [builder]
+            });
+            _webpackConfig$module = webpackConfig.module, module = _webpackConfig$module === void 0 ? {} : _webpackConfig$module; // it will reuse babel options that are already in use in storybook
+            // also, these babel options are chained with other presets.
+
+            babelOptions = options.babelOptions, mdxBabelOptions = options.mdxBabelOptions, _options$configureJSX = options.configureJSX, configureJSX = _options$configureJSX === void 0 ? true : _options$configureJSX, _options$sourceLoader = options.sourceLoaderOptions, sourceLoaderOptions = _options$sourceLoader === void 0 ? {
+              injectStoryParameters: true
+            } : _options$sourceLoader, _options$transcludeMa = options.transcludeMarkdown, transcludeMarkdown = _options$transcludeMa === void 0 ? false : _options$transcludeMa;
+            mdxLoaderOptions = {
+              remarkPlugins: [remarkSlug, remarkExternalLinks]
+            }; // set `sourceLoaderOptions` to `null` to disable for manual configuration
+
+            sourceLoader = sourceLoaderOptions ? [{
+              test: /\.(stories|story)\.[tj]sx?$/,
+              loader: require.resolve('@storybook/source-loader'),
+              options: Object.assign({}, sourceLoaderOptions, {
+                inspectLocalDependencies: true
+              }),
+              enforce: 'pre'
+            }] : [];
+            rules = module.rules || [];
+
+            if (transcludeMarkdown) {
+              rules = [].concat(_toConsumableArray(rules.filter(function (rule) {
+                var _rule$test;
+
+                return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) !== '/\\.md$/';
+              })), [{
+                test: /\.md$/,
+                use: [{
+                  loader: resolvedBabelLoader,
+                  options: createBabelOptions({
+                    babelOptions: babelOptions,
+                    mdxBabelOptions: mdxBabelOptions,
+                    configureJSX: configureJSX
+                  })
+                }, {
+                  loader: require.resolve('@mdx-js/loader'),
+                  options: mdxLoaderOptions
+                }]
+              }]);
+            }
+
+            result = Object.assign({}, webpackConfig, {
+              module: Object.assign({}, module, {
+                rules: [].concat(_toConsumableArray(rules), [{
+                  test: /\.js$/,
+                  include: new RegExp("node_modules\\".concat(path.sep, "acorn-jsx")),
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: {
+                      presets: [[require.resolve('@babel/preset-env'), {
+                        modules: 'commonjs'
+                      }]]
+                    }
+                  }]
+                }, {
+                  test: /(stories|story)\.mdx$/,
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: createBabelOptions({
+                      babelOptions: babelOptions,
+                      mdxBabelOptions: mdxBabelOptions,
+                      configureJSX: configureJSX
+                    })
+                  }, {
+                    loader: require.resolve('@mdx-js/loader'),
+                    options: Object.assign({
+                      compilers: [createCompiler(options)]
+                    }, mdxLoaderOptions)
+                  }]
+                }, {
+                  test: /\.mdx$/,
+                  exclude: /(stories|story)\.mdx$/,
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: createBabelOptions({
+                      babelOptions: babelOptions,
+                      mdxBabelOptions: mdxBabelOptions,
+                      configureJSX: configureJSX
+                    })
+                  }, {
+                    loader: require.resolve('@mdx-js/loader'),
+                    options: mdxLoaderOptions
+                  }]
+                }], sourceLoader)
+              })
+            });
+            return _context.abrupt("return", result);
+
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _webpack.apply(this, arguments);
 }

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

@@ -26,7 +26,7 @@ import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
 import { hasDocgen, extractComponentProps } from '../../lib/docgen';
 import { convert } from '../../lib/convert';
-var SECTIONS = ['props', 'events', 'slots'];
+var SECTIONS = ['props', 'events', 'slots', 'methods'];
 /**
  * Check if "@values" tag is defined within docgenInfo.
  * If true, then propDef is mutated.

package/dist/modern/blocks/Stories.js

@@ -12,6 +12,11 @@ export const Stories = ({
     componentStories
   } = useContext(DocsContext);
   let stories = componentStories();
+  stories = stories.filter(story => {
+    var _story$parameters, _story$parameters$doc;
+
+    return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
+  });
   if (!includePrimary) stories = stories.slice(1);
 
   if (!stories || stories.length === 0) {

package/dist/modern/frameworks/common/preset.js

@@ -4,14 +4,6 @@ import remarkExternalLinks from 'remark-external-links'; // @ts-ignore
 
 import { createCompiler } from '@storybook/csf-tools/mdx';
 
-const resolvedBabelLoader = require.resolve('babel-loader', {
-  paths: [require.resolve('@storybook/builder-webpack4')] // FIXME!!!
-
-}); // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
-
 function createBabelOptions({
   babelOptions,
   mdxBabelOptions,
@@ -32,7 +24,15 @@ function createBabelOptions({
   });
 }
 
-export function webpack(webpackConfig = {}, options = {}) {
+export async function webpack(webpackConfig = {}, options) {
+  const {
+    builder = 'webpack4'
+  } = await options.presets.apply('core', {});
+
+  const resolvedBabelLoader = require.resolve('babel-loader', {
+    paths: builder.match(/(webpack4|webpack5)/) ? [require.resolve(`@storybook/builder-${builder}`)] : [builder]
+  });
+
   const {
     module = {}
   } = webpackConfig; // it will reuse babel options that are already in use in storybook

package/dist/modern/frameworks/vue/extractArgTypes.js

@@ -1,6 +1,6 @@
 import { hasDocgen, extractComponentProps } from '../../lib/docgen';
 import { convert } from '../../lib/convert';
-const SECTIONS = ['props', 'events', 'slots'];
+const SECTIONS = ['props', 'events', 'slots', 'methods'];
 /**
  * Check if "@values" tag is defined within docgenInfo.
  * If true, then propDef is mutated.

package/dist/ts3.4/frameworks/common/preset.d.ts

@@ -1 +1,12 @@
-export declare function webpack(webpackConfig?: any, options?: any): any;
+import { createCompiler } from '@storybook/csf-tools/mdx';
+import { Options } from '@storybook/core-common';
+declare type BabelParams = {
+    babelOptions?: any;
+    mdxBabelOptions?: any;
+    configureJSX?: boolean;
+};
+export declare function webpack(webpackConfig: any, options: Options & BabelParams & {
+    sourceLoaderOptions: any;
+    transcludeMarkdown: boolean;
+} & Parameters<typeof createCompiler>[0]): Promise<any>;
+export {};

package/dist/ts3.9/frameworks/common/preset.d.ts

@@ -1 +1,12 @@
-export declare function webpack(webpackConfig?: any, options?: any): any;
+import { createCompiler } from '@storybook/csf-tools/mdx';
+import type { Options } from '@storybook/core-common';
+declare type BabelParams = {
+    babelOptions?: any;
+    mdxBabelOptions?: any;
+    configureJSX?: boolean;
+};
+export declare function webpack(webpackConfig: any, options: Options & BabelParams & {
+    sourceLoaderOptions: any;
+    transcludeMarkdown: boolean;
+} & Parameters<typeof createCompiler>[0]): Promise<any>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.5.0-alpha.2",
+  "version": "6.5.0-alpha.20",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -63,21 +63,21 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "6.5.0-alpha.2",
-    "@storybook/api": "6.5.0-alpha.2",
-    "@storybook/builder-webpack4": "6.5.0-alpha.2",
-    "@storybook/client-logger": "6.5.0-alpha.2",
-    "@storybook/components": "6.5.0-alpha.2",
-    "@storybook/core": "6.5.0-alpha.2",
-    "@storybook/core-events": "6.5.0-alpha.2",
+    "@storybook/addons": "6.5.0-alpha.20",
+    "@storybook/api": "6.5.0-alpha.20",
+    "@storybook/builder-webpack4": "6.5.0-alpha.20",
+    "@storybook/client-logger": "6.5.0-alpha.20",
+    "@storybook/components": "6.5.0-alpha.20",
+    "@storybook/core": "6.5.0-alpha.20",
+    "@storybook/core-events": "6.5.0-alpha.20",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.5.0-alpha.2",
-    "@storybook/node-logger": "6.5.0-alpha.2",
-    "@storybook/postinstall": "6.5.0-alpha.2",
-    "@storybook/preview-web": "6.5.0-alpha.2",
-    "@storybook/source-loader": "6.5.0-alpha.2",
-    "@storybook/store": "6.5.0-alpha.2",
-    "@storybook/theming": "6.5.0-alpha.2",
+    "@storybook/csf-tools": "6.5.0-alpha.20",
+    "@storybook/node-logger": "6.5.0-alpha.20",
+    "@storybook/postinstall": "6.5.0-alpha.20",
+    "@storybook/preview-web": "6.5.0-alpha.20",
+    "@storybook/source-loader": "6.5.0-alpha.20",
+    "@storybook/store": "6.5.0-alpha.20",
+    "@storybook/theming": "6.5.0-alpha.20",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
@@ -92,7 +92,7 @@
     "lodash": "^4.17.21",
     "nanoid": "^3.1.23",
     "p-limit": "^3.1.0",
-    "prettier": "^2.2.1",
+    "prettier": ">=2.2.1 <=2.3.0",
     "prop-types": "^15.7.2",
     "react-element-to-jsx-string": "^14.3.4",
     "regenerator-runtime": "^0.13.7",
@@ -104,13 +104,13 @@
   "devDependencies": {
     "@angular/core": "^11.2.14",
     "@babel/core": "^7.12.10",
-    "@emotion/core": "^10.1.1",
+    "@emotion/core": "^10.3.1",
     "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.5.0-alpha.2",
-    "@storybook/html": "6.5.0-alpha.2",
-    "@storybook/react": "6.5.0-alpha.2",
-    "@storybook/vue": "6.5.0-alpha.2",
-    "@storybook/web-components": "6.5.0-alpha.2",
+    "@storybook/angular": "6.5.0-alpha.20",
+    "@storybook/html": "6.5.0-alpha.20",
+    "@storybook/react": "6.5.0-alpha.20",
+    "@storybook/vue": "6.5.0-alpha.20",
+    "@storybook/web-components": "6.5.0-alpha.20",
     "@types/cross-spawn": "^6.0.2",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.8",
@@ -140,12 +140,12 @@
     "zone.js": "^0.11.3"
   },
   "peerDependencies": {
-    "@storybook/angular": "6.5.0-alpha.2",
-    "@storybook/html": "6.5.0-alpha.2",
-    "@storybook/react": "6.5.0-alpha.2",
-    "@storybook/vue": "6.5.0-alpha.2",
-    "@storybook/vue3": "6.5.0-alpha.2",
-    "@storybook/web-components": "6.5.0-alpha.2",
+    "@storybook/angular": "6.5.0-alpha.20",
+    "@storybook/html": "6.5.0-alpha.20",
+    "@storybook/react": "6.5.0-alpha.20",
+    "@storybook/vue": "6.5.0-alpha.20",
+    "@storybook/vue3": "6.5.0-alpha.20",
+    "@storybook/web-components": "6.5.0-alpha.20",
     "lit": "^2.0.0",
     "lit-html": "^1.4.1 || ^2.0.0",
     "react": "^16.8.0 || ^17.0.0",
@@ -202,7 +202,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ca9d89393f36d156e34819fe120eb7e6819245f4",
+  "gitHead": "8b9f966f4378d540c767bdbeb1840f910ebc3375",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Docs",