ui-kit-ck-consultant 0.5.301 → 0.5.303

package/dist/index.js

@@ -709,19 +709,37 @@ var FormSelectMultiples = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.detectClickOutside = 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
@@ -2084,6 +2102,9 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             return _this3.handleDropdownClick(idx);
           },
+          style: element.isRed ? {
+            color: 'var(--red)'
+          } : {},
           className: classNames$1(style$j.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$j.active] = !!element.active, _classNames4[style$j.disabled] = !!element.disabled, _classNames4))
         }, element.icon, /*#__PURE__*/React__default.createElement("span", null, element.name), element.active === true ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
           icon: freeSolidSvgIcons.faCaretDown