@plusscommunities/pluss-core-web 1.1.4 → 1.1.5

package/dist/index.cjs.js

@@ -8418,10 +8418,271 @@ function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+var DropdownInput = /*#__PURE__*/function (_Component) {
+  _inherits__default['default'](DropdownInput, _Component);
+
+  var _super = _createSuper$4(DropdownInput);
+
+  function DropdownInput(props) {
+    var _this;
+
+    _classCallCheck__default['default'](this, DropdownInput);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      width: 0,
+      height: 0,
+      open: false
+    };
+    _this.setWrapperRef = _this.setWrapperRef.bind(_assertThisInitialized__default['default'](_this));
+    _this.handleClickOutside = _this.handleClickOutside.bind(_assertThisInitialized__default['default'](_this));
+    return _this;
+  }
+
+  _createClass__default['default'](DropdownInput, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener('mousedown', this.handleClickOutside);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('mousedown', this.handleClickOutside);
+    }
+  }, {
+    key: "setWrapperRef",
+    value: function setWrapperRef(node) {
+      this.wrapperRef = node;
+    }
+  }, {
+    key: "handleClickOutside",
+    value: function handleClickOutside(event) {
+      if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
+        this.setState({
+          open: false
+        });
+      }
+    }
+  }, {
+    key: "getAutoComplete",
+    value: function getAutoComplete() {
+      if (!___default['default'].isUndefined(this.props.autoComplete)) {
+        return this.props.autoComplete ? 'on' : 'off';
+      }
+
+      return 'off';
+    }
+  }, {
+    key: "getClassNames",
+    value: function getClassNames() {
+      var string = '';
+
+      if (this.props.className) {
+        string += "".concat(this.props.className, " ");
+      }
+
+      if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
+        string = 'genericInput-disabled ';
+      }
+
+      if (this.props.large) {
+        string += 'genericInput-large ';
+      }
+
+      if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
+        return string + 'genericInput-error';
+      }
+
+      if (!___default['default'].isUndefined(this.props.isValid) && this.props.isValid()) {
+        return string + 'genericInput-valid';
+      }
+
+      return string;
+    }
+  }, {
+    key: "getLabelStyle",
+    value: function getLabelStyle() {
+      var style = {};
+
+      if (___default['default'].isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
+        style.opacity = 0;
+      }
+
+      if (!___default['default'].isUndefined(this.props.ignoreValue) && this.props.value === this.props.ignoreValue && !this.props.alwaysShowLabel) {
+        style.opacity = 0;
+      } // if (this.props.isRequired) {
+      //     style.marginLeft = 12;
+      // }
+
+
+      return style;
+    }
+  }, {
+    key: "renderError",
+    value: function renderError() {
+      if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          className: 'fieldLabel fieldLabel-warning'
+        }, this.props.errorMessage ? this.props.errorMessage : 'Required');
+      }
+
+      return null;
+    }
+  }, {
+    key: "renderHelp",
+    value: function renderHelp() {
+      if (!___default['default'].isUndefined(this.props.help)) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "genericInput-help"
+        }, this.props.help);
+      }
+
+      return null;
+    }
+  }, {
+    key: "open",
+    value: function open() {
+      if (this.props.disabled) {
+        return;
+      }
+
+      this.setState({
+        open: !this.state.open
+      });
+    }
+  }, {
+    key: "renderOption",
+    value: function renderOption() {
+      var _this2 = this;
+
+      if (!this.state.open) {
+        return null;
+      }
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: styles.dropdownItemsWrapper
+      }, ___default['default'].values(this.props.options).map(function (cat) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          key: cat.Key,
+          className: "subtleHover fontRegular fontSize-16 text-dark",
+          style: styles.dropDownOption,
+          onClick: function onClick() {
+            _this2.props.onSelect(cat.Key);
+          }
+        }, cat.Title);
+      }));
+    }
+  }, {
+    key: "getBottomBorder",
+    value: function getBottomBorder() {
+      if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
+        return 'dropdownInput-bottomBorder--disabled';
+      }
+
+      if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
+        return 'dropdownInput-bottomBorder--error';
+      }
+
+      return '';
+    }
+  }, {
+    key: "renderInput",
+    value: function renderInput() {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: styles.row
+      }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "inputRequired "
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        onClick: this.open.bind(this),
+        className: "dropdownInput-bottomBorder ".concat(this.getBottomBorder(), " ").concat(!this.props.disabled ? 'pointer' : '')
+      }, /*#__PURE__*/React__default['default'].createElement("input", {
+        id: this.props.id,
+        placeholder: !___default['default'].isUndefined(this.props.placeholder) ? this.props.placeholder : this.props.label,
+        type: !___default['default'].isUndefined(this.props.type) ? this.props.type : 'text',
+        className: "genericInput ".concat(!this.props.disabled ? 'pointer' : ''),
+        value: this.props.value,
+        onChange: this.props.onChange,
+        onKeyPress: this.props.onEnter,
+        style: _objectSpread$2({}, this.props.inputStyle),
+        disabled: true,
+        autoComplete: "false"
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        style: styles.chevronWrapper
+      }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+        style: _objectSpread$2(_objectSpread$2({}, styles.chevron), {}, {
+          color: !___default['default'].isUndefined(this.props.disabled) && this.props.disabled ? 'transparent' : INACTIVE_TEXT
+        }),
+        name: this.state.open ? 'chevron-up' : 'chevron-down'
+      })), this.renderOption()));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        ref: this.setWrapperRef,
+        className: "dropdownInput ".concat(this.getClassNames()),
+        style: _objectSpread$2({
+          marginBottom: 16,
+          position: 'relative'
+        }, this.props.style)
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        style: _objectSpread$2(_objectSpread$2({}, styles.row), {}, {
+          marginBottom: 0,
+          justifyContent: 'space-between'
+        })
+      }, !___default['default'].isUndefined(this.props.label) && /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "fieldLabel",
+        style: this.getLabelStyle()
+      }, this.props.label), this.renderError()), this.renderInput(), this.renderHelp());
+    }
+  }]);
+
+  return DropdownInput;
+}(React.Component);
+
+var styles = {
+  row: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  chevronWrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  },
+  chevron: {
+    fontSize: 12,
+    paddingBottom: 4
+  },
+  dropdownItemsWrapper: {
+    backgroundColor: '#fff',
+    position: 'absolute',
+    width: '100%',
+    top: 35,
+    boxShadow: '2px 2px 10px rgba(106, 163, 216, 0.7)',
+    zIndex: 90,
+    borderRadius: 4,
+    paddingTop: 4,
+    paddingBottom: 4
+  },
+  dropDownOption: {
+    padding: '4px 16px'
+  }
+};
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+
+function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var AudienceSelector = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AudienceSelector, _Component);
 
