@storybook/addon-info - npm Package Compare versions

Comparing version 3.1.5 to 3.1.6

dist/components/Props.js

@@ -107,6 +107,3 @@ 'use strict';
 Props.propTypes = {
-  node: _propTypes2.default.shape({
-    props: _propTypes2.default.object,
-    type: _propTypes2.default.node.isRequired
-  }).isRequired,
+  node: _propTypes2.default.node.isRequired,
   singleLine: _propTypes2.default.bool,
@@ -113,0 +110,0 @@ maxPropsIntoLine: _propTypes2.default.number.isRequired,

dist/components/Story.js

@@ -213,13 +213,5 @@ 'use strict';
         null,
+        this._renderInlineHeader(),
         _react2.default.createElement(
           'div',
-          { style: this.state.stylesheet.infoPage },
-          _react2.default.createElement(
-            'div',
-            { style: this.state.stylesheet.infoBody },
-            this._getInfoHeader()
-          )
-        ),
-        _react2.default.createElement(
-          'div',
           null,
@@ -243,2 +235,17 @@ this._renderStory()
   }, {
+    key: '_renderInlineHeader',
+    value: function _renderInlineHeader() {
+      var infoHeader = this._getInfoHeader();
+
+      return infoHeader && _react2.default.createElement(
+        'div',
+        { style: this.state.stylesheet.infoPage },
+        _react2.default.createElement(
+          'div',
+          { style: this.state.stylesheet.infoBody },
+          infoHeader
+        )
+      );
+    }
+  }, {
     key: '_renderOverlay',
@@ -245,0 +252,0 @@ value: function _renderOverlay() {

package.json

 {
   "name": "@storybook/addon-info",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "description": "A Storybook addon to show additional information for your stories.",
@@ -17,3 +17,3 @@ "license": "MIT",
   "dependencies": {
-    "@storybook/addons": "^3.1.5",
+    "@storybook/addons": "^3.1.6",
     "babel-runtime": "^6.23.0",
@@ -20,0 +20,0 @@ "global": "^4.3.2",

README.md

@@ -58,2 +58,19 @@ # Storybook Info Addon
 
+To customize your defaults:
+
+```js
+// config.js
+import infoAddon, { setDefaults } from '@storybook/addon-info';
+
+// addon-info
+setDefaults({
+  inline: true,
+  maxPropsIntoLine: 1,
+  maxPropObjectKeys: 10,
+  maxPropArrayLength: 10,
+  maxPropStringLength: 100,
+});
+setAddon(infoAddon);
+```
+
 ## The FAQ
@@ -60,0 +77,0 @@

src/components/Props.js

@@ -64,6 +64,3 @@ import React from 'react';
 Props.propTypes = {
-  node: PropTypes.shape({
-    props: PropTypes.object,
-    type: PropTypes.node.isRequired,
-  }).isRequired,
+  node: PropTypes.node.isRequired,
   singleLine: PropTypes.bool,
@@ -70,0 +67,0 @@ maxPropsIntoLine: PropTypes.number.isRequired,

src/components/Story.js

@@ -128,7 +128,3 @@ /* eslint no-underscore-dangle: 0 */
       <div>
-        <div style={this.state.stylesheet.infoPage}>
-          <div style={this.state.stylesheet.infoBody}>
-            {this._getInfoHeader()}
-          </div>
-        </div>
+        {this._renderInlineHeader()}
         <div>
@@ -149,2 +145,15 @@ {this._renderStory()}
 
+  _renderInlineHeader() {
+    const infoHeader = this._getInfoHeader();
+
+    return (
+      infoHeader &&
+      <div style={this.state.stylesheet.infoPage}>
+        <div style={this.state.stylesheet.infoBody}>
+          {infoHeader}
+        </div>
+      </div>
+    );
+  }
+
   _renderOverlay() {
@@ -151,0 +160,0 @@ const linkStyle = {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

282822

increased by0.15%

Lines of code

2813

increased by0.25%

Number of lines in readme file

81

increased by26.56%

Dependency changes

• Updated@storybook/addons@^3.1.6