@storybook/components 6.0.17 → 6.0.21

package/dist/blocks/ArgsTable/ArgRow.stories.js

@@ -7,7 +7,7 @@ require("core-js/modules/es.object.assign");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StringNoControlsCompact = exports.StringNoControls = exports.StringCompact = exports.Markdown = exports.LongEnum = exports.Enum = exports.Func = exports.ComplexObject = exports.ArrayOf = exports.ObjectOf = exports.MultiSelect = exports.Select = exports.InlineCheck = exports.Check = exports.InlineRadio = exports.Radio = exports.Range = exports.Number = exports.Date = exports.Color = exports.Boolean = exports.LongDesc = exports.LongName = exports.String = exports["default"] = void 0;
+exports.StringNoControlsCompact = exports.StringNoControls = exports.StringCompact = exports.Markdown = exports.ComplexUnion = exports.complexUnion = exports.LongEnum = exports.Enum = exports.Func = exports.ComplexObject = exports.ArrayOf = exports.ObjectOf = exports.MultiSelect = exports.Select = exports.InlineCheck = exports.Check = exports.InlineRadio = exports.Radio = exports.Range = exports.Number = exports.Date = exports.Color = exports.Boolean = exports.LongDesc = exports.LongName = exports.String = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -349,6 +349,24 @@ LongEnum.args = Object.assign(Object.assign({}, baseArgs), {}, {
     }
   }
 });
+var complexUnion = '((a: string | SVGSVGElement) => void) | RefObject<SVGSVGElement | number> | [a|b] | {a|b}';
+exports.complexUnion = complexUnion;
+var ComplexUnion = Template.bind({});
+exports.ComplexUnion = ComplexUnion;
+ComplexUnion.args = Object.assign(Object.assign({}, baseArgs), {}, {
+  row: {
+    key: 'complexUnion',
+    name: 'Complex',
+    type: {
+      required: true
+    },
+    table: {
+      type: {
+        summary: complexUnion
+      }
+    }
+  }
+});
 var Markdown = Template.bind({});
 exports.Markdown = Markdown;
 Markdown.args = Object.assign(Object.assign({}, baseArgs), {}, {

package/dist/blocks/ArgsTable/ArgValue.js

@@ -10,6 +10,8 @@ require("core-js/modules/es.symbol.iterator");
 
 require("core-js/modules/es.array.from");
 
+require("core-js/modules/es.array.includes");
+
 require("core-js/modules/es.array.is-array");
 
 require("core-js/modules/es.array.iterator");
@@ -22,12 +24,16 @@ require("core-js/modules/es.date.to-string");
 
 require("core-js/modules/es.function.name");
 
+require("core-js/modules/es.object.assign");
+
 require("core-js/modules/es.object.to-string");
 
 require("core-js/modules/es.regexp.exec");
 
 require("core-js/modules/es.regexp.to-string");
 
+require("core-js/modules/es.string.includes");
+
 require("core-js/modules/es.string.iterator");
 
 require("core-js/modules/es.string.split");
@@ -98,21 +104,27 @@ var Summary = _theming.styled.div(function (_ref) {
 });
 
 var Text = _theming.styled.span(_shared.codeCommon, function (_ref2) {
-  var theme = _ref2.theme;
-  return {
+  var theme = _ref2.theme,
+      _ref2$simple = _ref2.simple,
+      simple = _ref2$simple === void 0 ? false : _ref2$simple;
+  return Object.assign({
     flex: '0 0 auto',
     fontFamily: theme.typography.fonts.mono,
     fontSize: theme.typography.size.s1,
     wordBreak: 'break-word',
+    whiteSpace: 'normal',
+    maxWidth: '100%',
     margin: 0,
     marginRight: '4px',
     marginBottom: '4px',
     paddingTop: '2px',
     paddingBottom: '2px',
-    lineHeight: '13px',
-    whiteSpace: 'normal',
-    maxWidth: '100%'
-  };
+    lineHeight: '13px'
+  }, simple && {
+    background: 'transparent',
+    border: '0 none',
+    paddingLeft: 0
+  });
 });
 
 var ExpandButton = _theming.styled.button(function (_ref3) {
@@ -173,8 +185,11 @@ var EmptyArg = function EmptyArg() {
 EmptyArg.displayName = "EmptyArg";
 
 var ArgText = function ArgText(_ref6) {
-  var text = _ref6.text;
-  return /*#__PURE__*/_react["default"].createElement(Text, null, text);
+  var text = _ref6.text,
+      simple = _ref6.simple;
+  return /*#__PURE__*/_react["default"].createElement(Text, {
+    simple: simple
+  }, text);
 };
 
 ArgText.displayName = "ArgText";
@@ -232,6 +247,15 @@ var ArgSummary = function ArgSummary(_ref7) {
   var summaryAsString = typeof summary.toString === 'function' ? summary.toString() : summary;
 
   if (detail == null) {
+    var cannotBeSafelySplitted = /[(){}[\]<>]/.test(summaryAsString);
+
+    if (cannotBeSafelySplitted) {
+      return /*#__PURE__*/_react["default"].createElement(ArgText, {
+        text: summaryAsString,
+        simple: summaryAsString.includes('|')
+      });
+    }
+
     var summaryItems = getSummaryItems(summaryAsString);
     var itemsCount = summaryItems.length;
     var hasManyItems = itemsCount > ITEMS_BEFORE_EXPANSION;

package/dist/controls/Boolean.js

@@ -110,7 +110,7 @@ var BooleanControl = function BooleanControl(_ref2) {
     onChange: function onChange(e) {
       return _onChange(e.target.checked);
     },
-    checked: value
+    checked: value || false
   }, {
     name: name,
     onBlur: onBlur,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "6.0.17",
+  "version": "6.0.21",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -28,9 +28,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "6.0.17",
+    "@storybook/client-logger": "6.0.21",
     "@storybook/csf": "0.0.1",
-    "@storybook/theming": "6.0.17",
+    "@storybook/theming": "6.0.21",
     "@types/overlayscrollbars": "^1.9.0",
     "@types/react-color": "^3.0.1",
     "@types/react-syntax-highlighter": "11.0.4",
@@ -64,7 +64,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cfe34ef01268e3b1607c34da04efd3ed290f381c",
+  "gitHead": "fb14a86c1cbf5eb21023bf2021eecdea9c6df83d",
   "typesVersions": {
     "<=3.5": {
       "*": [