intelicoreact 1.3.19 → 1.3.21

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js

@@ -1,184 +1,248 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _moment = _interopRequireDefault(require("moment"));
+
 require("./MobileCalendar.scss");
+
 var _reactFeather = require("react-feather");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 require('../../../Functions/customEventListener');
-const MobileCalendar = _ref => {
-  let {
-    min = (0, _moment.default)().subtract('10', 'years'),
-    max = (0, _moment.default)().add('10', 'years'),
-    value = (0, _moment.default)(),
-    rows = 5,
-    label = '',
-    timeout = 75,
-    isMobile = true,
-    showSelectedDate = false,
-    listItemHeight = 32,
-    classes = {
-      wrapper: '',
-      label: '',
-      body: '',
-      yearsBlock: '',
-      yearsList: '',
-      yearsListItem: '',
-      monthsBlock: '',
-      monthsList: '',
-      monthsListItem: '',
-      daysBlock: '',
-      daysList: '',
-      daysListItem: '',
-      prevItem: '',
-      nextItem: '',
-      activeItem: ''
-    },
-    onChange = () => {},
-    onMinDateReached = () => {},
-    onMaxDateReached = () => {}
-  } = _ref;
-  const Body = document.querySelector('body');
-  const listItem = document.querySelector('.mobile-calendar_wrapper_body_months-list--item');
-  const [date, setDate] = (0, _react.useState)(value ? (0, _moment.default)(value) : (0, _moment.default)());
-  const [minDate, setMinDate] = (0, _react.useState)((0, _moment.default)(min));
-  const [maxDate, setMaxDate] = (0, _react.useState)((0, _moment.default)(max));
-  const [isMouseDown, setIsMouseDown] = (0, _react.useState)(false);
-  const [mouseDownOn, setMouseDownOn] = (0, _react.useState)(null);
-  const [changeInterval, setChangeInterval] = (0, _react.useState)(null);
-  const [touchY, setTouchY] = (0, _react.useState)(null);
-  const [touchType, setTouchType] = (0, _react.useState)(null);
-  const [touchTimestamp, setTouchTimestamp] = (0, _react.useState)(null);
-  const [scrollDirection, setScrollDirection] = (0, _react.useState)(0);
-  const monthsListRef = (0, _react.useRef)(null);
-  const daysListRef = (0, _react.useRef)(null);
-  const yearsListRef = (0, _react.useRef)(null);
-  const dateRef = (0, _react.useRef)(null);
-  const intervalRef = (0, _react.useRef)(null);
-
-  //--HANDLERS--//
-  const changeItem = (type, value) => {
+
+var MobileCalendar = function MobileCalendar(_ref) {
+  var _ref$min = _ref.min,
+      min = _ref$min === void 0 ? (0, _moment.default)().subtract('10', 'years') : _ref$min,
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? (0, _moment.default)().add('10', 'years') : _ref$max,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? (0, _moment.default)() : _ref$value,
+      _ref$rows = _ref.rows,
+      rows = _ref$rows === void 0 ? 5 : _ref$rows,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 75 : _ref$timeout,
+      _ref$isMobile = _ref.isMobile,
+      isMobile = _ref$isMobile === void 0 ? true : _ref$isMobile,
+      _ref$showSelectedDate = _ref.showSelectedDate,
+      showSelectedDate = _ref$showSelectedDate === void 0 ? false : _ref$showSelectedDate,
+      _ref$listItemHeight = _ref.listItemHeight,
+      listItemHeight = _ref$listItemHeight === void 0 ? 32 : _ref$listItemHeight,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {
+    wrapper: '',
+    label: '',
+    body: '',
+    yearsBlock: '',
+    yearsList: '',
+    yearsListItem: '',
+    monthsBlock: '',
+    monthsList: '',
+    monthsListItem: '',
+    daysBlock: '',
+    daysList: '',
+    daysListItem: '',
+    prevItem: '',
+    nextItem: '',
+    activeItem: ''
+  } : _ref$classes,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onMinDateReached = _ref.onMinDateReached,
+      onMinDateReached = _ref$onMinDateReached === void 0 ? function () {} : _ref$onMinDateReached,
+      _ref$onMaxDateReached = _ref.onMaxDateReached,
+      onMaxDateReached = _ref$onMaxDateReached === void 0 ? function () {} : _ref$onMaxDateReached;
+  var Body = document.querySelector('body');
+  var listItem = document.querySelector('.mobile-calendar_wrapper_body_months-list--item');
+
+  var _useState = (0, _react.useState)(value ? (0, _moment.default)(value) : (0, _moment.default)()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      date = _useState2[0],
+      setDate = _useState2[1];
+
+  var _useState3 = (0, _react.useState)((0, _moment.default)(min)),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      minDate = _useState4[0],
+      setMinDate = _useState4[1];
+
+  var _useState5 = (0, _react.useState)((0, _moment.default)(max)),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      maxDate = _useState6[0],
+      setMaxDate = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      isMouseDown = _useState8[0],
+      setIsMouseDown = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(null),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      mouseDownOn = _useState10[0],
+      setMouseDownOn = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(null),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      changeInterval = _useState12[0],
+      setChangeInterval = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(null),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      touchY = _useState14[0],
+      setTouchY = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(null),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      touchType = _useState16[0],
+      setTouchType = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(null),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      touchTimestamp = _useState18[0],
+      setTouchTimestamp = _useState18[1];
+
+  var _useState19 = (0, _react.useState)(0),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      scrollDirection = _useState20[0],
+      setScrollDirection = _useState20[1];
+
+  var monthsListRef = (0, _react.useRef)(null);
+  var daysListRef = (0, _react.useRef)(null);
+  var yearsListRef = (0, _react.useRef)(null);
+  var dateRef = (0, _react.useRef)(null);
+  var intervalRef = (0, _react.useRef)(null); //--HANDLERS--//
+
+  var changeItem = function changeItem(type, value) {
     setScrollDirection(value);
-    setDate(date => {
-      const newDate = (0, _moment.default)(date).add(value, type);
+    setDate(function (date) {
+      var newDate = (0, _moment.default)(date).add(value, type);
       if ((0, _moment.default)(newDate).isBefore(minDate)) return minDate;
       if ((0, _moment.default)(newDate).isAfter(maxDate)) return maxDate;
       return newDate;
     });
-    setTimeout(() => {
+    setTimeout(function () {
       setScrollDirection(0);
     }, 50);
   };
-  const checkAvailability = (type, value) => {
+
+  var checkAvailability = function checkAvailability(type, value) {
     if (!(dateRef !== null && dateRef !== void 0 && dateRef.current)) return false;
-    const newDate = (0, _moment.default)(dateRef === null || dateRef === void 0 ? void 0 : dateRef.current).add(value, type);
+    var newDate = (0, _moment.default)(dateRef === null || dateRef === void 0 ? void 0 : dateRef.current).add(value, type);
     if ((0, _moment.default)(newDate).isBefore(minDate)) return false;
     if ((0, _moment.default)(newDate).isAfter(maxDate)) return false;
     return true;
   };
-  const onArrowMouseDown = (type, value) => {
+
+  var onArrowMouseDown = function onArrowMouseDown(type, value) {
     setIsMouseDown(true);
     setMouseDownOn({
-      type,
-      value
+      type: type,
+      value: value
     });
   };
-  const onArrowMouseUp = () => {
+
+  var onArrowMouseUp = function onArrowMouseUp() {
     setIsMouseDown(false);
     setMouseDownOn(null);
   };
-  const onWheel = (e, type) => {
+
+  var onWheel = function onWheel(e, type) {
     e.preventDefault();
-    const {
-      deltaY
-    } = e;
-    const top = window.scrollX;
-    const left = window.scrollY;
+    var deltaY = e.deltaY;
+    var top = window.scrollX;
+    var left = window.scrollY;
     window.scrollTo({
-      top,
-      left
+      top: top,
+      left: left
     });
     changeItem(type, deltaY < 0 ? -1 : 1);
   };
-  const onTouchStart = (e, type) => {
+
+  var onTouchStart = function onTouchStart(e, type) {
     e.preventDefault();
+
     if (intervalRef !== null && intervalRef !== void 0 && intervalRef.current) {
       clearInterval(intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current);
       intervalRef.current = null;
     }
-    const {
-      timeStamp,
-      changedTouches
-    } = e;
-    const {
-      pageY
-    } = changedTouches[0];
+
+    var timeStamp = e.timeStamp,
+        changedTouches = e.changedTouches;
+    var pageY = changedTouches[0].pageY;
     setTouchY(pageY);
     setTouchTimestamp(timeStamp);
     setTouchType(type);
-    window.addEventListener('touchend', e => onTouchEnd(e, pageY, timeStamp, type), {
+    window.addEventListener('touchend', function (e) {
+      return onTouchEnd(e, pageY, timeStamp, type);
+    }, {
       once: true
     });
   };
-  const onTouchMove = e => {
+
+  var onTouchMove = function onTouchMove(e) {
     if (!touchY || !touchType) return;
-    const {
-      timeStamp,
-      changedTouches
-    } = e;
-    const {
-      pageY
-    } = changedTouches[0];
-    const deltaY = touchY - pageY;
+    var timeStamp = e.timeStamp,
+        changedTouches = e.changedTouches;
+    var pageY = changedTouches[0].pageY;
+    var deltaY = touchY - pageY;
     if (Math.abs(deltaY) < listItemHeight) return;
-    const direction = deltaY < 0 ? -1 : 1;
+    var direction = deltaY < 0 ? -1 : 1;
     setScrollDirection(direction);
     changeItem(touchType, direction);
     setTouchY(pageY);
     setTouchTimestamp(timeStamp);
   };
-  const onTouchEnd = (e, startY, startTime, touchType) => {
-    const {
-      timeStamp,
-      changedTouches
-    } = e;
-    const {
-      pageY
-    } = changedTouches[0];
-    const path = Math.abs(startY - pageY); //in px
-    const time = timeStamp - startTime; //ms
-    const pxPerMs = path / time;
+
+  var onTouchEnd = function onTouchEnd(e, startY, startTime, touchType) {
+    var timeStamp = e.timeStamp,
+        changedTouches = e.changedTouches;
+    var pageY = changedTouches[0].pageY;
+    var path = Math.abs(startY - pageY); //in px
+
+    var time = timeStamp - startTime; //ms
+
+    var pxPerMs = path / time;
     if (pxPerMs > 0.65) innertionScroll({
-      startY,
-      pageY,
-      timeStamp,
-      startTime,
-      touchType
+      startY: startY,
+      pageY: pageY,
+      timeStamp: timeStamp,
+      startTime: startTime,
+      touchType: touchType
     });else setTouchType(null);
     setTouchY(null);
   };
-  const innertionScroll = _ref2 => {
-    let {
-      startY,
-      pageY,
-      timeStamp,
-      startTime,
-      touchType
-    } = _ref2;
-    const path = Math.abs(startY - pageY); //in px
-    const time = timeStamp - startTime; //ms
-    const pxPerMs = Math.ceil(path / time); //speed
-
-    const S = pxPerMs / 2 * time;
-    const blocks = Math.ceil(S / listItemHeight * pxPerMs);
-    let i = 1;
-    intervalRef.current = setInterval(() => {
+
+  var innertionScroll = function innertionScroll(_ref2) {
+    var startY = _ref2.startY,
+        pageY = _ref2.pageY,
+        timeStamp = _ref2.timeStamp,
+        startTime = _ref2.startTime,
+        touchType = _ref2.touchType;
+    var path = Math.abs(startY - pageY); //in px
+
+    var time = timeStamp - startTime; //ms
+
+    var pxPerMs = Math.ceil(path / time); //speed
+
+    var S = pxPerMs / 2 * time;
+    var blocks = Math.ceil(S / listItemHeight * pxPerMs);
+    var i = 1;
+    intervalRef.current = setInterval(function () {
       if (checkAvailability(touchType, startY - pageY < 0 ? -1 : 1, date) && i <= blocks) {
         changeItem(touchType, startY - pageY < 0 ? -1 : 1);
       } else {
@@ -186,10 +250,9 @@ const MobileCalendar = _ref => {
         clearInterval(intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current);
         intervalRef.current = null;
       }
-      ++i;
-    }, timeout);
 
-    // for(let i = 1; i <= blocks; ++i){
+      ++i;
+    }, timeout); // for(let i = 1; i <= blocks; ++i){
     //   // timeout = i*pxPerMs+Math.pow(i,2)*10;
     //   timeout += 80;
     //   if(checkAvailability(touchType, startY-pageY < 0 ? -1 : 1, date)){
@@ -198,144 +261,188 @@ const MobileCalendar = _ref => {
     //       changeItem(touchType, startY-pageY < 0 ? -1 : 1);
     //     }, timeout)
     //   }
-
     // }
-  };
+  }; //--FUNCTIONS--//
 
-  //--FUNCTIONS--//
-  const intervalWorker = () => {
+
+  var intervalWorker = function intervalWorker() {
     if (!mouseDownOn) return;
-    const {
-      type,
-      value
-    } = mouseDownOn;
+    var type = mouseDownOn.type,
+        value = mouseDownOn.value;
     changeItem(type, value);
   };
-  const getList = (type, format) => {
-    const list = [];
-    const renderRows = rows;
-    for (let i = (renderRows - 1) / 2; i >= (renderRows - 1) / 2 * -1; --i) {
+
+  var getList = function getList(type, format) {
+    var list = [];
+    var renderRows = rows;
+
+    for (var i = (renderRows - 1) / 2; i >= (renderRows - 1) / 2 * -1; --i) {
       list.push((0, _moment.default)(date).subtract(i, type).format(format));
     }
+
     return list;
   };
-  const getMonthList = () => getList('months', 'MMMM');
-  const getDaysList = () => getList('days', 'D');
-  const getYearsList = () => getList('years', 'YYYY');
 
-  //--OBSERVERS--//
-  (0, _react.useEffect)(() => {
+  var getMonthList = function getMonthList() {
+    return getList('months', 'MMMM');
+  };
+
+  var getDaysList = function getDaysList() {
+    return getList('days', 'D');
+  };
+
+  var getYearsList = function getYearsList() {
+    return getList('years', 'YYYY');
+  }; //--OBSERVERS--//
+
+
+  (0, _react.useEffect)(function () {
     if ((0, _moment.default)(date.format('L')).isBefore(minDate.format('L'))) setDate(minDate);
     if ((0, _moment.default)(date.format('L')).isAfter(maxDate.format('L'))) setDate(maxDate);
-  }, []);
+  }, []); //Events Observer
 
-  //Events Observer
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     document.addEventListener('mouseup', onArrowMouseUp);
-    return () => {
+    return function () {
       document.removeEventListener('mouseup', onArrowMouseUp);
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     onChange(date);
     dateRef.current = date;
     if ((0, _moment.default)(date.format('L')).isSame(minDate.format('L'))) onMinDateReached(minDate);
     if ((0, _moment.default)(date.format('L')).isSame(maxDate.format('L'))) onMaxDateReached(maxDate);
-  }, [date]);
+  }, [date]); //monthList Events
 
-  //monthList Events
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (monthsListRef !== null && monthsListRef !== void 0 && monthsListRef.current) {
       var _monthsListRef$curren, _monthsListRef$curren2;
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 || _monthsListRef$curren.addEventListener('mousewheel', e => onWheel(e, 'months'), {
+
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 ? void 0 : _monthsListRef$curren.addEventListener('mousewheel', function (e) {
+        return onWheel(e, 'months');
+      }, {
         passive: false
       });
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 || _monthsListRef$curren2.addEventListener('touchstart', e => onTouchStart(e, 'months'), {
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 ? void 0 : _monthsListRef$curren2.addEventListener('touchstart', function (e) {
+        return onTouchStart(e, 'months');
+      }, {
         passive: false
       });
     }
-    return () => {
+
+    return function () {
       var _monthsListRef$curren3, _monthsListRef$curren4;
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 || _monthsListRef$curren3.clearEventListeners('mousewheel');
-      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren4 = monthsListRef.current) === null || _monthsListRef$curren4 === void 0 || _monthsListRef$curren4.clearEventListeners('touchstart');
+
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 ? void 0 : _monthsListRef$curren3.clearEventListeners('mousewheel');
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren4 = monthsListRef.current) === null || _monthsListRef$curren4 === void 0 ? void 0 : _monthsListRef$curren4.clearEventListeners('touchstart');
     };
-  }, [monthsListRef]);
+  }, [monthsListRef]); //daysList Events
 
-  //daysList Events
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (daysListRef !== null && daysListRef !== void 0 && daysListRef.current) {
       var _daysListRef$current, _daysListRef$current2;
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 || _daysListRef$current.addEventListener('mousewheel', e => onWheel(e, 'days'), {
+
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 ? void 0 : _daysListRef$current.addEventListener('mousewheel', function (e) {
+        return onWheel(e, 'days');
+      }, {
         passive: false
       });
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 || _daysListRef$current2.addEventListener('touchstart', e => onTouchStart(e, 'days'), {
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 ? void 0 : _daysListRef$current2.addEventListener('touchstart', function (e) {
+        return onTouchStart(e, 'days');
+      }, {
         passive: false
       });
     }
-    return () => {
+
+    return function () {
       var _daysListRef$current3, _daysListRef$current4;
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 || _daysListRef$current3.clearEventListeners('mousewheel');
-      daysListRef === null || daysListRef === void 0 || (_daysListRef$current4 = daysListRef.current) === null || _daysListRef$current4 === void 0 || _daysListRef$current4.clearEventListeners('touchstart');
+
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 ? void 0 : _daysListRef$current3.clearEventListeners('mousewheel');
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current4 = daysListRef.current) === null || _daysListRef$current4 === void 0 ? void 0 : _daysListRef$current4.clearEventListeners('touchstart');
     };
-  }, [daysListRef]);
+  }, [daysListRef]); //yearsList Events
 
-  //yearsList Events
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (yearsListRef !== null && yearsListRef !== void 0 && yearsListRef.current) {
       var _yearsListRef$current, _yearsListRef$current2;
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 || _yearsListRef$current.addEventListener('mousewheel', e => onWheel(e, 'years'), {
+
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 ? void 0 : _yearsListRef$current.addEventListener('mousewheel', function (e) {
+        return onWheel(e, 'years');
+      }, {
         passive: false
       });
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 || _yearsListRef$current2.addEventListener('touchstart', e => onTouchStart(e, 'years'), {
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 ? void 0 : _yearsListRef$current2.addEventListener('touchstart', function (e) {
+        return onTouchStart(e, 'years');
+      }, {
         passive: false
       });
     }
-    return () => {
+
+    return function () {
       var _yearsListRef$current3, _yearsListRef$current4;
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 || _yearsListRef$current3.clearEventListeners('mousewheel');
-      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current4 = yearsListRef.current) === null || _yearsListRef$current4 === void 0 || _yearsListRef$current4.clearEventListeners('touchstart');
+
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 ? void 0 : _yearsListRef$current3.clearEventListeners('mousewheel');
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current4 = yearsListRef.current) === null || _yearsListRef$current4 === void 0 ? void 0 : _yearsListRef$current4.clearEventListeners('touchstart');
     };
-  }, [yearsListRef]);
-
-  //--RENDER--//
-  const renderMonthsList = () => {
-    const half = (rows - 1) / 2;
-    return getMonthList().map((month, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "mobile-calendar_wrapper_body_months-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.monthsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
-      key: "month-".concat(month),
-      onClick: touchY ? null : () => i - half === 0 ? {} : changeItem('months', i - half),
-      "attr-scroll-direction": touchType === 'months' ? scrollDirection : 0,
-      "attr-is-scrolling": touchType === 'months' ? 1 : 0
-    }, month));
+  }, [yearsListRef]); //--RENDER--//
+
+  var renderMonthsList = function renderMonthsList() {
+    var half = (rows - 1) / 2;
+    return getMonthList().map(function (month, i) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mobile-calendar_wrapper_body_months-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.monthsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
+        key: "month-".concat(month),
+        onClick: touchY ? null : function () {
+          return i - half === 0 ? {} : changeItem('months', i - half);
+        },
+        "attr-scroll-direction": touchType === 'months' ? scrollDirection : 0,
+        "attr-is-scrolling": touchType === 'months' ? 1 : 0
+      }, month);
+    });
   };
-  const renderDaysList = () => {
-    const half = (rows - 1) / 2;
-    return getDaysList().map((day, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "mobile-calendar_wrapper_body_days-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.daysListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
-      key: "day-".concat(day),
-      onClick: () => i - half === 0 ? {} : changeItem('days', i - half),
-      "attr-scroll-direction": touchType === 'days' ? scrollDirection : 0,
-      "attr-is-scrolling": touchType === 'days' ? 1 : 0
-    }, day));
+
+  var renderDaysList = function renderDaysList() {
+    var half = (rows - 1) / 2;
+    return getDaysList().map(function (day, i) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mobile-calendar_wrapper_body_days-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.daysListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
+        key: "day-".concat(day),
+        onClick: function onClick() {
+          return i - half === 0 ? {} : changeItem('days', i - half);
+        },
+        "attr-scroll-direction": touchType === 'days' ? scrollDirection : 0,
+        "attr-is-scrolling": touchType === 'days' ? 1 : 0
+      }, day);
+    });
   };
-  const renderYearsList = () => {
-    const half = (rows - 1) / 2;
-    return getYearsList().map((year, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "mobile-calendar_wrapper_body_years-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.yearsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
-      key: "year-".concat(year),
-      onClick: () => i - half === 0 ? {} : changeItem('years', i - half),
-      "attr-scroll-direction": touchType === 'years' ? scrollDirection : 0,
-      "attr-is-scrolling": touchType === 'years' ? 1 : 0
-    }, year));
+
+  var renderYearsList = function renderYearsList() {
+    var half = (rows - 1) / 2;
+    return getYearsList().map(function (year, i) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mobile-calendar_wrapper_body_years-list--item ".concat(i === half ? 'active' : '', " ").concat(i === 0 || i === rows - 1 ? 'transparent' : '', " ").concat(classes === null || classes === void 0 ? void 0 : classes.yearsListItem, " ").concat(i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ''),
+        key: "year-".concat(year),
+        onClick: function onClick() {
+          return i - half === 0 ? {} : changeItem('years', i - half);
+        },
+        "attr-scroll-direction": touchType === 'years' ? scrollDirection : 0,
+        "attr-is-scrolling": touchType === 'years' ? 1 : 0
+      }, year);
+    });
   };
-  const renderMonthsBlock = () => {
+
+  var renderMonthsBlock = function renderMonthsBlock() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months ".concat(classes === null || classes === void 0 ? void 0 : classes.monthsBlock)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months--prev ".concat(classes === null || classes === void 0 ? void 0 : classes.prevItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, {
-      onClick: () => changeItem('months', -1),
-      onMouseDown: () => onArrowMouseDown('months', -1),
+      onClick: function onClick() {
+        return changeItem('months', -1);
+      },
+      onMouseDown: function onMouseDown() {
+        return onArrowMouseDown('months', -1);
+      },
       onMouseUp: onArrowMouseUp
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months-list ".concat(classes === null || classes === void 0 ? void 0 : classes.monthsList),
@@ -345,19 +452,28 @@ const MobileCalendar = _ref => {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_months--next ".concat(classes === null || classes === void 0 ? void 0 : classes.nextItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      onClick: () => changeItem('months', 1),
-      onMouseDown: () => onArrowMouseDown('months', 1),
+      onClick: function onClick() {
+        return changeItem('months', 1);
+      },
+      onMouseDown: function onMouseDown() {
+        return onArrowMouseDown('months', 1);
+      },
       onMouseUp: onArrowMouseUp
     })));
   };
-  const renderDaysBlock = () => {
+
+  var renderDaysBlock = function renderDaysBlock() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days ".concat(classes === null || classes === void 0 ? void 0 : classes.daysBlock)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days--prev ".concat(classes === null || classes === void 0 ? void 0 : classes.prevItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, {
-      onClick: () => changeItem('days', -1),
-      onMouseDown: () => onArrowMouseDown('days', -1),
+      onClick: function onClick() {
+        return changeItem('days', -1);
+      },
+      onMouseDown: function onMouseDown() {
+        return onArrowMouseDown('days', -1);
+      },
       onMouseUp: onArrowMouseUp
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days-list ".concat(classes === null || classes === void 0 ? void 0 : classes.daysList),
@@ -367,19 +483,28 @@ const MobileCalendar = _ref => {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_days--next ".concat(classes === null || classes === void 0 ? void 0 : classes.nextItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      onClick: () => changeItem('days', 1),
-      onMouseDown: () => onArrowMouseDown('days', 1),
+      onClick: function onClick() {
+        return changeItem('days', 1);
+      },
+      onMouseDown: function onMouseDown() {
+        return onArrowMouseDown('days', 1);
+      },
       onMouseUp: onArrowMouseUp
     })));
   };
-  const renderYearsBlock = () => {
+
+  var renderYearsBlock = function renderYearsBlock() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years ".concat(classes === null || classes === void 0 ? void 0 : classes.yearsBlock)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years--prev ".concat(classes === null || classes === void 0 ? void 0 : classes.prevItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, {
-      onClick: () => changeItem('years', -1),
-      onMouseDown: () => onArrowMouseDown('years', -1),
+      onClick: function onClick() {
+        return changeItem('years', -1);
+      },
+      onMouseDown: function onMouseDown() {
+        return onArrowMouseDown('years', -1);
+      },
       onMouseUp: onArrowMouseUp
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years-list ".concat(classes === null || classes === void 0 ? void 0 : classes.yearsList),
@@ -389,11 +514,16 @@ const MobileCalendar = _ref => {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mobile-calendar_wrapper_body_years--next ".concat(classes === null || classes === void 0 ? void 0 : classes.nextItem)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      onClick: () => changeItem('years', 1),
-      onMouseDown: () => onArrowMouseDown('years', 1),
+      onClick: function onClick() {
+        return changeItem('years', 1);
+      },
+      onMouseDown: function onMouseDown() {
+        return onArrowMouseDown('years', 1);
+      },
       onMouseUp: onArrowMouseUp
     })));
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "mobile-calendar_wrapper ".concat(classes === null || classes === void 0 ? void 0 : classes.wrapper),
     onTouchMove: onTouchMove
@@ -405,4 +535,6 @@ const MobileCalendar = _ref => {
     className: "mobile-calendar_wrapper_body  ".concat(classes === null || classes === void 0 ? void 0 : classes.body)
   }, renderMonthsBlock(), renderDaysBlock(), renderYearsBlock()));
 };
-var _default = exports.default = MobileCalendar;
+
+var _default = MobileCalendar;
+exports.default = _default;