react-select-input-v2 1.0.7 → 1.0.8-react16

package/umd/{react-select-input.js → react-select-input-v2.js}

@@ -1,5 +1,5 @@
 /*!
- * react-select-input v1.0.6 - https://samrith-s.github.io/react-select-input
+ * react-select-input-v2 v1.0.8-react16
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -74,7 +74,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -87,13 +87,33 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
 /* 1 */
 /***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
+if (true) {
+  var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
+    Symbol.for &&
+    Symbol.for('react.element')) ||
+    0xeac7;
+
+  var isValidElement = function(object) {
+    return typeof object === 'object' &&
+      object !== null &&
+      object.$$typeof === REACT_ELEMENT_TYPE;
+  };
 
-if (false) {
-  module.exports = require('./cjs/react-is.production.min.js');
+  // By explicitly using `prop-types` you are opting into new development behavior.
+  // http://fb.me/prop-types-in-prod
+  var throwOnDirectAccess = true;
+  module.exports = __webpack_require__(5)(isValidElement, throwOnDirectAccess);
 } else {
-  module.exports = __webpack_require__(9);
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  module.exports = require('./factoryWithThrowingShims')();
 }
 
 
@@ -118,20 +138,13 @@ module.exports = ReactPropTypesSecret;
 
 /***/ }),
 /* 3 */
-/***/ (function(module, exports) {
-
-module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-
-
-/***/ }),
-/* 4 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(5);
+module.exports = __webpack_require__(4);
 
 
 /***/ }),
