intelicoreact 1.4.81 → 1.4.83

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

@@ -2,11 +2,15 @@
 
 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"));
@@ -15,111 +19,161 @@ var _reactFeather = require("react-feather");
 
 require("./MobileCalendar.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 _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) {
@@ -127,80 +181,68 @@ const MobileCalendar = _ref => {
       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
+  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
 
-    const time = timeStamp - startTime; //ms
+    var time = timeStamp - startTime; //ms
 
-    const pxPerMs = path / time;
+    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
+  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
 
-    const time = timeStamp - startTime; //ms
+    var time = timeStamp - startTime; //ms
 
-    const pxPerMs = Math.ceil(path / time); //speed
+    var 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 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 {
@@ -223,64 +265,72 @@ const MobileCalendar = _ref => {
   }; //--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;
+  var getList = function getList(type, format) {
+    var list = [];
+    var renderRows = rows;
 
-    for (let i = (renderRows - 1) / 2; i >= (renderRows - 1) / 2 * -1; --i) {
+    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");
+  var getMonthList = function getMonthList() {
+    return getList("months", "MMMM");
+  };
 
-  const getDaysList = () => getList("days", "D");
+  var getDaysList = function getDaysList() {
+    return getList("days", "D");
+  };
 
-  const getYearsList = () => getList("years", "YYYY"); //--OBSERVERS--//
+  var getYearsList = function getYearsList() {
+    return getList("years", "YYYY");
+  }; //--OBSERVERS--//
 
 
-  (0, _react.useEffect)(() => {
+  (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
 
-  (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]); //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 ? void 0 : (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 ? 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 ? void 0 : (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 ? 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 ? void 0 : (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 ? void 0 : _monthsListRef$curren3.clearEventListeners("mousewheel");
@@ -288,19 +338,23 @@ const MobileCalendar = _ref => {
     };
   }, [monthsListRef]); //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 ? void 0 : (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 ? 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 ? void 0 : (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 ? 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 ? void 0 : (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 ? void 0 : _daysListRef$current3.clearEventListeners("mousewheel");
@@ -308,19 +362,23 @@ const MobileCalendar = _ref => {
     };
   }, [daysListRef]); //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 ? void 0 : (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 ? 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 ? void 0 : (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 ? 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 ? void 0 : (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 ? void 0 : _yearsListRef$current3.clearEventListeners("mousewheel");
@@ -328,47 +386,63 @@ const MobileCalendar = _ref => {
     };
   }, [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 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),
@@ -378,20 +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),
@@ -401,20 +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),
@@ -424,8 +514,12 @@ 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
     })));
   };