fix(components): corrected issue with wrong prop type declared (#15)

- allowedAttributes prop type was declared as an object when it excpects an array

Author: robertfyffe

README.md

@@ -114,14 +114,12 @@ To install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com)
       This attribute is `['p']` by default. */
   }
   allowedAttributes={
-    {
-      a: ['href']
-    }
+    []
     /* Array of allowed HTML attributes for editor.
       All attributes disabled` by default. */
   }
   onFocus={
-    (resp) => console.log('onFocus!', resp)
+    resp => console.log('onFocus!', resp)
     /* Function that will be run when the editor gains focus. 
       An object will be returned with the following structure:
       { 
@@ -131,7 +129,7 @@ To install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com)
     */
   }
   onBlur={
-    (resp) => console.log('onBlur!', resp)
+    resp => console.log('onBlur!', resp)
     /* Function that will be run when the editor looses focus.
       An object will be returned with the following structure:
       { 
@@ -141,7 +139,7 @@ To install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com)
     */
   }
   onInput={
-    (resp) => console.log('onInput!', resp)
+    resp => console.log('onInput!', resp)
     /* Function that will be run when text is inputted.
       An object will be returned with the following structure:
       { 

examples/advanced/app.js

@@ -52,12 +52,10 @@ const App = () => (
     placeholder={'Placeholder text...'}
     disabled={false}
     allowedTags={['p']}
-    allowedAttributes={{
-      a: ['href']
-    }}
-    onFocus={(resp) => console.log(resp)}
-    onBlur={(resp) => console.log(resp)}
-    onInput={(resp) => console.log(resp)}
+    allowedAttributes={['style']}
+    onFocus={resp => console.log(resp)}
+    onBlur={resp => console.log(resp)}
+    onInput={resp => console.log(resp)}
   />
 );
 

specs/Editor.spec.js

@@ -19,7 +19,7 @@ export default () => {
     props.theme.should.be.eql({});
     props.role.should.be.eql('textbox');
     props.placeholder.should.be.eql('Placeholder text...');
-    props.allowedAttributes.should.be.eql({});
+    props.allowedAttributes.should.be.eql([]);
     props.allowedTags.should.be.eql(['p']);
     props.disabled.should.not.be.ok();
 

src/editor/defaultProps.js

@@ -5,7 +5,7 @@ export default {
     theme: {},
     role: 'textbox',
     placeholder: 'Placeholder text...',
-    allowedAttributes: {},
+    allowedAttributes: [],
     allowedTags: ['p'],
     disabled: false,
     isGhost: false,

src/editor/propTypes.js

@@ -7,7 +7,7 @@ export default {
     aria: PropTypes.object,
     role: PropTypes.string,
     placeholder: PropTypes.string,
-    allowedAttributes: PropTypes.object,
+    allowedAttributes: PropTypes.array,
     allowedTags: PropTypes.array,
     disabled: PropTypes.bool,
     isGhost: PropTypes.bool,