-/* 5 */
+/* 4 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -139,8 +152,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return SelectInput; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_autosize_textarea__ = __webpack_require__(6);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_autosize_textarea___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_autosize_textarea__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_autosize_textarea__ = __webpack_require__(8);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_autosize_textarea___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react_autosize_textarea__);
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -189,7 +206,6 @@ var SelectInput = function (_Component) {
       if (_this.props.collapseOnSelect) state = _this.setIsOpen(state, false);
       state = _this.manipState(state, 'searchMatchOptions', _this.matchingOptions(_this.props.options, state.value));
       _this.setState(state);
-
       if (_this.isFunction(_this.props.onSelect)) _this.props.onSelect(option);
     };
 
@@ -202,14 +218,11 @@ var SelectInput = function (_Component) {
       var state = _this.manipState(_this.state, 'value', event.target.value);
       state = _this.manipState(state, 'searchMatchOptions', _this.matchingOptions(_this.props.options, event.target.value));
       state = _this.setIsOpen(state, true);
-
       if (!state.value) {
         state = _this.manipState(state, 'currentOption', -1);
         state = _this.manipState(state, 'selectedOption', null);
       }
-
       if (_this.isFunction(_this.props.onChange)) _this.props.onChange(event);
-
       _this.setState(state);
     };
 
@@ -217,7 +230,6 @@ var SelectInput = function (_Component) {
       var state = _this.setIsOpen(_this.state, true);
       state = _this.manipState(state, 'searchMatchOptions', _this.matchingOptions(_this.props.options, event.target.value));
       _this.setState(state);
-
       if (_this.isFunction(_this.props.onFocus)) _this.props.onFocus(event);
     };
 
@@ -228,65 +240,47 @@ var SelectInput = function (_Component) {
       state = _this.manipState(state, 'currentOption', -1);
       state = _this.manipState(state, 'selectedOption', null);
       _this.setState(state);
-
       if (_this.isFunction(_this.props.onClear)) _this.props.onClear();
     };
 
     _this.handleBlur = function (event) {
       if (_this.props.collapseOnBlur) {
-        var state = _this.setIsOpen(_this.state, false);
-        _this.setState(state);
+        _this.setState(_this.setIsOpen(_this.state, false));
       }
-
       if (_this.isFunction(_this.props.onBlur)) _this.props.onBlur(event);
     };
 
     _this.handleKeyUp = function (event) {
-      if (event.key === 'Enter' && _this.state.currentOption > -1) {
-        _this.handleSelect(_this.pickOption());
-      } else if (event.key === 'Enter' && _this.state.currentOption === -1) {
-        _this.handleSelect(_this.pickOption());
-      }
-
-      if (event.key === 'Escape' && _this.props.collapseOnEscape) {
-        _this.setState(_this.setIsOpen(_this.state, false));
-      }
-
+      if (event.key === 'Enter' && _this.state.currentOption > -1) _this.handleSelect(_this.pickOption());
+      if (event.key === 'Escape' && _this.props.collapseOnEscape) _this.setState(_this.setIsOpen(_this.state, false));
       if (_this.isFunction(_this.props.onKeyUp)) _this.props.onKeyUp(event);
     };
 
     _this.handleKeyDown = function (event) {
       if (event.key === 'Enter' && _this.props.disableEnter) event.preventDefault();
-
-      if (event.key === 'Escape' && _this.props.collapseOnEscape) {
-        var state = _this.setIsOpen(_this.state, false);
-        _this.setState(state);
-      }
-
-      _this.handleOptionNavigation(event);
-
+      if (event.key === 'Escape' && _this.props.collapseOnEscape) _this.setState(_this.setIsOpen(_this.state, false));
       if (_this.isFunction(_this.props.onKeyDown)) _this.props.onKeyDown(event);
+      _this.handleOptionNavigation(event);
     };
 
     _this.handleOptionNavigation = function (event) {
       var state = {};
       var currentOption = _this.state.currentOption;
 
-      if (event.key === 'ArrowUp' || event.key === 'ArrowDown' && _this.disableEnter) event.preventDefault();
+      if (event.key === 'ArrowUp' || event.key === 'ArrowDown') event.preventDefault();
 
       if (event.key === 'ArrowUp' && currentOption === -1 && _this.props.openUp) currentOption = _this.state.searchMatchOptions.length;
 
       if (_this.props.openUp) {
-        if (event.key === 'ArrowDown') {
-          if (currentOption > -1) currentOption++;else currentOption = -1;
-        } else if (event.key === 'ArrowUp') currentOption--;
+        if (event.key === 'ArrowDown') currentOption = currentOption > -1 ? currentOption + 1 : -1;else if (event.key === 'ArrowUp') currentOption--;
       } else {
         if (event.key === 'ArrowDown') currentOption++;else if (event.key === 'ArrowUp') currentOption--;
       }
 
-      if (currentOption < -1) currentOption = -1;else if (currentOption > _this.state.searchMatchOptions.length - 1 && !_this.props.openUp) currentOption = _this.state.searchMatchOptions.length - 1;else if (currentOption > _this.state.searchMatchOptions.length - 1 && _this.props.openUp) currentOption = -1;
+      if (currentOption < -1) currentOption = -1;else if (currentOption > _this.state.searchMatchOptions.length - 1) currentOption = _this.state.searchMatchOptions.length - 1;
 
       state = _this.manipState(_this.state, 'currentOption', currentOption);
+
       var optionRef = currentOption > -1 ? _this['option-' + _this.state.searchMatchOptions[currentOption][_this.props.valueKey]] : null;
       if (optionRef) optionRef.scrollIntoViewIfNeeded(false);
 
@@ -298,12 +292,12 @@ var SelectInput = function (_Component) {
       var searchValue = value.replace(/\s/g, '');
       var searchOptions = [];
 
-      if (options && options.length > 0 && value) searchOptions = options.filter(function (option, index) {
-        var regexp = new RegExp(searchValue, 'gi');
-        var value = option[_this.props.valueKey] || '';
+      if (options && options.length > 0 && value) searchOptions = options.filter(function (option) {
+        var val = option[_this.props.valueKey] || '';
         var label = option[_this.props.labelKey] || '';
-        return regexp.test(label.replace(/\s/g, '')) || regexp.test(value.replace(/\s/g, ''));
-      });else searchOptions = options.slice(0, options.length);
+        var regexp = new RegExp(searchValue, 'gi');
+        return regexp.test(label.replace(/\s/g, '')) || regexp.test(val.replace(/\s/g, ''));
+      });else searchOptions = options.slice();
 
       if (_this.props.openUp) searchOptions.reverse();
 
@@ -318,15 +312,13 @@ var SelectInput = function (_Component) {
     };
 
     _this.setIsOpen = function (state, show) {
-      return Object.assign({}, state, {
-        isOpen: show || false
-      });
+      return _extends({}, state, { isOpen: show || false });
     };
 
     _this.manipState = function (state, key, value) {
-      var _Object$assign;
+      var _extends2;
 
-      return Object.assign({}, state, (_Object$assign = {}, _Object$assign[key] = value, _Object$assign));
+      return _extends({}, state, (_extends2 = {}, _extends2[key] = value, _extends2));
     };
 
     _this.isFunction = function (obj) {
@@ -334,7 +326,7 @@ var SelectInput = function (_Component) {
     };
 
     _this.handleOutsideClick = function (event) {
-      if (!_this.ris.contains(event.target) && _this.props.collapseOnBlur) _this.setState(_this.setIsOpen(_this.state, false));
+      if (_this.ris && !_this.ris.contains(event.target) && _this.props.collapseOnBlur) _this.setState({ isOpen: false });
     };
 
     _this.state = {
@@ -353,9 +345,10 @@ var SelectInput = function (_Component) {
 
   SelectInput.prototype.componentDidUpdate = function componentDidUpdate() {
     if (this.props.openUp && this.state.currentOption === -1 && this.state.isOpen && !this.state.selectedOption) {
-      this.options.scrollTop = this.options.scrollHeight;
+      if (this.options) this.options.scrollTop = this.options.scrollHeight;
     } else if (this.props.openUp && this.state.selectedOption && this.state.isOpen) {
-      this['option-' + this.state.selectedOption].scrollIntoViewIfNeeded(true);
+      var ref = this['option-' + this.state.selectedOption];
+      if (ref && ref.scrollIntoViewIfNeeded) ref.scrollIntoViewIfNeeded(true);
     }
   };
 
@@ -363,21 +356,11 @@ var SelectInput = function (_Component) {
     document.removeEventListener('click', this.handleOutsideClick);
   };
 
-  /*
-    Various renderers
-  */
+  // ======= 渲染选项 =======
 
