intelicoreact 1.6.8 → 1.6.10

package/dist/Atomic/FormElements/Label/Label.js

@@ -1,89 +1 @@
-"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
-require("./Label.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const CN = 'label';
-const Label = ({ className = '', label = '', note, hint, isRequired, isLabelBolt, onClickHintCallback, error = null, isAccessability = false, isAccessabilityHint = false, testId = CN })=>{
-    const correctLabel = isRequired ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            label,
-            ' ',
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "label_asterisk",
-                children: "*"
-            }),
-            ' ',
-            note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "label_note",
-                children: note
-            }),
-            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                id: `hint-${label}`,
-                children: null,
-                isLoading: false,
-                isAccessability: isAccessabilityHint,
-                hint: hint.text,
-                icon: hint.icon,
-                variant: hint.variant,
-                side: hint.hintSide,
-                className: "label-hint",
-                onClickCallback: onClickHintCallback
-            }, `hint-${label}`)
-        ]
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            label,
-            ' ',
-            note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "label_note",
-                children: note
-            }),
-            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                isAccessability: isAccessabilityHint,
-                hint: hint.text,
-                icon: hint.icon,
-                variant: hint.variant,
-                side: hint.hintSide,
-                className: "label-hint",
-                onClickCallback: onClickHintCallback,
-                id: undefined,
-                children: undefined,
-                isLoading: undefined
-            }, undefined)
-        ]
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        tabIndex: isAccessability ? 0 : -1,
-        "aria-label": label,
-        className: (0, _classnames.default)(CN, {
-            label_bold: isLabelBolt,
-            error,
-            isRequired
-        }, className),
-        "data-testid": testId,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            className: "label_text",
-            "data-testid": "label-text",
-            children: correctLabel
-        })
-    });
-};
-const _default = Label;
-
-//# sourceMappingURL=Label.js.map
+Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return s}});var e=require("react/jsx-runtime"),i=l(require("classnames"));require("react");var a=l(require("../../UI/Hint/Hint"));function l(e){return e&&e.__esModule?e:{default:e}}require("./Label.scss");var t="label",s=function(l){var s=l.className,n=l.label,r=void 0===n?"":n,c=l.note,d=l.hint,o=l.isRequired,b=l.isLabelBolt,u=l.onClickHintCallback,v=l.error,h=l.isAccessability,x=l.isAccessabilityHint,m=void 0!==x&&x,j=l.testId,f=void 0===j?t:j,p=o?(0,e.jsxs)(e.Fragment,{children:[r," ",(0,e.jsx)("span",{className:"label_asterisk",children:"*"})," ",c&&(0,e.jsx)("span",{className:"label_note",children:c}),d&&(0,e.jsx)(a.default,{id:"hint-".concat(r),children:null,isLoading:!1,isAccessability:m,hint:d.text,icon:d.icon,variant:d.variant,side:d.hintSide,className:"label-hint",onClickCallback:u},"hint-".concat(r))]}):(0,e.jsxs)(e.Fragment,{children:[r," ",c&&(0,e.jsx)("span",{className:"label_note",children:c}),d&&(0,e.jsx)(a.default,{isAccessability:m,hint:d.text,icon:d.icon,variant:d.variant,side:d.hintSide,className:"label-hint",onClickCallback:u,id:void 0,children:void 0,isLoading:void 0},void 0)]});return(0,e.jsx)("span",{tabIndex:void 0!==h&&h?0:-1,"aria-label":r,className:(0,i.default)(t,{label_bold:b,error:void 0===v?null:v,isRequired:o},void 0===s?"":s),"data-testid":f,children:(0,e.jsx)("span",{className:"label_text","data-testid":"label-text",children:p})})};

package/dist/Atomic/FormElements/Label/index.ts

@@ -0,0 +1,4 @@
+import Label from './Label';
+
+export default Label;
+export type { ILabelProps } from './Label.interface';

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

@@ -1,459 +1 @@
-"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
+function n(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}function e(e,t){return function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t,r,a=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=a){var o=[],l=!0,i=!1;try{for(a=a.call(n);!(l=(t=a.next()).done)&&(o.push(t.value),!e||o.length!==e);l=!0);}catch(n){i=!0,r=n}finally{try{l||null==a.return||a.return()}finally{if(i)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useEffect as a,useRef as o,useState as l}from"react";import i from"moment";import{ChevronDown as c,ChevronUp as u}from"react-feather";import"./MobileCalendar.scss";require("../../../Functions/customEventListener");export default function(n){var s,d,m,v=n.min,p=void 0===v?i().subtract("10","years"):v,f=n.max,y=void 0===f?i().add("10","years"):f,h=n.value,b=void 0===h?i():h,_=n.rows,w=void 0===_?5:_,L=n.label,M=n.timeout,I=void 0===M?75:M,N=n.isMobile,g=void 0===N||N,E=n.showSelectedDate,k=n.listItemHeight,S=void 0===k?32:k,x=n.classes,Y=void 0===x?{wrapper:"",label:"",body:"",yearsBlock:"",yearsList:"",yearsListItem:"",monthsBlock:"",monthsList:"",monthsListItem:"",daysBlock:"",daysList:"",daysListItem:"",prevItem:"",nextItem:"",activeItem:""}:x,C=n.onChange,D=void 0===C?function(){}:C,T=n.onMinDateReached,A=void 0===T?function(){}:T,B=n.onMaxDateReached,U=void 0===B?function(){}:B;document.querySelector("body"),document.querySelector(".mobile-calendar_wrapper_body_months-list--item");var j=e(l(b?i(b):i()),2),q=j[0],z=j[1],O=e(l(i(p)),2),R=O[0];O[1];var F=e(l(i(y)),2),H=F[0];F[1];var X=e(l(!1),2),$=(X[0],X[1]),G=e(l(null),2),J=(G[0],G[1]),K=e(l(null),2);K[0],K[1];var P=e(l(null),2),Q=P[0],V=P[1],W=e(l(null),2),Z=W[0],nn=W[1],ne=e(l(null),2),nt=(ne[0],ne[1]),nr=e(l(0),2),na=nr[0],no=nr[1],nl=o(null),ni=o(null),nc=o(null),nu=o(null),ns=o(null),nd=function(n,e){no(e),z(function(t){var r=i(t).add(e,n);return i(r).isBefore(R)?R:i(r).isAfter(H)?H:r}),setTimeout(function(){no(0)},50)},nm=function(n,e){if(!(null==nu?void 0:nu.current))return!1;var t=i(null==nu?void 0:nu.current).add(e,n);return!(i(t).isBefore(R)||i(t).isAfter(H))},nv=function(n,e){$(!0),J({type:n,value:e})},np=function(){$(!1),J(null)},nf=function(n,e){n.preventDefault();var t=n.deltaY,r=window.scrollX,a=window.scrollY;window.scrollTo({top:r,left:a}),nd(e,t<0?-1:1)},ny=function(n,e){n.preventDefault(),(null==ns?void 0:ns.current)&&(clearInterval(null==ns?void 0:ns.current),ns.current=null);var t=n.timeStamp,r=n.changedTouches[0].pageY;V(r),nt(t),nn(e),window.addEventListener("touchend",function(n){return nh(n,r,t,e)},{once:!0})},nh=function(n,e,t,r){var a=n.timeStamp,o=n.changedTouches[0].pageY;Math.abs(e-o)/(a-t)>.65?nb({startY:e,pageY:o,timeStamp:a,startTime:t,touchType:r}):nn(null),V(null)},nb=function(n){var e=n.startY,t=n.pageY,r=n.timeStamp,a=n.startTime,o=n.touchType,l=r-a,i=Math.ceil(Math.abs(e-t)/l),c=Math.ceil(i/2*l/S*i),u=1;ns.current=setInterval(function(){nm(o,e-t<0?-1:1,q)&&u<=c?nd(o,e-t<0?-1:1):(nn(null),clearInterval(null==ns?void 0:ns.current),ns.current=null),++u},I)},n_=function(n,e){for(var t=[],r=(w-1)/2;r>=-((w-1)/2*1);--r)t.push(i(q).subtract(r,n).format(e));return t};a(function(){i(q.format("L")).isBefore(R.format("L"))&&z(R),i(q.format("L")).isAfter(H.format("L"))&&z(H)},[]),a(function(){return document.addEventListener("mouseup",np),function(){document.removeEventListener("mouseup",np)}},[]),a(function(){D(q),nu.current=q,i(q.format("L")).isSame(R.format("L"))&&A(R),i(q.format("L")).isSame(H.format("L"))&&U(H)},[q]),a(function(){if(null==nl?void 0:nl.current){var n,e;null==nl||null==(n=nl.current)||n.addEventListener("mousewheel",function(n){return nf(n,"months")},{passive:!1}),null==nl||null==(e=nl.current)||e.addEventListener("touchstart",function(n){return ny(n,"months")},{passive:!1})}return function(){var n,e;null==nl||null==(n=nl.current)||n.clearEventListeners("mousewheel"),null==nl||null==(e=nl.current)||e.clearEventListeners("touchstart")}},[nl]),a(function(){if(null==ni?void 0:ni.current){var n,e;null==ni||null==(n=ni.current)||n.addEventListener("mousewheel",function(n){return nf(n,"days")},{passive:!1}),null==ni||null==(e=ni.current)||e.addEventListener("touchstart",function(n){return ny(n,"days")},{passive:!1})}return function(){var n,e;null==ni||null==(n=ni.current)||n.clearEventListeners("mousewheel"),null==ni||null==(e=ni.current)||e.clearEventListeners("touchstart")}},[ni]),a(function(){if(null==nc?void 0:nc.current){var n,e;null==nc||null==(n=nc.current)||n.addEventListener("mousewheel",function(n){return nf(n,"years")},{passive:!1}),null==nc||null==(e=nc.current)||e.addEventListener("touchstart",function(n){return ny(n,"years")},{passive:!1})}return function(){var n,e;null==nc||null==(n=nc.current)||n.clearEventListeners("mousewheel"),null==nc||null==(e=nc.current)||e.clearEventListeners("touchstart")}},[nc]);return r("div",{className:"mobile-calendar_wrapper ".concat(null==Y?void 0:Y.wrapper),onTouchMove:function(n){if(Q&&Z){var e=n.timeStamp,t=n.changedTouches[0].pageY,r=Q-t;if(!(Math.abs(r)<S)){var a=r<0?-1:1;no(a),nd(Z,a),V(t),nt(e)}}},children:[t("div",{className:"mobile-calendar_wrapper_label ".concat(null==Y?void 0:Y.label),children:void 0===L?"":L}),void 0!==E&&E&&t("div",{className:"mobile-calendar_wrapper_label  ".concat(null==Y?void 0:Y.label),children:i(q).format("LL")}),r("div",{className:"mobile-calendar_wrapper_body  ".concat(null==Y?void 0:Y.body),children:[r("div",{className:"mobile-calendar_wrapper_body_months ".concat(null==Y?void 0:Y.monthsBlock),children:[t("div",{className:"mobile-calendar_wrapper_body_months--prev ".concat(null==Y?void 0:Y.prevItem),children:t(u,{onClick:function(){return nd("months",-1)},onMouseDown:function(){return nv("months",-1)},onMouseUp:np})}),r("div",{className:"mobile-calendar_wrapper_body_months-list ".concat(null==Y?void 0:Y.monthsList),ref:nl,children:[(s=(w-1)/2,n_("months","MMMM").map(function(n,e){return t("div",{className:"mobile-calendar_wrapper_body_months-list--item ".concat(e===s?"active":""," ").concat(0===e||e===w-1?"transparent":""," ").concat(null==Y?void 0:Y.monthsListItem," ").concat(e===s?null==Y?void 0:Y.activeItem:""),onClick:Q?null:function(){return e-s==0?{}:nd("months",e-s)},"attr-scroll-direction":"months"===Z?na:0,"attr-is-scrolling":+("months"===Z),children:n},"month-".concat(n))})),g&&t("div",{className:"mobile-calendar_wrapper_body_months-list_touch-zone"})]}),t("div",{className:"mobile-calendar_wrapper_body_months--next ".concat(null==Y?void 0:Y.nextItem),children:t(c,{onClick:function(){return nd("months",1)},onMouseDown:function(){return nv("months",1)},onMouseUp:np})})]}),r("div",{className:"mobile-calendar_wrapper_body_days ".concat(null==Y?void 0:Y.daysBlock),children:[t("div",{className:"mobile-calendar_wrapper_body_days--prev ".concat(null==Y?void 0:Y.prevItem),children:t(u,{onClick:function(){return nd("days",-1)},onMouseDown:function(){return nv("days",-1)},onMouseUp:np})}),r("div",{className:"mobile-calendar_wrapper_body_days-list ".concat(null==Y?void 0:Y.daysList),ref:ni,children:[(d=(w-1)/2,n_("days","D").map(function(n,e){return t("div",{className:"mobile-calendar_wrapper_body_days-list--item ".concat(e===d?"active":""," ").concat(0===e||e===w-1?"transparent":""," ").concat(null==Y?void 0:Y.daysListItem," ").concat(e===d?null==Y?void 0:Y.activeItem:""),onClick:function(){return e-d==0?{}:nd("days",e-d)},"attr-scroll-direction":"days"===Z?na:0,"attr-is-scrolling":+("days"===Z),children:n},"day-".concat(n))})),g&&t("div",{className:"mobile-calendar_wrapper_body_days-list_touch-zone"})]}),t("div",{className:"mobile-calendar_wrapper_body_days--next ".concat(null==Y?void 0:Y.nextItem),children:t(c,{onClick:function(){return nd("days",1)},onMouseDown:function(){return nv("days",1)},onMouseUp:np})})]}),r("div",{className:"mobile-calendar_wrapper_body_years ".concat(null==Y?void 0:Y.yearsBlock),children:[t("div",{className:"mobile-calendar_wrapper_body_years--prev ".concat(null==Y?void 0:Y.prevItem),children:t(u,{onClick:function(){return nd("years",-1)},onMouseDown:function(){return nv("years",-1)},onMouseUp:np})}),r("div",{className:"mobile-calendar_wrapper_body_years-list ".concat(null==Y?void 0:Y.yearsList),ref:nc,children:[(m=(w-1)/2,n_("years","YYYY").map(function(n,e){return t("div",{className:"mobile-calendar_wrapper_body_years-list--item ".concat(e===m?"active":""," ").concat(0===e||e===w-1?"transparent":""," ").concat(null==Y?void 0:Y.yearsListItem," ").concat(e===m?null==Y?void 0:Y.activeItem:""),onClick:function(){return e-m==0?{}:nd("years",e-m)},"attr-scroll-direction":"years"===Z?na:0,"attr-is-scrolling":+("years"===Z),children:n},"year-".concat(n))})),g&&t("div",{className:"mobile-calendar_wrapper_body_years-list_touch-zone"})]}),t("div",{className:"mobile-calendar_wrapper_body_years--next ".concat(null==Y?void 0:Y.nextItem),children:t(c,{onClick:function(){return nd("years",1)},onMouseDown:function(){return nv("years",1)},onMouseUp:np})})]})]})]})}