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

package/dist/cjs/blocks/DocsContainer.js

@@ -1,155 +0,0 @@
-"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"));
-
-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");
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var document = _global.default.document,
-    globalWindow = _global.default.window;
-var 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;
-
-  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;
-
-    try {
-      url = new URL(globalWindow.parent.location);
-    } catch (err) {
-      return;
-    }
-
-    if (url.hash) {
-      var element = document.getElementById(url.hash.substring(1));
-
-      if (element) {
-        // Introducing a delay to ensure scrolling works when it's a full refresh.
-        setTimeout(function () {
-          (0, _utils.scrollToElement)(element);
-        }, 200);
-      }
-    } else {
-      var _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 (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 () {
-          (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;

package/dist/cjs/blocks/DocsContext.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DocsContext = void 0;
-
-var _react = require("react");
-
-var _global = require("global");
-
-// We add DocsContext to window. The reason is that in case DocsContext.ts is
-// imported multiple times (maybe once directly, and another time from a minified bundle)
-// we will have multiple DocsContext definitions - leading to lost context in
-// the React component tree.
-// This was specifically a problem with the Vite builder.
-
-/* eslint-disable no-underscore-dangle */
-if (_global.window && _global.window.__DOCS_CONTEXT__ === undefined) {
-  _global.window.__DOCS_CONTEXT__ = /*#__PURE__*/(0, _react.createContext)({});
-  _global.window.__DOCS_CONTEXT__.displayName = 'DocsContext';
-}
-
-var DocsContext = _global.window ? _global.window.__DOCS_CONTEXT__ : /*#__PURE__*/(0, _react.createContext)({});
-exports.DocsContext = DocsContext;

package/dist/cjs/blocks/DocsPage.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DocsPage = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Title = require("./Title");
-
-var _Subtitle = require("./Subtitle");
-
-var _Description = require("./Description");
-
-var _Primary = require("./Primary");
-
-var _types = require("./types");
-
-var _ArgsTable = require("./ArgsTable");
-
-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));
-};
-
-exports.DocsPage = DocsPage;

package/dist/cjs/blocks/DocsStory.js

@@ -1,78 +0,0 @@
-"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"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _Subheading = require("./Subheading");
-
-var _Anchor = require("./Anchor");
-
-var _Description = require("./Description");
-
-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;
-
-  if (expanded && docs) {
-    var _docs$description;
-
-    description = (_docs$description = docs.description) === null || _docs$description === void 0 ? void 0 : _docs$description.story;
-
-    if (!description) {
-      description = docs.storyDescription;
-      if (description) warnStoryDescription();
-    }
-  }
-
-  var 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, {
-    markdown: description
-  }), /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, {
-    withToolbar: withToolbar
-  }, /*#__PURE__*/_react.default.createElement(_Story.Story, {
-    id: id,
-    parameters: parameters
-  })));
-};
-
-exports.DocsStory = DocsStory;

package/dist/cjs/blocks/Heading.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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");
-
-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;
-
-  if (disableAnchor || typeof children !== 'string') {
-    return /*#__PURE__*/_react.default.createElement(_components.H2, null, children);
-  }
-
-  var tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
-  return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
-    as: "h2",
-    id: tagID
-  }, children);
-};
-
-exports.Heading = Heading;

package/dist/cjs/blocks/Meta.js

@@ -1,72 +0,0 @@
-"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.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.Meta = void 0;
-
-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"));
-
-var _Anchor = require("./Anchor");
-
-var _DocsContext = require("./DocsContext");
-
-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; }
-
-var document = _global.default.document;
-
-function getFirstStoryId(docsContext) {
-  var stories = docsContext.componentStories();
-  return stories.length > 0 ? stories[0].id : null;
-}
-
-function renderAnchor() {
-  var context = (0, _react.useContext)(_DocsContext.DocsContext);
-  var anchorId = getFirstStoryId(context) || context.id;
-  return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
-    storyId: anchorId
-  });
-}
-/**
- * This component is used to declare component metadata in docs
- * and gets transformed into a default export underneath the hood.
- */
-
-
-var Meta = function Meta() {
-  var params = new URL(document.location).searchParams;
-  var isDocs = params.get('viewMode') === 'docs';
-  return isDocs ? renderAnchor() : null;
-};
-
-exports.Meta = Meta;

package/dist/cjs/blocks/Preview.js

@@ -1,29 +0,0 @@
-"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.Preview = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-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 Preview = (0, _utilDeprecate.default)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, props);
-}, (0, _tsDedent.default)(_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  "]))));
-exports.Preview = Preview;

package/dist/cjs/blocks/Primary.js

@@ -1,67 +0,0 @@
-"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.assign.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.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Primary = void 0;
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.find.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _DocsContext = require("./DocsContext");
-
-var _DocsStory = require("./DocsStory");
-
-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 _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); }
-
-var Primary = function Primary(_ref) {
-  var name = _ref.name;
-
-  var _useContext = (0, _react.useContext)(_DocsContext.DocsContext),
-      getComponentStories = _useContext.componentStories;
-
-  var componentStories = getComponentStories();
-  var story;
-
-  if (componentStories) {
-    story = name ? componentStories.find(function (s) {
-      return s.name === name;
-    }) : componentStories[0];
-  }
-
-  return story ? /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({}, story, {
-    expanded: false,
-    withToolbar: true
-  })) : null;
-};
-
-exports.Primary = Primary;

package/dist/cjs/blocks/Props.js

@@ -1,35 +0,0 @@
-"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.Props = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _ArgsTable = require("./ArgsTable");
-
-var _types = require("./types");
-
-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 Props = (0, _utilDeprecate.default)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, props);
-}, (0, _tsDedent.default)(_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
-
-exports.Props = Props;
-Props.defaultProps = {
-  of: _types.CURRENT_SELECTION
-};