-  /*
-    Handle different events
-  */
 
-  /*
-    Searching function
-  */
+  // ======= 事件处理 =======
 
-  /*
-    Various helpers
-  */
 
   SelectInput.prototype.render = function render() {
     var _this2 = this;
@@ -392,7 +375,7 @@ var SelectInput = function (_Component) {
         },
         style: this.props.style
       },
-      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_autosize_textarea___default.a, {
+      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_autosize_textarea___default.a, {
         className: 'ris-input',
         value: this.state.value !== null ? this.state.value : this.props.value,
         placeholder: this.props.placeholder,
@@ -406,481 +389,69 @@ var SelectInput = function (_Component) {
           return _this2.input = ref;
         }
       }),
-      this.props.clearable ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
+      this.props.clearable && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
         'div',
         { className: 'ris-clearable', onClick: this.handleClear },
         'x'
-      ) : null,
-      this.state.isOpen ? this.state.searchMatchOptions.length > 0 ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
+      ),
+      this.state.isOpen && this.state.searchMatchOptions.length > 0 && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
         'div',
         { className: 'ris-options', ref: function ref(_ref3) {
             return _this2.options = _ref3;
           } },
         this.renderOptions(this.state.searchMatchOptions)
-      ) : this.props.noOptions ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
-        'div',
-        { className: 'ris-options ris-no-options' },
-        this.props.noOptions
-      ) : null : null
+      )
     );
   };
 
-  return SelectInput;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
-
-
-
-
-SelectInput.defaultProps = {
-  uniqueKey: 'react-select-input', //String
-  style: null, //Object
-  ref: null, //Function
-  value: '', //String
-  valueKey: 'value', //String
-  labelKey: 'label', //String
-  placeholder: 'Enter text', //String
-  className: '', //String
-  openUp: false, //Boolean
-  disableEnter: true, //Boolean
-  collapseOnBlur: true, //Boolean
-  collapseOnEscape: true, //Boolean
-  collapseOnSelect: true, //Boolean
-  autoFocus: true, //Boolean
-  clearable: true, //Boolean
-  options: [], //Array
-  onChange: undefined, //Function
-  onSelect: undefined, //Function
-  onFocus: undefined, //Function
-  onBlur: undefined, //Function
-  onKeyUp: undefined, //Function
-  onKeyDown: undefined, //Function
-  onClear: undefined, //Function
-  noOptions: undefined //JSX
-};
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = undefined;
-
-var _TextareaAutosize = __webpack_require__(7);
-
-var _TextareaAutosize2 = _interopRequireDefault(_TextareaAutosize);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _TextareaAutosize2.default;
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = undefined;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _class, _temp2;
-
-var _react = __webpack_require__(0);
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = __webpack_require__(8);
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _autosize = __webpack_require__(13);
-
-var _autosize2 = _interopRequireDefault(_autosize);
-
-var _lineHeight = __webpack_require__(14);
-
-var _lineHeight2 = _interopRequireDefault(_lineHeight);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var UPDATE = 'autosize:update',
-    DESTROY = 'autosize:destroy',
-    RESIZED = 'autosize:resized';
-
-/** A light replacement for built-in textarea component
- * which automaticaly adjusts its height to match the content
- * @param onResize - called whenever the textarea resizes
- * @param rows - minimum number of visible rows
- * @param maxRows - maximum number of visible rows
- * @param innerRef - called with the ref to the DOM node
- */
-var TextareaAutosize = (_temp2 = _class = function (_React$Component) {
-  _inherits(TextareaAutosize, _React$Component);
-
-  function TextareaAutosize() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, TextareaAutosize);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TextareaAutosize.__proto__ || Object.getPrototypeOf(TextareaAutosize)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      lineHeight: null
-    }, _this.dispatchEvent = function (EVENT_TYPE) {
-      var event = document.createEvent('Event');
-      event.initEvent(EVENT_TYPE, true, false);
-
-      _this.textarea.dispatchEvent(event);
-    }, _this.getValue = function (_ref2) {
-      var valueLink = _ref2.valueLink,
-          value = _ref2.value;
-      return valueLink ? valueLink.value : value;
-    }, _this.updateLineHeight = function () {
-      _this.setState({
-        lineHeight: (0, _lineHeight2.default)(_this.textarea)
-      });
-    }, _this.onChange = function (e) {
-      _this.currentValue = e.target.value;
-      _this.props.onChange && _this.props.onChange(e);
-    }, _this.saveDOMNodeRef = function (ref) {
-      var innerRef = _this.props.innerRef;
-
-
-      if (innerRef) {
-        innerRef(ref);
-      }
-
-      _this.textarea = ref;
-    }, _this.getLocals = function () {
-      var _this2 = _this,
-          _this2$props = _this2.props,
-          onResize = _this2$props.onResize,
-          maxRows = _this2$props.maxRows,
-          onChange = _this2$props.onChange,
-          style = _this2$props.style,
-          innerRef = _this2$props.innerRef,
-          props = _objectWithoutProperties(_this2$props, ['onResize', 'maxRows', 'onChange', 'style', 'innerRef']),
-          lineHeight = _this2.state.lineHeight,
-          saveDOMNodeRef = _this2.saveDOMNodeRef;
-
-      var maxHeight = maxRows && lineHeight ? lineHeight * maxRows : null;
-
-      return _extends({}, props, {
-        saveDOMNodeRef: saveDOMNodeRef,
-        style: maxHeight ? _extends({}, style, { maxHeight: maxHeight }) : style,
-        onChange: _this.onChange
-      });
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(TextareaAutosize, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      var _this3 = this;
-
-      var _props = this.props,
-          onResize = _props.onResize,
-          maxRows = _props.maxRows;
-
-
-      if (typeof maxRows === 'number') {
-        this.updateLineHeight();
-
-        // this trick is needed to force "autosize" to activate the scrollbar
-        setTimeout(function () {
-          return (0, _autosize2.default)(_this3.textarea);
-        });
-      } else {
-        (0, _autosize2.default)(this.textarea);
-      }
-
-      if (onResize) {
-        this.textarea.addEventListener(RESIZED, this.props.onResize);
-      }
-    }
-  }, {
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      if (this.props.onResize) {
-        this.textarea.removeEventListener(RESIZED, this.props.onResize);
-      }
-      this.dispatchEvent(DESTROY);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _getLocals = this.getLocals(),
-          children = _getLocals.children,
-          saveDOMNodeRef = _getLocals.saveDOMNodeRef,
-          locals = _objectWithoutProperties(_getLocals, ['children', 'saveDOMNodeRef']);
-
-      return _react2.default.createElement(
-        'textarea',
-        _extends({}, locals, { ref: saveDOMNodeRef }),
-        children
-      );
-    }
-  }, {
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate() {
-      if (this.getValue(this.props) !== this.currentValue) {
-        this.dispatchEvent(UPDATE);
-      }
-    }
-  }]);
-
-  return TextareaAutosize;
-}(_react2.default.Component), _class.defaultProps = {
-  rows: 1
-}, _temp2);
-exports.default = TextareaAutosize;
-
-
-TextareaAutosize.propTypes = {
-  rows: _propTypes2.default.number,
-  maxRows: _propTypes2.default.number,
-  onResize: _propTypes2.default.func,
-  innerRef: _propTypes2.default.func
-};
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (true) {
-  var ReactIs = __webpack_require__(1);
-
-  // By explicitly using `prop-types` you are opting into new development behavior.
-  // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess = true;
-  module.exports = __webpack_require__(10)(ReactIs.isElement, throwOnDirectAccess);
-} else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  module.exports = require('./factoryWithThrowingShims')();
-}
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-
-
-if (true) {
-  (function() {
-'use strict';
-
-// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-// nor polyfill, then a plain number is used for performance.
-var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-// (unstable) APIs that have been removed. Can we remove the symbols?
-
-var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
-var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
-
-function isValidElementType(type) {
-  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-}
-
-function typeOf(object) {
-  if (typeof object === 'object' && object !== null) {
-    var $$typeof = object.$$typeof;
-
-    switch ($$typeof) {
-      case REACT_ELEMENT_TYPE:
-        var type = object.type;
-
-        switch (type) {
-          case REACT_ASYNC_MODE_TYPE:
-          case REACT_CONCURRENT_MODE_TYPE:
-          case REACT_FRAGMENT_TYPE:
-          case REACT_PROFILER_TYPE:
-          case REACT_STRICT_MODE_TYPE:
-          case REACT_SUSPENSE_TYPE:
-            return type;
-
-          default:
-            var $$typeofType = type && type.$$typeof;
-
-            switch ($$typeofType) {
-              case REACT_CONTEXT_TYPE:
-              case REACT_FORWARD_REF_TYPE:
-              case REACT_LAZY_TYPE:
-              case REACT_MEMO_TYPE:
-              case REACT_PROVIDER_TYPE:
-                return $$typeofType;
-
-              default:
-                return $$typeof;
-            }
-
-        }
-
-      case REACT_PORTAL_TYPE:
-        return $$typeof;
-    }
-  }
-
-  return undefined;
-} // AsyncMode is deprecated along with isAsyncMode
-
-var AsyncMode = REACT_ASYNC_MODE_TYPE;
-var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-var ContextConsumer = REACT_CONTEXT_TYPE;
-var ContextProvider = REACT_PROVIDER_TYPE;
-var Element = REACT_ELEMENT_TYPE;
-var ForwardRef = REACT_FORWARD_REF_TYPE;
-var Fragment = REACT_FRAGMENT_TYPE;
-var Lazy = REACT_LAZY_TYPE;
-var Memo = REACT_MEMO_TYPE;
-var Portal = REACT_PORTAL_TYPE;
-var Profiler = REACT_PROFILER_TYPE;
-var StrictMode = REACT_STRICT_MODE_TYPE;
-var Suspense = REACT_SUSPENSE_TYPE;
-var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
-
-function isAsyncMode(object) {
-  {
-    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
-    }
-  }
-
-  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-}
-function isConcurrentMode(object) {
-  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-}
-function isContextConsumer(object) {
-  return typeOf(object) === REACT_CONTEXT_TYPE;
-}
-function isContextProvider(object) {
-  return typeOf(object) === REACT_PROVIDER_TYPE;
-}
-function isElement(object) {
-  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-}
-function isForwardRef(object) {
-  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-}
-function isFragment(object) {
-  return typeOf(object) === REACT_FRAGMENT_TYPE;
-}
-function isLazy(object) {
-  return typeOf(object) === REACT_LAZY_TYPE;
-}
-function isMemo(object) {
-  return typeOf(object) === REACT_MEMO_TYPE;
-}
-function isPortal(object) {
-  return typeOf(object) === REACT_PORTAL_TYPE;
-}
-function isProfiler(object) {
-  return typeOf(object) === REACT_PROFILER_TYPE;
-}
-function isStrictMode(object) {
-  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-}
-function isSuspense(object) {
-  return typeOf(object) === REACT_SUSPENSE_TYPE;
-}
-
-exports.AsyncMode = AsyncMode;
-exports.ConcurrentMode = ConcurrentMode;
-exports.ContextConsumer = ContextConsumer;
-exports.ContextProvider = ContextProvider;
-exports.Element = Element;
-exports.ForwardRef = ForwardRef;
-exports.Fragment = Fragment;
-exports.Lazy = Lazy;
-exports.Memo = Memo;
-exports.Portal = Portal;
-exports.Profiler = Profiler;
-exports.StrictMode = StrictMode;
-exports.Suspense = Suspense;
-exports.isAsyncMode = isAsyncMode;
-exports.isConcurrentMode = isConcurrentMode;
-exports.isContextConsumer = isContextConsumer;
-exports.isContextProvider = isContextProvider;
-exports.isElement = isElement;
-exports.isForwardRef = isForwardRef;
-exports.isFragment = isFragment;
-exports.isLazy = isLazy;
-exports.isMemo = isMemo;
-exports.isPortal = isPortal;
-exports.isProfiler = isProfiler;
-exports.isStrictMode = isStrictMode;
-exports.isSuspense = isSuspense;
-exports.isValidElementType = isValidElementType;
-exports.typeOf = typeOf;
-  })();
-}
+  return SelectInput;
+}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
+
+
+
+
+SelectInput.defaultProps = {
+  uniqueKey: 'react-select-input',
+  value: '',
+  valueKey: 'value',
+  labelKey: 'label',
+  placeholder: 'Enter text',
+  openUp: false,
+  disableEnter: true,
+  collapseOnBlur: true,
+  collapseOnEscape: true,
+  collapseOnSelect: true,
+  autoFocus: true,
+  clearable: true,
+  options: []
+};
 
+SelectInput.propTypes = {
+  uniqueKey: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
+  value: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
+  valueKey: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
+  labelKey: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
+  placeholder: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
+  openUp: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  disableEnter: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  collapseOnBlur: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  collapseOnEscape: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  collapseOnSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  autoFocus: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  clearable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
+  options: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
+  onChange: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  onSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  onFocus: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  onBlur: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  onKeyUp: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  onKeyDown: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  onClear: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
+  noOptions: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node
+};
 
 /***/ }),
-/* 10 */
+/* 5 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -893,12 +464,10 @@ exports.typeOf = typeOf;
 
 
 
-var ReactIs = __webpack_require__(1);
-var assign = __webpack_require__(11);
+var assign = __webpack_require__(6);
 
 var ReactPropTypesSecret = __webpack_require__(2);
-var has = __webpack_require__(3);
-var checkPropTypes = __webpack_require__(12);
+var checkPropTypes = __webpack_require__(7);
 
 var printWarning = function() {};
 
@@ -1000,7 +569,6 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
   // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
   var ReactPropTypes = {
     array: createPrimitiveTypeChecker('array'),
-    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
     func: createPrimitiveTypeChecker('function'),
     number: createPrimitiveTypeChecker('number'),
@@ -1011,7 +579,6 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
     any: createAnyTypeChecker(),
     arrayOf: createArrayOfTypeChecker,
     element: createElementTypeChecker(),
-    elementType: createElementTypeTypeChecker(),
     instanceOf: createInstanceTypeChecker,
     node: createNodeChecker(),
     objectOf: createObjectOfTypeChecker,
@@ -1046,9 +613,8 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
    * is prohibitively expensive if they are created too often, such as what
    * happens in oneOfType() for any type before the one that matched.
    */
