@storybook/addon-docs 6.0.23 → 6.0.27

package/dist/frameworks/common/preset.js

@@ -103,7 +103,7 @@ function createBabelOptions(_ref) {
 }
 
 var webpackDlls = function webpackDlls(dlls, options) {
-  return options.dll ? [].concat(_toConsumableArray(dlls), ['./sb_dll/storybook_docs_dll.js']) : [];
+  return options.docsDll ? [].concat(_toConsumableArray(dlls), ['./sb_dll/storybook_docs_dll.js']) : [];
 };
 
 exports.webpackDlls = webpackDlls;
@@ -204,7 +204,7 @@ function webpack() {
     })
   });
 
-  if (options.dll) {
+  if (options.docsDll) {
     result.plugins.push(new _webpack.DllReferencePlugin({
       context: context,
       manifest: require.resolve('@storybook/core/dll/storybook_docs-manifest.json')

package/dist/frameworks/react/jsxDecorator.js

@@ -1,5 +1,9 @@
 "use strict";
 
+require("core-js/modules/es.symbol");
+
+require("core-js/modules/es.symbol.description");
+
 require("core-js/modules/es.array.for-each");
 
 require("core-js/modules/es.array.join");
@@ -88,12 +92,23 @@ var renderJsx = function renderJsx(code, options) {
     }
   }
 
-  var opts = typeof options.displayName === 'string' ? Object.assign(Object.assign({}, options), {}, {
+  var displayNameDefaults = typeof options.displayName === 'string' ? {
     showFunctions: true,
     displayName: function displayName() {
       return options.displayName;
     }
-  }) : options;
+  } : {
+    // To get exotic component names resolving properly
+    displayName: function displayName(el) {
+      return el.type.displayName || (el.type.name !== '_default' ? el.type.name : null) || (typeof el.type === 'function' ? 'No Display Name' : null) || (el.type.$$typeof === Symbol["for"]('react.forward_ref') ? el.type.render.name : null) || (el.type.$$typeof === Symbol["for"]('react.memo') ? el.type.type.name : null) || el.type;
+    }
+  };
+  var filterDefaults = {
+    filterProps: function filterProps(value, key) {
+      return value !== undefined;
+    }
+  };
+  var opts = Object.assign(Object.assign(Object.assign({}, displayNameDefaults), filterDefaults), options);
 
   var result = _react["default"].Children.map(code, function (c) {
     // @ts-ignore FIXME: workaround react-element-to-jsx-string

package/dist/frameworks/react/jsxDecorator.test.js

@@ -60,6 +60,20 @@ describe('renderJsx', function () {
       "data-val": arr
     }), {})).toMatchInlineSnapshot("\n      <div\n        data-val={[\n          'item 0',\n          'item 1',\n          'item 2',\n          'item 3',\n          'item 4',\n          'item 5',\n          'item 6',\n          'item 7',\n          'item 8',\n          'item 9',\n          'item 10',\n          'item 11',\n          'item 12',\n          'item 13',\n          'item 14',\n          'item 15',\n          'item 16',\n          'item 17',\n          'item 18',\n          'item 19'\n        ]}\n       />\n    ");
   });
+  it('forwardRef component', function () {
+    var MyExoticComponent = _react["default"].forwardRef(function MyExoticComponent(props, _ref) {
+      return /*#__PURE__*/_react["default"].createElement("div", null, props.children);
+    });
+
+    expect((0, _jsxDecorator.renderJsx)( /*#__PURE__*/_react["default"].createElement(MyExoticComponent, null, "I'm forwardRef!"), {})).toMatchInlineSnapshot("\n        <MyExoticComponent>\n          I'm forwardRef!\n        </MyExoticComponent>\n      ");
+  });
+  it('memo component', function () {
+    var MyMemoComponent = _react["default"].memo(function MyMemoComponent(props) {
+      return /*#__PURE__*/_react["default"].createElement("div", null, props.children);
+    });
+
+    expect((0, _jsxDecorator.renderJsx)( /*#__PURE__*/_react["default"].createElement(MyMemoComponent, null, "I'm memo!"), {})).toMatchInlineSnapshot("\n      <MyMemoComponent>\n        I'm memo!\n      </MyMemoComponent>\n    ");
+  });
 }); // @ts-ignore
 
 var makeContext = function makeContext(name, parameters, args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.0.23",
+  "version": "6.0.27",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -47,18 +47,18 @@
     "@mdx-js/loader": "^1.5.1",
     "@mdx-js/mdx": "^1.5.1",
     "@mdx-js/react": "^1.5.1",
-    "@storybook/addons": "6.0.23",
-    "@storybook/api": "6.0.23",
-    "@storybook/client-api": "6.0.23",
-    "@storybook/client-logger": "6.0.23",
-    "@storybook/components": "6.0.23",
-    "@storybook/core": "6.0.23",
-    "@storybook/core-events": "6.0.23",
+    "@storybook/addons": "6.0.27",
+    "@storybook/api": "6.0.27",
+    "@storybook/client-api": "6.0.27",
+    "@storybook/client-logger": "6.0.27",
+    "@storybook/components": "6.0.27",
+    "@storybook/core": "6.0.27",
+    "@storybook/core-events": "6.0.27",
     "@storybook/csf": "0.0.1",
-    "@storybook/node-logger": "6.0.23",
-    "@storybook/postinstall": "6.0.23",
-    "@storybook/source-loader": "6.0.23",
-    "@storybook/theming": "6.0.23",
+    "@storybook/node-logger": "6.0.27",
+    "@storybook/postinstall": "6.0.27",
+    "@storybook/source-loader": "6.0.27",
+    "@storybook/theming": "6.0.27",
     "acorn": "^7.1.0",
     "acorn-jsx": "^5.1.0",
     "acorn-walk": "^7.0.0",
@@ -83,8 +83,8 @@
     "@babel/core": "^7.9.6",
     "@emotion/core": "^10.0.20",
     "@emotion/styled": "^10.0.17",
-    "@storybook/react": "6.0.23",
-    "@storybook/web-components": "6.0.23",
+    "@storybook/react": "6.0.27",
+    "@storybook/web-components": "6.0.27",
     "@types/cross-spawn": "^6.0.1",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.3",
@@ -95,7 +95,7 @@
     "@types/tmp": "^0.1.0",
     "@types/util-deprecate": "^1.0.0",
     "babel-loader": "^8.0.6",
-    "babel-plugin-react-docgen": "^4.1.0",
+    "babel-plugin-react-docgen": "^4.2.1",
     "cross-spawn": "^7.0.1",
     "fs-extra": "^9.0.0",
     "jest": "^26.0.0",
@@ -144,7 +144,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7299b834c6ba4f3a8f6ab5a53d3f34ba982ca7f6",
+  "gitHead": "1aa25de4b1a9eb5570f3e4814780378810b6ca04",
   "typesVersions": {
     "<=3.5": {
       "*": [