intelicoreact 1.3.21 → 1.3.22

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

@@ -1,248 +1,184 @@
 "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(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; }
-
+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; }
 require('../../../Functions/customEventListener');
-
-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) {
+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) => {
     setScrollDirection(value);
-    setDate(function (date) {
-      var newDate = (0, _moment.default)(date).add(value, type);
+    setDate(date => {
+      const 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(function () {
+    setTimeout(() => {
       setScrollDirection(0);
     }, 50);
   };
-
-  var checkAvailability = function checkAvailability(type, value) {
+  const checkAvailability = (type, value) => {
     if (!(dateRef !== null && dateRef !== void 0 && dateRef.current)) return false;
-    var newDate = (0, _moment.default)(dateRef === null || dateRef === void 0 ? void 0 : dateRef.current).add(value, type);
+    const 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;
   };
-
-  var onArrowMouseDown = function onArrowMouseDown(type, value) {
+  const onArrowMouseDown = (type, value) => {
     setIsMouseDown(true);
     setMouseDownOn({
-      type: type,
-      value: value
+      type,
+      value
     });
   };
-
-  var onArrowMouseUp = function onArrowMouseUp() {
+  const onArrowMouseUp = () => {
     setIsMouseDown(false);
     setMouseDownOn(null);
   };
-
-  var onWheel = function onWheel(e, type) {
+  const onWheel = (e, type) => {
     e.preventDefault();
-    var deltaY = e.deltaY;
-    var top = window.scrollX;
-    var left = window.scrollY;
+    const {
+      deltaY
+    } = e;
+    const top = window.scrollX;
+    const left = window.scrollY;
     window.scrollTo({
-      top: top,
-      left: left
+      top,
+      left
     });
     changeItem(type, deltaY < 0 ? -1 : 1);
   };
-
-  var onTouchStart = function onTouchStart(e, type) {
+  const 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;
     }
-
-    var timeStamp = e.timeStamp,
-        changedTouches = e.changedTouches;
-    var pageY = changedTouches[0].pageY;
+    const {
+      timeStamp,
+      changedTouches
+    } = e;
+    const {
+      pageY
+    } = changedTouches[0];
     setTouchY(pageY);
     setTouchTimestamp(timeStamp);
     setTouchType(type);
-    window.addEventListener('touchend', function (e) {
-      return onTouchEnd(e, pageY, timeStamp, type);
-    }, {
+    window.addEventListener('touchend', e => onTouchEnd(e, pageY, timeStamp, type), {
       once: true
     });
   };
-
-  var onTouchMove = function onTouchMove(e) {
+  const onTouchMove = e => {
     if (!touchY || !touchType) return;
-    var timeStamp = e.timeStamp,
-        changedTouches = e.changedTouches;
-    var pageY = changedTouches[0].pageY;
-    var deltaY = touchY - pageY;
+    const {
+      timeStamp,
+      changedTouches
+    } = e;
+    const {
+      pageY
+    } = changedTouches[0];
+    const deltaY = touchY - pageY;
     if (Math.abs(deltaY) < listItemHeight) return;
-    var direction = deltaY < 0 ? -1 : 1;
+    const direction = deltaY < 0 ? -1 : 1;
     setScrollDirection(direction);
     changeItem(touchType, direction);
     setTouchY(pageY);
     setTouchTimestamp(timeStamp);
   };
-
-  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;
+  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;
     if (pxPerMs > 0.65) innertionScroll({
-      startY: startY,
-      pageY: pageY,
-      timeStamp: timeStamp,
-      startTime: startTime,
-      touchType: touchType
+      startY,
+      pageY,
+      timeStamp,
+      startTime,
+      touchType
     });else setTouchType(null);
     setTouchY(null);
   };
-
-  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 () {
+  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(() => {
       if (checkAvailability(touchType, startY - pageY < 0 ? -1 : 1, date) && i <= blocks) {
         changeItem(touchType, startY - pageY < 0 ? -1 : 1);
       } else {
@@ -250,9 +186,10 @@ var MobileCalendar = function MobileCalendar(_ref) {
         clearInterval(intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current);
         intervalRef.current = null;
       }
-
       ++i;
-    }, timeout); // for(let i = 1; i <= blocks; ++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)){
@@ -261,188 +198,144 @@ var MobileCalendar = function MobileCalendar(_ref) {
     //       changeItem(touchType, startY-pageY < 0 ? -1 : 1);
     //     }, timeout)
     //   }
-    // }
-  }; //--FUNCTIONS--//
 
+    // }
+  };
 
-  var intervalWorker = function intervalWorker() {
+  //--FUNCTIONS--//
+  const intervalWorker = () => {
     if (!mouseDownOn) return;
-    var type = mouseDownOn.type,
-        value = mouseDownOn.value;
+    const {
+      type,
+      value
+    } = mouseDownOn;
     changeItem(type, value);
   };
-
-  var getList = function getList(type, format) {
-    var list = [];
-    var renderRows = rows;
-
-    for (var i = (renderRows - 1) / 2; i >= (renderRows - 1) / 2 * -1; --i) {
+  const getList = (type, format) => {
+    const list = [];
+    const renderRows = rows;
+    for (let 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');
 
-  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 () {
+  //--OBSERVERS--//
+  (0, _react.useEffect)(() => {
     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
+  }, []);
 
-  (0, _react.useEffect)(function () {
+  //Events Observer
+  (0, _react.useEffect)(() => {
     document.addEventListener('mouseup', onArrowMouseUp);
-    return function () {
+    return () => {
       document.removeEventListener('mouseup', onArrowMouseUp);
     };
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     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]); //monthList Events
+  }, [date]);
 
-  (0, _react.useEffect)(function () {
+  //monthList Events
+  (0, _react.useEffect)(() => {
     if (monthsListRef !== null && monthsListRef !== void 0 && monthsListRef.current) {
       var _monthsListRef$curren, _monthsListRef$curren2;
-
-      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');
-      }, {
+      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 || _monthsListRef$curren.addEventListener('mousewheel', e => onWheel(e, 'months'), {
         passive: false
       });
-      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');
-      }, {
+      monthsListRef === null || monthsListRef === void 0 || (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 || _monthsListRef$curren2.addEventListener('touchstart', e => onTouchStart(e, 'months'), {
         passive: false
       });
     }
-
-    return function () {
+    return () => {
       var _monthsListRef$curren3, _monthsListRef$curren4;
-
-      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 === 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]); //daysList Events
+  }, [monthsListRef]);
 
-  (0, _react.useEffect)(function () {
+  //daysList Events
+  (0, _react.useEffect)(() => {
     if (daysListRef !== null && daysListRef !== void 0 && daysListRef.current) {
       var _daysListRef$current, _daysListRef$current2;
-
-      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');
-      }, {
+      daysListRef === null || daysListRef === void 0 || (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 || _daysListRef$current.addEventListener('mousewheel', e => onWheel(e, 'days'), {
         passive: false
       });
-      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');
-      }, {
+      daysListRef === null || daysListRef === void 0 || (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 || _daysListRef$current2.addEventListener('touchstart', e => onTouchStart(e, 'days'), {
         passive: false
       });
     }
-
-    return function () {
+    return () => {
       var _daysListRef$current3, _daysListRef$current4;
-
-      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 === 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]); //yearsList Events
+  }, [daysListRef]);
 
-  (0, _react.useEffect)(function () {
+  //yearsList Events
+  (0, _react.useEffect)(() => {
     if (yearsListRef !== null && yearsListRef !== void 0 && yearsListRef.current) {
       var _yearsListRef$current, _yearsListRef$current2;
-
-      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');
-      }, {
+      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 || _yearsListRef$current.addEventListener('mousewheel', e => onWheel(e, 'years'), {
         passive: false
       });
-      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');
-      }, {
+      yearsListRef === null || yearsListRef === void 0 || (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 || _yearsListRef$current2.addEventListener('touchstart', e => onTouchStart(e, 'years'), {
         passive: false
       });
     }
-
-    return function () {
+    return () => {
       var _yearsListRef$current3, _yearsListRef$current4;
-
-      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 === 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]); //--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);
-    });
+  }, [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));
   };
-
-  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 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 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 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 renderMonthsBlock = function renderMonthsBlock() {
+  const 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: function onClick() {
-        return changeItem('months', -1);
-      },
-      onMouseDown: function onMouseDown() {
-        return onArrowMouseDown('months', -1);
-      },
+      onClick: () => changeItem('months', -1),
+      onMouseDown: () => 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),
@@ -452,28 +345,19 @@ var MobileCalendar = function 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: function onClick() {
-        return changeItem('months', 1);
-      },
-      onMouseDown: function onMouseDown() {
-        return onArrowMouseDown('months', 1);
-      },
+      onClick: () => changeItem('months', 1),
+      onMouseDown: () => onArrowMouseDown('months', 1),
       onMouseUp: onArrowMouseUp
     })));
   };
-
-  var renderDaysBlock = function renderDaysBlock() {
+  const 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: function onClick() {
-        return changeItem('days', -1);
-      },
-      onMouseDown: function onMouseDown() {
-        return onArrowMouseDown('days', -1);
-      },
+      onClick: () => changeItem('days', -1),
+      onMouseDown: () => 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),
@@ -483,28 +367,19 @@ var MobileCalendar = function 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: function onClick() {
-        return changeItem('days', 1);
-      },
-      onMouseDown: function onMouseDown() {
-        return onArrowMouseDown('days', 1);
-      },
+      onClick: () => changeItem('days', 1),
+      onMouseDown: () => onArrowMouseDown('days', 1),
       onMouseUp: onArrowMouseUp
     })));
   };
-
-  var renderYearsBlock = function renderYearsBlock() {
+  const 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: function onClick() {
-        return changeItem('years', -1);
-      },
-      onMouseDown: function onMouseDown() {
-        return onArrowMouseDown('years', -1);
-      },
+      onClick: () => changeItem('years', -1),
+      onMouseDown: () => 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),
@@ -514,16 +389,11 @@ var MobileCalendar = function 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: function onClick() {
-        return changeItem('years', 1);
-      },
-      onMouseDown: function onMouseDown() {
-        return onArrowMouseDown('years', 1);
-      },
+      onClick: () => changeItem('years', 1),
+      onMouseDown: () => 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
@@ -535,6 +405,4 @@ var MobileCalendar = function MobileCalendar(_ref) {
     className: "mobile-calendar_wrapper_body  ".concat(classes === null || classes === void 0 ? void 0 : classes.body)
   }, renderMonthsBlock(), renderDaysBlock(), renderYearsBlock()));
 };
-
-var _default = MobileCalendar;
-exports.default = _default;
+var _default = exports.default = MobileCalendar;