-  function PropTypeError(message, data) {
+  function PropTypeError(message) {
     this.message = message;
-    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
   }
   // Make `instanceof Error` still work for returned errors.
@@ -1083,7 +649,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
           ) {
             printWarning(
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
               'You may be seeing this warning due to a third-party PropTypes ' +
               'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -1122,10 +688,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
         // 'of type `object`'.
         var preciseType = getPreciseType(propValue);
 
-        return new PropTypeError(
-          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
-          {expectedType: expectedType}
-        );
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
       }
       return null;
     }
@@ -1169,18 +732,6 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
     return createChainableTypeChecker(validate);
   }
 
-  function createElementTypeTypeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      if (!ReactIs.isValidElementType(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
   function createInstanceTypeChecker(expectedClass) {
     function validate(props, propName, componentName, location, propFullName) {
       if (!(props[propName] instanceof expectedClass)) {
@@ -1195,16 +746,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 
   function createEnumTypeChecker(expectedValues) {
     if (!Array.isArray(expectedValues)) {
-      if (true) {
-        if (arguments.length > 1) {
-          printWarning(
-            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
-            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
-          );
-        } else {
-          printWarning('Invalid argument supplied to oneOf, expected an array.');
-        }
-      }
+       true ? printWarning('Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
       return emptyFunctionThatReturnsNull;
     }
 
@@ -1216,14 +758,8 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
         }
       }
 
-      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-        var type = getPreciseType(value);
-        if (type === 'symbol') {
-          return String(value);
-        }
-        return value;
-      });
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+      var valuesString = JSON.stringify(expectedValues);
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
     }
     return createChainableTypeChecker(validate);
   }
@@ -1239,7 +775,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
       }
       for (var key in propValue) {
-        if (has(propValue, key)) {
+        if (propValue.hasOwnProperty(key)) {
           var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
           if (error instanceof Error) {
             return error;
@@ -1269,19 +805,14 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
     }
 
     function validate(props, propName, componentName, location, propFullName) {
-      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-        if (checkerResult == null) {
+        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
           return null;
         }
-        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
-          expectedTypes.push(checkerResult.data.expectedType);
-        }
       }
-      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
     }
     return createChainableTypeChecker(validate);
   }
