guestbell-forms 2.0.298 → 2.0.299

package/build/components/select/Select.js

@@ -1,17 +1,15 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Select = exports.SelectRaw = void 0;
+exports.default = exports.SelectRaw = exports.Select = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
 var _InputGroup = _interopRequireDefault(require("../inputGroup/InputGroup"));
 
-var _BaseInput2 = require("../base/input/BaseInput");
+var _BaseInput = require("../base/input/BaseInput");
 
 var _Button = require("../button/Button");
 
@@ -21,35 +19,11 @@ var _withThemeContext = require("../themeProvider/withThemeContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _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; }; return _extends.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -66,283 +40,231 @@ PlusIcon.defaultProps = {
   viewBox: "0 0 24 24"
 };
 
-var SelectRaw = /*#__PURE__*/function (_BaseInput) {
-  _inherits(SelectRaw, _BaseInput);
-
-  var _super = _createSuper(SelectRaw);
-
-  function SelectRaw(props) {
-    var _this;
-
-    _classCallCheck(this, SelectRaw);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "removeItemClick", function (item) {
-      return function () {
-        var newValues = _this.props.selectedValues.filter(function (sv) {
-          return sv.value !== item.value;
-        });
+class SelectRaw extends _BaseInput.BaseInput {
+  constructor(props) {
+    super(props);
 
-        _this.handleValid(newValues);
-
-        _this.props.onSelectedValuesChange && _this.props.onSelectedValuesChange(newValues);
-      };
+    _defineProperty(this, "removeItemClick", item => () => {
+      const newValues = this.props.selectedValues.filter(sv => sv.value !== item.value);
+      this.handleValid(newValues);
+      this.props.onSelectedValuesChange && this.props.onSelectedValuesChange(newValues);
     });
 
-    var val = !props.value ? props.defaultEmpty ? '' : props.values && props.values.length > 0 ? props.values[0] : '' : props.value;
-    _this.state = Object.assign(_this.state, {
+    const val = !props.value ? props.defaultEmpty ? '' : props.values && props.values.length > 0 ? props.values[0] : '' : props.value;
+    this.state = Object.assign(this.state, {
       value: val
     });
-    _this.handleChangeCustom = _this.handleChangeCustom.bind(_assertThisInitialized(_this));
-    return _this;
+    this.handleChangeCustom = this.handleChangeCustom.bind(this);
   }
 
-  _createClass(SelectRaw, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.multiple && this.handleValid(this.props.selectedValues);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(oldProps) {
-      if (oldProps.value !== this.props.value || oldProps.validators !== this.props.validators || oldProps.customValidators !== this.props.customValidators || oldProps.required !== this.props.required || oldProps.selectedValues !== this.props.selectedValues) {
-        if (this.props.multiple) {
-          this.handleValid(this.props.selectedValues);
-        } else {
-          this.handleValueChange(this.props.value, true, [], this.props);
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var finalValues = this.props.multiple ? this.props.values.filter(function (item) {
-        return _this2.props.selectedValues.findIndex(function (t) {
-          return t.value === item.value;
-        }) < 0;
-      }) : this.props.values;
-      return /*#__PURE__*/React.createElement(_InputGroup.default, {
-        title: this.props.title,
-        tooltip: this.props.tooltip
-      }, /*#__PURE__*/React.createElement("div", {
-        className: 'input__base select-input ' + this.getValidationClass() + ' ' + (this.props.className ? this.props.className : '') + ' ' + (this.props.readOnly ? 'readonly' : '') + ' ' + (this.props.multiple ? 'multiple' : ''),
-        ref: this.containerRef
-      }, this.renderSelectedValues(), finalValues.length > 0 && (this.props.multiple && !this.props.readOnly || !this.props.multiple) && /*#__PURE__*/React.createElement("div", {
-        className: "select-input__select__wrapper"
-      }, !this.props.multiple && !this.props.readOnly || this.props.multiple ? /*#__PURE__*/React.createElement("select", _extends({}, this.props.id && {
-        id: this.props.id
-      }, {
-        ref: this.inputRef,
-        disabled: this.getDisabled(),
-        required: this.props.required,
-        onChange: this.handleChangeCustom,
-        value: this.state.value,
-        className: 'select-input__select ' + (this.state.value !== '' || this.props.selectedValues && this.props.selectedValues.length > 0 ? 'filled' : ''),
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        tabIndex: 0
-      }), this.props.defaultEmpty && /*#__PURE__*/React.createElement("option", {
-        key: -1,
-        disabled: true,
-        value: "",
-        style: {
-          display: 'none'
-        }
-      }), finalValues.map(function (value, index) {
-        return /*#__PURE__*/React.createElement("option", {
-          key: index,
-          value: value.value
-        }, value.label ? value.label : value.value);
-      })) : /*#__PURE__*/React.createElement("span", {
-        className: 'select-input__select ' + (this.state.value !== '' || this.props.selectedValues && this.props.selectedValues.length > 0 ? 'filled' : '')
-      }, this.renderReadonly()), /*#__PURE__*/React.createElement("span", {
-        className: "highlight"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "bar"
-      }), this.renderDefaultValidation(), this.props.label && finalValues.length > 0 && /*#__PURE__*/React.createElement("label", null, this.renderLabel()))));
-    }
-  }, {
-    key: "handleValueChange",
-    value: function handleValueChange(value) {
-      var isValid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var errors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-      var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.props;
-      var initializing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  componentDidMount() {
+    this.props.multiple && this.handleValid(this.props.selectedValues);
+  }
 
-      if (!this.props.multiple) {
-        return _get(_getPrototypeOf(SelectRaw.prototype), "handleValueChange", this).call(this, value, isValid, errors, props, initializing);
-      } else if (!initializing) {
+  componentDidUpdate(oldProps) {
+    if (oldProps.value !== this.props.value || oldProps.validators !== this.props.validators || oldProps.customValidators !== this.props.customValidators || oldProps.required !== this.props.required || oldProps.selectedValues !== this.props.selectedValues) {
+      if (this.props.multiple) {
         this.handleValid(this.props.selectedValues);
+      } else {
+        this.handleValueChange(this.props.value, true, [], this.props);
       }
-
-      return {
-        isValid: true,
-        errors: []
-      };
     }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur(e) {
-      this.props.onBlur && this.props.onBlur();
-      var state = {
-        focused: false
-      };
-
-      if (!this.state.touched && this.props.touchOn === 'blur') {
-        state = Object.assign(state, {
-          touched: true
-        });
+  }
 
-        if (!this.props.multiple) {
-          this.handleValueChange(this.state.value);
-        } else {
-          this.handleValid(this.props.selectedValues);
-        }
+  render() {
+    const finalValues = this.props.multiple ? this.props.values.filter(item => this.props.selectedValues.findIndex(t => t.value === item.value) < 0) : this.props.values;
+    return /*#__PURE__*/React.createElement(_InputGroup.default, {
+      title: this.props.title,
+      tooltip: this.props.tooltip
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'input__base select-input ' + this.getValidationClass() + ' ' + (this.props.className ? this.props.className : '') + ' ' + (this.props.readOnly ? 'readonly' : '') + ' ' + (this.props.multiple ? 'multiple' : ''),
+      ref: this.containerRef
+    }, this.renderSelectedValues(), finalValues.length > 0 && (this.props.multiple && !this.props.readOnly || !this.props.multiple) && /*#__PURE__*/React.createElement("div", {
+      className: "select-input__select__wrapper"
+    }, !this.props.multiple && !this.props.readOnly || this.props.multiple ? /*#__PURE__*/React.createElement("select", _extends({}, this.props.id && {
+      id: this.props.id
+    }, {
+      ref: this.inputRef,
+      disabled: this.getDisabled(),
+      required: this.props.required,
+      onChange: this.handleChangeCustom,
+      value: this.state.value,
+      className: 'select-input__select ' + (this.state.value !== '' || this.props.selectedValues && this.props.selectedValues.length > 0 ? 'filled' : ''),
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      tabIndex: 0
+    }), this.props.defaultEmpty && /*#__PURE__*/React.createElement("option", {
+      key: -1,
+      disabled: true,
+      value: "",
+      style: {
+        display: 'none'
       }
+    }), finalValues.map((value, index) => /*#__PURE__*/React.createElement("option", {
+      key: index,
+      value: value.value
+    }, value.label ? value.label : value.value))) : /*#__PURE__*/React.createElement("span", {
+      className: 'select-input__select ' + (this.state.value !== '' || this.props.selectedValues && this.props.selectedValues.length > 0 ? 'filled' : '')
+    }, this.renderReadonly()), /*#__PURE__*/React.createElement("span", {
+      className: "highlight"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "bar"
+    }), this.renderDefaultValidation(), this.props.label && finalValues.length > 0 && /*#__PURE__*/React.createElement("label", null, this.renderLabel()))));
+  }
 
-      this.setState(state);
+  handleValueChange(value) {
+    let isValid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let errors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.props;
+    let initializing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+
+    if (!this.props.multiple) {
+      return super.handleValueChange(value, isValid, errors, props, initializing);
+    } else if (!initializing) {
+      this.handleValid(this.props.selectedValues);
     }
-  }, {
-    key: "handleFocus",
-    value: function handleFocus(e) {
-      this.props.onFocus && this.props.onFocus(e);
-      var state = {
-        focused: true
-      };
-
-      if (!this.state.touched && this.props.touchOn === 'focus') {
-        state = Object.assign(state, {
-          touched: true
-        });
 
-        if (!this.props.multiple) {
-          this.handleValueChange(this.state.value);
-        } else {
-          this.handleValid(this.props.selectedValues);
-        }
-      }
+    return {
+      isValid: true,
+      errors: []
+    };
+  }
+
+  handleBlur(e) {
+    this.props.onBlur && this.props.onBlur();
+    let state = {
+      focused: false
+    };
+
+    if (!this.state.touched && this.props.touchOn === 'blur') {
+      state = Object.assign(state, {
+        touched: true
+      });
 
-      this.setState(state);
+      if (!this.props.multiple) {
+        this.handleValueChange(this.state.value);
+      } else {
+        this.handleValid(this.props.selectedValues);
+      }
     }
-  }, {
-    key: "handleChangeCustom",
-    value: function handleChangeCustom(event) {
-      if (this.props.multiple) {
-        var value = event.target.value;
-        var val = this.props.values.filter(function (item) {
-          return item.value === value;
-        })[0];
-
-        if (!val) {
-          if (!isNaN(Number(value))) {
-            var valNumber = Number(value);
-            val = this.props.values.filter(function (item) {
-              return item.value === valNumber;
-            })[0];
-          }
-        }
 
-        var _newValues = this.props.selectedValues.concat(val);
+    this.setState(state);
+  }
 
-        if (val) {
-          this.props.onSelectedValuesChange && this.props.onSelectedValuesChange(_newValues);
-          this.handleValid(_newValues);
-          this.setState({
-            value: ''
-          });
-        }
+  handleFocus(e) {
+    this.props.onFocus && this.props.onFocus(e);
+    let state = {
+      focused: true
+    };
+
+    if (!this.state.touched && this.props.touchOn === 'focus') {
+      state = Object.assign(state, {
+        touched: true
+      });
+
+      if (!this.props.multiple) {
+        this.handleValueChange(this.state.value);
       } else {
-        this.handleChange(event);
+        this.handleValid(this.props.selectedValues);
       }
     }
-  }, {
-    key: "handleValid",
-    value: function handleValid(newValues) {
-      var _this3 = this;
-
-      var isValid = true;
-      var errors = [];
-
-      if (this.props.required) {
-        if (newValues.length === 0) {
-          isValid = false;
-          errors.push(this.getTranslations(_BaseInput2.defaultBaseTranslations).required);
+
+    this.setState(state);
+  }
+
+  handleChangeCustom(event) {
+    if (this.props.multiple) {
+      let value = event.target.value;
+      let val = this.props.values.filter(item => item.value === value)[0];
+
+      if (!val) {
+        if (!isNaN(Number(value))) {
+          let valNumber = Number(value);
+          val = this.props.values.filter(item => item.value === valNumber)[0];
         }
       }
 
-      if (this.props.customValidators) {
-        this.props.customValidators.forEach(function (customValidator) {
-          var _this3$state;
+      let newValues = this.props.selectedValues.concat(val);
 
-          var validInner = false;
-          validInner = customValidator.Validate((_this3$state = _this3.state) === null || _this3$state === void 0 ? void 0 : _this3$state.value, _this3.props.required, function (error) {
-            return errors.push(error);
-          });
-
-          if (isValid && !validInner) {
-            isValid = validInner;
-          }
+      if (val) {
+        this.props.onSelectedValuesChange && this.props.onSelectedValuesChange(newValues);
+        this.handleValid(newValues);
+        this.setState({
+          value: ''
         });
       }
+    } else {
+      this.handleChange(event);
+    }
+  }
 
-      if (isValid) {
-        this.setValid();
-      } else {
-        this.setInvalid(errors);
+  handleValid(newValues) {
+    let isValid = true;
+    let errors = [];
+
+    if (this.props.required) {
+      if (newValues.length === 0) {
+        isValid = false;
+        errors.push(this.getTranslations(_BaseInput.defaultBaseTranslations).required);
       }
     }
-  }, {
-    key: "renderReadonly",
-    value: function renderReadonly() {
-      var _this4 = this;
-
-      var value = this.props.values.filter(function (item) {
-        return item.value.toString() === _this4.state.value;
-      })[0];
-      return value ? value.label ? value.label : value.value : '';
+
+    if (this.props.customValidators) {
+      this.props.customValidators.forEach(customValidator => {
+        var _this$state;
+
+        let validInner = false;
+        validInner = customValidator.Validate((_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.value, this.props.required, error => errors.push(error));
+
+        if (isValid && !validInner) {
+          isValid = validInner;
+        }
+      });
     }
-  }, {
-    key: "renderSelectedValues",
-    value: function renderSelectedValues() {
-      var _this5 = this;
-
-      return this.props.multiple ? this.props.selectedValues.length > 0 ? /*#__PURE__*/React.createElement("div", {
-        className: "select-input__selectedValue__wrapper"
-      }, this.props.selectedValues.map(function (item, index) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "select-input__selectedValue",
-          key: index
-        }, item.label ? item.label : item.value, !_this5.props.readOnly && /*#__PURE__*/React.createElement(_Button.Button, {
-          disabled: item.forceSelected,
-          circular: true,
-          blank: true,
-          onClick: _this5.removeItemClick(item),
-          className: "ml-1 transform-rotate--45 line-height--0 p-0"
-        }, /*#__PURE__*/React.createElement(PlusIcon, null)));
-      })) : this.props.readOnly && /*#__PURE__*/React.createElement("div", {
-        className: "select-input__selectedValue__wrapper"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "select-input__selectedValue"
-      }, this.props.readonlyEmptyPlaceholder)) : null;
+
+    if (isValid) {
+      this.setValid();
+    } else {
+      this.setInvalid(errors);
     }
-  }]);
+  }
+
+  renderReadonly() {
+    const value = this.props.values.filter(item => item.value.toString() === this.state.value)[0];
+    return value ? value.label ? value.label : value.value : '';
+  }
+
+  renderSelectedValues() {
+    return this.props.multiple ? this.props.selectedValues.length > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "select-input__selectedValue__wrapper"
+    }, this.props.selectedValues.map((item, index) => /*#__PURE__*/React.createElement("div", {
+      className: "select-input__selectedValue",
+      key: index
+    }, item.label ? item.label : item.value, !this.props.readOnly && /*#__PURE__*/React.createElement(_Button.Button, {
+      disabled: item.forceSelected,
+      circular: true,
+      blank: true,
+      onClick: this.removeItemClick(item),
+      className: "ml-1 transform-rotate--45 line-height--0 p-0"
+    }, /*#__PURE__*/React.createElement(PlusIcon, null))))) : this.props.readOnly && /*#__PURE__*/React.createElement("div", {
+      className: "select-input__selectedValue__wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "select-input__selectedValue"
+    }, this.props.readonlyEmptyPlaceholder)) : null;
+  }
 
-  return SelectRaw;
-}(_BaseInput2.BaseInput);
+}
 
 exports.SelectRaw = SelectRaw;
 
-_defineProperty(SelectRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {
+_defineProperty(SelectRaw, "defaultProps", Object.assign({}, _BaseInput.BaseInput.defaultProps, {
   defaultEmpty: true,
   multiple: false,
   readOnly: false,
   readonlyEmptyPlaceholder: 'N/A'
 }));
 
-var Select = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(SelectRaw), 'select');
+const Select = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(SelectRaw), 'select');
 exports.Select = Select;
 var _default = Select;
 exports.default = _default;

package/build/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/select/Select.tsx"],"names":["PlusIcon","SelectRaw","props","item","newValues","selectedValues","filter","sv","value","handleValid","onSelectedValuesChange","val","defaultEmpty","values","length","state","Object","assign","handleChangeCustom","bind","multiple","oldProps","validators","customValidators","required","handleValueChange","finalValues","findIndex","t","title","tooltip","getValidationClass","className","readOnly","containerRef","renderSelectedValues","id","inputRef","getDisabled","handleBlur","handleFocus","display","map","index","label","renderReadonly","renderDefaultValidation","renderLabel","isValid","errors","initializing","e","onBlur","focused","touched","touchOn","setState","onFocus","event","target","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","validInner","Validate","error","setValid","setInvalid","toString","forceSelected","removeItemClick","readonlyEmptyPlaceholder","BaseInput","defaultProps","Select"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_24px.svg';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n  ValidationError,\r\n  defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface SelectValue {\r\n  value: number | string;\r\n  label?: string;\r\n  forceSelected?: boolean;\r\n}\r\n\r\nexport interface SelectProps extends BaseInputProps<HTMLSelectElement> {\r\n  values?: SelectValue[];\r\n  defaultEmpty?: boolean;\r\n  multiple?: boolean;\r\n  selectedValues?: SelectValue[];\r\n  onSelectedValuesChange?: (newValues: SelectValue[]) => void;\r\n  inputRef?: (input: HTMLSelectElement) => void;\r\n  readOnly?: boolean;\r\n  readonlyEmptyPlaceholder?: string;\r\n}\r\n\r\nexport interface SelectState extends BaseInputState {}\r\n\r\nexport class SelectRaw extends BaseInput<\r\n  SelectProps,\r\n  SelectState,\r\n  HTMLSelectElement\r\n> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    defaultEmpty: true,\r\n    multiple: false,\r\n    readOnly: false,\r\n    readonlyEmptyPlaceholder: 'N/A',\r\n  });\r\n\r\n  constructor(props: SelectProps) {\r\n    super(props);\r\n    const val = !props.value\r\n      ? props.defaultEmpty\r\n        ? ''\r\n        : props.values && props.values.length > 0\r\n        ? props.values[0]\r\n        : ''\r\n      : props.value;\r\n    this.state = Object.assign(this.state, { value: val });\r\n    this.handleChangeCustom = this.handleChangeCustom.bind(this);\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.props.multiple && this.handleValid(this.props.selectedValues);\r\n  }\r\n\r\n  public componentDidUpdate(oldProps: SelectProps) {\r\n    if (\r\n      oldProps.value !== this.props.value ||\r\n      oldProps.validators !== this.props.validators ||\r\n      oldProps.customValidators !== this.props.customValidators ||\r\n      oldProps.required !== this.props.required ||\r\n      oldProps.selectedValues !== this.props.selectedValues\r\n    ) {\r\n      if (this.props.multiple) {\r\n        this.handleValid(this.props.selectedValues);\r\n      } else {\r\n        this.handleValueChange(this.props.value, true, [], this.props);\r\n      }\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const finalValues = this.props.multiple\r\n      ? this.props.values.filter(\r\n          item =>\r\n            this.props.selectedValues.findIndex(t => t.value === item.value) < 0\r\n        )\r\n      : this.props.values;\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div\r\n          className={\r\n            'input__base select-input ' +\r\n            this.getValidationClass() +\r\n            ' ' +\r\n            (this.props.className ? this.props.className : '') +\r\n            ' ' +\r\n            (this.props.readOnly ? 'readonly' : '') +\r\n            ' ' +\r\n            (this.props.multiple ? 'multiple' : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {this.renderSelectedValues()}\r\n          {finalValues.length > 0 &&\r\n            ((this.props.multiple && !this.props.readOnly) ||\r\n              !this.props.multiple) && (\r\n              <div className=\"select-input__select__wrapper\">\r\n                {(!this.props.multiple && !this.props.readOnly) ||\r\n                this.props.multiple ? (\r\n                  <select\r\n                    {...(this.props.id && {\r\n                      id: this.props.id,\r\n                    })}\r\n                    ref={this.inputRef}\r\n                    disabled={this.getDisabled()}\r\n                    required={this.props.required}\r\n                    onChange={this.handleChangeCustom}\r\n                    value={this.state.value}\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                    onBlur={this.handleBlur}\r\n                    onFocus={this.handleFocus}\r\n                    tabIndex={0}\r\n                  >\r\n                    {this.props.defaultEmpty && (\r\n                      <option\r\n                        key={-1}\r\n                        disabled={true}\r\n                        value=\"\"\r\n                        style={{ display: 'none' }}\r\n                      />\r\n                    )}\r\n                    {finalValues.map((value, index) => (\r\n                      <option key={index} value={value.value}>\r\n                        {value.label ? value.label : value.value}\r\n                      </option>\r\n                    ))}\r\n                  </select>\r\n                ) : (\r\n                  <span\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                  >\r\n                    {this.renderReadonly()}\r\n                  </span>\r\n                )}\r\n                <span className=\"highlight\" />\r\n                <span className=\"bar\" />\r\n                {this.renderDefaultValidation()}\r\n                {this.props.label && finalValues.length > 0 && (\r\n                  <label>{this.renderLabel()}</label>\r\n                )}\r\n              </div>\r\n            )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  protected handleValueChange(\r\n    value: string,\r\n    isValid: boolean = true,\r\n    errors: ValidationError[] = [],\r\n    props: SelectProps = this.props,\r\n    initializing: boolean = false\r\n  ) {\r\n    if (!this.props.multiple) {\r\n      return super.handleValueChange(\r\n        value,\r\n        isValid,\r\n        errors,\r\n        props,\r\n        initializing\r\n      );\r\n    } else if (!initializing) {\r\n      this.handleValid(this.props.selectedValues);\r\n    }\r\n    return {\r\n      isValid: true,\r\n      errors: [],\r\n    };\r\n  }\r\n\r\n  protected handleBlur(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onBlur && this.props.onBlur();\r\n    let state = { focused: false };\r\n    if (!this.state.touched && this.props.touchOn === 'blur') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  protected handleFocus(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onFocus && this.props.onFocus(e);\r\n    let state = { focused: true };\r\n    if (!this.state.touched && this.props.touchOn === 'focus') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  private handleChangeCustom(event: React.ChangeEvent<HTMLSelectElement>) {\r\n    if (this.props.multiple) {\r\n      let value = event.target.value;\r\n      let val = this.props.values.filter(item => item.value === value)[0];\r\n      if (!val) {\r\n        if (!isNaN(Number(value))) {\r\n          let valNumber = Number(value);\r\n          val = this.props.values.filter(item => item.value === valNumber)[0];\r\n        }\r\n      }\r\n      let newValues = this.props.selectedValues.concat(val);\r\n      if (val) {\r\n        this.props.onSelectedValuesChange &&\r\n          this.props.onSelectedValuesChange(newValues);\r\n        this.handleValid(newValues);\r\n        this.setState({ value: '' });\r\n      }\r\n    } else {\r\n      this.handleChange(event);\r\n    }\r\n  }\r\n\r\n  private handleValid(newValues: SelectValue[]) {\r\n    let isValid = true;\r\n    let errors: ValidationError[] = [];\r\n    if (this.props.required) {\r\n      if (newValues.length === 0) {\r\n        isValid = false;\r\n        errors.push(this.getTranslations(defaultBaseTranslations).required);\r\n      }\r\n    }\r\n    if (this.props.customValidators) {\r\n      this.props.customValidators.forEach(customValidator => {\r\n        let validInner = false;\r\n        validInner = customValidator.Validate(\r\n          this.state?.value,\r\n          this.props.required,\r\n          error => errors.push(error)\r\n        );\r\n        if (isValid && !validInner) {\r\n          isValid = validInner;\r\n        }\r\n      });\r\n    }\r\n    if (isValid) {\r\n      this.setValid();\r\n    } else {\r\n      this.setInvalid(errors);\r\n    }\r\n  }\r\n\r\n  private renderReadonly() {\r\n    const value = this.props.values.filter(\r\n      item => item.value.toString() === this.state.value\r\n    )[0];\r\n    return value ? (value.label ? value.label : value.value) : '';\r\n  }\r\n\r\n  private renderSelectedValues() {\r\n    return this.props.multiple ? (\r\n      this.props.selectedValues.length > 0 ? (\r\n        <div className=\"select-input__selectedValue__wrapper\">\r\n          {this.props.selectedValues.map((item, index) => (\r\n            <div className=\"select-input__selectedValue\" key={index}>\r\n              {item.label ? item.label : item.value}\r\n              {!this.props.readOnly && (\r\n                <Button\r\n                  disabled={item.forceSelected}\r\n                  circular={true}\r\n                  blank={true}\r\n                  onClick={this.removeItemClick(item)}\r\n                  className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n                >\r\n                  <PlusIcon />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        this.props.readOnly && (\r\n          <div className=\"select-input__selectedValue__wrapper\">\r\n            <div className=\"select-input__selectedValue\">\r\n              {this.props.readonlyEmptyPlaceholder}\r\n            </div>\r\n          </div>\r\n        )\r\n      )\r\n    ) : null;\r\n  }\r\n\r\n  private removeItemClick = (item: SelectValue) => () => {\r\n    const newValues = this.props.selectedValues.filter(\r\n      sv => sv.value !== item.value\r\n    );\r\n    this.handleValid(newValues);\r\n    this.props.onSelectedValuesChange &&\r\n      this.props.onSelectedValuesChange(newValues);\r\n  };\r\n}\r\n\r\nexport const Select = withThemeContext<\r\n  SelectProps,\r\n  InstanceType<typeof SelectRaw>\r\n>(withFormContext<SelectProps>(SelectRaw), 'select');\r\n\r\nexport default Select;\r\n"],"file":"Select.js"}
+{"version":3,"file":"Select.js","names":["PlusIcon","SelectRaw","BaseInput","constructor","props","item","newValues","selectedValues","filter","sv","value","handleValid","onSelectedValuesChange","val","defaultEmpty","values","length","state","Object","assign","handleChangeCustom","bind","componentDidMount","multiple","componentDidUpdate","oldProps","validators","customValidators","required","handleValueChange","render","finalValues","findIndex","t","title","tooltip","getValidationClass","className","readOnly","containerRef","renderSelectedValues","id","inputRef","getDisabled","handleBlur","handleFocus","display","map","index","label","renderReadonly","renderDefaultValidation","renderLabel","isValid","errors","initializing","e","onBlur","focused","touched","touchOn","setState","onFocus","event","target","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","validInner","Validate","error","setValid","setInvalid","toString","forceSelected","removeItemClick","readonlyEmptyPlaceholder","defaultProps","Select","withThemeContext","withFormContext"],"sources":["../../../src/lib/components/select/Select.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_24px.svg';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n  ValidationError,\r\n  defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface SelectValue {\r\n  value: number | string;\r\n  label?: string;\r\n  forceSelected?: boolean;\r\n}\r\n\r\nexport interface SelectProps extends BaseInputProps<HTMLSelectElement> {\r\n  values?: SelectValue[];\r\n  defaultEmpty?: boolean;\r\n  multiple?: boolean;\r\n  selectedValues?: SelectValue[];\r\n  onSelectedValuesChange?: (newValues: SelectValue[]) => void;\r\n  inputRef?: (input: HTMLSelectElement) => void;\r\n  readOnly?: boolean;\r\n  readonlyEmptyPlaceholder?: string;\r\n}\r\n\r\nexport interface SelectState extends BaseInputState {}\r\n\r\nexport class SelectRaw extends BaseInput<\r\n  SelectProps,\r\n  SelectState,\r\n  HTMLSelectElement\r\n> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    defaultEmpty: true,\r\n    multiple: false,\r\n    readOnly: false,\r\n    readonlyEmptyPlaceholder: 'N/A',\r\n  });\r\n\r\n  constructor(props: SelectProps) {\r\n    super(props);\r\n    const val = !props.value\r\n      ? props.defaultEmpty\r\n        ? ''\r\n        : props.values && props.values.length > 0\r\n        ? props.values[0]\r\n        : ''\r\n      : props.value;\r\n    this.state = Object.assign(this.state, { value: val });\r\n    this.handleChangeCustom = this.handleChangeCustom.bind(this);\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.props.multiple && this.handleValid(this.props.selectedValues);\r\n  }\r\n\r\n  public componentDidUpdate(oldProps: SelectProps) {\r\n    if (\r\n      oldProps.value !== this.props.value ||\r\n      oldProps.validators !== this.props.validators ||\r\n      oldProps.customValidators !== this.props.customValidators ||\r\n      oldProps.required !== this.props.required ||\r\n      oldProps.selectedValues !== this.props.selectedValues\r\n    ) {\r\n      if (this.props.multiple) {\r\n        this.handleValid(this.props.selectedValues);\r\n      } else {\r\n        this.handleValueChange(this.props.value, true, [], this.props);\r\n      }\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const finalValues = this.props.multiple\r\n      ? this.props.values.filter(\r\n          item =>\r\n            this.props.selectedValues.findIndex(t => t.value === item.value) < 0\r\n        )\r\n      : this.props.values;\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div\r\n          className={\r\n            'input__base select-input ' +\r\n            this.getValidationClass() +\r\n            ' ' +\r\n            (this.props.className ? this.props.className : '') +\r\n            ' ' +\r\n            (this.props.readOnly ? 'readonly' : '') +\r\n            ' ' +\r\n            (this.props.multiple ? 'multiple' : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {this.renderSelectedValues()}\r\n          {finalValues.length > 0 &&\r\n            ((this.props.multiple && !this.props.readOnly) ||\r\n              !this.props.multiple) && (\r\n              <div className=\"select-input__select__wrapper\">\r\n                {(!this.props.multiple && !this.props.readOnly) ||\r\n                this.props.multiple ? (\r\n                  <select\r\n                    {...(this.props.id && {\r\n                      id: this.props.id,\r\n                    })}\r\n                    ref={this.inputRef}\r\n                    disabled={this.getDisabled()}\r\n                    required={this.props.required}\r\n                    onChange={this.handleChangeCustom}\r\n                    value={this.state.value}\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                    onBlur={this.handleBlur}\r\n                    onFocus={this.handleFocus}\r\n                    tabIndex={0}\r\n                  >\r\n                    {this.props.defaultEmpty && (\r\n                      <option\r\n                        key={-1}\r\n                        disabled={true}\r\n                        value=\"\"\r\n                        style={{ display: 'none' }}\r\n                      />\r\n                    )}\r\n                    {finalValues.map((value, index) => (\r\n                      <option key={index} value={value.value}>\r\n                        {value.label ? value.label : value.value}\r\n                      </option>\r\n                    ))}\r\n                  </select>\r\n                ) : (\r\n                  <span\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                  >\r\n                    {this.renderReadonly()}\r\n                  </span>\r\n                )}\r\n                <span className=\"highlight\" />\r\n                <span className=\"bar\" />\r\n                {this.renderDefaultValidation()}\r\n                {this.props.label && finalValues.length > 0 && (\r\n                  <label>{this.renderLabel()}</label>\r\n                )}\r\n              </div>\r\n            )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  protected handleValueChange(\r\n    value: string,\r\n    isValid: boolean = true,\r\n    errors: ValidationError[] = [],\r\n    props: SelectProps = this.props,\r\n    initializing: boolean = false\r\n  ) {\r\n    if (!this.props.multiple) {\r\n      return super.handleValueChange(\r\n        value,\r\n        isValid,\r\n        errors,\r\n        props,\r\n        initializing\r\n      );\r\n    } else if (!initializing) {\r\n      this.handleValid(this.props.selectedValues);\r\n    }\r\n    return {\r\n      isValid: true,\r\n      errors: [],\r\n    };\r\n  }\r\n\r\n  protected handleBlur(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onBlur && this.props.onBlur();\r\n    let state = { focused: false };\r\n    if (!this.state.touched && this.props.touchOn === 'blur') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  protected handleFocus(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onFocus && this.props.onFocus(e);\r\n    let state = { focused: true };\r\n    if (!this.state.touched && this.props.touchOn === 'focus') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  private handleChangeCustom(event: React.ChangeEvent<HTMLSelectElement>) {\r\n    if (this.props.multiple) {\r\n      let value = event.target.value;\r\n      let val = this.props.values.filter(item => item.value === value)[0];\r\n      if (!val) {\r\n        if (!isNaN(Number(value))) {\r\n          let valNumber = Number(value);\r\n          val = this.props.values.filter(item => item.value === valNumber)[0];\r\n        }\r\n      }\r\n      let newValues = this.props.selectedValues.concat(val);\r\n      if (val) {\r\n        this.props.onSelectedValuesChange &&\r\n          this.props.onSelectedValuesChange(newValues);\r\n        this.handleValid(newValues);\r\n        this.setState({ value: '' });\r\n      }\r\n    } else {\r\n      this.handleChange(event);\r\n    }\r\n  }\r\n\r\n  private handleValid(newValues: SelectValue[]) {\r\n    let isValid = true;\r\n    let errors: ValidationError[] = [];\r\n    if (this.props.required) {\r\n      if (newValues.length === 0) {\r\n        isValid = false;\r\n        errors.push(this.getTranslations(defaultBaseTranslations).required);\r\n      }\r\n    }\r\n    if (this.props.customValidators) {\r\n      this.props.customValidators.forEach(customValidator => {\r\n        let validInner = false;\r\n        validInner = customValidator.Validate(\r\n          this.state?.value,\r\n          this.props.required,\r\n          error => errors.push(error)\r\n        );\r\n        if (isValid && !validInner) {\r\n          isValid = validInner;\r\n        }\r\n      });\r\n    }\r\n    if (isValid) {\r\n      this.setValid();\r\n    } else {\r\n      this.setInvalid(errors);\r\n    }\r\n  }\r\n\r\n  private renderReadonly() {\r\n    const value = this.props.values.filter(\r\n      item => item.value.toString() === this.state.value\r\n    )[0];\r\n    return value ? (value.label ? value.label : value.value) : '';\r\n  }\r\n\r\n  private renderSelectedValues() {\r\n    return this.props.multiple ? (\r\n      this.props.selectedValues.length > 0 ? (\r\n        <div className=\"select-input__selectedValue__wrapper\">\r\n          {this.props.selectedValues.map((item, index) => (\r\n            <div className=\"select-input__selectedValue\" key={index}>\r\n              {item.label ? item.label : item.value}\r\n              {!this.props.readOnly && (\r\n                <Button\r\n                  disabled={item.forceSelected}\r\n                  circular={true}\r\n                  blank={true}\r\n                  onClick={this.removeItemClick(item)}\r\n                  className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n                >\r\n                  <PlusIcon />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        this.props.readOnly && (\r\n          <div className=\"select-input__selectedValue__wrapper\">\r\n            <div className=\"select-input__selectedValue\">\r\n              {this.props.readonlyEmptyPlaceholder}\r\n            </div>\r\n          </div>\r\n        )\r\n      )\r\n    ) : null;\r\n  }\r\n\r\n  private removeItemClick = (item: SelectValue) => () => {\r\n    const newValues = this.props.selectedValues.filter(\r\n      sv => sv.value !== item.value\r\n    );\r\n    this.handleValid(newValues);\r\n    this.props.onSelectedValuesChange &&\r\n      this.props.onSelectedValuesChange(newValues);\r\n  };\r\n}\r\n\r\nexport const Select = withThemeContext<\r\n  SelectProps,\r\n  InstanceType<typeof SelectRaw>\r\n>(withFormContext<SelectProps>(SelectRaw), 'select');\r\n\r\nexport default Select;\r\n"],"mappings":"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"}