ui-kit-ck-consultant 0.5.272 → 0.5.274

package/dist/index.modern.js

@@ -80,12 +80,6 @@ var Modal = /*#__PURE__*/function (_React$Component) {
   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);
   };
 
@@ -116,7 +110,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
     }
 
     var modalContainerClass = classNames$1((_classNames = {}, _classNames[style.large] = !!this.props.large, _classNames[style.no_background] = !!this.props.noBackground, _classNames), style.modal_container, this.props.className);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.props.show ? /*#__PURE__*/React.createElement("style", null, "body {overflow: \"hidden\" }") : null, /*#__PURE__*/React.createElement("div", {
       className: style.modal,
       onMouseDown: function onMouseDown(e) {
         return _this2.handleClickModal(e);
@@ -155,7 +149,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       className: style.modal_header
     }, /*#__PURE__*/React.createElement("h2", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       className: style.modal_body
-    }, this.props.children)));
+    }, this.props.children))));
   };
 
   return Modal;
@@ -170,22 +164,12 @@ var FullModal = /*#__PURE__*/function (_React$Component) {
 
   var _proto = FullModal.prototype;
 
-  _proto.componentDidUpdate = function componentDidUpdate() {
-    if (this.props.show) {
-      document.documentElement.style.overflow = 'hidden';
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.documentElement.style.overflow = 'unset';
-      document.body.style.overflow = 'unset';
-    }
-  };
-
   _proto.render = function render() {
     if (!this.props.show) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.props.show ? /*#__PURE__*/React.createElement("style", null, "body {overflow: \"hidden\" }") : null, /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style.modal, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
       className: style.full_modal_container
@@ -209,7 +193,7 @@ var FullModal = /*#__PURE__*/function (_React$Component) {
       className: style.full_modal_header
     }, /*#__PURE__*/React.createElement("h2", null, this.props.title)) : null, /*#__PURE__*/React.createElement("div", {
       className: classNames$1(this.props.noPadding ? style.full_modal_body_no_padding : style.full_modal_body, this.props.noOverflow ? style.full_modal_body_no_overflow : {})
-    }, this.props.children)));
+    }, this.props.children))));
   };
 
   return FullModal;
@@ -1083,121 +1067,11 @@ var Header = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Header, _React$Component);
 
   function Header() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
-    _this.snowflake = function () {
-      var COUNT = 10;
-      var masthead = document.querySelector('.sky');
-      var canvas = document.createElement('canvas');
-      var ctx = canvas.getContext('2d');
-      var width = masthead.clientWidth;
-      var height = masthead.clientHeight;
-      var i = 0;
-      var active = false;
-
-      function onResize() {
-        width = masthead.clientWidth;
-        height = masthead.clientHeight;
-        canvas.width = width;
-        canvas.height = height;
-        ctx.fillStyle = '#FFF';
-        var wasActive = active;
-        active = width > 600;
-        if (!wasActive && active) requestAnimFrame(update);
-      }
-
-      var Snowflake = function Snowflake() {
-        this.x = 0;
-        this.y = 0;
-        this.vy = 0;
-        this.vx = 0;
-        this.r = 0;
-        this.reset();
-      };
-
-      Snowflake.prototype.reset = function () {
-        this.x = Math.random() * width;
-        this.y = Math.random() * -height;
-        this.vy = 0.18 + Math.random() * 1.5;
-        this.vx = 0.65 - Math.random();
-        this.r = 1 + Math.random() * 3;
-        this.o = 0.5 + Math.random() * 0.5;
-      };
-
-      canvas.style.position = 'absolute';
-      canvas.style.left = canvas.style.top = '0';
-      var snowflakes = [],
-          snowflake;
-
-      for (i = 0; i < COUNT; i++) {
-        snowflake = new Snowflake();
-        snowflake.reset();
-        snowflakes.push(snowflake);
-      }
-
-      function update() {
-        ctx.clearRect(0, 0, width, height);
-        if (!active) return;
-
-        for (i = 0; i < COUNT; i++) {
-          snowflake = snowflakes[i];
-          snowflake.y += snowflake.vy;
-          snowflake.x += snowflake.vx;
-          ctx.globalAlpha = snowflake.o;
-          ctx.beginPath();
-          var x = snowflake.x;
-          var y = snowflake.y;
-
-          var _width = 10 * snowflake.r;
-
-          var _height = 10 * snowflake.r;
-
-          var topCurveHeight = _height * 0.3;
-          ctx.moveTo(x, y + topCurveHeight);
-          ctx.bezierCurveTo(x, y, x - _width / 2, y, x - _width / 2, y + topCurveHeight);
-          ctx.bezierCurveTo(x - _width / 2, y + (_height + topCurveHeight) / 2, x, y + (_height + topCurveHeight) / 2, x, y + _height);
-          ctx.bezierCurveTo(x, y + (_height + topCurveHeight) / 2, x + _width / 2, y + (_height + topCurveHeight) / 2, x + _width / 2, y + topCurveHeight);
-          ctx.bezierCurveTo(x + _width / 2, y, x, y, x, y + topCurveHeight);
-          ctx.closePath();
-          ctx.fillStyle = "rgba(255, 20, 20, 0.5)";
-          ctx.fill();
-          ctx.closePath();
-          ctx.fill();
-
-          if (snowflake.y > _height * 4) {
-            snowflake.reset();
-          }
-        }
-
-        requestAnimFrame(update);
-      }
-
-      window.requestAnimFrame = function () {
-        return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
-          window.setTimeout(callback, 1000 / 10);
-        };
-      }();
-
-      onResize();
-      window.addEventListener('resize', onResize, false);
-      masthead.appendChild(canvas);
-    };
-
-    return _this;
+    return _React$Component.apply(this, arguments) || this;
   }
 
   var _proto = Header.prototype;
 
-  _proto.componentDidMount = function componentDidMount() {
-    this.snowflake();
-  };
-
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$b.header, this.props.className, 'sky')
@@ -3042,23 +2916,15 @@ var Loader = /*#__PURE__*/function (_React$Component) {
 
   var _proto = Loader.prototype;
 
-  _proto.componentDidUpdate = function componentDidUpdate() {
-    if (this.props.show) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = 'unset';
-    }
-  };
-
   _proto.render = function render() {
     if (!this.props.show) return null;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.props.show ? /*#__PURE__*/React.createElement("style", null, "body {overflow: \"hidden\" }") : null, /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$m.loader_container, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
       className: classNames$1(style$m.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React.createElement("div", {
       className: style$m.loader
-    }, /*#__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));
+    }, /*#__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;