@storybook/addon-docs 7.0.0-alpha.7 → 7.0.0-alpha.8

package/dist/cjs/blocks/ArgsTable.js

@@ -1,329 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getComponent = exports.extractComponentArgTypes = exports.StoryTable = exports.ComponentsTable = exports.ArgsTable = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
-
-var _components = require("@storybook/components");
-
-var _addons = require("@storybook/addons");
-
-var _store = require("@storybook/store");
-
-var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
-
-var _DocsContext = require("./DocsContext");
-
-var _types = require("./types");
-
-var _utils = require("./utils");
-
-var _Story = require("./Story");
-
-var _useStory = require("./useStory");
-
-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 (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 _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); }
-
-const getContext = (storyId, context) => {
-  const story = context.storyById(storyId);
-
-  if (!story) {
-    throw new Error(`Unknown story: ${storyId}`);
-  }
-
-  return context.getStoryContext(story);
-};
-
-const useArgs = (storyId, context) => {
-  const channel = _addons.addons.getChannel();
-
-  const storyContext = getContext(storyId, context);
-  const [args, setArgs] = (0, _react.useState)(storyContext.args);
-  (0, _react.useEffect)(() => {
-    const cb = changed => {
-      if (changed.storyId === storyId) {
-        setArgs(changed.args);
-      }
-    };
-
-    channel.on(_coreEvents.default.STORY_ARGS_UPDATED, cb);
-    return () => channel.off(_coreEvents.default.STORY_ARGS_UPDATED, cb);
-  }, [storyId]);
-  const updateArgs = (0, _react.useCallback)(updatedArgs => channel.emit(_coreEvents.default.UPDATE_STORY_ARGS, {
-    storyId,
-    updatedArgs
-  }), [storyId]);
-  const resetArgs = (0, _react.useCallback)(argNames => channel.emit(_coreEvents.default.RESET_STORY_ARGS, {
-    storyId,
-    argNames
-  }), [storyId]);
-  return [args, updateArgs, resetArgs];
-};
-
-const useGlobals = (storyId, context) => {
-  const channel = _addons.addons.getChannel();
-
-  const storyContext = getContext(storyId, context);
-  const [globals, setGlobals] = (0, _react.useState)(storyContext.globals);
-  (0, _react.useEffect)(() => {
-    const cb = changed => {
-      setGlobals(changed.globals);
-    };
-
-    channel.on(_coreEvents.default.GLOBALS_UPDATED, cb);
-    return () => channel.off(_coreEvents.default.GLOBALS_UPDATED, cb);
-  }, []);
-  return [globals];
-};
-
-const extractComponentArgTypes = (component, {
-  id,
-  storyById
-}, include, exclude) => {
-  const {
-    parameters
-  } = storyById(id);
-  const {
-    extractArgTypes
-  } = parameters.docs || {};
-
-  if (!extractArgTypes) {
-    throw new Error(_components.ArgsTableError.ARGS_UNSUPPORTED);
-  }
-
-  let argTypes = extractArgTypes(component);
-  argTypes = (0, _store.filterArgTypes)(argTypes, include, exclude);
-  return argTypes;
-};
-
-exports.extractComponentArgTypes = extractComponentArgTypes;
-
-const isShortcut = value => {
-  return value && [_types.CURRENT_SELECTION, _types.PRIMARY_STORY].includes(value);
-};
-
-const getComponent = (props = {}, {
-  id,
-  storyById
-}) => {
-  const {
-    of
-  } = props;
-  const {
-    story
-  } = props;
-  const {
-    component
-  } = storyById(id);
-
-  if (isShortcut(of) || isShortcut(story)) {
-    return component || null;
-  }
-
-  if (!of) {
-    throw new Error(_components.ArgsTableError.NO_COMPONENT);
-  }
-
-  return of;
-};
-
-exports.getComponent = getComponent;
-
-const addComponentTabs = (tabs, components, context, include, exclude, sort) => Object.assign({}, tabs, (0, _mapValues.default)(components, comp => ({
-  rows: extractComponentArgTypes(comp, context, include, exclude),
-  sort
-})));
-
-const StoryTable = props => {
-  const context = (0, _react.useContext)(_DocsContext.DocsContext);
-  const {
-    id: currentId,
-    componentStories
-  } = context;
-  const {
-    story: storyName,
-    component,
-    subcomponents,
-    showComponent,
-    include,
-    exclude,
-    sort
-  } = props;
-
-  try {
-    let storyId;
-
-    switch (storyName) {
-      case _types.CURRENT_SELECTION:
-        {
-          storyId = currentId;
-          break;
-        }
-
-      case _types.PRIMARY_STORY:
-        {
-          const primaryStory = componentStories()[0];
-          storyId = primaryStory.id;
-          break;
-        }
-
-      default:
-        {
-          storyId = (0, _Story.lookupStoryId)(storyName, context);
-        }
-    }
-
-    const story = (0, _useStory.useStory)(storyId, context); // eslint-disable-next-line prefer-const
-
-    let [args, updateArgs, resetArgs] = useArgs(storyId, context);
-    const [globals] = useGlobals(storyId, context);
-    if (!story) return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
-      isLoading: true,
-      updateArgs: updateArgs,
-      resetArgs: resetArgs
-    });
-    const argTypes = (0, _store.filterArgTypes)(story.argTypes, include, exclude);
-    const mainLabel = (0, _utils.getComponentName)(component) || 'Story';
-    let tabs = {
-      [mainLabel]: {
-        rows: argTypes,
-        args,
-        globals,
-        updateArgs,
-        resetArgs
-      }
-    }; // Use the dynamically generated component tabs if there are no controls
-
-    const storyHasArgsWithControls = argTypes && Object.values(argTypes).find(v => !!v?.control);
-
-    if (!storyHasArgsWithControls) {
-      updateArgs = null;
-      resetArgs = null;
-      tabs = {};
-    }
-
-    if (component && (!storyHasArgsWithControls || showComponent)) {
-      tabs = addComponentTabs(tabs, {
-        [mainLabel]: component
-      }, context, include, exclude);
-    }
-
-    if (subcomponents) {
-      if (Array.isArray(subcomponents)) {
-        throw new Error(`Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.`);
-      }
-
-      tabs = addComponentTabs(tabs, subcomponents, context, include, exclude);
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_components.TabbedArgsTable, {
-      tabs: tabs,
-      sort: sort
-    });
-  } catch (err) {
-    return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
-      error: err.message
-    });
-  }
-};
-
-exports.StoryTable = StoryTable;
-
-const ComponentsTable = props => {
-  const context = (0, _react.useContext)(_DocsContext.DocsContext);
-  const {
-    components,
-    include,
-    exclude,
-    sort
-  } = props;
-  const tabs = addComponentTabs({}, components, context, include, exclude);
-  return /*#__PURE__*/_react.default.createElement(_components.TabbedArgsTable, {
-    tabs: tabs,
-    sort: sort
-  });
-};
-
-exports.ComponentsTable = ComponentsTable;
-
-const ArgsTable = props => {
-  const context = (0, _react.useContext)(_DocsContext.DocsContext);
-  const {
-    id,
-    storyById
-  } = context;
-  const {
-    parameters: {
-      controls
-    },
-    subcomponents
-  } = storyById(id);
-  const {
-    include,
-    exclude,
-    components,
-    sort: sortProp
-  } = props;
-  const {
-    story: storyName
-  } = props;
-  const sort = sortProp || controls?.sort;
-  const main = getComponent(props, context);
-
-  if (storyName) {
-    return /*#__PURE__*/_react.default.createElement(StoryTable, _extends({}, props, {
-      component: main,
-      subcomponents,
-      sort
-    }));
-  }
-
-  if (!components && !subcomponents) {
-    let mainProps;
-
-    try {
-      mainProps = {
-        rows: extractComponentArgTypes(main, context, include, exclude)
-      };
-    } catch (err) {
-      mainProps = {
-        error: err.message
-      };
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, _extends({}, mainProps, {
-      sort: sort
-    }));
-  }
-
-  if (components) {
-    return /*#__PURE__*/_react.default.createElement(ComponentsTable, _extends({}, props, {
-      components,
-      sort
-    }));
-  }
-
-  const mainLabel = (0, _utils.getComponentName)(main);
-  return /*#__PURE__*/_react.default.createElement(ComponentsTable, _extends({}, props, {
-    components: Object.assign({
-      [mainLabel]: main
-    }, subcomponents),
-    sort: sort
-  }));
-};
-
-exports.ArgsTable = ArgsTable;
-ArgsTable.defaultProps = {
-  of: _types.CURRENT_SELECTION
-};

package/dist/cjs/blocks/Canvas.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Canvas = void 0;
-Object.defineProperty(exports, "SourceState", {
-  enumerable: true,
-  get: function () {
-    return _Source.SourceState;
-  }
-});
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@mdx-js/react");
-
-var _csf = require("@storybook/csf");
-
-var _components = require("@storybook/components");
-
-var _DocsContext = require("./DocsContext");
-
-var _SourceContainer = require("./SourceContainer");
-
-var _Source = require("./Source");
-
-var _useStory = require("./useStory");
-
-var _types = require("./types");
-
-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 (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 _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 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,
-      previewProps: props
-    };
-  }
-
-  if (mdxSource) {
-    return {
-      isLoading,
-      previewProps: Object.assign({}, props, {
-        withSource: (0, _Source.getSourceProps)({
-          code: decodeURI(mdxSource)
-        }, docsContext, sourceContext)
-      })
-    };
-  }
-
-  const childArray = Array.isArray(children) ? children : [children];
-  const storyChildren = childArray.filter(c => c.props && (c.props.id || c.props.name || c.props.of));
-  const targetIds = storyChildren.map(({
-    props: {
-      id,
-      of,
-      name
-    }
-  }) => {
-    if (id) return id;
-    if (of) return docsContext.storyIdByModuleExport(of);
-    return (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[name]));
-  });
-  const sourceProps = (0, _Source.getSourceProps)({
-    ids: targetIds
-  }, docsContext, sourceContext);
-  if (!sourceState) sourceState = sourceProps.state;
-  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,
-    previewProps: Object.assign({}, props, {
-      // pass through columns etc.
-      withSource: sourceProps,
-      isExpanded: sourceState === _Source.SourceState.OPEN
-    })
-  };
-};
-
-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
-  }, /*#__PURE__*/_react.default.createElement(_components.Preview, previewProps, children));
-};
-
-exports.Canvas = Canvas;

