intelicoreact 1.6.8 → 1.6.10

package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -1,659 +1 @@
-// eslint-disable-next-line no-unused-vars
-"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../../UI/Button/Button"));
-const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../Dropdown/Dropdown"));
-const _RangeCalendar = /*#__PURE__*/ _interop_require_default(require("../../RangeCalendar/RangeCalendar"));
-const _Switcher = /*#__PURE__*/ _interop_require_default(require("../../Switcher/Switcher"));
-const _dependencies = require("../dependencies");
-const _DateInput = /*#__PURE__*/ _interop_require_default(require("./DateInput"));
-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;
-}
-const outsideScope = {
-    handleHoverTimerId: null
-};
-const DATE_INPUT_FORMAT = "MM/DD/YYYY";
-const padTime = (time)=>{
-    return `${time.toString().padStart(2, "0")}:00`;
-};
-const Datepicker = (props)=>{
-    const { txt, className, buttonsTypes = {}, values = {}, onChange, onChangeMobile, onChangeCompare, onCancel, getSelectedMode, onChangeInterval, isCompareHidden, limitRange, handleItemClick, setActiveInterval, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, testId, mainId, withMobileLogic } = props;
-    const { start = null, end = null, compare = false } = values;
-    const startDateInputRef = (0, _react.useRef)(null);
-    const endDateInputRef = (0, _react.useRef)(null);
-    const [startDate, setStartDate] = (0, _react.useState)((0, _dependencies.getIsDateValid)(start) ? (0, _momenttimezone.default)(start) : "");
-    const [endDate, setEndDate] = (0, _react.useState)((0, _dependencies.getIsDateValid)(end) ? (0, _momenttimezone.default)(end) : "");
-    const dateInterval = getSelectedMode({
-        start: startDate,
-        end: endDate
-    });
-    const [startDateInput, setStartDateInput] = (0, _react.useState)(null);
-    const [endDateInput, setEndDateInput] = (0, _react.useState)(null);
-    const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
-    const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
-    const [startHour, setStartHour] = (0, _react.useState)(start ? (0, _momenttimezone.default)(start).hour() : 0);
-    const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _momenttimezone.default)(end).hour() : 0);
-    // eslint-disable-next-line no-unused-vars
-    const [isCompare, setIsCompare] = (0, _react.useState)(compare);
-    const [date1, setDate1] = (0, _react.useState)(start ? (0, _momenttimezone.default)(start) : (0, _momenttimezone.default)().subtract(1, "month"));
-    const [date2, setDate2] = (0, _react.useState)(end ? (0, _momenttimezone.default)(end) : (0, _momenttimezone.default)());
-    const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
-    // ********************
-    // Constants
-    // ********************
-    const isNearby = (0, _react.useMemo)(()=>(0, _momenttimezone.default)(date2).subtract(1, "month").isSame((0, _momenttimezone.default)(date1), "month"), [
-        date1,
-        date2
-    ]);
-    const isPreviousPeriodShowed = (0, _react.useMemo)(()=>isCompare && !isCompareHidden && startDate && endDate, [
-        startDate,
-        endDate,
-        isCompare
-    ]);
-    const prevEndHour = (0, _react.useRef)(endHour);
-    const startPrevDate = (0, _react.useMemo)(()=>{
-        if (isPreviousPeriodShowed) {
-            const intervalHoursCount = (0, _momenttimezone.default)(endDate).diff(startDate, "hours");
-            return (0, _momenttimezone.default)(startDate).subtract(intervalHoursCount, "hours").toDate();
-        } else return null;
-    }, [
-        startDate,
-        endDate,
-        isCompare
-    ]);
-    const endPrevDate = (0, _react.useMemo)(()=>{
-        if (isPreviousPeriodShowed) {
-            return startDate;
-        } else return null;
-    }, [
-        startDate,
-        endDate,
-        isCompare
-    ]);
-    const title = (0, _react.useMemo)(()=>{
-        if (isCompare && !isCompareHidden && startDate && endDate) {
-            return `${(0, _momenttimezone.default)(startPrevDate).format("ll")} (${(0, _momenttimezone.default)(startPrevDate).format(_dependencies.MAIN_TIME_FORMAT)}) - ${(0, _momenttimezone.default)(endPrevDate).format("ll")} (${(0, _momenttimezone.default)(endPrevDate).format(_dependencies.MAIN_TIME_FORMAT)})`;
-        } else return "";
-    }, [
-        startDate,
-        endDate,
-        isCompare
-    ]);
-    // ********************
-    // Methods
-    // ********************
-    const subtractDay = (date)=>endHour === 0 ? (0, _momenttimezone.default)(date).subtract(1, "days") : (0, _momenttimezone.default)(date);
-    const addDay = (date)=>endHour === 0 ? (0, _momenttimezone.default)(date).add(1, "days") : (0, _momenttimezone.default)(date);
-    const getCorrectedDateForDateInput = (key, date)=>{
-        if (key === "startDateInput") return (0, _momenttimezone.default)(date);
-        // return moment(date).subtract(1, 'm');
-        return subtractDay((0, _momenttimezone.default)(date));
-    };
-    const setInterval = ()=>{
-        setActiveInterval((0, _dependencies.getActualDateRange)({
-            start: startDate,
-            end: endDate
-        }).intervalKey);
-    };
-    // ********************
-    // Handlers
-    // ********************
-    const handleClick = (date)=>{
-        prevEndHour.current = 0;
-        if (!startDate || startDate && endDate && !((0, _momenttimezone.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
-            setStartDate((0, _momenttimezone.default)(date).startOf("day"));
-            setEndDate((0, _momenttimezone.default)(date).add(1, "d").startOf("day"));
-            setStartHour(0);
-            setEndHour(0);
-        } else if ((0, _momenttimezone.default)(date).isBefore((0, _momenttimezone.default)(startDate), "day")) {
-            setEndDate((0, _momenttimezone.default)(startDate).add(1, "d").startOf("day"));
-            setStartDate((0, _momenttimezone.default)(date).set("hour", parseInt(startHour, 10)));
-        } else if ((0, _momenttimezone.default)(date).isAfter((0, _momenttimezone.default)(startDate), "day")) {
-            setEndDate((0, _momenttimezone.default)(date).add(1, "d").startOf("day"));
-        }
-        setHoverStatus(null);
-    };
-    const handleHover = (date)=>{
-        if (outsideScope.handleHoverTimerId) clearTimeout(outsideScope.handleHoverTimerId);
-        if (!date) {
-            outsideScope.handleHoverTimerId = setTimeout(()=>{
-                setHoverStatus(null);
-            }, 400);
-            return;
-        }
-        if ((0, _momenttimezone.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
-            if ((0, _momenttimezone.default)(date).isAfter((0, _momenttimezone.default)(startDate), "day")) setHoverStatus("end");
-            else if ((0, _momenttimezone.default)(date).isBefore((0, _momenttimezone.default)(startDate), "day")) setHoverStatus("start");
-            else setHoverStatus(null);
-        } else {
-            setHoverStatus("start");
-        }
-    };
-    const handleChangeStartHour = (val)=>{
-        setStartHour(Number(val));
-        setStartDate((0, _momenttimezone.default)(startDate || (0, _momenttimezone.default)()).set("hour", Number(val)));
-    };
-    const handleChangeEndHour = (val)=>{
-        const newHour = Number(val);
-        setEndHour(newHour);
-        let newEndDate = (0, _momenttimezone.default)();
-        if (endDate) {
-            if (prevEndHour.current === 0 && newHour !== 0) {
-                newEndDate = (0, _momenttimezone.default)(endDate).subtract(1, "days");
-            } else if (prevEndHour.current !== 0 && newHour === 0) {
-                newEndDate = (0, _momenttimezone.default)(endDate).add(1, "days");
-            }
-        }
-        prevEndHour.current = newHour;
-        setEndDate((0, _momenttimezone.default)(newEndDate).set("hour", newHour));
-    };
-    // const doBlur = (type, e) => {
-    //   const executor = type === 'start' ? setIsStartFocused : setIsEndFocused;
-    //   e.target.blur();
-    //   executor(false);
-    // };
-    // const handleStartDateBlur = e => {
-    //   let newDate;
-    //   if (!moment(startDateInput).isValid()) {
-    //     newDate = moment(startDate);
-    //   } else {
-    //     if (minDate && moment(startDateInput).isBefore(minDate)) newDate = momentMinDate;
-    //     else if (!isDontLimitFuture) {
-    //       const edge = maxDate ? momentMaxDate : moment().add(1, 'day').startOf('day');
-    //       if (moment(startDateInput).isAfter(edge)) newDate = edge;
-    //       else newDate = moment(startDateInput);
-    //     } else newDate = moment(startDateInput);
-    //   }
-    //   setStartDateInput(newDate.format(format));
-    //   setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());
-    //   doBlur('start', e);
-    //   setDate1(
-    //     moment(newDate).isSameOrAfter(moment(date2), 'month') ? moment(date2).subtract(1, 'month') : moment(newDate),
-    //   );
-    // };
-    // const handleEndDateBlur = e => {
-    //   let newDate;
-    //   if (!moment(endDateInput).isValid()) {
-    //     newDate = moment(endDate);
-    //   } else {
-    //     if (minDate && moment(endDateInput).isBefore(minDate)) newDate = momentMinDate;
-    //     else if (!isDontLimitFuture) {
-    //       const edge = maxDate ? momentMaxDate : moment().endOf('day');
-    //       if (moment(endDateInput).isAfter(edge)) newDate = maxDate ? edge : edge.startOf('day');
-    //       else newDate = moment(startDateInput);
-    //     } else newDate = moment(startDateInput);
-    //   }
-    //   setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));
-    //   setEndDateInput(newDate.format(format));
-    //   doBlur('end', e);
-    //   setDate2(newDate);
-    // };
-    const handleDateInputFocus = (key, e)=>{
-        const changeFlag = key === "startDateInput" ? setIsStartFocused : setIsEndFocused;
-        const set = key === "startDateInput" ? setStartDateInput : setEndDateInput;
-        const date = key === "startDateInput" ? startDate : endDate;
-        changeFlag(true);
-        set(date ? getCorrectedDateForDateInput(key, date).format("L") : "");
-        setTimeout(()=>{
-            const defaultTarget = key === "startDateInput" ? startDateInputRef.current : endDateInputRef.current;
-            var _e_target;
-            const target = (_e_target = e === null || e === void 0 ? void 0 : e.target) !== null && _e_target !== void 0 ? _e_target : defaultTarget;
-            target.select();
-        //? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа
-        // setTimeout(() => {
-        //   target.select();
-        // }, 0);
-        }, 0);
-    };
-    const doBlur = (type, e)=>{
-        const executor = type === "startDateInput" ? setIsStartFocused : setIsEndFocused;
-        e.target.blur();
-        executor(false);
-    };
-    const processOverflow = (newDateAsString, valueForRollback, key)=>{
-        const newDateAsMomentObj = (0, _momenttimezone.default)(newDateAsString, DATE_INPUT_FORMAT);
-        // console.log('processOverflow - newDateAsString - ', newDateAsString);
-        // console.log('processOverflow - valueForRollback - ', valueForRollback);
-        // console.log('----------');
-        // console.log('processOverflow - minDate - ', minDate);
-        // console.log('processOverflow - maxDate - ', maxDate);
-        // console.log('----------');
-        // console.log('processOverflow - momentMinDate - ', momentMinDate);
-        // console.log('processOverflow - momentMaxDate - ', momentMaxDate);
-        // console.log('----------');
-        // console.log('processOverflow - newDateAsMomentObj - ', newDateAsMomentObj);
-        // console.log('*********');
-        //? Если значение не валидно...
-        if (!newDateAsMomentObj.isValid()) {
-            //? ... то откатываем к дате до набора руками
-            return valueForRollback;
-        } else {
-            const beforeOfFuture = (0, _momenttimezone.default)().endOf("day");
-            const hour = key === "startDateInput" ? startHour : endHour;
-            let output;
-            //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную
-            if (minDate && newDateAsMomentObj.isBefore(momentMinDate)) output = momentMinDate;
-            else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate)) output = momentMaxDate;
-            else if (!isDontLimitFuture && newDateAsMomentObj.isAfter(beforeOfFuture)) {
-                output = beforeOfFuture.startOf("day");
-            } else output = newDateAsMomentObj;
-            // if (key === 'startDateInput') {
-            //   console.log('endDate - ', endDate.format('YYYY-MM-DDTHH:mm'));
-            //   console.log('endDate.subtract(1, d) - ', endDate.subtract(1, 'd').format('YYYY-MM-DDTHH:mm'));
-            //   if (output.isAfter(endDate.subtract(1, 'd'))) output = endDate.subtract(1, 'd');
-            // }
-            if (key === "endDateInput") {
-                // console.log('startDate - ', startDate.format('YYYY-MM-DDTHH:mm'));
-                // if (output.isBefore(startDate)) output = startDate.add(1, 'd');
-                output = addDay(output);
-            }
-            // console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));
-            // console.log('************');
-            return output.set("hour", parseInt(hour, 10));
-        }
-    };
-    const handleDateInputBlur = (key, e)=>{
-        var _e_target;
-        const reserveValue = key === "startDateInput" ? startDateInput : endDateInput;
-        const valueForRollback = key === "startDateInput" ? startDate : endDate;
-        const execute = key === "startDateInput" ? setStartDate : setEndDate;
-        const executeForCalendar = key === "startDateInput" ? setDate1 : setDate2;
-        const prepareValueForCalendar = (newDate)=>{
-            if (key === "endDateInput") return newDate;
-            return (0, _momenttimezone.default)(newDate).isSameOrAfter((0, _momenttimezone.default)(date2), "month") ? (0, _momenttimezone.default)(date2).subtract(1, "month") : (0, _momenttimezone.default)(newDate);
-        };
-        var _e_target_value;
-        const newDateValue = (_e_target_value = e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.value) !== null && _e_target_value !== void 0 ? _e_target_value : reserveValue;
-        const processedNewDate = processOverflow(newDateValue, valueForRollback, key);
-        execute(processedNewDate);
-        executeForCalendar(prepareValueForCalendar(processedNewDate));
-        doBlur(key, e);
-    };
-    const handleKeyPressed = (code, e, type)=>{
-        if (code === 13) handleDateInputBlur(type, e);
-        if (code === 27) doBlur(type, e);
-    };
-    // ********************
-    // Render Functions
-    // ********************
-    const getStartHourItems = ()=>[
-            ...Array(24).keys()
-        ].map((hour)=>({
-                label: padTime(hour),
-                value: hour,
-                disabled: (0, _momenttimezone.default)(startDate).isSame(endDate, "day") && endHour <= hour
-            }));
-    const getEndHourItems = ()=>[
-            ...Array(24).keys()
-        ].map((hour)=>({
-                label: padTime(hour + 1),
-                value: hour === 23 ? 0 : hour + 1,
-                disabled: ((0, _momenttimezone.default)(startDate).isSame(endDate, "day") || (0, _momenttimezone.default)(startDate).isSame((0, _momenttimezone.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
-            }));
-    const renderButtons = ()=>{
-        var _txt_buttons, _txt_buttons1;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                    className: "date-picker__button",
-                    onClick: ()=>onCancel(),
-                    variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.cancel,
-                    children: (txt === null || txt === void 0 ? void 0 : (_txt_buttons = txt.buttons) === null || _txt_buttons === void 0 ? void 0 : _txt_buttons.cancel) || "Cancel"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                    className: "date-picker__button",
-                    variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.apply,
-                    disabled: !startDate || !endDate,
-                    onClick: ()=>onChange({
-                            start: (0, _momenttimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
-                            end: (0, _momenttimezone.default)(endDate).format(_dependencies.MAIN_FORMAT),
-                            startPrevDate: (0, _momenttimezone.default)(startPrevDate).format(_dependencies.MAIN_FORMAT),
-                            endPrevDate: (0, _momenttimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
-                            compare: isCompare
-                        }),
-                    children: (txt === null || txt === void 0 ? void 0 : (_txt_buttons1 = txt.buttons) === null || _txt_buttons1 === void 0 ? void 0 : _txt_buttons1.apply) || "apply"
-                })
-            ]
-        });
-    };
-    const renderPreviousPeriod = ()=>{
-        var _txt_labels;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                (txt === null || txt === void 0 ? void 0 : (_txt_labels = txt.labels) === null || _txt_labels === void 0 ? void 0 : _txt_labels.previousPeriod) || "",
-                ":",
-                " ",
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: "date-picker__previous-period-interval",
-                    children: title
-                })
-            ]
-        });
-    };
-    // ********************
-    // useEffects
-    // ********************
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(startDate).isSameOrAfter(endDate)) {
-            setStartDate((0, _momenttimezone.default)(endDate).subtract(1, "d"));
-            setDate1((0, _momenttimezone.default)(endDate).subtract(1, "d"));
-        }
-    }, [
-        startDate
-    ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(endDate).isSameOrBefore(startDate)) {
-            setEndDate((0, _momenttimezone.default)(startDate).add(1, "d"));
-            setDate2((0, _momenttimezone.default)(startDate).add(1, "d"));
-        }
-    }, [
-        endDate
-    ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(startDate).isBefore((0, _momenttimezone.default)(endDate), "month")) {
-            setDate1((0, _momenttimezone.default)(startDate));
-            setDate2((0, _momenttimezone.default)(endDate));
-        }
-        setInterval();
-    }, [
-        startDate,
-        endDate
-    ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _momenttimezone.default)(date1).isSameOrAfter((0, _momenttimezone.default)(date2), "month") && !withMobileLogic) {
-            setDate1((0, _momenttimezone.default)(date2).subtract(1, "month"));
-        }
-    }, [
-        date1,
-        date2
-    ]);
-    (0, _react.useEffect)(()=>{
-        onChangeInterval(dateInterval);
-    }, [
-        dateInterval
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (typeof onChangeMobile === "function") {
-            onChangeMobile({
-                start: (0, _momenttimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
-                end: (0, _momenttimezone.default)(endDate).format(_dependencies.MAIN_FORMAT),
-                startPrevDate: (0, _momenttimezone.default)(startPrevDate).format(_dependencies.MAIN_FORMAT),
-                endPrevDate: (0, _momenttimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
-                compare: isCompare
-            });
-        }
-    }, [
-        startDate,
-        endDate,
-        startPrevDate,
-        endPrevDate,
-        isCompare
-    ]);
-    const renderRowStart = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: "date-picker__date-row",
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateInput.default, {
-                    ref: startDateInputRef,
-                    testId: `datepicker-${testId}_start-date-input`,
-                    RC: "date-picker__date-input",
-                    className: (0, _classnames.default)("date-picker__date-input"),
-                    isFocused: isStartFocused,
-                    value: startDateInput,
-                    date: getCorrectedDateForDateInput("startDateInput", startDate),
-                    disabled: !startDate,
-                    onChange: setStartDateInput,
-                    onFocus: (e)=>handleDateInputFocus("startDateInput", e),
-                    onBlur: (e)=>handleDateInputBlur("startDateInput", e),
-                    onKeyUp: (code, e)=>handleKeyPressed(code, e, "startDateInput")
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                    testId: testId,
-                    id: `datepicker-id-${mainId}_start-hour-select-input`,
-                    dataTest: "datepicker_start-hour-select-input",
-                    className: (0, _classnames.default)("date-picker__hour-select-input"),
-                    onChange: (value)=>handleChangeStartHour(value),
-                    value: startHour,
-                    options: getStartHourItems(),
-                    disabled: !startDate,
-                    isDoNotPullOutListOfMainContainer: true,
-                    short: true,
-                    withMobileLogic: withMobileLogic
-                })
-            ]
-        });
-    };
-    const renderRowEnd = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: "date-picker__date-row",
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateInput.default, {
-                    ref: endDateInputRef,
-                    testId: `datepicker-${testId}_start-date-input`,
-                    RC: "date-picker__date-input",
-                    className: (0, _classnames.default)("date-picker__date-input"),
-                    isFocused: isEndFocused,
-                    value: endDateInput,
-                    date: getCorrectedDateForDateInput("endDateInput", endDate),
-                    disabled: !endDate,
-                    onChange: setEndDateInput,
-                    onFocus: (e)=>handleDateInputFocus("endDateInput", e),
-                    onBlur: (e)=>handleDateInputBlur("endDateInput", e),
-                    onKeyUp: (code, e)=>handleKeyPressed(code, e, "endDateInput")
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                    testId: testId,
-                    id: `datepicker-id-${mainId}_end-hour-select-input`,
-                    dataTest: "datepicker_end-hour-select-input",
-                    className: (0, _classnames.default)("date-picker__hour-select-input"),
-                    onChange: (value)=>handleChangeEndHour(value),
-                    value: endHour,
-                    options: getEndHourItems(),
-                    disabled: !endDate,
-                    isDoNotPullOutListOfMainContainer: true,
-                    short: true,
-                    withMobileLogic: withMobileLogic
-                })
-            ]
-        });
-    };
-    const renderCalendarStart = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeCalendar.default, {
-            testId: testId,
-            className: "date-picker__calendar",
-            date: date1,
-            setDate: setDate1,
-            allowNext: withMobileLogic ? !(0, _momenttimezone.default)(date1).startOf("month").isSameOrAfter((0, _momenttimezone.default)().startOf("day"), "months") : !isNearby,
-            startDate: startDate,
-            endDate: endDate,
-            startPrevDate: startPrevDate,
-            endPrevDate: endPrevDate,
-            onClick: handleClick,
-            onHover: handleHover,
-            limitRange: limitRange,
-            isShortWeekNames: isShortWeekNames,
-            minDate: minDate,
-            maxDate: maxDate,
-            momentMinDate: momentMinDate,
-            momentMaxDate: momentMaxDate
-        });
-    };
-    const renderCalendarEnd = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeCalendar.default, {
-            className: "date-picker__calendar",
-            date: date2,
-            setDate: setDate2,
-            allowPrev: !isNearby,
-            startDate: startDate,
-            endDate: endDate,
-            startPrevDate: startPrevDate,
-            endPrevDate: endPrevDate,
-            onClick: handleClick,
-            onHover: handleHover,
-            isShortWeekNames: isShortWeekNames,
-            minDate: minDate,
-            maxDate: maxDate,
-            momentMinDate: momentMinDate,
-            momentMaxDate: momentMaxDate,
-            isDontLimitFuture: isDontLimitFuture
-        });
-    };
-    const render = ()=>{
-        var _txt_labels;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("date-picker", className),
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: "date-picker__header",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: "date-picker__inputs-block",
-                            children: [
-                                renderRowStart(),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                    className: "date-picker__inputs-separator date-picker__header--gray",
-                                    children: "—"
-                                }),
-                                renderRowEnd()
-                            ]
-                        }),
-                        isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "date-picker__previous-period",
-                            children: renderPreviousPeriod()
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "date-picker__calendars",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        className: "date-picker__calendars-wrapper",
-                        children: [
-                            renderCalendarStart(),
-                            renderCalendarEnd()
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: (0, _classnames.default)("date-picker__footer", {
-                        "date-picker__footer_once-element": isCompareHidden
-                    }),
-                    children: [
-                        !isCompareHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "date-picker__compare-block",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: "mr5",
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
-                                    dataTest: "datepicker_compare",
-                                    label: (txt === null || txt === void 0 ? void 0 : (_txt_labels = txt.labels) === null || _txt_labels === void 0 ? void 0 : _txt_labels.compare) || "Compare",
-                                    isSwitchOn: isCompare,
-                                    onChange: ()=>{
-                                        onChangeCompare(!isCompare);
-                                        setIsCompare((state)=>!state);
-                                    }
-                                })
-                            })
-                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "date-picker__buttons-block",
-                            children: renderButtons()
-                        })
-                    ]
-                })
-            ]
-        });
-    };
-    const renderMobile = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("date-picker", className),
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: "date-picker__header",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: "date-picker__inputs-block",
-                            children: [
-                                renderRowStart(),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                    className: "date-picker__inputs-separator date-picker__header--gray",
-                                    children: "—"
-                                }),
-                                renderRowEnd()
-                            ]
-                        }),
-                        isCompare && !isCompareHidden && startDate && endDate && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "date-picker__previous-period",
-                            children: renderPreviousPeriod()
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "date-picker__calendars",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "date-picker__calendars-wrapper",
-                        children: renderCalendarStart()
-                    })
-                })
-            ]
-        });
-    };
-    return withMobileLogic ? renderMobile() : render();
-};
-const _default = Datepicker;
-
-//# sourceMappingURL=Datepicker.js.map
+function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=Array(e);a<e;a++)r[a]=t[a];return r}function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a,r,n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i=[],o=!0,d=!1;try{for(n=n.call(t);!(o=(a=n.next()).done)&&(i.push(a.value),!e||i.length!==e);o=!0);}catch(t){d=!0,r=t}finally{try{o||null==n.return||n.return()}finally{if(d)throw r}}return i}}(t,e)||r(t,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||r(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,a){if(e){if("string"==typeof e)return t(e,a);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 t(e,a)}}import{jsx as n,jsxs as i,Fragment as o}from"react/jsx-runtime";import{useEffect as d,useMemo as u,useRef as c,useState as s}from"react";import l from"classnames";import m from"moment-timezone";import p from"../../../UI/Button/Button";import f from"../../Dropdown/Dropdown";import h from"../../RangeCalendar/RangeCalendar";import v from"../../Switcher/Switcher";import{MAIN_FORMAT as _,MAIN_TIME_FORMAT as y,getActualDateRange as D,getIsDateValid as b}from"../dependencies";import k from"./DateInput";var I={handleHoverTimerId:null},N=function(t){return"".concat(t.toString().padStart(2,"0"),":00")};export default function(t){var r,g,S,C=t.txt,A=t.className,O=t.buttonsTypes,w=void 0===O?{}:O,M=t.values,x=void 0===M?{}:M,T=t.onChange,P=t.onChangeMobile,B=t.onChangeCompare,L=t.onCancel,j=t.getSelectedMode,F=t.onChangeInterval,H=t.isCompareHidden,R=t.limitRange,U=(t.handleItemClick,t.setActiveInterval),Y=t.isShortWeekNames,K=t.minDate,W=t.maxDate,E=t.momentMinDate,z=t.momentMaxDate,V=t.isDontLimitFuture,$=t.testId,q=t.mainId,G=t.withMobileLogic,J=x.start,Q=void 0===J?null:J,X=x.end,Z=void 0===X?null:X,tt=x.compare,te=c(null),ta=c(null),tr=e(s(b(Q)?m(Q):""),2),tn=tr[0],ti=tr[1],to=e(s(b(Z)?m(Z):""),2),td=to[0],tu=to[1],tc=j({start:tn,end:td}),ts=e(s(null),2),tl=ts[0],tm=ts[1],tp=e(s(null),2),tf=tp[0],th=tp[1],tv=e(s(!1),2),t_=tv[0],ty=tv[1],tD=e(s(!1),2),tb=tD[0],tk=tD[1],tI=e(s(Q?m(Q).hour():0),2),tN=tI[0],tg=tI[1],tS=e(s(Z?m(Z).hour():0),2),tC=tS[0],tA=tS[1],tO=e(s(void 0!==tt&&tt),2),tw=tO[0],tM=tO[1],tx=e(s(Q?m(Q):m().subtract(1,"month")),2),tT=tx[0],tP=tx[1],tB=e(s(Z?m(Z):m()),2),tL=tB[0],tj=tB[1],tF=e(s(null),2),tH=(tF[0],tF[1]),tR=u(function(){return m(tL).subtract(1,"month").isSame(m(tT),"month")},[tT,tL]),tU=u(function(){return tw&&!H&&tn&&td},[tn,td,tw]),tY=c(tC),tK=u(function(){if(!tU)return null;var t=m(td).diff(tn,"hours");return m(tn).subtract(t,"hours").toDate()},[tn,td,tw]),tW=u(function(){return tU?tn:null},[tn,td,tw]),tE=u(function(){return tw&&!H&&tn&&td?"".concat(m(tK).format("ll")," (").concat(m(tK).format(y),") - ").concat(m(tW).format("ll")," (").concat(m(tW).format(y),")"):""},[tn,td,tw]),tz=function(t,e){var a;return"startDateInput"===t?m(e):(a=m(e),0===tC?m(a).subtract(1,"days"):m(a))},tV=function(){U(D({start:tn,end:td}).intervalKey)},t$=function(t){tY.current=0,!tn||tn&&td&&!(m(tn).add(1,"d").isSame(td,"day")&&0===tC)?(ti(m(t).startOf("day")),tu(m(t).add(1,"d").startOf("day")),tg(0),tA(0)):m(t).isBefore(m(tn),"day")?(tu(m(tn).add(1,"d").startOf("day")),ti(m(t).set("hour",parseInt(tN,10)))):m(t).isAfter(m(tn),"day")&&tu(m(t).add(1,"d").startOf("day")),tH(null)},tq=function(t){if(I.handleHoverTimerId&&clearTimeout(I.handleHoverTimerId),!t){I.handleHoverTimerId=setTimeout(function(){tH(null)},400);return}m(tn).add(1,"d").isSame(td,"day")&&0===tC?m(t).isAfter(m(tn),"day")?tH("end"):m(t).isBefore(m(tn),"day")?tH("start"):tH(null):tH("start")},tG=function(t){tg(Number(t)),ti(m(tn||m()).set("hour",Number(t)))},tJ=function(t){var e=Number(t);tA(e);var a=m();td&&(0===tY.current&&0!==e?a=m(td).subtract(1,"days"):0!==tY.current&&0===e&&(a=m(td).add(1,"days"))),tY.current=e,tu(m(a).set("hour",e))},tQ=function(t,e){var a="startDateInput"===t?ty:tk,r="startDateInput"===t?tm:th,n="startDateInput"===t?tn:td;a(!0),r(n?tz(t,n).format("L"):""),setTimeout(function(){var a,r="startDateInput"===t?te.current:ta.current;(null!=(a=null==e?void 0:e.target)?a:r).select()},0)},tX=function(t,e){e.target.blur(),("startDateInput"===t?ty:tk)(!1)},tZ=function(t,e,a){var r=m(t,"MM/DD/YYYY");if(!r.isValid())return e;var n,i,o=m().endOf("day"),d="startDateInput"===a?tN:tC;return i=K&&r.isBefore(E)?E:W&&r.isAfter(z)?z:!V&&r.isAfter(o)?o.startOf("day"):r,"endDateInput"===a&&(n=i,i=0===tC?m(n).add(1,"days"):m(n)),i.set("hour",parseInt(d,10))},t0=function(t,e){var a,r,n="startDateInput"===t?tl:tf,i="startDateInput"===t?tn:td,o="startDateInput"===t?ti:tu,d="startDateInput"===t?tP:tj,u=tZ(null!=(r=null==e||null==(a=e.target)?void 0:a.value)?r:n,i,t);o(u),d("endDateInput"===t?u:m(u).isSameOrAfter(m(tL),"month")?m(tL).subtract(1,"month"):m(u)),tX(t,e)},t1=function(t,e,a){13===t&&t0(a,e),27===t&&tX(a,e)},t2=function(){var t;return i(o,{children:[(null==C||null==(t=C.labels)?void 0:t.previousPeriod)||"",":"," ",n("span",{className:"date-picker__previous-period-interval",children:tE})]})};d(function(){m(tn).isSameOrAfter(td)&&(ti(m(td).subtract(1,"d")),tP(m(td).subtract(1,"d")))},[tn]),d(function(){m(td).isSameOrBefore(tn)&&(tu(m(tn).add(1,"d")),tj(m(tn).add(1,"d")))},[td]),d(function(){m(tn).isBefore(m(td),"month")&&(tP(m(tn)),tj(m(td))),tV()},[tn,td]),d(function(){m(tT).isSameOrAfter(m(tL),"month")&&!G&&tP(m(tL).subtract(1,"month"))},[tT,tL]),d(function(){F(tc)},[tc]),d(function(){"function"==typeof P&&P({start:m(tn).format(_),end:m(td).format(_),startPrevDate:m(tK).format(_),endPrevDate:m(tW).format(_),compare:tw})},[tn,td,tK,tW,tw]);var t3=function(){return i("div",{className:"date-picker__date-row",children:[n(k,{ref:te,testId:"datepicker-".concat($,"_start-date-input"),RC:"date-picker__date-input",className:l("date-picker__date-input"),isFocused:t_,value:tl,date:tz("startDateInput",tn),disabled:!tn,onChange:tm,onFocus:function(t){return tQ("startDateInput",t)},onBlur:function(t){return t0("startDateInput",t)},onKeyUp:function(t,e){return t1(t,e,"startDateInput")}}),n(f,{testId:$,id:"datepicker-id-".concat(q,"_start-hour-select-input"),dataTest:"datepicker_start-hour-select-input",className:l("date-picker__hour-select-input"),onChange:function(t){return tG(t)},value:tN,options:a(Array(24).keys()).map(function(t){return{label:N(t),value:t,disabled:m(tn).isSame(td,"day")&&tC<=t}}),disabled:!tn,isDoNotPullOutListOfMainContainer:!0,short:!0,withMobileLogic:G})]})},t4=function(){return i("div",{className:"date-picker__date-row",children:[n(k,{ref:ta,testId:"datepicker-".concat($,"_start-date-input"),RC:"date-picker__date-input",className:l("date-picker__date-input"),isFocused:tb,value:tf,date:tz("endDateInput",td),disabled:!td,onChange:th,onFocus:function(t){return tQ("endDateInput",t)},onBlur:function(t){return t0("endDateInput",t)},onKeyUp:function(t,e){return t1(t,e,"endDateInput")}}),n(f,{testId:$,id:"datepicker-id-".concat(q,"_end-hour-select-input"),dataTest:"datepicker_end-hour-select-input",className:l("date-picker__hour-select-input"),onChange:function(t){return tJ(t)},value:tC,options:a(Array(24).keys()).map(function(t){return{label:N(t+1),value:23===t?0:t+1,disabled:(m(tn).isSame(td,"day")||m(tn).isSame(m(td).subtract(1,"days"),"day")&&0===tC)&&t<tN}}),disabled:!td,isDoNotPullOutListOfMainContainer:!0,short:!0,withMobileLogic:G})]})},t8=function(){return n(h,{testId:$,className:"date-picker__calendar",date:tT,setDate:tP,allowNext:G?!m(tT).startOf("month").isSameOrAfter(m().startOf("day"),"months"):!tR,startDate:tn,endDate:td,startPrevDate:tK,endPrevDate:tW,onClick:t$,onHover:tq,limitRange:R,isShortWeekNames:Y,minDate:K,maxDate:W,momentMinDate:E,momentMaxDate:z})};return G?i("div",{className:l("date-picker",A),children:[i("div",{className:"date-picker__header",children:[i("div",{className:"date-picker__inputs-block",children:[t3(),n("div",{className:"date-picker__inputs-separator date-picker__header--gray",children:"—"}),t4()]}),tw&&!H&&tn&&td&&n("div",{className:"date-picker__previous-period",children:t2()})]}),n("div",{className:"date-picker__calendars",children:n("div",{className:"date-picker__calendars-wrapper",children:t8()})})]}):i("div",{className:l("date-picker",A),children:[i("div",{className:"date-picker__header",children:[i("div",{className:"date-picker__inputs-block",children:[t3(),n("div",{className:"date-picker__inputs-separator date-picker__header--gray",children:"—"}),t4()]}),tw&&!H&&tn&&td&&n("div",{className:"date-picker__previous-period",children:t2()})]}),n("div",{className:"date-picker__calendars",children:i("div",{className:"date-picker__calendars-wrapper",children:[t8(),n(h,{className:"date-picker__calendar",date:tL,setDate:tj,allowPrev:!tR,startDate:tn,endDate:td,startPrevDate:tK,endPrevDate:tW,onClick:t$,onHover:tq,isShortWeekNames:Y,minDate:K,maxDate:W,momentMinDate:E,momentMaxDate:z,isDontLimitFuture:V})]})}),i("div",{className:l("date-picker__footer",{"date-picker__footer_once-element":H}),children:[H?n("div",{}):n("div",{className:"date-picker__compare-block",children:n("div",{className:"mr5",children:n(v,{dataTest:"datepicker_compare",label:(null==C||null==(S=C.labels)?void 0:S.compare)||"Compare",isSwitchOn:tw,onChange:function(){B(!tw),tM(function(t){return!t})}})})}),n("div",{className:"date-picker__buttons-block",children:i(o,{children:[n(p,{className:"date-picker__button",onClick:function(){return L()},variant:null==w?void 0:w.cancel,children:(null==C||null==(r=C.buttons)?void 0:r.cancel)||"Cancel"}),n(p,{className:"date-picker__button",variant:null==w?void 0:w.apply,disabled:!tn||!td,onClick:function(){return T({start:m(tn).format(_),end:m(td).format(_),startPrevDate:m(tK).format(_),endPrevDate:m(tW).format(_),compare:tw})},children:(null==C||null==(g=C.buttons)?void 0:g.apply)||"apply"})]})})]})]})}