@storybook/addon-docs 7.0.0-alpha.1 → 7.0.0-alpha.4

package/dist/cjs/blocks/Canvas.js

@@ -1,46 +1,16 @@
 "use strict";
 
-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.object.keys.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Canvas = void 0;
 Object.defineProperty(exports, "SourceState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Source.SourceState;
   }
 });
 
-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.function.name.js");
-
-require("core-js/modules/es.array.map.js");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@mdx-js/react");
@@ -59,37 +29,39 @@ var _useStory = require("./useStory");
 
 var _types = require("./types");
 
-var _excluded = ["withSource", "mdxSource", "children"];
+const _excluded = ["withSource", "mdxSource", "children"];
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; }
+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 _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; }
 
-var getPreviewProps = function getPreviewProps(_ref, docsContext, sourceContext) {
-  var withSource = _ref.withSource,
-      mdxSource = _ref.mdxSource,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var mdxComponentAnnotations = docsContext.mdxComponentAnnotations,
-      mdxStoryNameToKey = docsContext.mdxStoryNameToKey;
-  var sourceState = withSource;
-  var isLoading = false;
+const getPreviewProps = (_ref, docsContext, sourceContext) => {
+  let {
+    withSource,
+    mdxSource,
+    children
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  const {
+    mdxComponentAnnotations,
+    mdxStoryNameToKey
+  } = docsContext;
+  let sourceState = withSource;
+  let isLoading = false;
 
   if (sourceState === _Source.SourceState.NONE) {
     return {
-      isLoading: isLoading,
+      isLoading,
       previewProps: props
     };
   }
 
   if (mdxSource) {
     return {
-      isLoading: isLoading,
+      isLoading,
       previewProps: Object.assign({}, props, {
         withSource: (0, _Source.getSourceProps)({
           code: decodeURI(mdxSource)
@@ -98,26 +70,18 @@ var getPreviewProps = function getPreviewProps(_ref, docsContext, sourceContext)
     };
   }
 
-  var childArray = Array.isArray(children) ? children : [children];
-  var storyChildren = childArray.filter(function (c) {
-    return c.props && (c.props.id || c.props.name);
-  });
-  var targetIds = storyChildren.map(function (s) {
-    return s.props.id || (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[s.props.name]));
-  });
-  var sourceProps = (0, _Source.getSourceProps)({
+  const childArray = Array.isArray(children) ? children : [children];
+  const storyChildren = childArray.filter(c => c.props && (c.props.id || c.props.name));
+  const targetIds = storyChildren.map(s => s.props.id || (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[s.props.name])));
+  const sourceProps = (0, _Source.getSourceProps)({
     ids: targetIds
   }, docsContext, sourceContext);
   if (!sourceState) sourceState = sourceProps.state;
-  var storyIds = targetIds.map(function (targetId) {
-    return targetId === _types.CURRENT_SELECTION ? docsContext.id : targetId;
-  });
-  var stories = (0, _useStory.useStories)(storyIds, docsContext);
-  isLoading = stories.some(function (s) {
-    return !s;
-  });
+  const storyIds = targetIds.map(targetId => targetId === _types.CURRENT_SELECTION ? docsContext.id : targetId);
+  const stories = (0, _useStory.useStories)(storyIds, docsContext);
+  isLoading = stories.some(s => !s);
   return {
-    isLoading: isLoading,
+    isLoading,
     previewProps: Object.assign({}, props, {
       // pass through columns etc.
       withSource: sourceProps,
@@ -126,15 +90,16 @@ var getPreviewProps = function getPreviewProps(_ref, docsContext, sourceContext)
   };
 };
 
-var Canvas = function Canvas(props) {
-  var docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
-  var sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
-
-  var _getPreviewProps = getPreviewProps(props, docsContext, sourceContext),
-      isLoading = _getPreviewProps.isLoading,
-      previewProps = _getPreviewProps.previewProps;
-
-  var children = props.children;
+const Canvas = props => {
+  const docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
+  const sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
+  const {
+    isLoading,
+    previewProps
+  } = getPreviewProps(props, docsContext, sourceContext);
+  const {
+    children
+  } = props;
   if (isLoading) return /*#__PURE__*/_react.default.createElement(_components.PreviewSkeleton, null);
   return /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
     components: _components.resetComponents

package/dist/cjs/blocks/Description.js

@@ -1,36 +1,10 @@
 "use strict";
 
-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.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDescriptionProps = exports.DescriptionType = exports.Description = void 0;
 
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.string.trim.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.assign.js");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _components = require("@storybook/components");
@@ -41,11 +15,11 @@ var _DocsContext = require("./DocsContext");
 
 var _types = require("./types");
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
 
-var DescriptionType;
+let DescriptionType;
 exports.DescriptionType = DescriptionType;
 
 (function (DescriptionType) {
@@ -56,29 +30,25 @@ exports.DescriptionType = DescriptionType;
   DescriptionType["AUTO"] = "auto";
 })(DescriptionType || (exports.DescriptionType = DescriptionType = {}));
 
-var getNotes = function getNotes(notes) {
-  return notes && (typeof notes === 'string' ? notes : (0, _docsTools.str)(notes.markdown) || (0, _docsTools.str)(notes.text));
-};
-
-var getInfo = function getInfo(info) {
-  return info && (typeof info === 'string' ? info : (0, _docsTools.str)(info.text));
-};
+const getNotes = notes => notes && (typeof notes === 'string' ? notes : (0, _docsTools.str)(notes.markdown) || (0, _docsTools.str)(notes.text));
 
-var noDescription = function noDescription(component) {
-  return null;
-};
+const getInfo = info => info && (typeof info === 'string' ? info : (0, _docsTools.str)(info.text));
 
-var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
-  var of = _ref.of,
-      type = _ref.type,
-      markdown = _ref.markdown,
-      children = _ref.children;
-  var id = _ref2.id,
-      storyById = _ref2.storyById;
+const noDescription = component => null;
 
-  var _storyById = storyById(id),
-      component = _storyById.component,
-      parameters = _storyById.parameters;
+const getDescriptionProps = ({
+  of,
+  type,
+  markdown,
+  children
+}, {
+  id,
+  storyById
+}) => {
+  const {
+    component,
+    parameters
+  } = storyById(id);
 
   if (children || markdown) {
     return {
@@ -86,18 +56,18 @@ var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
     };
   }
 
-  var notes = parameters.notes,
-      info = parameters.info,
-      docs = parameters.docs;
+  const {
+    notes,
+    info,
+    docs
+  } = parameters;
+  const {
+    extractComponentDescription = noDescription,
+    description
+  } = docs || {};
+  const target = of === _types.CURRENT_SELECTION ? component : of; // override component description
 
-  var _ref3 = docs || {},
-      _ref3$extractComponen = _ref3.extractComponentDescription,
-      extractComponentDescription = _ref3$extractComponen === void 0 ? noDescription : _ref3$extractComponen,
-      description = _ref3.description;
-
-  var target = of === _types.CURRENT_SELECTION ? component : of; // override component description
-
-  var componentDescriptionParameter = description === null || description === void 0 ? void 0 : description.component;
+  const componentDescriptionParameter = description === null || description === void 0 ? void 0 : description.component;
 
   if (componentDescriptionParameter) {
     return {
@@ -119,7 +89,11 @@ var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
 
     case DescriptionType.LEGACY_5_2:
       return {
-        markdown: "\n".concat(getNotes(notes) || getInfo(info) || '', "\n\n").concat(extractComponentDescription(target) || '', "\n").trim()
+        markdown: `
+${getNotes(notes) || getInfo(info) || ''}
+
+${extractComponentDescription(target) || ''}
+`.trim()
       };
 
     case DescriptionType.DOCGEN:
@@ -127,7 +101,7 @@ var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
     default:
       return {
         markdown: extractComponentDescription(target, Object.assign({
-          component: component
+          component
         }, parameters))
       };
   }
@@ -135,12 +109,11 @@ var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
 
 exports.getDescriptionProps = getDescriptionProps;
 
-var DescriptionContainer = function DescriptionContainer(props) {
-  var context = (0, _react.useContext)(_DocsContext.DocsContext);
-
-  var _getDescriptionProps = getDescriptionProps(props, context),
-      markdown = _getDescriptionProps.markdown;
-
+const DescriptionContainer = props => {
+  const context = (0, _react.useContext)(_DocsContext.DocsContext);
+  const {
+    markdown
+  } = getDescriptionProps(props, context);
   return markdown ? /*#__PURE__*/_react.default.createElement(_components.Description, {
     markdown: markdown
   }) : null;

package/dist/cjs/blocks/DocsContainer.js

@@ -1,40 +1,10 @@
 "use strict";
 
-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.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DocsContainer = void 0;
 
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/web.url.js");
-
-require("core-js/modules/web.url-search-params.js");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _global = _interopRequireDefault(require("global"));
@@ -61,48 +31,51 @@ var _mdx = require("./mdx");
 
 var _utils = require("./utils");
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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; }
 
-var document = _global.default.document,
-    globalWindow = _global.default.window;
-var defaultComponents = Object.assign({}, _components.components, {
+const {
+  document,
+  window: globalWindow
+} = _global.default;
+const defaultComponents = Object.assign({}, _components.components, {
   code: _mdx.CodeOrSourceMdx,
   a: _mdx.AnchorMdx
 }, _mdx.HeadersMdx);
-var warnOptionsTheme = (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    Deprecated parameter: options.theme => docs.theme\n\n    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming\n"]))));
-
-var DocsContainer = function DocsContainer(_ref) {
-  var context = _ref.context,
-      children = _ref.children;
-  var storyId = context.id,
-      storyById = context.storyById;
-
-  var _storyById = storyById(storyId),
-      _storyById$parameters = _storyById.parameters,
-      _storyById$parameters2 = _storyById$parameters.options,
-      options = _storyById$parameters2 === void 0 ? {} : _storyById$parameters2,
-      _storyById$parameters3 = _storyById$parameters.docs,
-      docs = _storyById$parameters3 === void 0 ? {} : _storyById$parameters3;
-
-  var themeVars = docs.theme;
+const warnOptionsTheme = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.default)`
+    Deprecated parameter: options.theme => docs.theme
+
+    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming
+`);
+
+const DocsContainer = ({
+  context,
+  children
+}) => {
+  const {
+    id: storyId,
+    storyById
+  } = context;
+  const {
+    parameters: {
+      options = {},
+      docs = {}
+    }
+  } = storyById(storyId);
+  let themeVars = docs.theme;
 
   if (!themeVars && options.theme) {
     warnOptionsTheme();
     themeVars = options.theme;
   }
 
-  var theme = (0, _theming.ensure)(themeVars);
-  var allComponents = Object.assign({}, defaultComponents, docs.components);
-  (0, _react.useEffect)(function () {
-    var url;
+  const theme = (0, _theming.ensure)(themeVars);
+  const allComponents = Object.assign({}, defaultComponents, docs.components);
+  (0, _react.useEffect)(() => {
+    let url;
 
     try {
       url = new URL(globalWindow.parent.location);
@@ -111,29 +84,28 @@ var DocsContainer = function DocsContainer(_ref) {
     }
 
     if (url.hash) {
-      var element = document.getElementById(url.hash.substring(1));
+      const element = document.getElementById(url.hash.substring(1));
 
       if (element) {
         // Introducing a delay to ensure scrolling works when it's a full refresh.
-        setTimeout(function () {
+        setTimeout(() => {
           (0, _utils.scrollToElement)(element);
         }, 200);
       }
     } else {
-      var _element = document.getElementById((0, _Anchor.anchorBlockIdFromId)(storyId)) || document.getElementById((0, _Story.storyBlockIdFromId)(storyId));
+      const element = document.getElementById((0, _Anchor.anchorBlockIdFromId)(storyId)) || document.getElementById((0, _Story.storyBlockIdFromId)(storyId));
 
-      if (_element) {
-        var allStories = _element.parentElement.querySelectorAll('[id|="anchor-"]');
-
-        var scrollTarget = _element;
+      if (element) {
+        const allStories = element.parentElement.querySelectorAll('[id|="anchor-"]');
+        let scrollTarget = element;
 
-        if (allStories && allStories[0] === _element) {
+        if (allStories && allStories[0] === element) {
           // Include content above first story
           scrollTarget = document.getElementById('docs-root');
         } // Introducing a delay to ensure scrolling works when it's a full refresh.
 
 
-        setTimeout(function () {
+        setTimeout(() => {
           (0, _utils.scrollToElement)(scrollTarget, 'start');
         }, 200);
       }

package/dist/cjs/blocks/DocsContext.js

@@ -21,5 +21,5 @@ if (_global.window && _global.window.__DOCS_CONTEXT__ === undefined) {
   _global.window.__DOCS_CONTEXT__.displayName = 'DocsContext';
 }
 
-var DocsContext = _global.window ? _global.window.__DOCS_CONTEXT__ : /*#__PURE__*/(0, _react.createContext)({});
+const DocsContext = _global.window ? _global.window.__DOCS_CONTEXT__ : /*#__PURE__*/(0, _react.createContext)({});
 exports.DocsContext = DocsContext;

package/dist/cjs/blocks/DocsPage.js

@@ -23,10 +23,8 @@ var _Stories = require("./Stories");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var DocsPage = function DocsPage() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Title.Title, null), /*#__PURE__*/_react.default.createElement(_Subtitle.Subtitle, null), /*#__PURE__*/_react.default.createElement(_Description.Description, null), /*#__PURE__*/_react.default.createElement(_Primary.Primary, null), /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, {
-    story: _types.PRIMARY_STORY
-  }), /*#__PURE__*/_react.default.createElement(_Stories.Stories, null));
-};
+const DocsPage = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Title.Title, null), /*#__PURE__*/_react.default.createElement(_Subtitle.Subtitle, null), /*#__PURE__*/_react.default.createElement(_Description.Description, null), /*#__PURE__*/_react.default.createElement(_Primary.Primary, null), /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, {
+  story: _types.PRIMARY_STORY
+}), /*#__PURE__*/_react.default.createElement(_Stories.Stories, null));
 
 exports.DocsPage = DocsPage;

package/dist/cjs/blocks/DocsStory.js

@@ -1,20 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DocsStory = void 0;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
@@ -31,25 +21,25 @@ var _Story = require("./Story");
 
 var _Canvas = require("./Canvas");
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var warnStoryDescription = (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    Deprecated parameter: docs.storyDescription => docs.description.story\n      \n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter\n  "]))));
-
-var DocsStory = function DocsStory(_ref) {
-  var id = _ref.id,
-      name = _ref.name,
-      _ref$expanded = _ref.expanded,
-      expanded = _ref$expanded === void 0 ? true : _ref$expanded,
-      _ref$withToolbar = _ref.withToolbar,
-      withToolbar = _ref$withToolbar === void 0 ? false : _ref$withToolbar,
-      _ref$parameters = _ref.parameters,
-      parameters = _ref$parameters === void 0 ? {} : _ref$parameters;
-  var description;
-  var docs = parameters.docs;
+const warnStoryDescription = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.default)`
+    Deprecated parameter: docs.storyDescription => docs.description.story
+      
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
+  `);
+
+const DocsStory = ({
+  id,
+  name,
+  expanded = true,
+  withToolbar = false,
+  parameters = {}
+}) => {
+  let description;
+  const {
+    docs
+  } = parameters;
 
   if (expanded && docs) {
     var _docs$description;
@@ -62,7 +52,7 @@ var DocsStory = function DocsStory(_ref) {
     }
   }
 
-  var subheading = expanded && name;
+  const subheading = expanded && name;
   return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
     storyId: id
   }, subheading && /*#__PURE__*/_react.default.createElement(_Subheading.Subheading, null, subheading), description && /*#__PURE__*/_react.default.createElement(_Description.Description, {

package/dist/cjs/blocks/Heading.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Heading = void 0;
 
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _components = require("@storybook/components");
@@ -17,15 +13,15 @@ var _mdx = require("./mdx");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var Heading = function Heading(_ref) {
-  var children = _ref.children,
-      disableAnchor = _ref.disableAnchor;
-
+const Heading = ({
+  children,
+  disableAnchor
+}) => {
   if (disableAnchor || typeof children !== 'string') {
     return /*#__PURE__*/_react.default.createElement(_components.H2, null, children);
   }
 
-  var tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
+  const tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
   return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
     as: "h2",
     id: tagID