@@ -1296,13 +827,6 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
     return createChainableTypeChecker(validate);
   }
 
-  function invalidValidatorError(componentName, location, propFullName, key, type) {
-    return new PropTypeError(
-      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
-      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
-    );
-  }
-
   function createShapeTypeChecker(shapeTypes) {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -1312,8 +836,8 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
       }
       for (var key in shapeTypes) {
         var checker = shapeTypes[key];
-        if (typeof checker !== 'function') {
-          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        if (!checker) {
+          continue;
         }
         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
         if (error) {
@@ -1332,18 +856,16 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
       if (propType !== 'object') {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
-      // We need to check all keys in case some are required but missing from props.
+      // We need to check all keys in case some are required but missing from
+      // props.
       var allKeys = assign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
-        if (has(shapeTypes, key) && typeof checker !== 'function') {
-          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-        }
         if (!checker) {
           return new PropTypeError(
             'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
@@ -1410,11 +932,6 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
       return true;
     }
 
-    // falsy value can't be a Symbol
-    if (!propValue) {
-      return false;
-    }
-
     // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
     if (propValue['@@toStringTag'] === 'Symbol') {
       return true;
@@ -1489,7 +1006,6 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
   }
 
   ReactPropTypes.checkPropTypes = checkPropTypes;
-  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
   ReactPropTypes.PropTypes = ReactPropTypes;
 
   return ReactPropTypes;
@@ -1497,7 +1013,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 
 
 /***/ }),
-/* 11 */
+/* 6 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1594,7 +1110,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 
 
 /***/ }),
-/* 12 */
+/* 7 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1612,7 +1128,6 @@ var printWarning = function() {};
 if (true) {
   var ReactPropTypesSecret = __webpack_require__(2);
   var loggedTypeFailures = {};
-  var has = __webpack_require__(3);
 
   printWarning = function(text) {
     var message = 'Warning: ' + text;
@@ -1624,7 +1139,7 @@ if (true) {
       // This error was thrown as a convenience so that you can use this stack
       // to find the callsite that caused this warning to fire.
       throw new Error(message);
-    } catch (x) { /**/ }
+    } catch (x) {}
   };
 }
 
@@ -1642,7 +1157,7 @@ if (true) {
 function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
   if (true) {
     for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
+      if (typeSpecs.hasOwnProperty(typeSpecName)) {
         var error;
         // Prop type validation may throw. In case they do, we don't want to
         // fail the render phase where it didn't fail before. So we log it.
@@ -1653,8 +1168,7 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
           if (typeof typeSpecs[typeSpecName] !== 'function') {
             var err = Error(
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
-              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
             );
             err.name = 'Invariant Violation';
             throw err;
@@ -1671,7 +1185,8 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
             'You may have forgotten to pass an argument to the type checker ' +
             'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
             'shape all require an argument).'
-          );
+          )
+
         }
         if (error instanceof Error && !(error.message in loggedTypeFailures)) {
           // Only monitor this failure once because there tends to be a lot of the
@@ -1689,22 +1204,219 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
   }
 }
 
-/**
- * Resets warning cache when testing.
- *
- * @private
+module.exports = checkPropTypes;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _TextareaAutosize = __webpack_require__(9);
+
+var _TextareaAutosize2 = _interopRequireDefault(_TextareaAutosize);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _TextareaAutosize2.default;
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _class, _temp2;
+
+var _react = __webpack_require__(0);
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = __webpack_require__(1);
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _autosize = __webpack_require__(10);
+
+var _autosize2 = _interopRequireDefault(_autosize);
+
+var _lineHeight = __webpack_require__(11);
+
+var _lineHeight2 = _interopRequireDefault(_lineHeight);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var UPDATE = 'autosize:update',
+    DESTROY = 'autosize:destroy',
+    RESIZED = 'autosize:resized';
+
+/** A light replacement for built-in textarea component
+ * which automaticaly adjusts its height to match the content
+ * @param onResize - called whenever the textarea resizes
+ * @param rows - minimum number of visible rows
+ * @param maxRows - maximum number of visible rows
+ * @param innerRef - called with the ref to the DOM node
  */
