@storybook/addon-docs 7.0.0-alpha.5 → 7.0.0-alpha.50

package/dist/cjs/blocks/index.js

@@ -1,366 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ColorPalette: true,
-  ColorItem: true,
-  IconGallery: true,
-  IconItem: true,
-  Typeset: true
-};
-Object.defineProperty(exports, "ColorItem", {
-  enumerable: true,
-  get: function () {
-    return _components.ColorItem;
-  }
-});
-Object.defineProperty(exports, "ColorPalette", {
-  enumerable: true,
-  get: function () {
-    return _components.ColorPalette;
-  }
-});
-Object.defineProperty(exports, "IconGallery", {
-  enumerable: true,
-  get: function () {
-    return _components.IconGallery;
-  }
-});
-Object.defineProperty(exports, "IconItem", {
-  enumerable: true,
-  get: function () {
-    return _components.IconItem;
-  }
-});
-Object.defineProperty(exports, "Typeset", {
-  enumerable: true,
-  get: function () {
-    return _components.Typeset;
-  }
-});
-
-var _components = require("@storybook/components");
-
-var _Anchor = require("./Anchor");
-
-Object.keys(_Anchor).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Anchor[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Anchor[key];
-    }
-  });
-});
-
-var _ArgsTable = require("./ArgsTable");
-
-Object.keys(_ArgsTable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ArgsTable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ArgsTable[key];
-    }
-  });
-});
-
-var _Canvas = require("./Canvas");
-
-Object.keys(_Canvas).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Canvas[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Canvas[key];
-    }
-  });
-});
-
-var _Description = require("./Description");
-
-Object.keys(_Description).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Description[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Description[key];
-    }
-  });
-});
-
-var _DocsContext = require("./DocsContext");
-
-Object.keys(_DocsContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DocsContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DocsContext[key];
-    }
-  });
-});
-
-var _DocsPage = require("./DocsPage");
-
-Object.keys(_DocsPage).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DocsPage[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DocsPage[key];
-    }
-  });
-});
-
-var _DocsContainer = require("./DocsContainer");
-
-Object.keys(_DocsContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DocsContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DocsContainer[key];
-    }
-  });
-});
-
-var _DocsStory = require("./DocsStory");
-
-Object.keys(_DocsStory).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DocsStory[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DocsStory[key];
-    }
-  });
-});
-
-var _Heading = require("./Heading");
-
-Object.keys(_Heading).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Heading[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Heading[key];
-    }
-  });
-});
-
-var _Meta = require("./Meta");
-
-Object.keys(_Meta).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Meta[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Meta[key];
-    }
-  });
-});
-
-var _Preview = require("./Preview");
-
-Object.keys(_Preview).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Preview[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Preview[key];
-    }
-  });
-});
-
-var _Primary = require("./Primary");
-
-Object.keys(_Primary).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Primary[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Primary[key];
-    }
-  });
-});
-
-var _Props = require("./Props");
-
-Object.keys(_Props).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Props[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Props[key];
-    }
-  });
-});
-
-var _Source = require("./Source");
-
-Object.keys(_Source).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Source[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Source[key];
-    }
-  });
-});
-
-var _SourceContainer = require("./SourceContainer");
-
-Object.keys(_SourceContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SourceContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SourceContainer[key];
-    }
-  });
-});
-
-var _Stories = require("./Stories");
-
-Object.keys(_Stories).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Stories[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Stories[key];
-    }
-  });
-});
-
-var _Story = require("./Story");
-
-Object.keys(_Story).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Story[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Story[key];
-    }
-  });
-});
-
-var _Subheading = require("./Subheading");
-
-Object.keys(_Subheading).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Subheading[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Subheading[key];
-    }
-  });
-});
-
-var _Subtitle = require("./Subtitle");
-
-Object.keys(_Subtitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Subtitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Subtitle[key];
-    }
-  });
-});
-
-var _Title = require("./Title");
-
-Object.keys(_Title).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Title[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Title[key];
-    }
-  });
-});
-
-var _Wrapper = require("./Wrapper");
-
-Object.keys(_Wrapper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Wrapper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Wrapper[key];
-    }
-  });
-});
-
-var _types = require("./types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-
-var _mdx = require("./mdx");
-
-Object.keys(_mdx).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _mdx[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _mdx[key];
-    }
-  });
-});

package/dist/cjs/blocks/mdx.js

