⭐ add support for focus() on Async which passes through to Select

zulily · Oct 23, 2016 · 91c5041 · 91c5041
1 parent b1c4cc0
commit 91c5041
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 7 deletions.
diff --git a/dist/react-select.js b/dist/react-select.js
@@ -189,6 +189,13 @@ var Async = (function (_Component) {
 				onInputChange: this._onInputChange
 			}));
 		}
+	}, {
+		key: 'focus',
+		value: function focus() {
+			if (this.refs.select !== null) {
+				this.refs.select.focus();
+			}
+		}
 	}]);
 
 	return Async;
@@ -200,7 +207,7 @@ Async.propTypes = propTypes;
 Async.defaultProps = defaultProps;
 
 function defaultChildren(props) {
-	return _react2['default'].createElement(_Select2['default'], props);
+	return _react2['default'].createElement(_Select2['default'], _extends({}, props, { ref: 'select' }));
 };
 module.exports = exports['default'];
 

diff --git a/dist/react-select.min.js b/dist/react-select.min.js
diff --git a/examples/dist/bundle.js b/examples/dist/bundle.js
@@ -188,6 +188,13 @@ var Async = (function (_Component) {
 				onInputChange: this._onInputChange
 			}));
 		}
+	}, {
+		key: 'focus',
+		value: function focus() {
+			if (this.refs.select !== null) {
+				this.refs.select.focus();
+			}
+		}
 	}]);
 
 	return Async;
@@ -199,7 +206,7 @@ Async.propTypes = propTypes;
 Async.defaultProps = defaultProps;
 
 function defaultChildren(props) {
-	return _react2['default'].createElement(_Select2['default'], props);
+	return _react2['default'].createElement(_Select2['default'], _extends({}, props, { ref: 'select' }));
 };
 module.exports = exports['default'];
 

diff --git a/examples/dist/standalone.js b/examples/dist/standalone.js
@@ -189,6 +189,13 @@ var Async = (function (_Component) {
 				onInputChange: this._onInputChange
 			}));
 		}
+	}, {
+		key: 'focus',
+		value: function focus() {
+			if (this.refs.select !== null) {
+				this.refs.select.focus();
+			}
+		}
 	}]);
 
 	return Async;
@@ -200,7 +207,7 @@ Async.propTypes = propTypes;
 Async.defaultProps = defaultProps;
 
 function defaultChildren(props) {
-	return _react2['default'].createElement(_Select2['default'], props);
+	return _react2['default'].createElement(_Select2['default'], _extends({}, props, { ref: 'select' }));
 };
 module.exports = exports['default'];
 

diff --git a/lib/Async.js b/lib/Async.js
@@ -187,6 +187,13 @@ var Async = (function (_Component) {
 				onInputChange: this._onInputChange
 			}));
 		}
+	}, {
+		key: 'focus',
+		value: function focus() {
+			if (this.refs.select !== null) {
+				this.refs.select.focus();
+			}
+		}
 	}]);
 
 	return Async;
@@ -198,6 +205,6 @@ Async.propTypes = propTypes;
 Async.defaultProps = defaultProps;
 
 function defaultChildren(props) {
-	return _react2['default'].createElement(_Select2['default'], props);
+	return _react2['default'].createElement(_Select2['default'], _extends({}, props, { ref: 'select' }));
 };
 module.exports = exports['default'];
diff --git a/src/Async.js b/src/Async.js
@@ -148,13 +148,20 @@ export default class Async extends Component {
 			onInputChange: this._onInputChange
 		});
 	}
+
+  focus () {
+    if(this.refs.select !== null) {
+      this.refs.select.focus();
+    }
+  }
 }
 
+
 Async.propTypes = propTypes;
 Async.defaultProps = defaultProps;
 
 function defaultChildren (props) {
 	return (
-		<Select {...props} />
+		<Select {...props} ref="select"/>
 	);
 };