@storybook/addon-docs 6.5.0-alpha.5 → 6.5.0-alpha.52

package/dist/esm/blocks/Story.js

@@ -6,16 +6,16 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.promise.js";
 import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.promise.js";
 import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.symbol.js";
@@ -23,6 +23,7 @@ import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.exec.js";
 import React, { useContext, useRef, useEffect, useState } from 'react';
 import { MDXProvider } from '@mdx-js/react';
 import global from 'global';
@@ -124,28 +125,8 @@ var Story = function Story(props) {
     var cleanup;
 
     if (story && storyRef.current) {
-      var componentId = story.componentId,
-          id = story.id,
-          title = story.title,
-          name = story.name;
-      var renderContext = {
-        componentId: componentId,
-        title: title,
-        kind: title,
-        id: id,
-        name: name,
-        story: name,
-        // TODO what to do when these fail?
-        showMain: function showMain() {},
-        showError: function showError() {},
-        showException: function showException() {}
-      };
-      cleanup = context.renderStoryToElement({
-        story: story,
-        renderContext: renderContext,
-        element: storyRef.current,
-        viewMode: 'docs'
-      });
+      var element = storyRef.current;
+      cleanup = context.renderStoryToElement(story, element);
       setShowLoader(false);
     }
 

package/dist/esm/blocks/Subheading.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import React from 'react';
 import { H3 } from '@storybook/components';
 import { HeaderMdx } from './mdx';

package/dist/esm/blocks/Title.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.string.trim.js";
 import React, { useContext } from 'react';
 import { Title as PureTitle } from '@storybook/components';

package/dist/esm/blocks/enhanceSource.js

@@ -4,7 +4,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -13,15 +13,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.string.split.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/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.function.name.js";

package/dist/esm/blocks/mdx.js

@@ -1,14 +1,21 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+var _excluded = ["children"],
+    _excluded2 = ["className", "children"],
+    _excluded3 = ["href", "target", "children"],
+    _excluded4 = ["as", "id", "children"],
+    _excluded5 = ["as", "id", "children"];
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 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.object.assign.js";
-import "core-js/modules/es.string.match.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.match.js";
 import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.string.starts-with.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.to-string.js";
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -33,7 +40,7 @@ export var assertIsFn = function assertIsFn(val) {
 
 export var AddContext = function AddContext(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, ["children"]);
+      rest = _objectWithoutProperties(props, _excluded);
 
   var parentContext = React.useContext(DocsContext);
   return /*#__PURE__*/React.createElement(DocsContext.Provider, {
@@ -43,7 +50,7 @@ export var AddContext = function AddContext(props) {
 export var CodeOrSourceMdx = function CodeOrSourceMdx(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["className", "children"]);
+      rest = _objectWithoutProperties(_ref, _excluded2);
 
   // markdown-to-jsx does not add className to inline code
   if (typeof className !== 'string' && (typeof children !== 'string' || !children.match(/[\n\r]/g))) {
@@ -87,7 +94,7 @@ export var AnchorMdx = function AnchorMdx(props) {
   var href = props.href,
       target = props.target,
       children = props.children,
-      rest = _objectWithoutProperties(props, ["href", "target", "children"]);
+      rest = _objectWithoutProperties(props, _excluded3);
 
   if (href) {
     // Enable scrolling for in-page anchors.
@@ -140,7 +147,7 @@ var HeaderWithOcticonAnchor = function HeaderWithOcticonAnchor(_ref3) {
   var as = _ref3.as,
       id = _ref3.id,
       children = _ref3.children,
-      rest = _objectWithoutProperties(_ref3, ["as", "id", "children"]);
+      rest = _objectWithoutProperties(_ref3, _excluded4);
 
   // @ts-ignore
   var OcticonHeader = OcticonHeaders[as];
@@ -176,7 +183,7 @@ export var HeaderMdx = function HeaderMdx(props) {
   var as = props.as,
       id = props.id,
       children = props.children,
-      rest = _objectWithoutProperties(props, ["as", "id", "children"]); // An id should have been added on every header by the "remark-slug" plugin.
+      rest = _objectWithoutProperties(props, _excluded5); // An id should have been added on every header by the "remark-slug" plugin.
 
 
   if (id) {

package/dist/esm/blocks/useStory.js

@@ -6,20 +6,6 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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.promise.js";
-import "core-js/modules/es.object.to-string.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";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.from.js";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -28,10 +14,24 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.promise.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.assign.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.exec.js";
 import { useState, useEffect } from 'react';
 export function useStory(storyId, context) {
   var stories = useStories([storyId], context);

package/dist/esm/blocks/utils.js

@@ -1,7 +1,7 @@
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";

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

@@ -1,12 +1,11 @@
 import "regenerator-runtime/runtime.js";
-import "core-js/modules/es.promise.js";
 import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.promise.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 { enhanceArgTypes } from './enhanceArgTypes';
 export var parameters = {
   docs: {
     inlineStories: false,
@@ -64,5 +63,4 @@ export var parameters = {
     }(),
     iframeHeight: 100
   }
-};
-export var argTypesEnhancers = [enhanceArgTypes];
+};

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

@@ -1,19 +1,27 @@
+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.function.name.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.match.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";
-import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.string.iterator.js";
 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(); }
 
@@ -21,7 +29,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -29,18 +37,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 import path from 'path';
 import remarkSlug from 'remark-slug';
-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
+import remarkExternalLinks from 'remark-external-links';
+import global from 'global';
+import { logger } from '@storybook/node-logger'; // 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 +63,150 @@ 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 _global$FEATURES, _global$FEATURES2;
+
+    var webpackConfig,
+        options,
+        _yield$options$preset,
+        _yield$options$preset2,
+        builder,
+        builderName,
+        resolvedBabelLoader,
+        _webpackConfig$module,
+        module,
+        babelOptions,
+        mdxBabelOptions,
+        _options$configureJSX,
+        configureJSX,
+        _options$sourceLoader,
+        sourceLoaderOptions,
+        _options$transcludeMa,
+        transcludeMarkdown,
+        mdxLoaderOptions,
+        mdxVersion,
+        mdxLoader,
+        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;
+            builderName = typeof builder === 'string' ? builder : builder.name;
+            resolvedBabelLoader = require.resolve('babel-loader', {
+              paths: builderName.match(/^webpack(4|5)$/) ? [require.resolve("@storybook/builder-".concat(builderName))] : [builderName]
+            });
+            _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 = {
+              skipCsf: true,
+              remarkPlugins: [remarkSlug, remarkExternalLinks]
+            };
+            mdxVersion = (_global$FEATURES = global.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.previewMdx2 ? 'MDX2' : 'MDX1';
+            logger.info("Addon-docs: using ".concat(mdxVersion));
+            mdxLoader = (_global$FEATURES2 = global.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.previewMdx2 ? require.resolve('@storybook/mdx2-csf/loader') : require.resolve('@storybook/mdx1-csf/loader'); // 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: mdxLoader,
+                  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: mdxLoader
+                  }]
+                }, {
+                  test: /\.mdx$/,
+                  exclude: /(stories|story)\.mdx$/,
+                  use: [{
+                    loader: resolvedBabelLoader,
+                    options: createBabelOptions({
+                      babelOptions: babelOptions,
+                      mdxBabelOptions: mdxBabelOptions,
+                      configureJSX: configureJSX
+                    })
+                  }, {
+                    loader: mdxLoader,
+                    options: mdxLoaderOptions
+                  }]
+                }], sourceLoader)
+              })
+            });
+            return _context.abrupt("return", result);
+
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _webpack.apply(this, arguments);
 }

package/dist/modern/blocks/Canvas.js

@@ -1,3 +1,5 @@
+const _excluded = ["withSource", "mdxSource", "children"];
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useContext } from 'react';
@@ -16,7 +18,7 @@ const getPreviewProps = (_ref, docsContext, sourceContext) => {
     mdxSource,
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["withSource", "mdxSource", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const {
     mdxComponentAnnotations,

package/dist/modern/blocks/Description.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import { Description } from '@storybook/components';
+import { str } from '@storybook/docs-tools';
 import { DocsContext } from './DocsContext';
 import { CURRENT_SELECTION } from './types';
-import { str } from '../lib/docgen';
 export let DescriptionType;
 
 (function (DescriptionType) {

package/dist/modern/blocks/DocsContext.js

@@ -8,9 +8,9 @@ import { window as globalWindow } from 'global';
 // This was specifically a problem with the Vite builder.
 
 /* eslint-disable no-underscore-dangle */
-if (globalWindow.__DOCS_CONTEXT__ === undefined) {
+if (globalWindow && globalWindow.__DOCS_CONTEXT__ === undefined) {
   globalWindow.__DOCS_CONTEXT__ = /*#__PURE__*/createContext({});
   globalWindow.__DOCS_CONTEXT__.displayName = 'DocsContext';
 }
 
-export const DocsContext = globalWindow.__DOCS_CONTEXT__;
+export const DocsContext = globalWindow ? globalWindow.__DOCS_CONTEXT__ : /*#__PURE__*/createContext({});