package/dist/cjs/blocks/Description.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDescriptionProps = exports.DescriptionType = exports.Description = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("@storybook/components");
-
-var _docsTools = require("@storybook/docs-tools");
-
-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 (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; }
-
-let DescriptionType;
-exports.DescriptionType = DescriptionType;
-
-(function (DescriptionType) {
-  DescriptionType["INFO"] = "info";
-  DescriptionType["NOTES"] = "notes";
-  DescriptionType["DOCGEN"] = "docgen";
-  DescriptionType["LEGACY_5_2"] = "legacy-5.2";
-  DescriptionType["AUTO"] = "auto";
-})(DescriptionType || (exports.DescriptionType = DescriptionType = {}));
-
-const getNotes = notes => notes && (typeof notes === 'string' ? notes : (0, _docsTools.str)(notes.markdown) || (0, _docsTools.str)(notes.text));
-
-const getInfo = info => info && (typeof info === 'string' ? info : (0, _docsTools.str)(info.text));
-
-const noDescription = component => null;
-
-const getDescriptionProps = ({
-  of,
-  type,
-  markdown,
-  children
-}, {
-  id,
-  storyById
-}) => {
-  const {
-    component,
-    parameters
-  } = storyById(id);
-
-  if (children || markdown) {
-    return {
-      markdown: children || markdown
-    };
-  }
-
-  const {
-    notes,
-    info,
-    docs
-  } = parameters;
-  const {
-    extractComponentDescription = noDescription,
-    description
-  } = docs || {};
-  const target = of === _types.CURRENT_SELECTION ? component : of; // override component description
-
-  const componentDescriptionParameter = description?.component;
-
-  if (componentDescriptionParameter) {
-    return {
-      markdown: componentDescriptionParameter
-    };
-  }
-
-  switch (type) {
-    case DescriptionType.INFO:
-      return {
-        markdown: getInfo(info)
-      };
-
-    case DescriptionType.NOTES:
-      return {
-        markdown: getNotes(notes)
-      };
-    // FIXME: remove in 6.0
-
-    case DescriptionType.LEGACY_5_2:
-      return {
-        markdown: `
-${getNotes(notes) || getInfo(info) || ''}
-
-${extractComponentDescription(target) || ''}
-`.trim()
-      };
-
-    case DescriptionType.DOCGEN:
-    case DescriptionType.AUTO:
-    default:
-      return {
-        markdown: extractComponentDescription(target, Object.assign({
-          component
-        }, parameters))
-      };
-  }
-};
-
-exports.getDescriptionProps = getDescriptionProps;
-
-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;
-}; // since we are in the docs blocks, assume default description if for primary component story
-
-
-exports.Description = DescriptionContainer;
-DescriptionContainer.defaultProps = {
-  of: '.'
-};

