@kadira/react-storybook-addon-info - npm Package Compare versions

Comparing version 3.1.2 to 3.1.3

CHANGELOG.md

 # Change Log
 
+### v3.1.3
+* Fix wrong detection of propType when isRequired is set [PR49](https://github.com/kadirahq/react-storybook-addon-info/pull/49)
+* Add displayName for Button [PR51](https://github.com/kadirahq/react-storybook-addon-info/pull/51)
+
+### v3.1.2
+* Fixed a bug which made the `info` to not display and the `options` parameter to be ignored when `info` is not given.[PR45](https://github.com/kadirahq/react-storybook-addon-info/pull/45)
+
 ### v3.1.1
@@ -4,0 +11,0 @@

dist/components/PropTable.js

@@ -52,2 +52,3 @@ 'use strict';
   PropTypesMap.set(type, typeName);
+  PropTypesMap.set(type.isRequired, typeName);
 }
@@ -54,0 +55,0 @@

example/Button.js

@@ -9,9 +9,12 @@ import React from 'react';
 
-Button.propTypes = {
-  label: React.PropTypes.string.isRequired,
-  style: React.PropTypes.object,
-  disabled: React.PropTypes.bool,
-  onClick: React.PropTypes.func,
-};
+Object.assign(Button, {
+  displayName: 'Button',
+  propTypes: {
+    label: React.PropTypes.string.isRequired,
+    style: React.PropTypes.object,
+    disabled: React.PropTypes.bool,
+    onClick: React.PropTypes.func,
+  },
+});
 
 export default Button;

package.json

 {
   "name": "@kadira/react-storybook-addon-info",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "A React Storybook addon to show additional information for your stories.",
@@ -5,0 +5,0 @@ "repository": {

src/components/PropTable.js

 import React from 'react';
-import PropVal from './PropVal'
+import PropVal from './PropVal';
 
 const PropTypesMap = new Map();
-for (let typeName in React.PropTypes) {
+for (const typeName in React.PropTypes) {
   if (!React.PropTypes.hasOwnProperty(typeName)) {
-    continue
+    continue;
   }
   const type = React.PropTypes[typeName];
   PropTypesMap.set(type, typeName);
+  PropTypesMap.set(type.isRequired, typeName);
 }
@@ -18,7 +19,7 @@
     borderCollapse: 'separate',
-  }
+  },
 };
 
 export default class PropTable extends React.Component {
-  render () {
+  render() {
     const type = this.props.type;
@@ -33,5 +34,5 @@
     if (type.propTypes) {
-      for (let property in type.propTypes) {
+      for (const property in type.propTypes) {
         if (!type.propTypes.hasOwnProperty(property)) {
-          continue
+          continue;
         }
@@ -41,3 +42,3 @@ const typeInfo = type.propTypes[property];
         const required = typeInfo.isRequired === undefined ? 'yes' : 'no';
-        props[property] = {property, propType, required};
+        props[property] = { property, propType, required };
       }
@@ -47,5 +48,5 @@ }
     if (type.defaultProps) {
-      for (let property in type.defaultProps) {
+      for (const property in type.defaultProps) {
         if (!type.defaultProps.hasOwnProperty(property)) {
-          continue
+          continue;
         }
@@ -57,3 +58,3 @@ const value = type.defaultProps[property];
         if (!props[property]) {
-          props[property] = {property};
+          props[property] = { property };
         }
@@ -88,3 +89,3 @@ props[property].defaultValue = value;
               <td>{row.required}</td>
-              <td>{row.defaultValue === undefined  ? '-' : <PropVal val={row.defaultValue} />}</td>
+              <td>{row.defaultValue === undefined ? '-' : <PropVal val={row.defaultValue} />}</td>
             </tr>
@@ -100,3 +101,3 @@ ))}
 PropTable.propTypes = {
-  type: React.PropTypes.func
+  type: React.PropTypes.func,
 };

No alert changes

Improved metrics

Total package byte prevSize

375859

increased by0.16%

Lines of code

2443

increased by0.21%

No dependency changes