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

package/dist/cjs/blocks/Story.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storyBlockIdFromId = exports.lookupStoryId = exports.getStoryProps = exports.getStoryId = exports.Story = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@mdx-js/react");
-
-var _components = require("@storybook/components");
-
-var _csf = require("@storybook/csf");
-
-var _types = require("./types");
-
-var _DocsContext = require("./DocsContext");
-
-var _useStory = require("./useStory");
-
-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 storyBlockIdFromId = storyId => `story--${storyId}`;
-
-exports.storyBlockIdFromId = storyBlockIdFromId;
-
-const lookupStoryId = (storyName, {
-  mdxStoryNameToKey,
-  mdxComponentAnnotations
-}) => (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[storyName]));
-
-exports.lookupStoryId = lookupStoryId;
-
-const getStoryId = (props, context) => {
-  const {
-    id
-  } = props;
-  const {
-    name
-  } = props;
-  const inputId = id === _types.CURRENT_SELECTION ? context.id : id;
-  return inputId || lookupStoryId(name, context);
-};
-
-exports.getStoryId = getStoryId;
-
-const getStoryProps = ({
-  height,
-  inline
-}, story) => {
-  const {
-    name: storyName,
-    parameters
-  } = story;
-  const {
-    docs = {}
-  } = parameters;
-
-  if (docs.disable) {
-    return null;
-  } // prefer block props, then story parameters defined by the framework-specific settings and optionally overridden by users
-
-
-  const {
-    inlineStories = false,
-    iframeHeight = 100
-  } = docs;
-  const storyIsInline = typeof inline === 'boolean' ? inline : inlineStories;
-  return Object.assign({
-    inline: storyIsInline,
-    id: story.id,
-    height: height || (storyIsInline ? undefined : iframeHeight),
-    title: storyName
-  }, storyIsInline && {
-    parameters
-  });
-};
-
-exports.getStoryProps = getStoryProps;
-
-const Story = props => {
-  const context = (0, _react.useContext)(_DocsContext.DocsContext);
-  const storyRef = (0, _react.useRef)();
-  const storyId = getStoryId(props, context);
-  const story = (0, _useStory.useStory)(storyId, context);
-  const [showLoader, setShowLoader] = (0, _react.useState)(true);
-  (0, _react.useEffect)(() => {
-    let cleanup;
-
-    if (story && storyRef.current) {
-      const element = storyRef.current;
-      cleanup = context.renderStoryToElement(story, element);
-      setShowLoader(false);
-    }
-
-    return () => cleanup && cleanup();
-  }, [story]);
-
-  if (!story) {
-    return /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null);
-  }
-
-  const storyProps = getStoryProps(props, story);
-
-  if (!storyProps) {
-    return null;
-  }
-
-  if (storyProps.inline) {
-    // We do this so React doesn't complain when we replace the span in a secondary render
-    const htmlContents = `<span></span>`; // FIXME: height/style/etc. lifted from PureStory
-
-    const {
-      height
-    } = storyProps;
-    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--${story.id} { min-height: ${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
-};

package/dist/cjs/blocks/Subheading.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Subheading = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _components = require("@storybook/components");
-
-var _mdx = require("./mdx");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Subheading = ({
-  children,
-  disableAnchor
-}) => {
-  if (disableAnchor || typeof children !== 'string') {
-    return /*#__PURE__*/_react.default.createElement(_components.H3, null, children);
-  }
-
-  const tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
-  return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
-    as: "h3",
-    id: tagID
-  }, children);
-};
-
-exports.Subheading = Subheading;

package/dist/cjs/blocks/Subtitle.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Subtitle = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("@storybook/components");
-
-var _DocsContext = require("./DocsContext");
-
-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 Subtitle = ({
-  children
-}) => {
-  const {
-    id,
-    storyById
-  } = (0, _react.useContext)(_DocsContext.DocsContext);
-  const {
-    parameters
-  } = storyById(id);
-  let text = children;
-
-  if (!text) {
-    text = parameters === null || parameters === void 0 ? void 0 : parameters.componentSubtitle;
-  }
-
-  return text ? /*#__PURE__*/_react.default.createElement(_components.Subtitle, {
-    className: "sbdocs-subtitle"
-  }, text) : null;
-};
-
-exports.Subtitle = Subtitle;

package/dist/cjs/blocks/Title.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractTitle = exports.Title = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("@storybook/components");
-
-var _DocsContext = require("./DocsContext");
-
-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 STORY_KIND_PATH_SEPARATOR = /\s*\/\s*/;
-
-const extractTitle = ({
-  title
-}) => {
-  const groups = title.trim().split(STORY_KIND_PATH_SEPARATOR);
-  return groups && groups[groups.length - 1] || title;
-};
-
-exports.extractTitle = extractTitle;
-
-const Title = ({
-  children
-}) => {
-  const context = (0, _react.useContext)(_DocsContext.DocsContext);
-  let text = children;
-
-  if (!text) {
-    text = extractTitle(context);
-  }
-
-  return text ? /*#__PURE__*/_react.default.createElement(_components.Title, {
-    className: "sbdocs-title"
-  }, text) : null;
-};
-
-exports.Title = Title;

package/dist/cjs/blocks/Wrapper.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Wrapper = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  style: {
-    fontFamily: 'sans-serif'
-  }
-}, children);
-
-exports.Wrapper = Wrapper;

package/dist/cjs/blocks/enhanceSource.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.enhanceSource = void 0;
-
-var _store = require("@storybook/store");
-
-/**
- * given a location, extract the text from the full source
- */
-function extractSource(location, lines) {
-  const {
-    startBody: start,
-    endBody: end
-  } = location;
-
-  if (start.line === end.line && lines[start.line - 1] !== undefined) {
-    return lines[start.line - 1].substring(start.col, end.col);
-  } // NOTE: storysource locations are 1-based not 0-based!
-
-
-  const startLine = lines[start.line - 1];
-  const endLine = lines[end.line - 1];
-
-  if (startLine === undefined || endLine === undefined) {
-    return null;
-  }
-
-  return [startLine.substring(start.col), ...lines.slice(start.line, end.line - 1), endLine.substring(0, end.col)].join('\n');
-} // ============================================================
-// END @storybook/source-loader/extract-source
-// ============================================================
-
-
-/**
- * Replaces full story id name like: story-kind--story-name -> story-name
- * @param id
- */
-const storyIdToSanitizedStoryName = id => id.replace(/^.*?--/, '');
-
-const extract = (targetId, {
-  source,
-  locationsMap
-}) => {
-  if (!locationsMap) {
-    return source;
-  }
-
-  const sanitizedStoryName = storyIdToSanitizedStoryName(targetId);
-  const location = locationsMap[sanitizedStoryName];
-
-  if (!location) {
-    return source;
-  }
-
-  const lines = source.split('\n');
-  return extractSource(location, lines);
-};
-
-const enhanceSource = story => {
-  var _docs$source;
-
-  const {
-    id,
-    parameters
-  } = story;
-  const {
-    storySource,
-    docs = {}
-  } = parameters;
-  const {
-    transformSource
-  } = docs; // no input or user has manually overridden the output
-
-  if (!(storySource !== null && storySource !== void 0 && storySource.source) || (_docs$source = docs.source) !== null && _docs$source !== void 0 && _docs$source.code) {
-    return null;
-  }
-
-  const input = extract(id, storySource);
-  const code = transformSource ? transformSource(input, story) : input;
-  return {
-    docs: (0, _store.combineParameters)(docs, {
-      source: {
-        code
-      }
-    })
-  };
-};
-
-exports.enhanceSource = enhanceSource;