ui-kit-ck-consultant 0.5.133 → 0.5.137

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { createRef, Component, Fragment as Fragment$1 } from 'react';
+import React, { Fragment as Fragment$1, createRef, Component } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCheck, faTimes, faCaretUp, faCaretDown, faArrowLeft, faEllipsisV, faArrowRight, faChevronLeft, faChevronRight, faPlus, faBan, faCaretRight, faCaretLeft, faUser, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import classNames$1 from 'classnames';
@@ -264,7 +264,8 @@ var FormInput = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     if (this.props.children) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames$1(style$2.form_input_container, this.props.className)
+        className: classNames$1(style$2.form_input_container, this.props.className),
+        style: this.props.style
       }, this.props.title ? /*#__PURE__*/React.createElement("span", {
         className: this.props.classNameTitle
       }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React.createElement("span", {
@@ -288,7 +289,8 @@ var FormInput = /*#__PURE__*/function (_React$Component) {
       }, this.props.error) : '');
     } else {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames$1(style$2.form_input_container, this.props.className)
+        className: classNames$1(style$2.form_input_container, this.props.className),
+        style: this.props.style
       }, this.props.title ? /*#__PURE__*/React.createElement("span", {
         className: this.props.classNameTitle
       }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React.createElement("span", {
@@ -426,19 +428,31 @@ var FormRange = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call(this, props) || this;
 
+    _this.handleClickOutside = function (event) {
+      if (_this.refComponent && _this.refComponent.current && !_this.refComponent.current.contains(event.target)) {
+        _this.setState({
+          isOpen: false
+        });
+      }
+    };
+
     _this.findText = function (options, value) {
-      var result = options.filter(function (item) {
-        return item.value.toString() === value.toString();
-      });
-      return result.length ? result[0].text : '';
+      if (_this.props.input) {
+        return value;
+      } else {
+        var result = options.filter(function (item) {
+          return item.value.toString() === value.toString();
+        });
+        return result.length ? result[0].text : '';
+      }
     };
 
     _this.getLabel = function (value1, value2, options1, options2) {
       if (_this.findText(options1, value1) === _this.findText(options2, value2)) {
         return "" + _this.findText(options1, value1);
-      } else if (value1 !== 'DEFAULT' && value2 === 'DEFAULT') {
+      } else if (value1 !== 'DEFAULT' && value1 !== '' && (value2 === 'DEFAULT' || value2 === '')) {
         return ">= " + _this.findText(options1, value1);
-      } else if (value1 === 'DEFAULT' && value2 !== 'DEFAULT') {
+      } else if ((value1 === 'DEFAULT' || value1 === '') && value2 !== 'DEFAULT' && value2 !== '') {
         return "<= " + _this.findText(options2, value2);
       } else {
         return _this.findText(options1, value1) + " - " + _this.findText(options2, value2);
@@ -448,11 +462,20 @@ var FormRange = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       isOpen: false
     };
+    _this.refComponent = React.createRef();
     return _this;
   }
 
   var _proto = FormRange.prototype;
 
+  _proto.componentDidMount = function componentDidMount() {
+    document.addEventListener('mousedown', this.handleClickOutside);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    document.removeEventListener('mousedown', this.handleClickOutside);
+  };
+
   _proto.render = function render() {
     var _this2 = this;
 
@@ -472,8 +495,22 @@ var FormRange = /*#__PURE__*/function (_React$Component) {
     }, /*#__PURE__*/React.createElement("span", null, this.getLabel(this.props.value1, this.props.value2, this.props.options1, this.props.options2)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: this.state.isOpen ? faCaretUp : faCaretDown
     }))), this.state.isOpen ? /*#__PURE__*/React.createElement("div", {
+      ref: this.refComponent,
       className: style$4.form_range_modal
-    }, /*#__PURE__*/React.createElement(FormSelect, {
+    }, this.props.input ? /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FormInput, {
+      type: this.props.type,
+      name: this.props.name1,
+      value: this.props.value1,
+      onChange: this.props.onChange1,
+      className: "mr-10 w-100"
+    }), /*#__PURE__*/React.createElement(FormInput, {
+      type: this.props.type,
+      name: this.props.name2,
+      value: this.props.value2,
+      onChange: this.props.onChange2,
+      className: "w-100"
+    })) : /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FormSelect, {
+      type: this.props.type,
       name: this.props.name1,
       options: this.props.options1,
       value: this.props.value1,
@@ -483,6 +520,7 @@ var FormRange = /*#__PURE__*/function (_React$Component) {
       disabled: false,
       init: this.props.init1
     }), /*#__PURE__*/React.createElement(FormSelect, {
+      type: this.props.type,
       name: this.props.name2,
       options: this.props.options2,
       value: this.props.value2,
@@ -491,7 +529,7 @@ var FormRange = /*#__PURE__*/function (_React$Component) {
       ignore: true,
       disabled: false,
       init: this.props.init2
-    })) : null);
+    }))) : null);
   };
 
   return FormRange;
@@ -853,7 +891,7 @@ var Card = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$b.card, this.props.className)
-    }, this.props.isLoader ? /*#__PURE__*/React.createElement("div", {
+    }, this.props.isLoad ? /*#__PURE__*/React.createElement("div", {
       className: style$b.card_loader_container
     }, /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$b.loader_element, this.props.classNameChildren)
@@ -2420,7 +2458,7 @@ var Loader = /*#__PURE__*/function (_React$Component) {
       className: classNames$1(style$k.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React.createElement("div", {
       className: style$k.loader
-    }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null))));
+    }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null)), this.props.message ? /*#__PURE__*/React.createElement("p", null, this.props.message) : null));
   };
 
   return Loader;