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

package/dist/cjs/blocks/index.js

@@ -3,364 +3,16 @@
 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");
+var _blocks = require("@storybook/blocks");
 
-Object.keys(_mdx).forEach(function (key) {
+Object.keys(_blocks).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;
+  if (key in exports && exports[key] === _blocks[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _mdx[key];
+      return _blocks[key];
     }
   });
 });

package/dist/cjs/preset.js

@@ -29,7 +29,7 @@ function createBabelOptions({
   mdxBabelOptions,
   configureJSX
 }) {
-  const babelPlugins = (mdxBabelOptions === null || mdxBabelOptions === void 0 ? void 0 : mdxBabelOptions.plugins) || (babelOptions === null || babelOptions === void 0 ? void 0 : babelOptions.plugins) || [];
+  const babelPlugins = mdxBabelOptions?.plugins || babelOptions?.plugins || [];
   const jsxPlugin = [require.resolve('@babel/plugin-transform-react-jsx'), {
     pragma: 'React.createElement',
     pragmaFrag: 'React.Fragment'
@@ -45,8 +45,6 @@ function createBabelOptions({
 }
 
 async function webpack(webpackConfig = {}, options) {
-  var _global$FEATURES, _global$FEATURES2;
-
   const resolvedBabelLoader = require.resolve('babel-loader');
 
   const {
@@ -67,11 +65,11 @@ async function webpack(webpackConfig = {}, options) {
     skipCsf: true,
     remarkPlugins: [_remarkSlug.default, _remarkExternalLinks.default]
   };
-  const mdxVersion = (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.previewMdx2 ? 'MDX2' : 'MDX1';
+  const mdxVersion = _global.default.FEATURES?.previewMdx2 ? 'MDX2' : 'MDX1';
 
   _nodeLogger.logger.info(`Addon-docs: using ${mdxVersion}`);
 
-  const mdxLoader = (_global$FEATURES2 = _global.default.FEATURES) !== null && _global$FEATURES2 !== void 0 && _global$FEATURES2.previewMdx2 ? require.resolve('@storybook/mdx2-csf/loader') : require.resolve('@storybook/mdx1-csf/loader'); // set `sourceLoaderOptions` to `null` to disable for manual configuration
+  const mdxLoader = _global.default.FEATURES?.previewMdx2 ? require.resolve('@storybook/mdx2-csf/loader') : require.resolve('@storybook/mdx1-csf/loader'); // set `sourceLoaderOptions` to `null` to disable for manual configuration
 
   const sourceLoader = sourceLoaderOptions ? [{
     test: /\.(stories|story)\.[tj]sx?$/,
@@ -84,11 +82,7 @@ async function webpack(webpackConfig = {}, options) {
   let rules = module.rules || [];
 
   if (transcludeMarkdown) {
-    rules = [...rules.filter(rule => {
-      var _rule$test;
-
-      return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) !== '/\\.md$/';
-    }), {
+    rules = [...rules.filter(rule => rule.test?.toString() !== '/\\.md$/'), {
       test: /\.md$/,
       use: [{
         loader: resolvedBabelLoader,
@@ -140,13 +134,11 @@ async function webpack(webpackConfig = {}, options) {
 
 const storyIndexers = async indexers => {
   const mdxIndexer = async (fileName, opts) => {
-    var _global$FEATURES3;
-
     let code = (await _fsExtra.default.readFile(fileName, 'utf-8')).toString(); // @ts-ignore
 
     const {
       compile
-    } = (_global$FEATURES3 = _global.default.FEATURES) !== null && _global$FEATURES3 !== void 0 && _global$FEATURES3.previewMdx2 ? await Promise.resolve().then(() => _interopRequireWildcard(require('@storybook/mdx2-csf'))) : await Promise.resolve().then(() => _interopRequireWildcard(require('@storybook/mdx1-csf')));
+    } = _global.default.FEATURES?.previewMdx2 ? await Promise.resolve().then(() => _interopRequireWildcard(require('@storybook/mdx2-csf'))) : await Promise.resolve().then(() => _interopRequireWildcard(require('@storybook/mdx1-csf')));
     code = await compile(code, {});
     return (0, _csfTools.loadCsf)(code, Object.assign({}, opts, {
       fileName

package/dist/cjs/preview.js

@@ -11,8 +11,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const parameters = {
   docs: {
-    getContainer: async () => (await Promise.resolve().then(() => _interopRequireWildcard(require('./blocks')))).DocsContainer,
-    getPage: async () => (await Promise.resolve().then(() => _interopRequireWildcard(require('./blocks')))).DocsPage
+    renderer: async () => {
+      const {
+        DocsRenderer
+      } = await Promise.resolve().then(() => _interopRequireWildcard(require('./blocks')));
+      return new DocsRenderer();
+    }
   }
 };
 exports.parameters = parameters;

package/dist/esm/blocks/index.js

@@ -1,24 +1 @@
-export { ColorPalette, ColorItem, IconGallery, IconItem, Typeset } from '@storybook/components';
-export * from './Anchor';
-export * from './ArgsTable';
-export * from './Canvas';
-export * from './Description';
-export * from './DocsContext';
-export * from './DocsPage';
-export * from './DocsContainer';
-export * from './DocsStory';
-export * from './Heading';
-export * from './Meta';
-export * from './Preview';
-export * from './Primary';
-export * from './Props';
-export * from './Source';
-export * from './SourceContainer';
-export * from './Stories';
-export * from './Story';
-export * from './Subheading';
-export * from './Subtitle';
-export * from './Title';
-export * from './Wrapper';
-export * from './types';
-export * from './mdx';
+export * from '@storybook/blocks';

package/dist/esm/preview.js

@@ -1,6 +1,10 @@
 export const parameters = {
   docs: {
-    getContainer: async () => (await import('./blocks')).DocsContainer,
-    getPage: async () => (await import('./blocks')).DocsPage
+    renderer: async () => {
+      const {
+        DocsRenderer
+      } = await import('./blocks');
+      return new DocsRenderer();
+    }
   }
 };

package/dist/types/blocks/index.d.ts

@@ -1,24 +1 @@
-export { ColorPalette, ColorItem, IconGallery, IconItem, Typeset } from '@storybook/components';
-export * from './Anchor';
-export * from './ArgsTable';
-export * from './Canvas';
-export * from './Description';
-export * from './DocsContext';
-export * from './DocsPage';
-export * from './DocsContainer';
-export * from './DocsStory';
-export * from './Heading';
-export * from './Meta';
-export * from './Preview';
-export * from './Primary';
-export * from './Props';
-export * from './Source';
-export * from './SourceContainer';
-export * from './Stories';
-export * from './Story';
-export * from './Subheading';
-export * from './Subtitle';
-export * from './Title';
-export * from './Wrapper';
-export * from './types';
-export * from './mdx';
+export * from '@storybook/blocks';

package/dist/types/preview.d.ts

@@ -1,6 +1 @@
-export declare const parameters: {
-    docs: {
-        getContainer: () => Promise<import("react").FunctionComponent<import("./blocks").DocsContainerProps<import("@storybook/csf").AnyFramework>>>;
-        getPage: () => Promise<import("react").FC<{}>>;
-    };
-};
+export declare const parameters: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.0.0-alpha.5",
+  "version": "7.0.0-alpha.8",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -52,21 +52,22 @@
     "@babel/preset-env": "^7.12.11",
     "@jest/transform": "^26.6.2",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addons": "7.0.0-alpha.5",
-    "@storybook/api": "7.0.0-alpha.5",
-    "@storybook/components": "7.0.0-alpha.5",
-    "@storybook/core-common": "7.0.0-alpha.5",
-    "@storybook/core-events": "7.0.0-alpha.5",
+    "@storybook/addons": "7.0.0-alpha.8",
+    "@storybook/api": "7.0.0-alpha.8",
+    "@storybook/blocks": "7.0.0-alpha.8",
+    "@storybook/components": "7.0.0-alpha.8",
+    "@storybook/core-common": "7.0.0-alpha.8",
+    "@storybook/core-events": "7.0.0-alpha.8",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/csf-tools": "7.0.0-alpha.5",
-    "@storybook/docs-tools": "7.0.0-alpha.5",
+    "@storybook/csf-tools": "7.0.0-alpha.8",
+    "@storybook/docs-tools": "7.0.0-alpha.8",
     "@storybook/mdx1-csf": "^0.0.1",
-    "@storybook/node-logger": "7.0.0-alpha.5",
-    "@storybook/postinstall": "7.0.0-alpha.5",
-    "@storybook/preview-web": "7.0.0-alpha.5",
-    "@storybook/source-loader": "7.0.0-alpha.5",
-    "@storybook/store": "7.0.0-alpha.5",
-    "@storybook/theming": "7.0.0-alpha.5",
+    "@storybook/node-logger": "7.0.0-alpha.8",
+    "@storybook/postinstall": "7.0.0-alpha.8",
+    "@storybook/preview-web": "7.0.0-alpha.8",
+    "@storybook/source-loader": "7.0.0-alpha.8",
+    "@storybook/store": "7.0.0-alpha.8",
+    "@storybook/theming": "7.0.0-alpha.8",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
@@ -101,7 +102,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3dd46982823b34d9f37be917b6247631081feff7",
+  "gitHead": "24725501c32a073cebc6bf2674a47357136fbe3a",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",

package/dist/cjs/blocks/Anchor.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.anchorBlockIdFromId = exports.Anchor = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const anchorBlockIdFromId = storyId => `anchor--${storyId}`;
-
-exports.anchorBlockIdFromId = anchorBlockIdFromId;
-
-const Anchor = ({
-  storyId,
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  id: anchorBlockIdFromId(storyId)
-}, children);
-
-exports.Anchor = Anchor;