-  var _super = _createSuper$4(AudienceSelector);
+  var _super = _createSuper$3(AudienceSelector);
 
   function AudienceSelector() {
     var _this;
@@ -8546,7 +8807,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
       profileActions.getUserTagsBySite(this.props.auth.site).then(function (res) {
         _this3.setState({
           tagList: res.data.map(function (t) {
-            return _objectSpread$2(_objectSpread$2({}, t), {}, {
+            return _objectSpread$1(_objectSpread$1({}, t), {}, {
               Key: t.Id
             });
           })
@@ -9088,14 +9349,14 @@ var toExport = reactRedux.connect(null, {
   withRef: true
 })(AudienceSelector);
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var TextFormatPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](TextFormatPopup, _Component);
 
-  var _super = _createSuper$3(TextFormatPopup);
+  var _super = _createSuper$2(TextFormatPopup);
 
   function TextFormatPopup() {
     _classCallCheck__default['default'](this, TextFormatPopup);
@@ -9201,14 +9462,14 @@ var TextFormatPopup = /*#__PURE__*/function (_Component) {
   return TextFormatPopup;
 }(React.Component);
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var OptionsSection = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OptionsSection, _Component);
 
-  var _super = _createSuper$2(OptionsSection);
+  var _super = _createSuper$1(OptionsSection);
 
   function OptionsSection() {
     _classCallCheck__default['default'](this, OptionsSection);
@@ -9286,267 +9547,6 @@ var OptionsSection = /*#__PURE__*/function (_Component) {
   return OptionsSection;
 }(React.Component);
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DropdownInput = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](DropdownInput, _Component);
-
-  var _super = _createSuper$1(DropdownInput);
-
-  function DropdownInput(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, DropdownInput);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      width: 0,
-      height: 0,
-      open: false
-    };
-    _this.setWrapperRef = _this.setWrapperRef.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleClickOutside = _this.handleClickOutside.bind(_assertThisInitialized__default['default'](_this));
-    return _this;
-  }
-
-  _createClass__default['default'](DropdownInput, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('mousedown', this.handleClickOutside);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('mousedown', this.handleClickOutside);
-    }
-  }, {
-    key: "setWrapperRef",
-    value: function setWrapperRef(node) {
-      this.wrapperRef = node;
-    }
-  }, {
-    key: "handleClickOutside",
-    value: function handleClickOutside(event) {
-      if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
-        this.setState({
-          open: false
-        });
-      }
-    }
-  }, {
-    key: "getAutoComplete",
-    value: function getAutoComplete() {
-      if (!___default['default'].isUndefined(this.props.autoComplete)) {
-        return this.props.autoComplete ? 'on' : 'off';
-      }
-
-      return 'off';
-    }
-  }, {
-    key: "getClassNames",
-    value: function getClassNames() {
-      var string = '';
-
-      if (this.props.className) {
-        string += "".concat(this.props.className, " ");
-      }
-
-      if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
-        string = 'genericInput-disabled ';
-      }
-
-      if (this.props.large) {
-        string += 'genericInput-large ';
-      }
-
-      if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
-        return string + 'genericInput-error';
-      }
-
-      if (!___default['default'].isUndefined(this.props.isValid) && this.props.isValid()) {
-        return string + 'genericInput-valid';
-      }
-
-      return string;
-    }
-  }, {
-    key: "getLabelStyle",
-    value: function getLabelStyle() {
-      var style = {};
-
-      if (___default['default'].isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
-        style.opacity = 0;
-      }
-
-      if (!___default['default'].isUndefined(this.props.ignoreValue) && this.props.value === this.props.ignoreValue && !this.props.alwaysShowLabel) {
-        style.opacity = 0;
-      } // if (this.props.isRequired) {
-      //     style.marginLeft = 12;
-      // }
-
-
-      return style;
-    }
-  }, {
-    key: "renderError",
-    value: function renderError() {
-      if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
-          className: 'fieldLabel fieldLabel-warning'
-        }, this.props.errorMessage ? this.props.errorMessage : 'Required');
-      }
-
-      return null;
-    }
-  }, {
-    key: "renderHelp",
-    value: function renderHelp() {
-      if (!___default['default'].isUndefined(this.props.help)) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "genericInput-help"
-        }, this.props.help);
-      }
-
-      return null;
-    }
-  }, {
-    key: "open",
-    value: function open() {
-      if (this.props.disabled) {
-        return;
-      }
-
-      this.setState({
-        open: !this.state.open
-      });
-    }
-  }, {
-    key: "renderOption",
-    value: function renderOption() {
-      var _this2 = this;
-
-      if (!this.state.open) {
-        return null;
-      }
-
-      return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: styles.dropdownItemsWrapper
-      }, ___default['default'].values(this.props.options).map(function (cat) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
-          key: cat.Key,
-          className: "subtleHover fontRegular fontSize-16 text-dark",
-          style: styles.dropDownOption,
-          onClick: function onClick() {
-            _this2.props.onSelect(cat.Key);
-          }
-        }, cat.Title);
-      }));
-    }
-  }, {
-    key: "getBottomBorder",
-    value: function getBottomBorder() {
-      if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
-        return 'dropdownInput-bottomBorder--disabled';
-      }
-
-      if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
-        return 'dropdownInput-bottomBorder--error';
-      }
-
-      return '';
-    }
-  }, {
-    key: "renderInput",
-    value: function renderInput() {
-      return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: styles.row
-      }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "inputRequired "
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
-        onClick: this.open.bind(this),
-        className: "dropdownInput-bottomBorder ".concat(this.getBottomBorder(), " ").concat(!this.props.disabled ? 'pointer' : '')
-      }, /*#__PURE__*/React__default['default'].createElement("input", {
-        id: this.props.id,
-        placeholder: !___default['default'].isUndefined(this.props.placeholder) ? this.props.placeholder : this.props.label,
-        type: !___default['default'].isUndefined(this.props.type) ? this.props.type : 'text',
-        className: "genericInput ".concat(!this.props.disabled ? 'pointer' : ''),
-        value: this.props.value,
-        onChange: this.props.onChange,
-        onKeyPress: this.props.onEnter,
-        style: _objectSpread$1({}, this.props.inputStyle),
-        disabled: true,
-        autoComplete: "false"
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
-        style: styles.chevronWrapper
-      }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
-        style: _objectSpread$1(_objectSpread$1({}, styles.chevron), {}, {
-          color: !___default['default'].isUndefined(this.props.disabled) && this.props.disabled ? 'transparent' : INACTIVE_TEXT
-        }),
-        name: this.state.open ? 'chevron-up' : 'chevron-down'
-      })), this.renderOption()));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React__default['default'].createElement("div", {
-        ref: this.setWrapperRef,
-        className: "dropdownInput ".concat(this.getClassNames()),
-        style: _objectSpread$1({
-          marginBottom: 16,
-          position: 'relative'
-        }, this.props.style)
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$1(_objectSpread$1({}, styles.row), {}, {
-          marginBottom: 0,
-          justifyContent: 'space-between'
-        })
-      }, !___default['default'].isUndefined(this.props.label) && /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "fieldLabel",
-        style: this.getLabelStyle()
-      }, this.props.label), this.renderError()), this.renderInput(), this.renderHelp());
-    }
-  }]);
-
-  return DropdownInput;
-}(React.Component);
-
-var styles = {
-  row: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  chevronWrapper: {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center'
-  },
-  chevron: {
-    fontSize: 12,
-    paddingBottom: 4
-  },
-  dropdownItemsWrapper: {
-    backgroundColor: '#fff',
-    position: 'absolute',
-    width: '100%',
-    top: 35,
-    boxShadow: '2px 2px 10px rgba(106, 163, 216, 0.7)',
-    zIndex: 90,
-    borderRadius: 4,
-    paddingTop: 4,
-    paddingBottom: 4
-  },
-  dropDownOption: {
-    padding: '4px 16px'
-  }
-};
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }