ui-kit-ck-consultant 0.5.258 → 0.5.259

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 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, faTrash, faFilePdf, faFileWord, faFileExcel, faFileImage, faFileCsv, faFile, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
+import { faUpDownLeftRight, faCheck, faTimes, faCaretUp, faCaretDown, faArrowLeft, faEllipsisV, faArrowRight, faChevronLeft, faChevronRight, faPlus, faBan, faCaretRight, faCaretLeft, faUser, faTrash, faFilePdf, faFileWord, faFileExcel, faFileImage, faFileCsv, faFile, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import classNames$1 from 'classnames';
 import { Doughnut, Bar, Radar, HorizontalBar } from 'react-chartjs-2';
 import 'chartjs-plugin-datalabels';
@@ -42,17 +42,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';
@@ -69,7 +109,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     var _classNames,
-        _this = this;
+        _this2 = this;
 
     if (!this.props.show) {
       return null;
@@ -79,11 +119,29 @@ var Modal = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.modal,
       onMouseDown: function onMouseDown(e) {
-        return _this.handleClickModal(e);
+        return _this2.handleClickModal(e);
       }
     }, /*#__PURE__*/React.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.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.createElement(FontAwesomeIcon, {
+      className: this.state.isMove ? 'red' : '',
+      icon: faUpDownLeftRight
+    }) : ''), /*#__PURE__*/React.createElement("div", {
       className: style.modal_valid,
       onClick: this.props.onValid
     }, this.props.onValid ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {