hunk.code_window: 	},
   	removeValue (value) {
   		var valueArray = this.getValueArray();
   		this.setValue(valueArray.filter(i => i !== value));
   	},
   	clearValue (event) {
   		// if the event was triggered by a mousedown and not the primary
  
hunk.labels: keep keep keep keep add keep keep keep keep
hunk.after_edit: 		this.focus();
  
hunk.file_path: src/Select.js
hunk.type: add
file: var React = require('react');
  var classes = require('classnames');
  
  var MultiValue = React.createClass({
  
  	displayName: 'MultiValue',
  
  	propTypes: {
  		disabled: React.PropTypes.bool,                   // disabled prop passed to ReactSelect
  		onOptionLabelClick: React.PropTypes.func,         // method to handle click on value label
  		onRemove: React.PropTypes.func,                   // method to handle remove of that value
  		value: React.PropTypes.object.isRequired,         // option passed to component
  	},
  
  	blockEvent (event) {
  		event.stopPropagation();
  	},
  
  	onRemove (event) {
  		this.props.onRemove(this.props.value);
  	},
  
  	renderRemoveIcon () {
  		if (this.props.disabled) return;
  		return (
  			<span className="Select-item-icon"
  				onMouseDown={this.blockEvent}
  				onClick={this.onRemove}
  				onTouchEnd={this.onRemove}>
  				&times;
  			</span>
  		);
  	},
  
  	render () {
  		// if (!this.props.onRemove && !this.props.optionLabelClick) {
  		// 	return (
  		// 		<div
  		// 			className={classes('Select-value', this.props.option.className)}
  		// 			style={this.props.option.style}
  		// 			title={this.props.option.title}
  		// 		>{label}</div>
  		// 	);
  		// }
  
  		// if (this.props.optionLabelClick) {
  		// 	label = (
  		// 		<a className={classes('Select-item-label__a', this.props.option.className)}
  		// 			onMouseDown={this.blockEvent}
  		// 			onTouchEnd={this.props.onOptionLabelClick}
  		// 			onClick={this.props.onOptionLabelClick}
  		// 			style={this.props.option.style}
  		// 			title={this.props.option.title}>
  		// 			{label}
  		// 		</a>
  		// 	);
  		// }
  
  		return (
  			<div className={classes('Select-item', this.props.value.className)}
  				style={this.props.value.style}
  				title={this.props.value.title}
  				>
  				{this.renderRemoveIcon()}
  				<span className="Select-item-label">{this.props.children}</span>
  			</div>
  		);
  	}
  
  });
  
  module.exports = MultiValue;
  