Pass the dataSource object directly in chipRenderer (#130)

* Added chip as input to chipRenderer

* Small lint

* Added chip to chipRenderer description on README.md

* Made chip input in chipRenderer a bit more clear

* Update the readme again.

Author: oktay-sen

README.md

@@ -35,7 +35,7 @@ import ChipInput from 'material-ui-chip-input'
 | --- | --- | --- | --- |
 | allowDuplicates | `bool` | `false` | Allows duplicate chips if set to true. |
 | chipContainerStyle | `object` | | Override the inline-styles of the chip container element. |
-| 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.  Each item in the `dataSource` array will be passed to `chipRenderer` as arguments `value` and `text`. If `dataSource` is an array of objects and `dataSourceConfig` is present, then `value` and `text` will instead correspond to the object values defined in `dataSourceConfig`. If `dataSourceConfig` is not set and `dataSource` is an array of objects, then a custom `chipRenderer` must be set.|
+| chipRenderer | `function` | | A function of the type `({ value, text, chip, isFocused, isDisabled, handleClick, handleRequestDelete, defaultStyle }, key) => node` that returns a chip based on the given properties. This can be used to customize chip styles.  Each item in the `dataSource` array will be passed to `chipRenderer` as arguments `chip`, `value` and `text`. If `dataSource` is an array of objects and `dataSourceConfig` is present, then `value` and `text` will instead correspond to the object values defined in `dataSourceConfig`. If `dataSourceConfig` is not set and `dataSource` is an array of objects, then a custom `chipRenderer` must be set. `chip` is always the raw value from `dataSource`, either an object or a string.|
 | clearOnBlur | `bool` | `true` | If true, clears the input value after the component loses focus. |
 | dataSource | `array` | | Data source for auto complete. This should be an array of strings or objects.|
 | dataSourceConfig | `object` | | Config for objects list dataSource, e.g. `{ text: 'text', value: 'value' }`. If not specified, the `dataSource` must be a flat array of strings or a custom `chipRenderer` must be set to handle the objects. |

src/ChipInput.js

@@ -508,6 +508,7 @@ class ChipInput extends React.Component {
               return chipRenderer({
                 value,
                 text: dataSourceConfig ? tag[dataSourceConfig.text] : tag,
+                chip: tag,
                 isDisabled: disabled,
                 isFocused: dataSourceConfig ? (this.state.focusedChip && this.state.focusedChip[dataSourceConfig.value] === value) : (this.state.focusedChip === value),
                 handleClick: () => this.setState({ focusedChip: value }),