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

package/dist/cjs/blocks/Source.js

@@ -1,197 +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.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.getSourceProps = exports.SourceState = exports.Source = void 0;
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.join.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("@storybook/components");
-
-var _DocsContext = require("./DocsContext");
-
-var _SourceContainer = require("./SourceContainer");
-
-var _types = require("./types");
-
-var _shared = require("../shared");
-
-var _enhanceSource = require("./enhanceSource");
-
-var _useStory = require("./useStory");
-
-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 SourceState;
-exports.SourceState = SourceState;
-
-(function (SourceState) {
-  SourceState["OPEN"] = "open";
-  SourceState["CLOSED"] = "closed";
-  SourceState["NONE"] = "none";
-})(SourceState || (exports.SourceState = SourceState = {}));
-
-var getSourceState = function getSourceState(stories) {
-  var states = stories.map(function (story) {
-    var _story$parameters$doc, _story$parameters$doc2;
-
-    return (_story$parameters$doc = story.parameters.docs) === null || _story$parameters$doc === void 0 ? void 0 : (_story$parameters$doc2 = _story$parameters$doc.source) === null || _story$parameters$doc2 === void 0 ? void 0 : _story$parameters$doc2.state;
-  }).filter(Boolean);
-  if (states.length === 0) return SourceState.CLOSED; // FIXME: handling multiple stories is a pain
-
-  return states[0];
-};
-
-var getStorySource = function getStorySource(storyId, sourceContext) {
-  var sources = sourceContext.sources; // source rendering is async so source is unavailable at the start of the render cycle,
-  // so we fail gracefully here without warning
-
-  return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
-    code: '',
-    format: false
-  };
-};
-
-var getSnippet = function getSnippet(snippet, story) {
-  var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
-
-  if (!story) {
-    return snippet;
-  }
-
-  var parameters = story.parameters; // eslint-disable-next-line no-underscore-dangle
-
-  var isArgsStory = parameters.__isArgsStory;
-  var type = ((_parameters$docs = parameters.docs) === null || _parameters$docs === void 0 ? void 0 : (_parameters$docs$sour = _parameters$docs.source) === null || _parameters$docs$sour === void 0 ? void 0 : _parameters$docs$sour.type) || _shared.SourceType.AUTO; // if user has hard-coded the snippet, that takes precedence
-
-  var userCode = (_parameters$docs2 = parameters.docs) === null || _parameters$docs2 === void 0 ? void 0 : (_parameters$docs2$sou = _parameters$docs2.source) === null || _parameters$docs2$sou === void 0 ? void 0 : _parameters$docs2$sou.code;
-
-  if (userCode !== undefined) {
-    return userCode;
-  } // if user has explicitly set this as dynamic, use snippet
-
-
-  if (type === _shared.SourceType.DYNAMIC) {
-    var _parameters$docs3, _parameters$docs3$tra;
-
-    return ((_parameters$docs3 = parameters.docs) === null || _parameters$docs3 === void 0 ? void 0 : (_parameters$docs3$tra = _parameters$docs3.transformSource) === null || _parameters$docs3$tra === void 0 ? void 0 : _parameters$docs3$tra.call(_parameters$docs3, snippet, story)) || snippet;
-  } // if this is an args story and there's a snippet
-
-
-  if (type === _shared.SourceType.AUTO && snippet && isArgsStory) {
-    var _parameters$docs4, _parameters$docs4$tra;
-
-    return ((_parameters$docs4 = parameters.docs) === null || _parameters$docs4 === void 0 ? void 0 : (_parameters$docs4$tra = _parameters$docs4.transformSource) === null || _parameters$docs4$tra === void 0 ? void 0 : _parameters$docs4$tra.call(_parameters$docs4, snippet, story)) || snippet;
-  } // otherwise, use the source code logic
-
-
-  var enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
-  return (enhanced === null || enhanced === void 0 ? void 0 : (_enhanced$docs = enhanced.docs) === null || _enhanced$docs === void 0 ? void 0 : (_enhanced$docs$source = _enhanced$docs.source) === null || _enhanced$docs$source === void 0 ? void 0 : _enhanced$docs$source.code) || '';
-};
-
-var getSourceProps = function getSourceProps(props, docsContext, sourceContext) {
-  var currentId = docsContext.id,
-      storyById = docsContext.storyById;
-
-  var _storyById = storyById(currentId),
-      parameters = _storyById.parameters;
-
-  var codeProps = props;
-  var singleProps = props;
-  var multiProps = props;
-  var source = codeProps.code; // prefer user-specified code
-
-  var format = codeProps.format; // prefer user-specified code
-
-  var targetIds = multiProps.ids || [singleProps.id || currentId];
-  var storyIds = targetIds.map(function (targetId) {
-    return targetId === _types.CURRENT_SELECTION ? currentId : targetId;
-  });
-  var stories = (0, _useStory.useStories)(storyIds, docsContext);
-
-  if (!stories.every(Boolean)) {
-    return {
-      error: _components.SourceError.SOURCE_UNAVAILABLE,
-      state: SourceState.NONE
-    };
-  }
-
-  if (!source) {
-    // just take the format from the first story, given how they're all concatinated together...
-    // TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
-    var _getStorySource = getStorySource(storyIds[0], sourceContext);
-
-    format = _getStorySource.format;
-    source = storyIds.map(function (storyId, idx) {
-      var _getStorySource2 = getStorySource(storyId, sourceContext),
-          storySource = _getStorySource2.code;
-
-      var storyObj = stories[idx];
-      return getSnippet(storySource, storyObj);
-    }).join('\n\n');
-  }
-
-  var state = getSourceState(stories);
-  var _parameters$docs5 = parameters.docs,
-      docsParameters = _parameters$docs5 === void 0 ? {} : _parameters$docs5;
-  var _docsParameters$sourc = docsParameters.source,
-      sourceParameters = _docsParameters$sourc === void 0 ? {} : _docsParameters$sourc;
-  var _sourceParameters$lan = sourceParameters.language,
-      docsLanguage = _sourceParameters$lan === void 0 ? null : _sourceParameters$lan;
-  return source ? {
-    code: source,
-    state: state,
-    format: format,
-    language: props.language || docsLanguage || 'jsx',
-    dark: props.dark || false
-  } : {
-    error: _components.SourceError.SOURCE_UNAVAILABLE,
-    state: state
-  };
-};
-/**
- * Story source doc block renders source code if provided,
- * or the source for a story if `storyId` is provided, or
- * the source for the current story if nothing is provided.
- */
-
-
-exports.getSourceProps = getSourceProps;
-
-var Source = function Source(props) {
-  var sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
-  var docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
-  var sourceProps = getSourceProps(props, docsContext, sourceContext);
-  return /*#__PURE__*/_react.default.createElement(_components.Source, sourceProps);
-};
-
-exports.Source = Source;

package/dist/cjs/blocks/SourceContainer.js

@@ -1,116 +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.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.from.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SourceContext = exports.SourceContainer = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-
-var _addons = require("@storybook/addons");
-
-var _shared = require("../shared");
-
-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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var SourceContext = /*#__PURE__*/(0, _react.createContext)({
-  sources: {}
-});
-exports.SourceContext = SourceContext;
-
-var SourceContainer = function SourceContainer(_ref) {
-  var children = _ref.children;
-
-  var _useState = (0, _react.useState)({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      sources = _useState2[0],
-      setSources = _useState2[1];
-
-  var channel = _addons.addons.getChannel();
-
-  (0, _react.useEffect)(function () {
-    var handleSnippetRendered = function handleSnippetRendered(id, newSource) {
-      var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
-      // optimization: if the source is the same, ignore the incoming event
-      if (sources[id] && sources[id].code === newSource) {
-        return;
-      }
-
-      setSources(function (current) {
-        var newSources = Object.assign({}, current, _defineProperty({}, id, {
-          code: newSource,
-          format: format
-        }));
-
-        if (!(0, _fastDeepEqual.default)(current, newSources)) {
-          return newSources;
-        }
-
-        return current;
-      });
-    };
-
-    channel.on(_shared.SNIPPET_RENDERED, handleSnippetRendered);
-    return function () {
-      return channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
-    };
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(SourceContext.Provider, {
-    value: {
-      sources: sources
-    }
-  }, children);
-};
-
-exports.SourceContainer = SourceContainer;

package/dist/cjs/blocks/Stories.js

@@ -1,82 +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.Stories = void 0;
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.map.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _DocsContext = require("./DocsContext");
-
-var _DocsStory = require("./DocsStory");
-
-var _Heading = require("./Heading");
-
-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 Stories = function Stories(_ref) {
-  var title = _ref.title,
-      _ref$includePrimary = _ref.includePrimary,
-      includePrimary = _ref$includePrimary === void 0 ? false : _ref$includePrimary;
-
-  var _useContext = (0, _react.useContext)(_DocsContext.DocsContext),
-      componentStories = _useContext.componentStories;
-
-  var stories = componentStories();
-  stories = stories.filter(function (story) {
-    var _story$parameters, _story$parameters$doc;
-
-    return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
-  });
-  if (!includePrimary) stories = stories.slice(1);
-
-  if (!stories || stories.length === 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Heading.Heading, null, title), stories.map(function (story) {
-    return story && /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({
-      key: story.id
-    }, story, {
-      expanded: true
-    }));
-  }));
-};
-
-exports.Stories = Stories;
-Stories.defaultProps = {
-  title: 'Stories'
-};

package/dist/cjs/blocks/Story.js

@@ -1,263 +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.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.from.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storyBlockIdFromId = exports.lookupStoryId = exports.getStoryProps = exports.getStoryId = exports.Story = void 0;
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@mdx-js/react");
-
-var _global = _interopRequireDefault(require("global"));
-
-var _components = require("@storybook/components");
-
-var _csf = require("@storybook/csf");
-
-var _addons = require("@storybook/addons");
-
-var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
-
-var _types = require("./types");
-
-var _DocsContext = require("./DocsContext");
-
-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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var storyBlockIdFromId = function storyBlockIdFromId(storyId) {
-  return "story--".concat(storyId);
-};
-
-exports.storyBlockIdFromId = storyBlockIdFromId;
-
-var lookupStoryId = function lookupStoryId(storyName, _ref) {
-  var mdxStoryNameToKey = _ref.mdxStoryNameToKey,
-      mdxComponentAnnotations = _ref.mdxComponentAnnotations;
-  return (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[storyName]));
-};
-
-exports.lookupStoryId = lookupStoryId;
-
-var getStoryId = function getStoryId(props, context) {
-  var _ref2 = props,
-      id = _ref2.id;
-  var _ref3 = props,
-      name = _ref3.name;
-  var inputId = id === _types.CURRENT_SELECTION ? context.id : id;
-  return inputId || lookupStoryId(name, context);
-};
-
-exports.getStoryId = getStoryId;
-
-var getStoryProps = function getStoryProps(_ref4, story, context, onStoryFnCalled) {
-  var height = _ref4.height,
-      inline = _ref4.inline;
-  var storyName = story.name,
-      parameters = story.parameters;
-  var _parameters$docs = parameters.docs,
-      docs = _parameters$docs === void 0 ? {} : _parameters$docs;
-
-  if (docs.disable) {
-    return null;
-  } // prefer block props, then story parameters defined by the framework-specific settings and optionally overridden by users
-
-
-  var _docs$inlineStories = docs.inlineStories,
-      inlineStories = _docs$inlineStories === void 0 ? false : _docs$inlineStories,
-      _docs$iframeHeight = docs.iframeHeight,
-      iframeHeight = _docs$iframeHeight === void 0 ? 100 : _docs$iframeHeight,
-      prepareForInline = docs.prepareForInline;
-  var storyIsInline = typeof inline === 'boolean' ? inline : inlineStories;
-
-  if (storyIsInline && !prepareForInline) {
-    throw new Error("Story '".concat(storyName, "' is set to render inline, but no 'prepareForInline' function is implemented in your docs configuration!"));
-  }
-
-  var boundStoryFn = function boundStoryFn() {
-    var storyResult = story.unboundStoryFn(Object.assign({}, context.getStoryContext(story), {
-      loaded: {},
-      abortSignal: undefined,
-      canvasElement: undefined
-    })); // We need to wait until the bound story function has actually been called before we
-    // consider the story rendered. Certain frameworks (i.e. angular) don't actually render
-    // the component in the very first react render cycle, and so we can't just wait until the
-    // `PureStory` component has been rendered to consider the underlying story "rendered".
-
-    onStoryFnCalled();
-    return storyResult;
-  };
-
-  return Object.assign({
-    inline: storyIsInline,
-    id: story.id,
-    height: height || (storyIsInline ? undefined : iframeHeight),
-    title: storyName
-  }, storyIsInline && {
-    parameters: parameters,
-    storyFn: function storyFn() {
-      return prepareForInline(boundStoryFn, context.getStoryContext(story));
-    }
-  });
-};
-
-exports.getStoryProps = getStoryProps;
-
-function makeGate() {
-  var open;
-  var gate = new Promise(function (r) {
-    open = r;
-  });
-  return [gate, open];
-}
-
-var Story = function Story(props) {
-  var context = (0, _react.useContext)(_DocsContext.DocsContext);
-
-  var channel = _addons.addons.getChannel();
-
-  var storyRef = (0, _react.useRef)();
-  var storyId = getStoryId(props, context);
-  var story = (0, _useStory.useStory)(storyId, context);
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      showLoader = _useState2[0],
-      setShowLoader = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var cleanup;
-
-    if (story && storyRef.current) {
-      var element = storyRef.current;
-      cleanup = context.renderStoryToElement(story, element);
-      setShowLoader(false);
-    }
-
-    return function () {
-      return cleanup && cleanup();
-    };
-  }, [story]);
-
-  var _makeGate = makeGate(),
-      _makeGate2 = _slicedToArray(_makeGate, 2),
-      storyFnRan = _makeGate2[0],
-      onStoryFnRan = _makeGate2[1];
-
-  var _makeGate3 = makeGate(),
-      _makeGate4 = _slicedToArray(_makeGate3, 2),
-      rendered = _makeGate4[0],
-      onRendered = _makeGate4[1];
-
-  (0, _react.useEffect)(onRendered);
-
-  if (!story) {
-    return /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null);
-  }
-
-  var storyProps = getStoryProps(props, story, context, onStoryFnRan);
-
-  if (!storyProps) {
-    return null;
-  }
-
-  if (storyProps.inline) {
-    var _global$FEATURES;
-
-    // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
-    // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
-    // `Preview.renderStoryToDom()` which itself emits the event.
-    if (!(_global.default !== null && _global.default !== void 0 && (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender)) {
-      // We need to wait for two things before we can consider the story rendered:
-      //  (a) React's `useEffect` hook needs to fire. This is needed for React stories, as
-      //      decorators of the form `<A><B/></A>` will not actually execute `B` in the first
-      //      call to the story function.
-      //  (b) The story function needs to actually have been called.
-      //      Certain frameworks (i.e.angular) don't actually render the component in the very first
-      //      React render cycle, so we need to wait for the framework to actually do that
-      Promise.all([storyFnRan, rendered]).then(function () {
-        channel.emit(_coreEvents.default.STORY_RENDERED, storyId);
-      });
-    } else {
-      // We do this so React doesn't complain when we replace the span in a secondary render
-      var htmlContents = "<span></span>"; // FIXME: height/style/etc. lifted from PureStory
-
-      var height = storyProps.height;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        id: storyBlockIdFromId(story.id)
-      }, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
-        components: _components.resetComponents
-      }, height ? /*#__PURE__*/_react.default.createElement("style", null, "#story--".concat(story.id, " { min-height: ").concat(height, "; transform: translateZ(0); overflow: auto }")) : null, showLoader && /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null), /*#__PURE__*/_react.default.createElement("div", {
-        ref: storyRef,
-        "data-name": story.name,
-        dangerouslySetInnerHTML: {
-          __html: htmlContents
-        }
-      })));
-    }
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: storyBlockIdFromId(story.id)
-  }, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
-    components: _components.resetComponents
-  }, /*#__PURE__*/_react.default.createElement(_components.Story, storyProps)));
-};
-
-exports.Story = Story;
-Story.defaultProps = {
-  children: null,
-  name: null
-};