ui-kit-ck-consultant 0.5.300 → 0.5.302

package/dist/index.js

@@ -709,19 +709,39 @@ var FormSelectMultiples = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.detectClickOutside = function () {
+      window.addEventListener('mousedown', function (event) {
+        if (!_this.containerRef.current.contains(event.target)) {
+          _this.setState({
+            isDisplay: false
+          });
+        }
+      });
+    };
+
     _this.state = {
       isDisplay: false
     };
+    _this.containerRef = React__default.createRef();
     _this.inputRef = React__default.createRef();
     return _this;
   }
 
   var _proto = FormSelectMultiples.prototype;
 
+  _proto.componentDidMount = function componentDidMount() {
+    document.addEventListener('mousedown', this.detectClickOutside);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    window.removeEventListener('mousedown', this.detectClickOutside);
+  };
+
   _proto.render = function render() {
     var _this2 = this;
 
     return /*#__PURE__*/React__default.createElement("div", {
+      ref: this.containerRef,
       className: classNames$1(style$6.form_select_multiples_container, this.props.className)
     }, this.props.title ? /*#__PURE__*/React__default.createElement("span", {
       className: this.props.classNameTitle
@@ -1240,11 +1260,15 @@ var Card = /*#__PURE__*/function (_React$Component) {
         flexShrink: 0
       }
     }, /*#__PURE__*/React__default.createElement("img", {
-      style: {
-        position: 'absolute',
-        left: 0,
+      style: _extends({
+        position: 'absolute'
+      }, this.props.forceRight ? {
+        right: 0
+      } : {
+        left: 0
+      }, {
         height: '100%'
-      },
+      }),
       src: this.props.imgRight,
       alt: "right"
     })) : null);