PropTypes.arrayOf support (#20).

Author: sapegin

.babelrc

@@ -0,0 +1,3 @@
+{
+	"stage": 0
+}

.eslintrc

@@ -205,6 +205,8 @@
 	},
 	"globals": {
 		"describe": false,
-		"it": false
+		"it": false,
+		"expect": false,
+		"expectReactShallow": false
 	}
 }

mochasetup.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { expect } from 'chai';
+import expectReactShallow from 'expect-react-shallow';
+import 'css-modules-require-hook';
+
+global.React = React;
+global.expect = expect;
+global.expectReactShallow = expectReactShallow;

package.json

@@ -30,7 +30,7 @@
   "dependencies": {
     "babel-core": "5.8.30",
     "babel-loader": "5.3.2",
-    "babel-plugin-react-display-name": "~2.0.0",
+    "babel-plugin-react-display-name": "2.0.0",
     "babel-plugin-react-transform": "1.1.1",
     "chalk": "1.1.1",
     "codemirror": "5.8.0",
@@ -62,15 +62,20 @@
     "react": ">=0.14.0"
   },
   "devDependencies": {
+    "babel-core": "~5.8.30",
     "babel-eslint": "4.1.3",
     "chai": "~3.4.1",
+    "css-modules-require-hook": "~2.0.2",
     "eslint": "1.7.3",
     "eslint-plugin-react": "3.6.3",
+    "expect-react-shallow": "~1.0.0",
     "gulp": "3.9.0",
     "gulp-gh-pages": "0.5.4",
     "mocha": "~2.3.3",
-    "react": "0.14.0",
-    "react-dom": "0.14.0"
+    "postcss-modules-extract-imports": "~1.0.0",
+    "postcss-modules-scope": "~1.0.0",
+    "react": "~0.14.2",
+    "react-dom": "~0.14.2"
   },
   "scripts": {
     "test": "npm run lint && npm run mocha && npm run build",

src/components/Props/Props.js

@@ -19,7 +19,7 @@ export default class Props extends Component {
 			rows.push(
 				<tr key={name}>
 					<td className={s.cell}><code>{name}</code></td>
-					<td className={s.cell}><code>{prop.type.name}</code></td>
+					<td className={s.cell}><code>{this.renderType(prop.type)}</code></td>
 					<td className={s.cell}>{this.renderDefault(prop)}</td>
 					<td className={s.cell + ' ' + s.cellDesc}>{this.renderDescription(prop)}</td>
 				</tr>
@@ -28,6 +28,17 @@ export default class Props extends Component {
 		return rows;
 	}
 
+	renderType(type) {
+		let { name } = type;
+		switch (name) {
+			case 'arrayOf':
+				return `${type.value.name}[]`;
+			case 'instanceOf':
+				return type.value;
+		}
+		return name;
+	}
+
 	renderDefault(prop) {
 		if (prop.required) {
 			return '';
@@ -77,20 +88,7 @@ export default class Props extends Component {
 		}
 		let values = prop.type.value.map((value) => (
 			<li className={s.listItem} key={value.name}>
-				<code>
-				{(() => {
-					switch (value.name) {
-						case 'arrayOf':
-							return `arrayOf ${value.value.name}`;
-
-						case 'instanceOf':
-							return `instanceOf ${value.value}`;
-
-						default:
-							return value.name;
-					}
-				})()}
-				</code>
+				<code>{this.renderType(value)}</code>
 			</li>
 		));