intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _Label = /*#__PURE__*/ _interop_require_default(require("./Label"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+// Мок для компонента Hint
+jest.mock('../../UI/Hint/Hint', ()=>{
+    return function MockHint({ hint, className }) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: className,
+            "data-testid": "mock-hint",
+            children: hint
+        });
+    };
+});
+describe('label Component', ()=>{
+    const defaultProps = {
+        label: 'Test Label'
+    };
+    it('renders without crashing', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.getByTestId('label')).toBeInTheDocument();
+    });
+    it('renders label text correctly', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('renders with required asterisk', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            isRequired: true
+        }));
+        expect(_react.screen.getByText('*')).toBeInTheDocument();
+    });
+    it('renders with note', ()=>{
+        const note = '(optional)';
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            note: note
+        }));
+        expect(_react.screen.getByText(note)).toBeInTheDocument();
+    });
+    it('renders with hint', ()=>{
+        const hint = {
+            text: 'Hint text',
+            icon: 'info',
+            variant: 'filled',
+            hintSide: 'right'
+        };
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            hint: hint
+        }));
+        expect(_react.screen.getByTestId('mock-hint')).toBeInTheDocument();
+    });
+    it('applies bold class when isLabelBolt is true', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            isLabelBolt: true
+        }));
+        expect(_react.screen.getByTestId('label')).toHaveClass('label_bold');
+    });
+    it('applies error class when error prop is provided', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            error: "Error message"
+        }));
+        expect(_react.screen.getByTestId('label')).toHaveClass('error');
+    });
+    it('applies custom className', ()=>{
+        const customClass = 'custom-label';
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            className: customClass
+        }));
+        expect(_react.screen.getByTestId('label')).toHaveClass(customClass);
+    });
+    it('sets correct tabIndex for accessibility', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            isAccessability: true
+        }));
+        expect(_react.screen.getByTestId('label')).toHaveAttribute('tabIndex', '0');
+    });
+    it('sets default tabIndex when isAccessability is false', ()=>{
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps
+        }));
+        expect(_react.screen.getByTestId('label')).toHaveAttribute('tabIndex', '-1');
+    });
+    it('calls onClickHintCallback when hint is clicked', ()=>{
+        const onClickHintCallback = jest.fn();
+        const hint = {
+            text: 'Hint text',
+            icon: 'info',
+            variant: 'warning',
+            hintSide: 'right'
+        };
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+            ...defaultProps,
+            hint: hint,
+            onClickHintCallback: onClickHintCallback
+        }));
+        _react.fireEvent.click(_react.screen.getByTestId('mock-hint'));
+    // Примечание: этот тест может не сработать, так как мы замокали Hint
+    // В реальном приложении нужно убедиться, что Hint правильно обрабатывает клики
+    });
+    describe('compound Rendering', ()=>{
+        it('renders required label with note and hint', ()=>{
+            const props = {
+                label: 'Test Label',
+                isRequired: true,
+                note: '(required)',
+                hint: {
+                    text: 'Hint text',
+                    icon: 'info',
+                    variant: 'outlined',
+                    hintSide: 'right'
+                }
+            };
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+                ...props
+            }));
+            expect(_react.screen.getByText('Test Label')).toBeInTheDocument();
+            expect(_react.screen.getByText('*')).toBeInTheDocument();
+            expect(_react.screen.getByText('(required)')).toBeInTheDocument();
+            expect(_react.screen.getByTestId('mock-hint')).toBeInTheDocument();
+        });
+        it('renders all accessibility attributes correctly', ()=>{
+            const props = {
+                label: 'Test Label',
+                isAccessability: true,
+                isAccessabilityHint: true
+            };
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+                ...props
+            }));
+            const labelElement = _react.screen.getByTestId('label');
+            expect(labelElement).toHaveAttribute('tabIndex', '0');
+            expect(labelElement).toHaveAttribute('aria-label', 'Test Label');
+        });
+    });
+    describe('error Handling', ()=>{
+        it('handles empty label', ()=>{
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {}));
+            expect(_react.screen.getByTestId('label-text')).toBeInTheDocument();
+        });
+        it('handles null error prop', ()=>{
+            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
+                ...defaultProps,
+                error: null
+            }));
+            expect(_react.screen.getByTestId('label')).not.toHaveClass('error');
+        });
+    });
+});

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _Label = /*#__PURE__*/ _interop_require_default(require("./Label"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Label.default;

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

@@ -0,0 +1,457 @@
+"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;