@@ -1,234 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.assertIsFn = exports.HeadersMdx = exports.HeaderMdx = exports.CodeOrSourceMdx = exports.AnchorMdx = exports.AddContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addons = require("@storybook/addons");
-
-var _coreEvents = require("@storybook/core-events");
-
-var _components = require("@storybook/components");
-
-var _global = _interopRequireDefault(require("global"));
-
-var _theming = require("@storybook/theming");
-
-var _DocsContext = require("./DocsContext");
-
-const _excluded = ["children"],
-      _excluded2 = ["className", "children"],
-      _excluded3 = ["href", "target", "children"],
-      _excluded4 = ["as", "id", "children"],
-      _excluded5 = ["as", "id", "children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-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; }
-
-const {
-  document
-} = _global.default; // Hacky utility for asserting identifiers in MDX Story elements
-
-const assertIsFn = val => {
-  if (typeof val !== 'function') {
-    throw new Error(`Expected story function, got: ${val}`);
-  }
-
-  return val;
-}; // Hacky utility for adding mdxStoryToId to the default context
-
-
-exports.assertIsFn = assertIsFn;
-
-const AddContext = props => {
-  const {
-    children
-  } = props,
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const parentContext = _react.default.useContext(_DocsContext.DocsContext);
-
-  return /*#__PURE__*/_react.default.createElement(_DocsContext.DocsContext.Provider, {
-    value: Object.assign({}, parentContext, rest)
-  }, children);
-};
-
-exports.AddContext = AddContext;
-
-const CodeOrSourceMdx = _ref => {
-  let {
-    className,
-    children
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
-
-  // markdown-to-jsx does not add className to inline code
-  if (typeof className !== 'string' && (typeof children !== 'string' || !children.match(/[\n\r]/g))) {
-    return /*#__PURE__*/_react.default.createElement(_components.Code, null, children);
-  } // className: "lang-jsx"
-
-
-  const language = className && className.split('-');
-  return /*#__PURE__*/_react.default.createElement(_components.Source, _extends({
-    language: language && language[1] || 'plaintext',
-    format: false,
-    code: children
-  }, rest));
-};
-
-exports.CodeOrSourceMdx = CodeOrSourceMdx;
-
-function navigate(url) {
-  _addons.addons.getChannel().emit(_coreEvents.NAVIGATE_URL, url);
-} // @ts-ignore
-
-
-const A = _components.components.a;
-
-const AnchorInPage = ({
-  hash,
-  children
-}) => /*#__PURE__*/_react.default.createElement(A, {
-  href: hash,
-  target: "_self",
-  onClick: event => {
-    const id = hash.substring(1);
-    const element = document.getElementById(id);
-
-    if (element) {
-      navigate(hash);
-    }
-  }
-}, children);
-
-const AnchorMdx = props => {
-  const {
-    href,
-    target,
-    children
-  } = props,
-        rest = _objectWithoutPropertiesLoose(props, _excluded3);
-
-  if (href) {
-    // Enable scrolling for in-page anchors.
-    if (href.startsWith('#')) {
-      return /*#__PURE__*/_react.default.createElement(AnchorInPage, {
-        hash: href
-      }, children);
-    } // Links to other pages of SB should use the base URL of the top level iframe instead of the base URL of the preview iframe.
-
-
-    if (target !== '_blank' && !href.startsWith('https://')) {
-      return /*#__PURE__*/_react.default.createElement(A, _extends({
-        href: href,
-        onClick: event => {
-          event.preventDefault(); // use the A element's href, which has been modified for
-          // local paths without a `?path=` query param prefix
-
-          navigate(event.currentTarget.getAttribute('href'));
-        },
-        target: target
-      }, rest), children);
-    }
-  } // External URL dont need any modification.
-
-
-  return /*#__PURE__*/_react.default.createElement(A, props);
-};
-
-exports.AnchorMdx = AnchorMdx;
-const SUPPORTED_MDX_HEADERS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce((acc, headerType) => Object.assign({}, acc, {
-  // @ts-ignore
-  [headerType]: (0, _theming.styled)(_components.components[headerType])({
-    '& svg': {
-      visibility: 'hidden'
-    },
-    '&:hover svg': {
-      visibility: 'visible'
-    }
-  })
-}), {});
-
-const OcticonAnchor = _theming.styled.a(() => ({
-  float: 'left',
-  paddingRight: '4px',
-  marginLeft: '-20px',
-  // Allow the theme's text color to override the default link color.
-  color: 'inherit'
-}));
-
-const HeaderWithOcticonAnchor = _ref2 => {
-  let {
-    as,
-    id,
-    children
-  } = _ref2,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded4);
-
-  // @ts-ignore
-  const OcticonHeader = OcticonHeaders[as];
-  const hash = `#${id}`;
-  return /*#__PURE__*/_react.default.createElement(OcticonHeader, _extends({
-    id: id
-  }, rest), /*#__PURE__*/_react.default.createElement(OcticonAnchor, {
-    "aria-hidden": "true",
-    href: hash,
-    tabIndex: -1,
-    target: "_self",
-    onClick: event => {
-      const element = document.getElementById(id);
-
-      if (element) {
-        navigate(hash);
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    viewBox: "0 0 16 16",
-    version: "1.1",
-    width: "16",
-    height: "16",
-    "aria-hidden": "true",
-    fill: "currentColor"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    d: "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
-  }))), children);
-};
-
-const HeaderMdx = props => {
-  const {
-    as,
-    id,
-    children
-  } = props,
-        rest = _objectWithoutPropertiesLoose(props, _excluded5); // An id should have been added on every header by the "remark-slug" plugin.
-
-
-  if (id) {
-    return /*#__PURE__*/_react.default.createElement(HeaderWithOcticonAnchor, _extends({
-      as: as,
-      id: id
-    }, rest), children);
-  } // @ts-ignore
-
-
-  const Header = _components.components[as]; // Make sure it still work if "remark-slug" plugin is not present.
-
-  return /*#__PURE__*/_react.default.createElement(Header, props);
-};
-
-exports.HeaderMdx = HeaderMdx;
-const HeadersMdx = SUPPORTED_MDX_HEADERS.reduce((acc, headerType) => Object.assign({}, acc, {
-  // @ts-ignore
-  [headerType]: props => /*#__PURE__*/_react.default.createElement(HeaderMdx, _extends({
-    as: headerType
-  }, props))
-}), {});
-exports.HeadersMdx = HeadersMdx;

package/dist/cjs/blocks/types.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PRIMARY_STORY = exports.CURRENT_SELECTION = void 0;
-const CURRENT_SELECTION = '.';
-exports.CURRENT_SELECTION = CURRENT_SELECTION;
-const PRIMARY_STORY = '^';
-exports.PRIMARY_STORY = PRIMARY_STORY;

package/dist/cjs/blocks/useStory.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStories = useStories;
-exports.useStory = useStory;
-
-var _react = require("react");
-
-function useStory(storyId, context) {
-  const stories = useStories([storyId], context);
-  return stories && stories[0];
-}
-
-function useStories(storyIds, context) {
-  const initialStoriesById = context.componentStories().reduce((acc, story) => {
-    acc[story.id] = story;
-    return acc;
-  }, {});
-  const [storiesById, setStories] = (0, _react.useState)(initialStoriesById);
-  (0, _react.useEffect)(() => {
-    Promise.all(storyIds.map(async storyId => {
-      // loadStory will be called every single time useStory is called
-      // because useEffect does not use storyIds as an input. This is because
-      // HMR can change the story even when the storyId hasn't changed. However, it
-      // will be a no-op once the story has loaded. Furthermore, the `story` will
-      // have an exact equality when the story hasn't changed, so it won't trigger
-      // any unnecessary re-renders
-      const story = await context.loadStory(storyId);
-      setStories(current => current[storyId] === story ? current : Object.assign({}, current, {
-        [storyId]: story
-      }));
-    }));
-  });
-  return storyIds.map(storyId => storiesById[storyId]);
-}

package/dist/cjs/blocks/utils.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getComponentName = void 0;
-exports.scrollToElement = scrollToElement;
-
-/* eslint-disable no-underscore-dangle */
-const titleCase = str => str.split('-').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('');
-
-const getComponentName = component => {
-  if (!component) {
-    return undefined;
-  }
-
-  if (typeof component === 'string') {
-    if (component.includes('-')) {
-      return titleCase(component);
-    }
-
-    return component;
-  }
-
-  if (component.__docgenInfo && component.__docgenInfo.displayName) {
-    return component.__docgenInfo.displayName;
-  }
-
-  return component.name;
-};
-
-exports.getComponentName = getComponentName;
-
-function scrollToElement(element, block = 'start') {
-  element.scrollIntoView({
-    behavior: 'smooth',
-    block,
-    inline: 'nearest'
-  });
-}

package/dist/cjs/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _blocks = require("./blocks");
-
-Object.keys(_blocks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _blocks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _blocks[key];
-    }
-  });
-});