Build version 1.0.0-rc.3.patch4

Author: Trevor Burnham

bower.json

@@ -4,7 +4,7 @@
  "dist/react-select-plus.min.js",
  "dist/react-select-plus.min.css"
  ],
- "version": "1.0.0-rc.3.patch3",
+ "version": "1.0.0-rc.3.patch4",
  "homepage": "https://github.com/HubSpot/react-select-plus",
  "authors": [
  "Trevor Burnham"

dist/react-select-plus.js

@@ -297,6 +297,10 @@ function reduce(obj) {
 var AsyncCreatable = _react2['default'].createClass({
 displayName: 'AsyncCreatableSelect',
 
+focus: function focus() {
+this.select.focus();
+},
+
 render: function render() {
 var _this = this;
 
@@ -314,6 +318,7 @@ var AsyncCreatable = _react2['default'].createClass({
 return asyncProps.onInputChange(input);
 },
 ref: function (ref) {
+_this.select = ref;
 creatableProps.ref(ref);
 asyncProps.ref(ref);
 }
@@ -555,6 +560,10 @@ var Creatable = _react2['default'].createClass({
 }
 },
 
+focus: function focus() {
+this.select.focus();
+},
+
 render: function render() {
 var _this = this;
 
@@ -1004,6 +1013,7 @@ var Select = _react2['default'].createClass({
 
 propTypes: {
 addLabelText: _react2['default'].PropTypes.string, // placeholder displayed when you want to add a label on a multi-value input
+'aria-describedby': _react2['default'].PropTypes.string, // HTML ID(s) of element(s) that should be used to describe this input (for assistive tech)
 'aria-label': _react2['default'].PropTypes.string, // Aria label (for assistive tech)
 'aria-labelledby': _react2['default'].PropTypes.string, // HTML ID of an element that should be used as the label (for assistive tech)
 arrowRenderer: _react2['default'].PropTypes.func, // Create drop-down caret element
@@ -1887,6 +1897,7 @@ var Select = _react2['default'].createClass({
 'aria-owns': ariaOwns,
 'aria-haspopup': '' + isOpen,
 'aria-activedescendant': isOpen ? this._instancePrefix + '-option-' + focusedOptionIndex : this._instancePrefix + '-value',
+'aria-describedby': this.props['aria-describedby'],
 'aria-labelledby': this.props['aria-labelledby'],
 'aria-label': this.props['aria-label'],
 className: className,

dist/react-select-plus.min.js

@@ -294,6 +294,10 @@ function reduce(obj) {
 var AsyncCreatable = _react2['default'].createClass({
 displayName: 'AsyncCreatableSelect',
 
+focus: function focus() {
+this.select.focus();
+},
+
 render: function render() {
 var _this = this;
 
@@ -311,6 +315,7 @@ var AsyncCreatable = _react2['default'].createClass({
 return asyncProps.onInputChange(input);
 },
 ref: function (ref) {
+_this.select = ref;
 creatableProps.ref(ref);
 asyncProps.ref(ref);
 }
@@ -550,6 +555,10 @@ var Creatable = _react2['default'].createClass({
 }
 },
 
+focus: function focus() {
+this.select.focus();
+},
+
 render: function render() {
 var _this = this;
 
@@ -1304,6 +1313,7 @@ var Select = _react2['default'].createClass({
 
 propTypes: {
 addLabelText: _react2['default'].PropTypes.string, // placeholder displayed when you want to add a label on a multi-value input
+'aria-describedby': _react2['default'].PropTypes.string, // HTML ID(s) of element(s) that should be used to describe this input (for assistive tech)
 'aria-label': _react2['default'].PropTypes.string, // Aria label (for assistive tech)
 'aria-labelledby': _react2['default'].PropTypes.string, // HTML ID of an element that should be used as the label (for assistive tech)
 arrowRenderer: _react2['default'].PropTypes.func, // Create drop-down caret element
@@ -2187,6 +2197,7 @@ var Select = _react2['default'].createClass({
 'aria-owns': ariaOwns,
 'aria-haspopup': '' + isOpen,
 'aria-activedescendant': isOpen ? this._instancePrefix + '-option-' + focusedOptionIndex : this._instancePrefix + '-value',
+'aria-describedby': this.props['aria-describedby'],
 'aria-labelledby': this.props['aria-labelledby'],
 'aria-label': this.props['aria-label'],
 className: className,