Adding built files

dist/react-select.js

@@ -41,6 +41,8 @@ var Select = React.createClass({
 		matchPos: React.PropTypes.string, // (any|start) match the start or entire string when filtering
 		matchProp: React.PropTypes.string, // (any|label|value) which option property to filter on
 		inputProps: React.PropTypes.object, // custom attributes for the Input (in the Select-control) e.g: {'data-foo': 'bar'}
+		createable: React.PropTypes.bool, // whether a new option can be created by giving a name
+		createText: React.PropTypes.string, // text to be displayed after the new option
 
 		/*
   * Allow user to make option label clickable. When this handler is defined we should
@@ -73,6 +75,8 @@ var Select = React.createClass({
 			matchPos: "any",
 			matchProp: "any",
 			inputProps: {},
+			createable: false,
+			createText: "(create new)",
 
 			onOptionLabelClick: undefined
 		};
@@ -393,6 +397,8 @@ var Select = React.createClass({
 			}, this._bindCloseMenuIfClickedOutside);
 		} else {
 			var filteredOptions = this.filterOptions(this.state.options);
+			filteredOptions = this.addCreateOption(filteredOptions, event.target.value);
+
 			this.setState({
 				isOpen: true,
 				inputValue: event.target.value,
@@ -414,6 +420,7 @@ var Select = React.createClass({
 			if (this._optionsCache[cacheKey] && (input === cacheKey || this._optionsCache[cacheKey].complete)) {
 				var options = this._optionsCache[cacheKey].options;
 				var filteredOptions = this.filterOptions(options);
+				filteredOptions = this.addCreateOption(filteredOptions, input);
 
 				this.setState(_.extend({
 					options: options,
@@ -434,6 +441,7 @@ var Select = React.createClass({
 				return;
 			}
 			var filteredOptions = this.filterOptions(data.options);
+			filteredOptions = this.addCreateOption(filteredOptions, input);
 
 			this.setState(_.extend({
 				options: data.options,
@@ -581,6 +589,17 @@ var Select = React.createClass({
 		}
 	},
 
+	addCreateOption: function addCreateOption(options, input) {
+		options = _.cloneDeep(options);
+		if (this.props.createable && input && !_.findWhere(options, { label: input })) {
+			options.push({
+				value: input,
+				label: input + " " + this.props.createText
+			});
+		}
+		return options;
+	},
+
 	render: function render() {
 		var selectClass = classes("Select", this.props.className, {
 			"is-multi": this.props.multi,