-checkPropTypes.resetWarningCache = function() {
-  if (true) {
-    loggedTypeFailures = {};
+var TextareaAutosize = (_temp2 = _class = function (_React$Component) {
+  _inherits(TextareaAutosize, _React$Component);
+
+  function TextareaAutosize() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    _classCallCheck(this, TextareaAutosize);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TextareaAutosize.__proto__ || Object.getPrototypeOf(TextareaAutosize)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+      lineHeight: null
+    }, _this.dispatchEvent = function (EVENT_TYPE) {
+      var event = document.createEvent('Event');
+      event.initEvent(EVENT_TYPE, true, false);
+
+      _this.textarea.dispatchEvent(event);
+    }, _this.getValue = function (_ref2) {
+      var valueLink = _ref2.valueLink,
+          value = _ref2.value;
+      return valueLink ? valueLink.value : value;
+    }, _this.updateLineHeight = function () {
+      _this.setState({
+        lineHeight: (0, _lineHeight2.default)(_this.textarea)
+      });
+    }, _this.onChange = function (e) {
+      _this.currentValue = e.target.value;
+      _this.props.onChange && _this.props.onChange(e);
+    }, _this.saveDOMNodeRef = function (ref) {
+      var innerRef = _this.props.innerRef;
+
+
+      if (innerRef) {
+        innerRef(ref);
+      }
+
+      _this.textarea = ref;
+    }, _this.getLocals = function () {
+      var _this2 = _this,
+          _this2$props = _this2.props,
+          onResize = _this2$props.onResize,
+          maxRows = _this2$props.maxRows,
+          onChange = _this2$props.onChange,
+          style = _this2$props.style,
+          innerRef = _this2$props.innerRef,
+          props = _objectWithoutProperties(_this2$props, ['onResize', 'maxRows', 'onChange', 'style', 'innerRef']),
+          lineHeight = _this2.state.lineHeight,
+          saveDOMNodeRef = _this2.saveDOMNodeRef;
+
+      var maxHeight = maxRows && lineHeight ? lineHeight * maxRows : null;
+
+      return _extends({}, props, {
+        saveDOMNodeRef: saveDOMNodeRef,
+        style: maxHeight ? _extends({}, style, { maxHeight: maxHeight }) : style,
+        onChange: _this.onChange
+      });
+    }, _temp), _possibleConstructorReturn(_this, _ret);
   }
-}
 
-module.exports = checkPropTypes;
+  _createClass(TextareaAutosize, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var _this3 = this;
+
+      var _props = this.props,
+          onResize = _props.onResize,
+          maxRows = _props.maxRows;
+
+
+      if (typeof maxRows === 'number') {
+        this.updateLineHeight();
+
+        // this trick is needed to force "autosize" to activate the scrollbar
+        setTimeout(function () {
+          return (0, _autosize2.default)(_this3.textarea);
+        });
+      } else {
+        (0, _autosize2.default)(this.textarea);
+      }
+
+      if (onResize) {
+        this.textarea.addEventListener(RESIZED, this.props.onResize);
+      }
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      if (this.props.onResize) {
+        this.textarea.removeEventListener(RESIZED, this.props.onResize);
+      }
+      this.dispatchEvent(DESTROY);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _getLocals = this.getLocals(),
+          children = _getLocals.children,
+          saveDOMNodeRef = _getLocals.saveDOMNodeRef,
+          locals = _objectWithoutProperties(_getLocals, ['children', 'saveDOMNodeRef']);
+
+      return _react2.default.createElement(
+        'textarea',
+        _extends({}, locals, { ref: saveDOMNodeRef }),
+        children
+      );
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate() {
+      if (this.getValue(this.props) !== this.currentValue) {
+        this.dispatchEvent(UPDATE);
+      }
+    }
+  }]);
 
+  return TextareaAutosize;
+}(_react2.default.Component), _class.defaultProps = {
+  rows: 1
+}, _temp2);
+exports.default = TextareaAutosize;
+
+
+TextareaAutosize.propTypes = {
+  rows: _propTypes2.default.number,
+  maxRows: _propTypes2.default.number,
+  onResize: _propTypes2.default.func,
+  innerRef: _propTypes2.default.func
+};
 
 /***/ }),
-/* 13 */
+/* 10 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -2004,11 +1716,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 });
 
 /***/ }),
-/* 14 */
+/* 11 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // Load in dependencies
-var computedStyle = __webpack_require__(15);
+var computedStyle = __webpack_require__(12);
 
 /**
  * Calculate the `line-height` of a given node
@@ -2107,7 +1819,7 @@ module.exports = lineHeight;
 
 
 /***/ }),
-/* 15 */
+/* 12 */
 /***/ (function(module, exports) {
 
 // This code has been refactored for 140 bytes