Knobs: allow arrays in object knob proptypes

addons/knobs/README.md

@@ -157,7 +157,7 @@ const value = color(label, defaultValue);
 
 ### object
 
-Allows you to get a JSON object from the user.
+Allows you to get a JSON object or array from the user.
 
 ```js
 import { object } from '@storybook/addon-knobs';
@@ -174,7 +174,7 @@ const value = object(label, defaultValue);
 
 ### array
 
-Allows you to get an array from the user.
+Allows you to get an array of strings from the user.
 
 ```js
 import { array } from '@storybook/addon-knobs';

addons/knobs/src/components/types/Object.js

@@ -88,7 +88,7 @@ ObjectType.defaultProps = {
 ObjectType.propTypes = {
   knob: PropTypes.shape({
     name: PropTypes.string,
-    value: PropTypes.object,
+    value: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   }),
   onChange: PropTypes.func,
 };

examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap

@@ -1285,6 +1285,25 @@ exports[`Storyshots Button with knobs 1`] = `
     My birthday is: 
     January 20, 2017
   </p>
+  <p>
+    I have 
+    2
+     children:
+  </p>
+  <ol>
+    <li>
+      Jane
+      , 
+      13
+       years old
+    </li>
+    <li>
+      John
+      , 
+      8
+       years old
+    </li>
+  </ol>
   <p>
     My wallet contains: $
     12.50

examples/cra-kitchen-sink/src/stories/index.js

@@ -99,6 +99,16 @@ storiesOf('Button', module)
       padding: '10px',
     });
     const nice = boolean('Nice', true);
+    const children = object('Children', [
+      {
+        name: 'Jane',
+        age: 13,
+      },
+      {
+        name: 'John',
+        age: 8,
+      },
+    ]);
 
     // NOTE: put this last because it currently breaks everything after it :D
     const birthday = date('Birthday', new Date('Jan 20 2017'));
@@ -116,6 +126,16 @@ storiesOf('Button', module)
         <p>
           My birthday is: {new Date(birthday).toLocaleDateString('en-US', dateOptions)}
         </p>
+        <p>
+          I have {children.length} children:
+        </p>
+        <ol>
+          {children.map(child =>
+            <li key={child.name}>
+              {child.name}, {child.age} years old
+            </li>
+          )}
+        </ol>
         <p>
           My wallet contains: ${dollars.toFixed(2)}
         </p>