package/dist/cjs/blocks/DocsContainer.js

@@ -1,134 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DocsContainer = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _global = _interopRequireDefault(require("global"));
-
-var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _react2 = require("@mdx-js/react");
-
-var _theming = require("@storybook/theming");
-
-var _components = require("@storybook/components");
-
-var _DocsContext = require("./DocsContext");
-
-var _Anchor = require("./Anchor");
-
-var _Story = require("./Story");
-
-var _SourceContainer = require("./SourceContainer");
-
-var _mdx = require("./mdx");
-
-var _utils = require("./utils");
-
-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 (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; }
-
-const {
-  document,
-  window: globalWindow
-} = _global.default;
-const defaultComponents = Object.assign({}, _components.components, {
-  code: _mdx.CodeOrSourceMdx,
-  a: _mdx.AnchorMdx
-}, _mdx.HeadersMdx);
-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,
-    type,
-    storyById
-  } = context;
-  const allComponents = Object.assign({}, defaultComponents);
-  let theme = (0, _theming.ensure)(null);
-
-  if (type === 'legacy') {
-    const {
-      parameters: {
-        options = {},
-        docs = {}
-      }
-    } = storyById(storyId);
-    let themeVars = docs.theme;
-
-    if (!themeVars && options.theme) {
-      warnOptionsTheme();
-      themeVars = options.theme;
-    }
-
-    theme = (0, _theming.ensure)(themeVars);
-    Object.assign(allComponents, docs.components);
-  }
-
-  (0, _react.useEffect)(() => {
-    let url;
-
-    try {
-      url = new URL(globalWindow.parent.location);
-    } catch (err) {
-      return;
-    }
-
-    if (url.hash) {
-      const element = document.getElementById(url.hash.substring(1));
-
-      if (element) {
-        // Introducing a delay to ensure scrolling works when it's a full refresh.
-        setTimeout(() => {
-          (0, _utils.scrollToElement)(element);
-        }, 200);
-      }
-    } else {
-      const element = document.getElementById((0, _Anchor.anchorBlockIdFromId)(storyId)) || document.getElementById((0, _Story.storyBlockIdFromId)(storyId));
-
-      if (element) {
-        const allStories = element.parentElement.querySelectorAll('[id|="anchor-"]');
-        let scrollTarget = 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(() => {
-          (0, _utils.scrollToElement)(scrollTarget, 'start');
-        }, 200);
-      }
-    }
-  }, [storyId]);
-  return /*#__PURE__*/_react.default.createElement(_DocsContext.DocsContext.Provider, {
-    value: context
-  }, /*#__PURE__*/_react.default.createElement(_SourceContainer.SourceContainer, null, /*#__PURE__*/_react.default.createElement(_theming.ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
-    components: allComponents
-  }, /*#__PURE__*/_react.default.createElement(_components.DocsWrapper, {
-    className: "sbdocs sbdocs-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_components.DocsContent, {
-    className: "sbdocs sbdocs-content"
-  }, children))))));
-};
-
-exports.DocsContainer = DocsContainer;