ui-kit-ck-consultant 0.5.258 → 0.5.259

package/dist/index.css

@@ -75,6 +75,16 @@
   width: 900px;
 }
 
+._20eCx {
+  position: absolute;
+  right: 6rem;
+  top: 2rem;
+  font-size: 26px;
+  color: var(--primary-color);
+  cursor: pointer;
+  transition: 0.4s;
+}
+
 ._RsujT {
   position: absolute;
   right: 4rem;

package/dist/index.js

@@ -45,17 +45,57 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
-var style = {"modal":"_Tr9L0","modal_container":"_2YluD","no_background":"_2vjgy","large":"_22C7A","modal_valid":"_RsujT","modal_close":"_1AbTJ","modal_custom":"_33Wb2","modal_header":"_2EzqX","modal_body":"_1-Y1J","full_modal_container":"_1w6wH","full_modal_header":"_2wSoq","full_modal_body":"_3bfp5","full_modal_body_no_padding":"_Pf5Uh","full_modal_body_no_overflow":"_3sTgK"};
+var style = {"modal":"_Tr9L0","modal_container":"_2YluD","no_background":"_2vjgy","large":"_22C7A","modal_move":"_20eCx","modal_valid":"_RsujT","modal_close":"_1AbTJ","modal_custom":"_33Wb2","modal_header":"_2EzqX","modal_body":"_1-Y1J","full_modal_container":"_1w6wH","full_modal_header":"_2wSoq","full_modal_body":"_3bfp5","full_modal_body_no_padding":"_Pf5Uh","full_modal_body_no_overflow":"_3sTgK"};
 
 var Modal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Modal, _React$Component);
 
-  function Modal() {
-    return _React$Component.apply(this, arguments) || this;
+  function Modal(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+
+    _this.handleMouseUp = function () {
+      _this.setState({
+        isMove: false
+      }, function () {
+        window.removeEventListener('mousemove', _this.updateMousePosition);
+      });
+    };
+
+    _this.updateMousePosition = function (e) {
+      _this.setState({
+        x: e.clientX,
+        y: e.clientY
+      });
+    };
+
+    _this.state = {
+      isMove: false,
+      xStart: null,
+      yStart: null,
+      x: null,
+      y: null
+    };
+    return _this;
   }
 
   var _proto = Modal.prototype;
 
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.show) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = 'unset';
+    }
+
+    window.addEventListener('mouseup', this.handleMouseUp);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    window.removeEventListener('mouseup', this.handleMouseUp);
+  };
+
   _proto.componentDidUpdate = function componentDidUpdate() {
     if (this.props.show) {
       document.body.style.overflow = 'hidden';
@@ -72,7 +112,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     var _classNames,
-        _this = this;
+        _this2 = this;
 
     if (!this.props.show) {
       return null;
@@ -82,11 +122,29 @@ var Modal = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: style.modal,
       onMouseDown: function onMouseDown(e) {
-        return _this.handleClickModal(e);
+        return _this2.handleClickModal(e);
       }
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: modalContainerClass
+      className: modalContainerClass,
+      style: {
+        left: this.state.x && this.state.xStart ? this.state.x - this.state.xStart : 0,
+        top: this.state.y && this.state.yStart ? this.state.y - this.state.yStart : 0
+      }
     }, /*#__PURE__*/React__default.createElement("div", {
+      className: style.modal_move,
+      onMouseDown: function onMouseDown(e) {
+        _this2.setState({
+          isMove: true,
+          xStart: _this2.state.xStart || e.clientX,
+          yStart: _this2.state.yStart || e.clientY
+        }, function () {
+          return window.addEventListener('mousemove', _this2.updateMousePosition);
+        });
+      }
+    }, this.props.isMove ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
+      className: this.state.isMove ? 'red' : '',
+      icon: freeSolidSvgIcons.faUpDownLeftRight
+    }) : ''), /*#__PURE__*/React__default.createElement("div", {
       className: style.modal_valid,
       onClick: this.props.onValid
     }, this.props.onValid ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {