Add allowDuplicates to propTypes and lint the code.

Author: leMaik

README.md

@@ -33,7 +33,7 @@ import ChipInput from 'material-ui-chip-input'
 ## Properties
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| allowDuplicates | `bool` | `false` | If true allows duplicate chips. |
+| allowDuplicates | `bool` | `false` | Allows duplicate chips if set to true. |
 | chipRenderer | `function` | | A function of the type `({ value, text, isFocused, isDisabled, handleClick, handleRequestDelete, defaultStyle }, key) => node` that returns a chip based on the given properties. This can be used to customize chip styles. |
 | clearOnBlur | `bool` | `true` | If true, clears the input value after the component loses focus. |
 | dataSource | `array` | | Data source for auto complete. |

src/ChipInput.js

@@ -343,8 +343,8 @@ class ChipInput extends React.Component {
       }
     } else {
       if (this.props.dataSourceConfig) {
-        const chips = this.state.chips.slice();
-        let changed = chips.splice(i,1) // remove the chip at index i
+        const chips = this.state.chips.slice()
+        let changed = chips.splice(i, 1) // remove the chip at index i
         if (changed) {
           this.setState({
             chips,
@@ -355,8 +355,8 @@ class ChipInput extends React.Component {
           }
         }
       } else {
-        const chips = this.state.chips.slice();
-        let changed = chips.splice(i,1) // remove the chip at index i
+        const chips = this.state.chips.slice()
+        let changed = chips.splice(i, 1) // remove the chip at index i
         if (changed) {
           this.setState({
             chips,
@@ -424,7 +424,7 @@ class ChipInput extends React.Component {
       chipRenderer = defaultChipRenderer,
       newChipKeyCodes, // eslint-disable-line no-unused-vars
       allowDuplicates, // eslint-disable-line no-unused-vars
-      ...other,
+      ...other
     } = this.props
 
     const {prepareStyles} = this.context.muiTheme
@@ -574,13 +574,15 @@ ChipInput.propTypes = {
   openOnFocus: PropTypes.bool,
   chipRenderer: PropTypes.func,
   newChipKeyCodes: PropTypes.arrayOf(PropTypes.number),
-  clearOnBlur: PropTypes.bool
+  clearOnBlur: PropTypes.bool,
+  allowDuplicates: PropTypes.bool
 }
 
 ChipInput.defaultProps = {
   filter: AutoComplete.caseInsensitiveFilter,
   newChipKeyCodes: [13],
   clearOnBlur: true,
+  allowDuplicates: false,
   underlineShow: true
 }
 

stories/index.js

@@ -215,8 +215,8 @@ storiesOf('ChipInput', module)
     </form>
   ))
    .add('with duplicates allowed', () => themed(
-    <ChipInput
-        defaultValue={['foo','bar','foo','bar']}
-        allowDuplicates
+     <ChipInput
+       defaultValue={['foo', 'bar', 'foo', 'bar']}
+       allowDuplicates
     />
 ))