@storybook/addon-docs 6.5.0-alpha.9 → 6.5.0-beta.2

package/dist/cjs/preset.js

@@ -0,0 +1,226 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.from.js");
+
+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.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+require("core-js/modules/es.regexp.constructor.js");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _remarkSlug = _interopRequireDefault(require("remark-slug"));
+
+var _remarkExternalLinks = _interopRequireDefault(require("remark-external-links"));
+
+var _global = _interopRequireDefault(require("global"));
+
+var _nodeLogger = require("@storybook/node-logger");
+
+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."); }
+
+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" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 createBabelOptions(_ref) {
+  var babelOptions = _ref.babelOptions,
+      mdxBabelOptions = _ref.mdxBabelOptions,
+      configureJSX = _ref.configureJSX;
+  var babelPlugins = (mdxBabelOptions === null || mdxBabelOptions === void 0 ? void 0 : mdxBabelOptions.plugins) || (babelOptions === null || babelOptions === void 0 ? void 0 : babelOptions.plugins) || [];
+  var jsxPlugin = [require.resolve('@babel/plugin-transform-react-jsx'), {
+    pragma: 'React.createElement',
+    pragmaFrag: 'React.Fragment'
+  }];
+  var plugins = configureJSX ? [].concat(_toConsumableArray(babelPlugins), [jsxPlugin]) : babelPlugins;
+  return Object.assign({
+    // don't use the root babelrc by default (users can override this in mdxBabelOptions)
+    babelrc: false,
+    configFile: false
+  }, babelOptions, mdxBabelOptions, {
+    plugins: plugins
+  });
+}
+
+function webpack() {
+  return _webpack.apply(this, arguments);
+}
+
+function _webpack() {
+  _webpack = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _global$FEATURES, _global$FEATURES2;
+
+    var webpackConfig,
+        options,
+        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;
+            resolvedBabelLoader = require.resolve('babel-loader');
+            _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.default, _remarkExternalLinks.default]
+            };
+            mdxVersion = (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.previewMdx2 ? 'MDX2' : 'MDX1';
+
+            _nodeLogger.logger.info("Addon-docs: using ".concat(mdxVersion));
+
+            mdxLoader = (_global$FEATURES2 = _global.default.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.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: 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 14:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _webpack.apply(this, arguments);
+}

package/dist/cjs/{frameworks/common/config.js → preview.js}

@@ -1,12 +1,12 @@
 "use strict";
 
-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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
-require("core-js/modules/es.weak-map.js");
+require("core-js/modules/es.array.iterator.js");
 
 require("core-js/modules/es.string.iterator.js");
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
@@ -21,19 +21,17 @@ require("core-js/modules/es.symbol.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.argTypesEnhancers = exports.parameters = void 0;
+exports.parameters = void 0;
 
 require("regenerator-runtime/runtime.js");
 
-require("core-js/modules/es.promise.js");
-
 require("core-js/modules/es.object.to-string.js");
 
-var _enhanceArgTypes = require("./enhanceArgTypes");
+require("core-js/modules/es.promise.js");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function 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); } }
 
@@ -41,7 +39,6 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 var parameters = {
   docs: {
-    inlineStories: false,
     getContainer: function () {
       var _getContainer = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
         return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -50,7 +47,7 @@ var parameters = {
               case 0:
                 _context.next = 2;
                 return Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('../../blocks'));
+                  return _interopRequireWildcard(require('./blocks'));
                 });
 
               case 2:
@@ -78,7 +75,7 @@ var parameters = {
               case 0:
                 _context2.next = 2;
                 return Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('../../blocks'));
+                  return _interopRequireWildcard(require('./blocks'));
                 });
 
               case 2:
@@ -97,10 +94,7 @@ var parameters = {
       }
 
       return getPage;
-    }(),
-    iframeHeight: 100
+    }()
   }
 };
-exports.parameters = parameters;
-var argTypesEnhancers = [_enhanceArgTypes.enhanceArgTypes];
-exports.argTypesEnhancers = argTypesEnhancers;
+exports.parameters = parameters;

package/dist/esm/blocks/ArgsTable.js

