intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,459 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
+const _reactfeather = require("react-feather");
+require("./MobileCalendar.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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 = ({ 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 = ()=>{} })=>{
+    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((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(()=>{
+            setScrollDirection(0);
+        }, 50);
+    };
+    const checkAvailability = (type, value)=>{
+        if (!(dateRef === null || dateRef === void 0 ? void 0 : dateRef.current)) return false;
+        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;
+    };
+    const onArrowMouseDown = (type, value)=>{
+        setIsMouseDown(true);
+        setMouseDownOn({
+            type,
+            value
+        });
+    };
+    const onArrowMouseUp = ()=>{
+        setIsMouseDown(false);
+        setMouseDownOn(null);
+    };
+    const onWheel = (e, type)=>{
+        e.preventDefault();
+        const { deltaY } = e;
+        const top = window.scrollX;
+        const left = window.scrollY;
+        window.scrollTo({
+            top,
+            left
+        });
+        changeItem(type, deltaY < 0 ? -1 : 1);
+    };
+    const onTouchStart = (e, type)=>{
+        e.preventDefault();
+        if (intervalRef === null || intervalRef === void 0 ? 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];
+        setTouchY(pageY);
+        setTouchTimestamp(timeStamp);
+        setTouchType(type);
+        window.addEventListener("touchend", (e)=>onTouchEnd(e, pageY, timeStamp, type), {
+            once: true
+        });
+    };
+    const onTouchMove = (e)=>{
+        if (!touchY || !touchType) return;
+        const { timeStamp, changedTouches } = e;
+        const { pageY } = changedTouches[0];
+        const deltaY = touchY - pageY;
+        if (Math.abs(deltaY) < listItemHeight) return;
+        const 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;
+        if (pxPerMs > 0.65) innertionScroll({
+            startY,
+            pageY,
+            timeStamp,
+            startTime,
+            touchType
+        });
+        else setTouchType(null);
+        setTouchY(null);
+    };
+    const innertionScroll = ({ startY, pageY, timeStamp, startTime, touchType })=>{
+        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 {
+                setTouchType(null);
+                clearInterval(intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current);
+                intervalRef.current = null;
+            }
+            ++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)){
+    //     setTimeout(() => {
+    //       console.log({timeout})
+    //       changeItem(touchType, startY-pageY < 0 ? -1 : 1);
+    //     }, timeout)
+    //   }
+    // }
+    };
+    //--FUNCTIONS--//
+    const intervalWorker = ()=>{
+        if (!mouseDownOn) return;
+        const { type, value } = mouseDownOn;
+        changeItem(type, value);
+    };
+    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");
+    //--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)(()=>{
+        document.addEventListener("mouseup", onArrowMouseUp);
+        return ()=>{
+            document.removeEventListener("mouseup", onArrowMouseUp);
+        };
+    }, []);
+    (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
+    (0, _react.useEffect)(()=>{
+        if (monthsListRef === null || monthsListRef === void 0 ? void 0 : monthsListRef.current) {
+            var _monthsListRef_current, _monthsListRef_current1;
+            monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef_current = monthsListRef.current) === null || _monthsListRef_current === void 0 ? void 0 : _monthsListRef_current.addEventListener("mousewheel", (e)=>onWheel(e, "months"), {
+                passive: false
+            });
+            monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef_current1 = monthsListRef.current) === null || _monthsListRef_current1 === void 0 ? void 0 : _monthsListRef_current1.addEventListener("touchstart", (e)=>onTouchStart(e, "months"), {
+                passive: false
+            });
+        }
+        return ()=>{
+            var _monthsListRef_current, _monthsListRef_current1;
+            monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef_current = monthsListRef.current) === null || _monthsListRef_current === void 0 ? void 0 : _monthsListRef_current.clearEventListeners("mousewheel");
+            monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef_current1 = monthsListRef.current) === null || _monthsListRef_current1 === void 0 ? void 0 : _monthsListRef_current1.clearEventListeners("touchstart");
+        };
+    }, [
+        monthsListRef
+    ]);
+    //daysList Events
+    (0, _react.useEffect)(()=>{
+        if (daysListRef === null || daysListRef === void 0 ? void 0 : daysListRef.current) {
+            var _daysListRef_current, _daysListRef_current1;
+            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"), {
+                passive: false
+            });
+            daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef_current1 = daysListRef.current) === null || _daysListRef_current1 === void 0 ? void 0 : _daysListRef_current1.addEventListener("touchstart", (e)=>onTouchStart(e, "days"), {
+                passive: false
+            });
+        }
+        return ()=>{
+            var _daysListRef_current, _daysListRef_current1;
+            daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef_current = daysListRef.current) === null || _daysListRef_current === void 0 ? void 0 : _daysListRef_current.clearEventListeners("mousewheel");
+            daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef_current1 = daysListRef.current) === null || _daysListRef_current1 === void 0 ? void 0 : _daysListRef_current1.clearEventListeners("touchstart");
+        };
+    }, [
+        daysListRef
+    ]);
+    //yearsList Events
+    (0, _react.useEffect)(()=>{
+        if (yearsListRef === null || yearsListRef === void 0 ? void 0 : yearsListRef.current) {
+            var _yearsListRef_current, _yearsListRef_current1;
+            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"), {
+                passive: false
+            });
+            yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef_current1 = yearsListRef.current) === null || _yearsListRef_current1 === void 0 ? void 0 : _yearsListRef_current1.addEventListener("touchstart", (e)=>onTouchStart(e, "years"), {
+                passive: false
+            });
+        }
+        return ()=>{
+            var _yearsListRef_current, _yearsListRef_current1;
+            yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef_current = yearsListRef.current) === null || _yearsListRef_current === void 0 ? void 0 : _yearsListRef_current.clearEventListeners("mousewheel");
+            yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef_current1 = yearsListRef.current) === null || _yearsListRef_current1 === void 0 ? void 0 : _yearsListRef_current1.clearEventListeners("touchstart");
+        };
+    }, [
+        yearsListRef
+    ]);
+    //--RENDER--//
+    const renderMonthsList = ()=>{
+        const half = (rows - 1) / 2;
+        return getMonthList().map((month, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `mobile-calendar_wrapper_body_months-list--item ${i === half ? "active" : ""} ${i === 0 || i === rows - 1 ? "transparent" : ""} ${classes === null || classes === void 0 ? void 0 : classes.monthsListItem} ${i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ""}`,
+                onClick: touchY ? null : ()=>i - half === 0 ? {} : changeItem("months", i - half),
+                "attr-scroll-direction": touchType === "months" ? scrollDirection : 0,
+                "attr-is-scrolling": touchType === "months" ? 1 : 0,
+                children: month
+            }, `month-${month}`));
+    };
+    const renderDaysList = ()=>{
+        const half = (rows - 1) / 2;
+        return getDaysList().map((day, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `mobile-calendar_wrapper_body_days-list--item ${i === half ? "active" : ""} ${i === 0 || i === rows - 1 ? "transparent" : ""} ${classes === null || classes === void 0 ? void 0 : classes.daysListItem} ${i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ""}`,
+                onClick: ()=>i - half === 0 ? {} : changeItem("days", i - half),
+                "attr-scroll-direction": touchType === "days" ? scrollDirection : 0,
+                "attr-is-scrolling": touchType === "days" ? 1 : 0,
+                children: day
+            }, `day-${day}`));
+    };
+    const renderYearsList = ()=>{
+        const half = (rows - 1) / 2;
+        return getYearsList().map((year, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `mobile-calendar_wrapper_body_years-list--item ${i === half ? "active" : ""} ${i === 0 || i === rows - 1 ? "transparent" : ""} ${classes === null || classes === void 0 ? void 0 : classes.yearsListItem} ${i === half ? classes === null || classes === void 0 ? void 0 : classes.activeItem : ""}`,
+                onClick: ()=>i - half === 0 ? {} : changeItem("years", i - half),
+                "attr-scroll-direction": touchType === "years" ? scrollDirection : 0,
+                "attr-is-scrolling": touchType === "years" ? 1 : 0,
+                children: year
+            }, `year-${year}`));
+    };
+    const renderMonthsBlock = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: `mobile-calendar_wrapper_body_months ${classes === null || classes === void 0 ? void 0 : classes.monthsBlock}`,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `mobile-calendar_wrapper_body_months--prev ${classes === null || classes === void 0 ? void 0 : classes.prevItem}`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {
+                        onClick: ()=>changeItem("months", -1),
+                        onMouseDown: ()=>onArrowMouseDown("months", -1),
+                        onMouseUp: onArrowMouseUp
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: `mobile-calendar_wrapper_body_months-list ${classes === null || classes === void 0 ? void 0 : classes.monthsList}`,
+                    ref: monthsListRef,
+                    children: [
+                        renderMonthsList(),
+                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "mobile-calendar_wrapper_body_months-list_touch-zone"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `mobile-calendar_wrapper_body_months--next ${classes === null || classes === void 0 ? void 0 : classes.nextItem}`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {
+                        onClick: ()=>changeItem("months", 1),
+                        onMouseDown: ()=>onArrowMouseDown("months", 1),
+                        onMouseUp: onArrowMouseUp
+                    })
+                })
+            ]
+        });
+    };
+    const renderDaysBlock = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: `mobile-calendar_wrapper_body_days ${classes === null || classes === void 0 ? void 0 : classes.daysBlock}`,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `mobile-calendar_wrapper_body_days--prev ${classes === null || classes === void 0 ? void 0 : classes.prevItem}`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {
+                        onClick: ()=>changeItem("days", -1),
+                        onMouseDown: ()=>onArrowMouseDown("days", -1),
+                        onMouseUp: onArrowMouseUp
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: `mobile-calendar_wrapper_body_days-list ${classes === null || classes === void 0 ? void 0 : classes.daysList}`,
+                    ref: daysListRef,
+                    children: [
+                        renderDaysList(),
+                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "mobile-calendar_wrapper_body_days-list_touch-zone"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `mobile-calendar_wrapper_body_days--next ${classes === null || classes === void 0 ? void 0 : classes.nextItem}`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {
+                        onClick: ()=>changeItem("days", 1),
+                        onMouseDown: ()=>onArrowMouseDown("days", 1),
+                        onMouseUp: onArrowMouseUp
+                    })
+                })
+            ]
+        });
+    };
+    const renderYearsBlock = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: `mobile-calendar_wrapper_body_years ${classes === null || classes === void 0 ? void 0 : classes.yearsBlock}`,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `mobile-calendar_wrapper_body_years--prev ${classes === null || classes === void 0 ? void 0 : classes.prevItem}`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {
+                        onClick: ()=>changeItem("years", -1),
+                        onMouseDown: ()=>onArrowMouseDown("years", -1),
+                        onMouseUp: onArrowMouseUp
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: `mobile-calendar_wrapper_body_years-list ${classes === null || classes === void 0 ? void 0 : classes.yearsList}`,
+                    ref: yearsListRef,
+                    children: [
+                        renderYearsList(),
+                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "mobile-calendar_wrapper_body_years-list_touch-zone"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `mobile-calendar_wrapper_body_years--next ${classes === null || classes === void 0 ? void 0 : classes.nextItem}`,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {
+                        onClick: ()=>changeItem("years", 1),
+                        onMouseDown: ()=>onArrowMouseDown("years", 1),
+                        onMouseUp: onArrowMouseUp
+                    })
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: `mobile-calendar_wrapper ${classes === null || classes === void 0 ? void 0 : classes.wrapper}`,
+        onTouchMove: onTouchMove,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `mobile-calendar_wrapper_label ${classes === null || classes === void 0 ? void 0 : classes.label}`,
+                children: label
+            }),
+            showSelectedDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `mobile-calendar_wrapper_label  ${classes === null || classes === void 0 ? void 0 : classes.label}`,
+                children: (0, _moment.default)(date).format("LL")
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `mobile-calendar_wrapper_body  ${classes === null || classes === void 0 ? void 0 : classes.body}`,
+                children: [
+                    renderMonthsBlock(),
+                    renderDaysBlock(),
+                    renderYearsBlock()
+                ]
+            })
+        ]
+    });
+};
+const _default = MobileCalendar;
+
+//# sourceMappingURL=MobileCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/MobileCalendar/MobileCalendar.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport moment from \"moment\";\nimport { ChevronDown, ChevronUp } from \"react-feather\";\n\nimport \"./MobileCalendar.scss\";\n\nrequire(\"../../../Functions/customEventListener\");\n\nconst MobileCalendar = ({\n  min = moment().subtract(\"10\", \"years\"),\n  max = moment().add(\"10\", \"years\"),\n  value = moment(),\n  rows = 5,\n  label = \"\",\n  timeout = 75,\n  isMobile = true,\n  showSelectedDate = false,\n  listItemHeight = 32,\n\n  classes = {\n    wrapper: \"\",\n    label: \"\",\n    body: \"\",\n\n    yearsBlock: \"\",\n    yearsList: \"\",\n    yearsListItem: \"\",\n\n    monthsBlock: \"\",\n    monthsList: \"\",\n    monthsListItem: \"\",\n\n    daysBlock: \"\",\n    daysList: \"\",\n    daysListItem: \"\",\n\n    prevItem: \"\",\n    nextItem: \"\",\n    activeItem: \"\",\n  },\n  onChange = () => {},\n  onMinDateReached = () => {},\n  onMaxDateReached = () => {},\n}) => {\n  const Body = document.querySelector(\"body\");\n  const listItem = document.querySelector(\n    \".mobile-calendar_wrapper_body_months-list--item\",\n  );\n\n  const [date, setDate] = useState(value ? moment(value) : moment());\n  const [minDate, setMinDate] = useState(moment(min));\n  const [maxDate, setMaxDate] = useState(moment(max));\n\n  const [isMouseDown, setIsMouseDown] = useState(false);\n  const [mouseDownOn, setMouseDownOn] = useState(null);\n  const [changeInterval, setChangeInterval] = useState(null);\n\n  const [touchY, setTouchY] = useState(null);\n  const [touchType, setTouchType] = useState(null);\n  const [touchTimestamp, setTouchTimestamp] = useState(null);\n\n  const [scrollDirection, setScrollDirection] = useState(0);\n\n  const monthsListRef = useRef(null);\n  const daysListRef = useRef(null);\n  const yearsListRef = useRef(null);\n\n  const dateRef = useRef(null);\n  const intervalRef = useRef(null);\n\n  //--HANDLERS--//\n  const changeItem = (type, value) => {\n    setScrollDirection(value);\n    setDate((date) => {\n      const newDate = moment(date).add(value, type);\n\n      if (moment(newDate).isBefore(minDate)) return minDate;\n      if (moment(newDate).isAfter(maxDate)) return maxDate;\n\n      return newDate;\n    });\n    setTimeout(() => {\n      setScrollDirection(0);\n    }, 50);\n  };\n\n  const checkAvailability = (type, value) => {\n    if (!dateRef?.current) return false;\n\n    const newDate = moment(dateRef?.current).add(value, type);\n\n    if (moment(newDate).isBefore(minDate)) return false;\n    if (moment(newDate).isAfter(maxDate)) return false;\n\n    return true;\n  };\n  const onArrowMouseDown = (type, value) => {\n    setIsMouseDown(true);\n    setMouseDownOn({ type, value });\n  };\n  const onArrowMouseUp = () => {\n    setIsMouseDown(false);\n    setMouseDownOn(null);\n  };\n  const onWheel = (e, type) => {\n    e.preventDefault();\n\n    const { deltaY } = e;\n    const top = window.scrollX;\n    const left = window.scrollY;\n\n    window.scrollTo({ top, left });\n\n    changeItem(type, deltaY < 0 ? -1 : 1);\n  };\n  const onTouchStart = (e, type) => {\n    e.preventDefault();\n\n    if (intervalRef?.current) {\n      clearInterval(intervalRef?.current);\n      intervalRef.current = null;\n    }\n\n    const { timeStamp, changedTouches } = e;\n    const { pageY } = changedTouches[0];\n\n    setTouchY(pageY);\n    setTouchTimestamp(timeStamp);\n    setTouchType(type);\n\n    window.addEventListener(\n      \"touchend\",\n      (e) => onTouchEnd(e, pageY, timeStamp, type),\n      { once: true },\n    );\n  };\n  const onTouchMove = (e) => {\n    if (!touchY || !touchType) return;\n\n    const { timeStamp, changedTouches } = e;\n    const { pageY } = changedTouches[0];\n\n    const deltaY = touchY - pageY;\n\n    if (Math.abs(deltaY) < listItemHeight) return;\n\n    const direction = deltaY < 0 ? -1 : 1;\n\n    setScrollDirection(direction);\n\n    changeItem(touchType, direction);\n    setTouchY(pageY);\n    setTouchTimestamp(timeStamp);\n  };\n  const onTouchEnd = (e, startY, startTime, touchType) => {\n    const { timeStamp, changedTouches } = e;\n    const { pageY } = changedTouches[0];\n\n    const path = Math.abs(startY - pageY); //in px\n    const time = timeStamp - startTime; //ms\n    const pxPerMs = path / time;\n\n    if (pxPerMs > 0.65)\n      innertionScroll({ startY, pageY, timeStamp, startTime, touchType });\n    else setTouchType(null);\n\n    setTouchY(null);\n  };\n  const innertionScroll = ({\n    startY,\n    pageY,\n    timeStamp,\n    startTime,\n    touchType,\n  }) => {\n    const path = Math.abs(startY - pageY); //in px\n    const time = timeStamp - startTime; //ms\n    const pxPerMs = Math.ceil(path / time); //speed\n\n    const S = (pxPerMs / 2) * time;\n    const blocks = Math.ceil((S / listItemHeight) * pxPerMs);\n\n    let i = 1;\n\n    intervalRef.current = setInterval(() => {\n      if (\n        checkAvailability(touchType, startY - pageY < 0 ? -1 : 1, date) &&\n        i <= blocks\n      ) {\n        changeItem(touchType, startY - pageY < 0 ? -1 : 1);\n      } else {\n        setTouchType(null);\n        clearInterval(intervalRef?.current);\n        intervalRef.current = null;\n      }\n\n      ++i;\n    }, timeout);\n\n    // for(let i = 1; i <= blocks; ++i){\n    //   // timeout = i*pxPerMs+Math.pow(i,2)*10;\n    //   timeout += 80;\n    //   if(checkAvailability(touchType, startY-pageY < 0 ? -1 : 1, date)){\n    //     setTimeout(() => {\n    //       console.log({timeout})\n    //       changeItem(touchType, startY-pageY < 0 ? -1 : 1);\n    //     }, timeout)\n    //   }\n\n    // }\n  };\n\n  //--FUNCTIONS--//\n  const intervalWorker = () => {\n    if (!mouseDownOn) return;\n\n    const { type, value } = mouseDownOn;\n    changeItem(type, value);\n  };\n  const getList = (type, format) => {\n    const list = [];\n\n    const renderRows = rows;\n\n    for (let i = (renderRows - 1) / 2; i >= ((renderRows - 1) / 2) * -1; --i) {\n      list.push(moment(date).subtract(i, type).format(format));\n    }\n\n    return list;\n  };\n  const getMonthList = () => getList(\"months\", \"MMMM\");\n  const getDaysList = () => getList(\"days\", \"D\");\n  const getYearsList = () => getList(\"years\", \"YYYY\");\n\n  //--OBSERVERS--//\n  useEffect(() => {\n    if (moment(date.format(\"L\")).isBefore(minDate.format(\"L\")))\n      setDate(minDate);\n    if (moment(date.format(\"L\")).isAfter(maxDate.format(\"L\"))) setDate(maxDate);\n  }, []);\n\n  //Events Observer\n  useEffect(() => {\n    document.addEventListener(\"mouseup\", onArrowMouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", onArrowMouseUp);\n    };\n  }, []);\n\n  useEffect(() => {\n    onChange(date);\n    dateRef.current = date;\n\n    if (moment(date.format(\"L\")).isSame(minDate.format(\"L\")))\n      onMinDateReached(minDate);\n    if (moment(date.format(\"L\")).isSame(maxDate.format(\"L\")))\n      onMaxDateReached(maxDate);\n  }, [date]);\n\n  //monthList Events\n  useEffect(() => {\n    if (monthsListRef?.current) {\n      monthsListRef?.current?.addEventListener(\n        \"mousewheel\",\n        (e) => onWheel(e, \"months\"),\n        { passive: false },\n      );\n      monthsListRef?.current?.addEventListener(\n        \"touchstart\",\n        (e) => onTouchStart(e, \"months\"),\n        { passive: false },\n      );\n    }\n\n    return () => {\n      monthsListRef?.current?.clearEventListeners(\"mousewheel\");\n      monthsListRef?.current?.clearEventListeners(\"touchstart\");\n    };\n  }, [monthsListRef]);\n\n  //daysList Events\n  useEffect(() => {\n    if (daysListRef?.current) {\n      daysListRef?.current?.addEventListener(\n        \"mousewheel\",\n        (e) => onWheel(e, \"days\"),\n        { passive: false },\n      );\n      daysListRef?.current?.addEventListener(\n        \"touchstart\",\n        (e) => onTouchStart(e, \"days\"),\n        { passive: false },\n      );\n    }\n\n    return () => {\n      daysListRef?.current?.clearEventListeners(\"mousewheel\");\n      daysListRef?.current?.clearEventListeners(\"touchstart\");\n    };\n  }, [daysListRef]);\n\n  //yearsList Events\n  useEffect(() => {\n    if (yearsListRef?.current) {\n      yearsListRef?.current?.addEventListener(\n        \"mousewheel\",\n        (e) => onWheel(e, \"years\"),\n        { passive: false },\n      );\n      yearsListRef?.current?.addEventListener(\n        \"touchstart\",\n        (e) => onTouchStart(e, \"years\"),\n        { passive: false },\n      );\n    }\n\n    return () => {\n      yearsListRef?.current?.clearEventListeners(\"mousewheel\");\n      yearsListRef?.current?.clearEventListeners(\"touchstart\");\n    };\n  }, [yearsListRef]);\n\n  //--RENDER--//\n  const renderMonthsList = () => {\n    const half = (rows - 1) / 2;\n    return getMonthList().map((month, i) => (\n      <div\n        className={`mobile-calendar_wrapper_body_months-list--item ${i === half ? \"active\" : \"\"} ${\n          i === 0 || i === rows - 1 ? \"transparent\" : \"\"\n        } ${classes?.monthsListItem} ${i === half ? classes?.activeItem : \"\"}`}\n        key={`month-${month}`}\n        onClick={\n          touchY\n            ? null\n            : () => (i - half === 0 ? {} : changeItem(\"months\", i - half))\n        }\n        attr-scroll-direction={touchType === \"months\" ? scrollDirection : 0}\n        attr-is-scrolling={touchType === \"months\" ? 1 : 0}\n      >\n        {month}\n      </div>\n    ));\n  };\n  const renderDaysList = () => {\n    const half = (rows - 1) / 2;\n    return getDaysList().map((day, i) => (\n      <div\n        className={`mobile-calendar_wrapper_body_days-list--item ${i === half ? \"active\" : \"\"} ${\n          i === 0 || i === rows - 1 ? \"transparent\" : \"\"\n        } ${classes?.daysListItem} ${i === half ? classes?.activeItem : \"\"}`}\n        key={`day-${day}`}\n        onClick={() => (i - half === 0 ? {} : changeItem(\"days\", i - half))}\n        attr-scroll-direction={touchType === \"days\" ? scrollDirection : 0}\n        attr-is-scrolling={touchType === \"days\" ? 1 : 0}\n      >\n        {day}\n      </div>\n    ));\n  };\n  const renderYearsList = () => {\n    const half = (rows - 1) / 2;\n    return getYearsList().map((year, i) => (\n      <div\n        className={`mobile-calendar_wrapper_body_years-list--item ${i === half ? \"active\" : \"\"} ${\n          i === 0 || i === rows - 1 ? \"transparent\" : \"\"\n        } ${classes?.yearsListItem} ${i === half ? classes?.activeItem : \"\"}`}\n        key={`year-${year}`}\n        onClick={() => (i - half === 0 ? {} : changeItem(\"years\", i - half))}\n        attr-scroll-direction={touchType === \"years\" ? scrollDirection : 0}\n        attr-is-scrolling={touchType === \"years\" ? 1 : 0}\n      >\n        {year}\n      </div>\n    ));\n  };\n\n  const renderMonthsBlock = () => {\n    return (\n      <div\n        className={`mobile-calendar_wrapper_body_months ${classes?.monthsBlock}`}\n      >\n        <div\n          className={`mobile-calendar_wrapper_body_months--prev ${classes?.prevItem}`}\n        >\n          <ChevronUp\n            onClick={() => changeItem(\"months\", -1)}\n            onMouseDown={() => onArrowMouseDown(\"months\", -1)}\n            onMouseUp={onArrowMouseUp}\n          />\n        </div>\n        <div\n          className={`mobile-calendar_wrapper_body_months-list ${classes?.monthsList}`}\n          ref={monthsListRef}\n        >\n          {renderMonthsList()}\n          {isMobile && (\n            <div className=\"mobile-calendar_wrapper_body_months-list_touch-zone\"></div>\n          )}\n        </div>\n        <div\n          className={`mobile-calendar_wrapper_body_months--next ${classes?.nextItem}`}\n        >\n          <ChevronDown\n            onClick={() => changeItem(\"months\", 1)}\n            onMouseDown={() => onArrowMouseDown(\"months\", 1)}\n            onMouseUp={onArrowMouseUp}\n          />\n        </div>\n      </div>\n    );\n  };\n  const renderDaysBlock = () => {\n    return (\n      <div\n        className={`mobile-calendar_wrapper_body_days ${classes?.daysBlock}`}\n      >\n        <div\n          className={`mobile-calendar_wrapper_body_days--prev ${classes?.prevItem}`}\n        >\n          <ChevronUp\n            onClick={() => changeItem(\"days\", -1)}\n            onMouseDown={() => onArrowMouseDown(\"days\", -1)}\n            onMouseUp={onArrowMouseUp}\n          />\n        </div>\n        <div\n          className={`mobile-calendar_wrapper_body_days-list ${classes?.daysList}`}\n          ref={daysListRef}\n        >\n          {renderDaysList()}\n          {isMobile && (\n            <div className=\"mobile-calendar_wrapper_body_days-list_touch-zone\"></div>\n          )}\n        </div>\n        <div\n          className={`mobile-calendar_wrapper_body_days--next ${classes?.nextItem}`}\n        >\n          <ChevronDown\n            onClick={() => changeItem(\"days\", 1)}\n            onMouseDown={() => onArrowMouseDown(\"days\", 1)}\n            onMouseUp={onArrowMouseUp}\n          />\n        </div>\n      </div>\n    );\n  };\n  const renderYearsBlock = () => {\n    return (\n      <div\n        className={`mobile-calendar_wrapper_body_years ${classes?.yearsBlock}`}\n      >\n        <div\n          className={`mobile-calendar_wrapper_body_years--prev ${classes?.prevItem}`}\n        >\n          <ChevronUp\n            onClick={() => changeItem(\"years\", -1)}\n            onMouseDown={() => onArrowMouseDown(\"years\", -1)}\n            onMouseUp={onArrowMouseUp}\n          />\n        </div>\n        <div\n          className={`mobile-calendar_wrapper_body_years-list ${classes?.yearsList}`}\n          ref={yearsListRef}\n        >\n          {renderYearsList()}\n          {isMobile && (\n            <div className=\"mobile-calendar_wrapper_body_years-list_touch-zone\"></div>\n          )}\n        </div>\n        <div\n          className={`mobile-calendar_wrapper_body_years--next ${classes?.nextItem}`}\n        >\n          <ChevronDown\n            onClick={() => changeItem(\"years\", 1)}\n            onMouseDown={() => onArrowMouseDown(\"years\", 1)}\n            onMouseUp={onArrowMouseUp}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`mobile-calendar_wrapper ${classes?.wrapper}`}\n      onTouchMove={onTouchMove}\n    >\n      <div className={`mobile-calendar_wrapper_label ${classes?.label}`}>\n        {label}\n      </div>\n      {showSelectedDate && (\n        <div className={`mobile-calendar_wrapper_label  ${classes?.label}`}>\n          {moment(date).format(\"LL\")}\n        </div>\n      )}\n      <div className={`mobile-calendar_wrapper_body  ${classes?.body}`}>\n        {renderMonthsBlock()}\n        {renderDaysBlock()}\n        {renderYearsBlock()}\n      </div>\n    </div>\n  );\n};\n\nexport default MobileCalendar;\n"],"names":["require","MobileCalendar","min","moment","subtract","max","add","value","rows","label","timeout","isMobile","showSelectedDate","listItemHeight","classes","wrapper","body","yearsBlock","yearsList","yearsListItem","monthsBlock","monthsList","monthsListItem","daysBlock","daysList","daysListItem","prevItem","nextItem","activeItem","onChange","onMinDateReached","onMaxDateReached","Body","document","querySelector","listItem","date","setDate","useState","minDate","setMinDate","maxDate","setMaxDate","isMouseDown","setIsMouseDown","mouseDownOn","setMouseDownOn","changeInterval","setChangeInterval","touchY","setTouchY","touchType","setTouchType","touchTimestamp","setTouchTimestamp","scrollDirection","setScrollDirection","monthsListRef","useRef","daysListRef","yearsListRef","dateRef","intervalRef","changeItem","type","newDate","isBefore","isAfter","setTimeout","checkAvailability","current","onArrowMouseDown","onArrowMouseUp","onWheel","e","preventDefault","deltaY","top","window","scrollX","left","scrollY","scrollTo","onTouchStart","clearInterval","timeStamp","changedTouches","pageY","addEventListener","onTouchEnd","once","onTouchMove","Math","abs","direction","startY","startTime","path","time","pxPerMs","innertionScroll","ceil","S","blocks","i","setInterval","intervalWorker","getList","format","list","renderRows","push","getMonthList","getDaysList","getYearsList","useEffect","removeEventListener","isSame","passive","clearEventListeners","renderMonthsList","half","map","month","div","className","onClick","attr-scroll-direction","attr-is-scrolling","renderDaysList","day","renderYearsList","year","renderMonthsBlock","ChevronUp","onMouseDown","onMouseUp","ref","ChevronDown","renderDaysBlock","renderYearsBlock"],"mappings":"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"}