@storybook/addon-docs 6.5.9 → 7.0.0-alpha.2

package/dist/esm/blocks/Description.js

@@ -1,14 +1,9 @@
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.string.trim.js";
-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';
-export var DescriptionType;
+export let DescriptionType;
 
 (function (DescriptionType) {
   DescriptionType["INFO"] = "info";
@@ -18,29 +13,25 @@ export var DescriptionType;
   DescriptionType["AUTO"] = "auto";
 })(DescriptionType || (DescriptionType = {}));
 
-var getNotes = function getNotes(notes) {
-  return notes && (typeof notes === 'string' ? notes : str(notes.markdown) || str(notes.text));
-};
+const getNotes = notes => notes && (typeof notes === 'string' ? notes : str(notes.markdown) || str(notes.text));
 
-var getInfo = function getInfo(info) {
-  return info && (typeof info === 'string' ? info : str(info.text));
-};
+const getInfo = info => info && (typeof info === 'string' ? info : str(info.text));
 
-var noDescription = function noDescription(component) {
-  return null;
-};
+const noDescription = component => null;
 
-export 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;
-
-  var _storyById = storyById(id),
-      component = _storyById.component,
-      parameters = _storyById.parameters;
+export const getDescriptionProps = ({
+  of,
+  type,
+  markdown,
+  children
+}, {
+  id,
+  storyById
+}) => {
+  const {
+    component,
+    parameters
+  } = storyById(id);
 
   if (children || markdown) {
     return {
@@ -48,18 +39,18 @@ export var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
     };
   }
 
-  var notes = parameters.notes,
-      info = parameters.info,
-      docs = parameters.docs;
-
-  var _ref3 = docs || {},
-      _ref3$extractComponen = _ref3.extractComponentDescription,
-      extractComponentDescription = _ref3$extractComponen === void 0 ? noDescription : _ref3$extractComponen,
-      description = _ref3.description;
+  const {
+    notes,
+    info,
+    docs
+  } = parameters;
+  const {
+    extractComponentDescription = noDescription,
+    description
+  } = docs || {};
+  const target = of === CURRENT_SELECTION ? component : of; // override component description
 
-  var target = of === CURRENT_SELECTION ? component : of; // override component description
-
-  var componentDescriptionParameter = description === null || description === void 0 ? void 0 : description.component;
+  const componentDescriptionParameter = description?.component;
 
   if (componentDescriptionParameter) {
     return {
@@ -81,7 +72,11 @@ export 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:
@@ -89,18 +84,17 @@ export var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
     default:
       return {
         markdown: extractComponentDescription(target, Object.assign({
-          component: component
+          component
         }, parameters))
       };
   }
 };
 
-var DescriptionContainer = function DescriptionContainer(props) {
-  var context = useContext(DocsContext);
-
-  var _getDescriptionProps = getDescriptionProps(props, context),
-      markdown = _getDescriptionProps.markdown;
-
+const DescriptionContainer = props => {
+  const context = useContext(DocsContext);
+  const {
+    markdown
+  } = getDescriptionProps(props, context);
   return markdown ? /*#__PURE__*/React.createElement(Description, {
     markdown: markdown
   }) : null;

package/dist/esm/blocks/DocsContainer.js

@@ -1,17 +1,3 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-
-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/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/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';
@@ -25,37 +11,44 @@ import { storyBlockIdFromId } from './Story';
 import { SourceContainer } from './SourceContainer';
 import { CodeOrSourceMdx, AnchorMdx, HeadersMdx } from './mdx';
 import { scrollToElement } from './utils';
-var document = global.document,
-    globalWindow = global.window;
-var defaultComponents = Object.assign({}, htmlComponents, {
+const {
+  document,
+  window: globalWindow
+} = global;
+const defaultComponents = Object.assign({}, htmlComponents, {
   code: CodeOrSourceMdx,
   a: AnchorMdx
 }, HeadersMdx);
-var warnOptionsTheme = deprecate(function () {}, dedent(_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"]))));
-export 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;
+const warnOptionsTheme = deprecate(() => {}, dedent`
+    Deprecated parameter: options.theme => docs.theme
 
-  var themeVars = docs.theme;
+    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming
+`);
+export 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 = ensureTheme(themeVars);
-  var allComponents = Object.assign({}, defaultComponents, docs.components);
-  useEffect(function () {
-    var url;
+  const theme = ensureTheme(themeVars);
+  const allComponents = Object.assign({}, defaultComponents, docs.components);
+  useEffect(() => {
+    let url;
 
     try {
       url = new URL(globalWindow.parent.location);
@@ -64,29 +57,28 @@ export 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(() => {
           scrollToElement(element);
         }, 200);
       }
     } else {
-      var _element = document.getElementById(anchorBlockIdFromId(storyId)) || document.getElementById(storyBlockIdFromId(storyId));
-
-      if (_element) {
-        var allStories = _element.parentElement.querySelectorAll('[id|="anchor-"]');
+      const element = document.getElementById(anchorBlockIdFromId(storyId)) || document.getElementById(storyBlockIdFromId(storyId));
 
-        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(() => {
           scrollToElement(scrollTarget, 'start');
         }, 200);
       }

package/dist/esm/blocks/DocsContext.js

@@ -13,4 +13,4 @@ if (globalWindow && globalWindow.__DOCS_CONTEXT__ === undefined) {
   globalWindow.__DOCS_CONTEXT__.displayName = 'DocsContext';
 }
 
-export var DocsContext = globalWindow ? globalWindow.__DOCS_CONTEXT__ : /*#__PURE__*/createContext({});
+export const DocsContext = globalWindow ? globalWindow.__DOCS_CONTEXT__ : /*#__PURE__*/createContext({});

package/dist/esm/blocks/DocsPage.js

@@ -6,8 +6,6 @@ import { Primary } from './Primary';
 import { PRIMARY_STORY } from './types';
 import { ArgsTable } from './ArgsTable';
 import { Stories } from './Stories';
-export var DocsPage = function DocsPage() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null), /*#__PURE__*/React.createElement(Subtitle, null), /*#__PURE__*/React.createElement(Description, null), /*#__PURE__*/React.createElement(Primary, null), /*#__PURE__*/React.createElement(ArgsTable, {
-    story: PRIMARY_STORY
-  }), /*#__PURE__*/React.createElement(Stories, null));
-};
+export const DocsPage = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null), /*#__PURE__*/React.createElement(Subtitle, null), /*#__PURE__*/React.createElement(Description, null), /*#__PURE__*/React.createElement(Primary, null), /*#__PURE__*/React.createElement(ArgsTable, {
+  story: PRIMARY_STORY
+}), /*#__PURE__*/React.createElement(Stories, null));

package/dist/esm/blocks/DocsStory.js

@@ -1,14 +1,3 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-
-var _templateObject;
-
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import React from 'react';
 import deprecate from 'util-deprecate';
 import dedent from 'ts-dedent';
@@ -17,23 +6,25 @@ import { Anchor } from './Anchor';
 import { Description } from './Description';
 import { Story } from './Story';
 import { Canvas } from './Canvas';
-var warnStoryDescription = deprecate(function () {}, dedent(_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  "]))));
-export 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 = deprecate(() => {}, dedent`
+    Deprecated parameter: docs.storyDescription => docs.description.story
+      
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
+  `);
+export const DocsStory = ({
+  id,
+  name,
+  expanded = true,
+  withToolbar = false,
+  parameters = {}
+}) => {
+  let description;
+  const {
+    docs
+  } = parameters;
 
   if (expanded && docs) {
-    var _docs$description;
-
-    description = (_docs$description = docs.description) === null || _docs$description === void 0 ? void 0 : _docs$description.story;
+    description = docs.description?.story;
 
     if (!description) {
       description = docs.storyDescription;
@@ -41,7 +32,7 @@ export var DocsStory = function DocsStory(_ref) {
     }
   }
 
-  var subheading = expanded && name;
+  const subheading = expanded && name;
   return /*#__PURE__*/React.createElement(Anchor, {
     storyId: id
   }, subheading && /*#__PURE__*/React.createElement(Subheading, null, subheading), description && /*#__PURE__*/React.createElement(Description, {

package/dist/esm/blocks/Heading.js

@@ -1,17 +1,15 @@
-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';
-export var Heading = function Heading(_ref) {
-  var children = _ref.children,
-      disableAnchor = _ref.disableAnchor;
-
+export const Heading = ({
+  children,
+  disableAnchor
+}) => {
   if (disableAnchor || typeof children !== 'string') {
     return /*#__PURE__*/React.createElement(H2, null, children);
   }
 
-  var tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
+  const tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
   return /*#__PURE__*/React.createElement(HeaderMdx, {
     as: "h2",
     id: tagID

package/dist/esm/blocks/Meta.js

@@ -1,23 +1,19 @@
-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/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';
 import { DocsContext } from './DocsContext';
-var document = global.document;
+const {
+  document
+} = global;
 
 function getFirstStoryId(docsContext) {
-  var stories = docsContext.componentStories();
+  const stories = docsContext.componentStories();
   return stories.length > 0 ? stories[0].id : null;
 }
 
 function renderAnchor() {
-  var context = useContext(DocsContext);
-  var anchorId = getFirstStoryId(context) || context.id;
+  const context = useContext(DocsContext);
+  const anchorId = getFirstStoryId(context) || context.id;
   return /*#__PURE__*/React.createElement(Anchor, {
     storyId: anchorId
   });
@@ -28,8 +24,8 @@ function renderAnchor() {
  */
 
 
-export var Meta = function Meta() {
-  var params = new URL(document.location).searchParams;
-  var isDocs = params.get('viewMode') === 'docs';
+export const Meta = () => {
+  const params = new URL(document.location).searchParams;
+  const isDocs = params.get('viewMode') === 'docs';
   return isDocs ? renderAnchor() : null;
 };

package/dist/esm/blocks/Preview.js

@@ -1,14 +1,9 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import React from 'react';
 import deprecate from 'util-deprecate';
 import dedent from 'ts-dedent';
 import { Canvas } from './Canvas';
-export var Preview = deprecate(function (props) {
-  return /*#__PURE__*/React.createElement(Canvas, props);
-}, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    Preview doc block has been renamed to Canvas.\n\n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n  "]))));
+export const Preview = deprecate(props => /*#__PURE__*/React.createElement(Canvas, props), dedent`
+    Preview doc block has been renamed to Canvas.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `);

package/dist/esm/blocks/Primary.js

@@ -1,25 +1,19 @@
-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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.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';
 import { DocsStory } from './DocsStory';
-export var Primary = function Primary(_ref) {
-  var name = _ref.name;
-
-  var _useContext = useContext(DocsContext),
-      getComponentStories = _useContext.componentStories;
-
-  var componentStories = getComponentStories();
-  var story;
+export const Primary = ({
+  name
+}) => {
+  const {
+    componentStories: getComponentStories
+  } = useContext(DocsContext);
+  const componentStories = getComponentStories();
+  let story;
 
   if (componentStories) {
-    story = name ? componentStories.find(function (s) {
-      return s.name === name;
-    }) : componentStories[0];
+    story = name ? componentStories.find(s => s.name === name) : componentStories[0];
   }
 
   return story ? /*#__PURE__*/React.createElement(DocsStory, _extends({}, story, {

package/dist/esm/blocks/Props.js

@@ -1,18 +1,13 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import React from 'react';
 import deprecate from 'util-deprecate';
 import dedent from 'ts-dedent';
 import { ArgsTable } from './ArgsTable';
 import { CURRENT_SELECTION } from './types';
-export var Props = deprecate(function (props) {
-  return /*#__PURE__*/React.createElement(ArgsTable, props);
-}, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    Props doc block has been renamed to ArgsTable.\n\n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n  "])))); // @ts-ignore
+export const Props = deprecate(props => /*#__PURE__*/React.createElement(ArgsTable, props), dedent`
+    Props doc block has been renamed to ArgsTable.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `); // @ts-ignore
 
 Props.defaultProps = {
   of: CURRENT_SELECTION