@@ -5,18 +5,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.object.assign.js";
+import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.object.values.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.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";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -26,7 +28,7 @@ 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; }
 
@@ -42,15 +44,19 @@ import { getComponentName } from './utils';
 import { lookupStoryId } from './Story';
 import { useStory } from './useStory';
 
-var useArgs = function useArgs(storyId, context) {
-  var channel = addons.getChannel();
+var getContext = function getContext(storyId, context) {
   var story = context.storyById(storyId);
 
   if (!story) {
     throw new Error("Unknown story: ".concat(storyId));
   }
 
-  var storyContext = context.getStoryContext(story);
+  return context.getStoryContext(story);
+};
+
+var useArgs = function useArgs(storyId, context) {
+  var channel = addons.getChannel();
+  var storyContext = getContext(storyId, context);
 
   var _useState = useState(storyContext.args),
       _useState2 = _slicedToArray(_useState, 2),
@@ -84,6 +90,28 @@ var useArgs = function useArgs(storyId, context) {
   return [args, updateArgs, resetArgs];
 };
 
+var useGlobals = function useGlobals(storyId, context) {
+  var channel = addons.getChannel();
+  var storyContext = getContext(storyId, context);
+
+  var _useState3 = useState(storyContext.globals),
+      _useState4 = _slicedToArray(_useState3, 2),
+      globals = _useState4[0],
+      setGlobals = _useState4[1];
+
+  useEffect(function () {
+    var cb = function cb(changed) {
+      setGlobals(changed.globals);
+    };
+
+    channel.on(Events.GLOBALS_UPDATED, cb);
+    return function () {
+      return channel.off(Events.GLOBALS_UPDATED, cb);
+    };
+  }, []);
+  return [globals];
+};
+
 export var extractComponentArgTypes = function extractComponentArgTypes(component, _ref, include, exclude) {
   var id = _ref.id,
       storyById = _ref.storyById;
@@ -185,6 +213,10 @@ export var StoryTable = function StoryTable(props) {
         updateArgs = _useArgs2[1],
         resetArgs = _useArgs2[2];
 
+    var _useGlobals = useGlobals(storyId, context),
+        _useGlobals2 = _slicedToArray(_useGlobals, 1),
+        globals = _useGlobals2[0];
+
     if (!story) return /*#__PURE__*/React.createElement(PureArgsTable, {
       isLoading: true,
       updateArgs: updateArgs,
@@ -196,6 +228,7 @@ export var StoryTable = function StoryTable(props) {
     var tabs = _defineProperty({}, mainLabel, {
       rows: argTypes,
       args: args,
+      globals: globals,
       updateArgs: updateArgs,
       resetArgs: resetArgs
     }); // Use the dynamically generated component tabs if there are no controls

package/dist/esm/blocks/Canvas.js

@@ -1,9 +1,11 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+var _excluded = ["withSource", "mdxSource", "children"];
 import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.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; }
 
@@ -23,7 +25,7 @@ var getPreviewProps = function getPreviewProps(_ref, docsContext, sourceContext)
   var withSource = _ref.withSource,
       mdxSource = _ref.mdxSource,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["withSource", "mdxSource", "children"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var mdxComponentAnnotations = docsContext.mdxComponentAnnotations,
       mdxStoryNameToKey = docsContext.mdxStoryNameToKey;

package/dist/esm/blocks/Description.js

@@ -5,9 +5,9 @@ import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.assign.js";
 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 var DescriptionType;
 
 (function (DescriptionType) {

package/dist/esm/blocks/DocsContainer.js

@@ -6,11 +6,12 @@ var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import "core-js/modules/es.object.assign.js";
-import "core-js/modules/web.url.js";
+import "core-js/modules/es.array.iterator.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/web.url.js";
+import "core-js/modules/web.url-search-params.js";
 import React, { useEffect } from 'react';
 import global from 'global';
 import deprecate from 'util-deprecate';

package/dist/esm/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 var DocsContext = globalWindow.__DOCS_CONTEXT__;
+export var DocsContext = globalWindow ? globalWindow.__DOCS_CONTEXT__ : /*#__PURE__*/createContext({});

package/dist/esm/blocks/Heading.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 { H2 } from '@storybook/components';
 import { HeaderMdx } from './mdx';

package/dist/esm/blocks/Meta.js

@@ -1,8 +1,9 @@
-import "core-js/modules/web.url.js";
+import "core-js/modules/es.array.iterator.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/web.url.js";
+import "core-js/modules/web.url-search-params.js";
 import React, { useContext } from 'react';
 import global from 'global';
 import { Anchor } from './Anchor';

package/dist/esm/blocks/Primary.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.object.assign.js";
 import React, { useContext } from 'react';
 import { DocsContext } from './DocsContext';

package/dist/esm/blocks/Source.js

@@ -1,4 +1,5 @@
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.join.js";
 import React, { useContext } from 'react';
@@ -32,7 +33,10 @@ var getStorySource = function getStorySource(storyId, sourceContext) {
   var sources = sourceContext.sources; // source rendering is async so source is unavailable at the start of the render cycle,
   // so we fail gracefully here without warning
 
-  return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || '';
+  return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
+    code: '',
+    format: false
+  };
 };
 
 var getSnippet = function getSnippet(snippet, story) {
@@ -84,6 +88,8 @@ export var getSourceProps = function getSourceProps(props, docsContext, sourceCo
   var multiProps = props;
   var source = codeProps.code; // prefer user-specified code
 
+  var format = codeProps.format; // prefer user-specified code
+
   var targetIds = multiProps.ids || [singleProps.id || currentId];
   var storyIds = targetIds.map(function (targetId) {
     return targetId === CURRENT_SELECTION ? currentId : targetId;
@@ -98,8 +104,15 @@ export var getSourceProps = function getSourceProps(props, docsContext, sourceCo
   }
 
   if (!source) {
+    // just take the format from the first story, given how they're all concatinated together...
+    // TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
+    var _getStorySource = getStorySource(storyIds[0], sourceContext);
+
+    format = _getStorySource.format;
     source = storyIds.map(function (storyId, idx) {
-      var storySource = getStorySource(storyId, sourceContext);
+      var _getStorySource2 = getStorySource(storyId, sourceContext),
+          storySource = _getStorySource2.code;
+
       var storyObj = stories[idx];
       return getSnippet(storySource, storyObj);
     }).join('\n\n');
@@ -115,6 +128,7 @@ export var getSourceProps = function getSourceProps(props, docsContext, sourceCo
   return source ? {
     code: source,
     state: state,
+    format: format,
     language: props.language || docsLanguage || 'jsx',
     dark: props.dark || false
   } : {

package/dist/esm/blocks/SourceContainer.js

@@ -5,12 +5,13 @@ 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.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";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -20,7 +21,7 @@ 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; }
 
@@ -41,25 +42,33 @@ export var SourceContainer = function SourceContainer(_ref) {
 
   var channel = addons.getChannel();
   useEffect(function () {
-    var handleSnippetRendered = function handleSnippetRendered(id, newItem) {
-      if (newItem !== sources[id]) {
-        setSources(function (current) {
-          var newSources = Object.assign({}, current, _defineProperty({}, id, newItem));
-
-          if (!deepEqual(current, newSources)) {
-            return newSources;
-          }
+    var handleSnippetRendered = function handleSnippetRendered(id, newSource) {
+      var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
-          return current;
-        });
+      // optimization: if the source is the same, ignore the incoming event
+      if (sources[id] && sources[id].code === newSource) {
+        return;
       }
+
+      setSources(function (current) {
+        var newSources = Object.assign({}, current, _defineProperty({}, id, {
+          code: newSource,
+          format: format
+        }));
+
+        if (!deepEqual(current, newSources)) {
+          return newSources;
+        }
+
+        return current;
+      });
     };
 
     channel.on(SNIPPET_RENDERED, handleSnippetRendered);
     return function () {
       return channel.off(SNIPPET_RENDERED, handleSnippetRendered);
     };
-  });
+  }, []);
   return /*#__PURE__*/React.createElement(SourceContext.Provider, {
     value: {
       sources: sources

package/dist/esm/blocks/Stories.js

@@ -1,5 +1,7 @@
 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.object.to-string.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 +18,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) {