intelicoreact 1.6.8 → 1.6.10

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

@@ -1,423 +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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
-const _Langs = /*#__PURE__*/ _interop_require_default(require("../../../Langs"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
-const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../Dropdown/Dropdown"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
-const _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
-const _Calendar = /*#__PURE__*/ _interop_require_default(require("./components/Calendar"));
-require("./Datepicker.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;
-}
-const padTime = (time)=>{
-    return `${time.toString().padStart(2, "0")}:00`;
-};
-const Datepicker = (props)=>{
-    const { isCompareHidden, limitRange, onChange = ()=>{}, values = {}, onChangeCompare = ()=>{}, onCancel = ()=>{}, getSelectedMode = ()=>{}, onChangeInterval = ()=>{} } = props;
-    const { start = null, end = null, compare = false } = values;
-    const txt = _Langs.default[global.lng];
-    const startDateInputRef = (0, _react.useRef)(null);
-    const endDateInputRef = (0, _react.useRef)(null);
-    const [startDate, setStartDate] = (0, _react.useState)(start);
-    const [endDate, setEndDate] = (0, _react.useState)(end);
-    const dateInterval = getSelectedMode({
-        start: startDate,
-        end: endDate
-    });
-    const [startDateInput, setStartDateInput] = (0, _react.useState)(start);
-    const [endDateInput, setEndDateInput] = (0, _react.useState)(end);
-    const [startHour, setStartHour] = (0, _react.useState)(start ? (0, _moment.default)(start).hour() : 0);
-    const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _moment.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, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, "month").toDate());
-    const [date2, setDate2] = (0, _react.useState)(end ? (0, _moment.default)(end).toDate() : (0, _moment.default)().toDate());
-    const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
-    const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
-    const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
-    const isNearby = (0, _react.useMemo)(()=>(0, _moment.default)(date2).subtract(1, "month").isSame((0, _moment.default)(date1), "month"), [
-        date1,
-        date2
-    ]);
-    const isPreviousPeriodShowed = (0, _react.useMemo)(()=>isCompare && !isCompareHidden && startDate && endDate, [
-        startDate,
-        endDate,
-        isCompare
-    ]);
-    const prevEndHour = (0, _react.useRef)(endHour);
-    const getStartHourItems = ()=>[
-            ...Array(24).keys()
-        ].map((hour)=>({
-                label: padTime(hour),
-                value: hour,
-                disabled: (0, _moment.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, _moment.default)(startDate).isSame(endDate, "day") || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
-            }));
-    const startPrevDate = (0, _react.useMemo)(()=>{
-        if (isPreviousPeriodShowed) {
-            const intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, "hours");
-            return (0, _moment.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, _moment.default)(startPrevDate).format("ll")} (${(0, _moment.default)(startPrevDate).format("HH:mm")}) - ${(0, _moment.default)(endPrevDate).format("ll")} (${(0, _moment.default)(endPrevDate).format("HH:mm")})`;
-        } else return "";
-    }, [
-        startDate,
-        endDate,
-        isCompare
-    ]);
-    const subtractDay = (date)=>endHour === 0 ? (0, _moment.default)(date).subtract(1, "days") : date;
-    const addDay = (date)=>endHour === 0 ? (0, _moment.default)(date).add(1, "days") : date;
-    (0, _react.useEffect)(()=>{
-        if ((0, _moment.default)(startDate).isSameOrAfter(endDate)) {
-            setStartDate((0, _moment.default)(endDate).subtract(1, "d").toDate());
-            setDate1((0, _moment.default)(endDate).subtract(1, "d"));
-        }
-    }, [
-        startDate
-    ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _moment.default)(endDate).isSameOrBefore(startDate)) {
-            setEndDate((0, _moment.default)(startDate).add(1, "d").toDate());
-            setDate2((0, _moment.default)(startDate).add(1, "d"));
-        }
-    }, [
-        endDate
-    ]);
-    (0, _react.useEffect)(()=>{
-        setStartDateInput(startDate);
-        setEndDateInput(endDate);
-        if ((0, _moment.default)(startDate).isBefore((0, _moment.default)(endDate), "month")) {
-            setDate1((0, _moment.default)(startDate));
-            setDate2((0, _moment.default)(endDate));
-        }
-    }, [
-        startDate,
-        endDate
-    ]);
-    (0, _react.useEffect)(()=>{
-        if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), "month")) {
-            setDate1((0, _moment.default)(date2).subtract(1, "month"));
-        }
-    }, [
-        date1,
-        date2
-    ]);
-    (0, _react.useEffect)(()=>{
-        onChangeInterval(dateInterval);
-    }, [
-        dateInterval
-    ]);
-    const handleClick = (date)=>{
-        prevEndHour.current = 0;
-        if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
-            setStartDate((0, _moment.default)(date).startOf("day").toDate());
-            setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
-            setStartHour(0);
-            setEndHour(0);
-        } else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) {
-            setEndDate((0, _moment.default)(startDate).add(1, "d").startOf("day").toDate());
-            setStartDate((0, _moment.default)(date).set("hour", parseInt(startHour, 10)).toDate());
-        } else if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) {
-            setEndDate((0, _moment.default)(date).add(1, "d").startOf("day").toDate());
-        }
-        setHoverStatus(null);
-    };
-    let timerId;
-    const handleHover = (date)=>{
-        if (!date) {
-            timerId = setTimeout(()=>{
-                setHoverStatus(null);
-            }, 400);
-            return;
-        }
-        if (timerId) clearTimeout(timerId);
-        if ((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
-            if ((0, _moment.default)(date).isAfter((0, _moment.default)(startDate), "day")) setHoverStatus("end");
-            else if ((0, _moment.default)(date).isBefore((0, _moment.default)(startDate), "day")) setHoverStatus("start");
-            else setHoverStatus(null);
-        } else {
-            setHoverStatus("start");
-        }
-    };
-    const handleChangeStartHour = ({ target: { value: val } })=>{
-        setStartHour(Number(val));
-        setStartDate((0, _moment.default)(startDate).set("hour", Number(val)).toDate());
-    };
-    const handleChangeEndHour = ({ target: { value: val } })=>{
-        const newHour = Number(val);
-        setEndHour(newHour);
-        let newEndDate;
-        if (prevEndHour.current === 0 && newHour !== 0) {
-            newEndDate = (0, _moment.default)(endDate).subtract(1, "days");
-        } else if (prevEndHour.current !== 0 && newHour === 0) {
-            newEndDate = (0, _moment.default)(endDate).add(1, "days");
-        } else {
-            newEndDate = endDate;
-        }
-        prevEndHour.current = newHour;
-        setEndDate((0, _moment.default)(newEndDate).set("hour", newHour).toDate());
-    };
-    const renderButtons = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                    className: "plr15 mr5",
-                    onClick: ()=>onCancel(),
-                    children: txt.buttons.cancel
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                    className: "plr20",
-                    type: "filled",
-                    disabled: !startDate || !endDate,
-                    onClick: ()=>onChange({
-                            start: startDate,
-                            end: endDate,
-                            startPrevDate,
-                            endPrevDate,
-                            compare: isCompare
-                        }),
-                    children: txt.buttons.apply
-                })
-            ]
-        });
-    const renderPreviousPeriod = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                txt.labels.previousPeriod,
-                ":",
-                " ",
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: "date-picker__previous-period-interval",
-                    children: title
-                })
-            ]
-        });
-    const handleStartDateFocus = ()=>{
-        setIsStartFocused(true);
-        setStartDateInput((0, _moment.default)(startDate).format("L"));
-    };
-    const handleStartDateBlur = ()=>{
-        let newDate;
-        if ((0, _moment.default)(startDateInput).isValid()) {
-            newDate = (0, _moment.default)(startDateInput).set("hour", parseInt(startHour, 10)).toDate();
-            setStartDate(newDate);
-        } else {
-            newDate = startDate;
-            setStartDateInput(newDate);
-        }
-        setIsStartFocused(false);
-        startDateInputRef.current.blur();
-        setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), "month") ? (0, _moment.default)(date2).subtract(1, "month") : (0, _moment.default)(newDate));
-    };
-    const handleEndDateFocus = ()=>{
-        setIsEndFocused(true);
-        setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format("L"));
-    };
-    const handleEndDateBlur = ()=>{
-        let newDate;
-        if ((0, _moment.default)(endDateInput).isValid()) {
-            newDate = (0, _moment.default)(endDateInput).set("hour", parseInt(endHour, 10)).toDate();
-            setEndDate(addDay(newDate));
-        } else {
-            newDate = endDate;
-            setEndDateInput(newDate);
-        }
-        setIsEndFocused(false);
-        endDateInputRef.current.blur();
-        setDate2(newDate);
-        setEndDateInput();
-    };
-    const handleKeyPressed = (e, handleDateBlur)=>{
-        if (e.key === "Enter") handleDateBlur();
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: "date-picker",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "date-picker__header",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                        dataTest: "datepicker_start-date-input",
-                        className: (0, _classnames.default)("mr5", {
-                            "date-picker-text-input--active": hoverStatus === "start"
-                        }),
-                        value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format("ll"),
-                        disabled: !startDate,
-                        onChange: (e)=>setStartDateInput(e.target.value),
-                        onFocus: handleStartDateFocus,
-                        onBlur: handleStartDateBlur,
-                        onKeyPress: (e)=>handleKeyPressed(e, handleStartDateBlur),
-                        ref: startDateInputRef
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                        dataTest: "datepicker_start-hour-select-input",
-                        onChange: handleChangeStartHour,
-                        value: startHour,
-                        items: getStartHourItems(),
-                        disabled: !startDate,
-                        short: true
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "pl5 pr5 date-picker__header--gray",
-                        children: "—"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                        dataTest: "datepicker_end-date-input",
-                        className: (0, _classnames.default)("mr5", {
-                            "date-picker-text-input--active": hoverStatus === "end"
-                        }),
-                        value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format("ll"),
-                        disabled: !endDate,
-                        onChange: (e)=>setEndDateInput(e.target.value),
-                        onFocus: handleEndDateFocus,
-                        onBlur: handleEndDateBlur,
-                        onKeyPress: (e)=>handleKeyPressed(e, handleEndDateBlur),
-                        ref: endDateInputRef
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                        dataTest: "datepicker_end-hour-select-input",
-                        onChange: handleChangeEndHour,
-                        value: endHour,
-                        items: getEndHourItems(),
-                        disabled: !endDate,
-                        short: true
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "date-picker__previous-period",
-                children: isCompare && !isCompareHidden && startDate && endDate && renderPreviousPeriod()
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "date-picker__calendars",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
-                        date: date1,
-                        setDate: setDate1,
-                        allowNext: !isNearby,
-                        startDate: startDate,
-                        endDate: endDate,
-                        startPrevDate: startPrevDate,
-                        endPrevDate: endPrevDate,
-                        onClick: handleClick,
-                        onHover: handleHover,
-                        limitRange: limitRange
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
-                        date: date2,
-                        setDate: setDate2,
-                        allowPrev: !isNearby,
-                        startDate: startDate,
-                        endDate: endDate,
-                        startPrevDate: startPrevDate,
-                        endPrevDate: endPrevDate,
-                        onClick: handleClick,
-                        onHover: handleHover
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "date-picker__footer j46",
-                children: [
-                    !isCompareHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "j4",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "mr5",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
-                                dataTest: "datepicker_compare",
-                                label: txt.labels.compare,
-                                isSwitchOn: isCompare,
-                                onChange: ()=>{
-                                    onChangeCompare(!isCompare);
-                                    setIsCompare((state)=>!state);
-                                }
-                            })
-                        })
-                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        children: renderButtons()
-                    })
-                ]
-            })
-        ]
-    });
-};
-const _default = Datepicker;
-
-//# sourceMappingURL=Datepicker.js.map
+function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=Array(e);r<e;r++)a[r]=t[r];return a}function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r,a,n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o=[],i=!0,u=!1;try{for(n=n.call(t);!(i=(r=n.next()).done)&&(o.push(r.value),!e||o.length!==e);i=!0);}catch(t){u=!0,a=t}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return o}}(t,e)||a(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 r(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)||a(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 a(e,r){if(e){if("string"==typeof e)return t(e,r);var a=Object.prototype.toString.call(e).slice(8,-1);if("Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return t(e,r)}}import{jsx as n,jsxs as o,Fragment as i}from"react/jsx-runtime";import{useEffect as u,useMemo as c,useRef as s,useState as d}from"react";import l from"classnames";import m from"moment";import"react-input-mask";import f from"../../../Langs";import"../../../Functions/useClickOutside";import p from"../../UI/Button/Button";import v from"../Dropdown/Dropdown";import h from"../Input/Input";import y from"../Switcher/Switcher";import b from"./components/Calendar";import"./Datepicker.scss";var D=function(t){return"".concat(t.toString().padStart(2,"0"),":00")};export default function(t){var a,g=t.isCompareHidden,k=t.limitRange,S=t.onChange,C=void 0===S?function(){}:S,N=t.values,_=void 0===N?{}:N,A=t.onChangeCompare,I=void 0===A?function(){}:A,O=t.onCancel,w=void 0===O?function(){}:O,P=t.getSelectedMode,j=t.onChangeInterval,T=void 0===j?function(){}:j,x=_.start,B=void 0===x?null:x,H=_.end,F=void 0===H?null:H,E=_.compare,L=f[global.lng],K=s(null),M=s(null),R=e(d(B),2),U=R[0],V=R[1],$=e(d(F),2),q=$[0],z=$[1],G=(void 0===P?function(){}:P)({start:U,end:q}),J=e(d(B),2),Q=J[0],W=J[1],X=e(d(F),2),Y=X[0],Z=X[1],tt=e(d(B?m(B).hour():0),2),te=tt[0],tr=tt[1],ta=e(d(F?m(F).hour():0),2),tn=ta[0],to=ta[1],ti=e(d(void 0!==E&&E),2),tu=ti[0],tc=ti[1],ts=e(d(B?m(B).toDate():m().subtract(1,"month").toDate()),2),td=ts[0],tl=ts[1],tm=e(d(F?m(F).toDate():m().toDate()),2),tf=tm[0],tp=tm[1],tv=e(d(!1),2),th=tv[0],ty=tv[1],tb=e(d(!1),2),tD=tb[0],tg=tb[1],tk=e(d(null),2),tS=tk[0],tC=tk[1],tN=c(function(){return m(tf).subtract(1,"month").isSame(m(td),"month")},[td,tf]),t_=c(function(){return tu&&!g&&U&&q},[U,q,tu]),tA=s(tn),tI=c(function(){if(!t_)return null;var t=m(q).diff(U,"hours");return m(U).subtract(t,"hours").toDate()},[U,q,tu]),tO=c(function(){return t_?U:null},[U,q,tu]),tw=c(function(){return tu&&!g&&U&&q?"".concat(m(tI).format("ll")," (").concat(m(tI).format("HH:mm"),") - ").concat(m(tO).format("ll")," (").concat(m(tO).format("HH:mm"),")"):""},[U,q,tu]),tP=function(t){return 0===tn?m(t).subtract(1,"days"):t};u(function(){m(U).isSameOrAfter(q)&&(V(m(q).subtract(1,"d").toDate()),tl(m(q).subtract(1,"d")))},[U]),u(function(){m(q).isSameOrBefore(U)&&(z(m(U).add(1,"d").toDate()),tp(m(U).add(1,"d")))},[q]),u(function(){W(U),Z(q),m(U).isBefore(m(q),"month")&&(tl(m(U)),tp(m(q)))},[U,q]),u(function(){m(td).isSameOrAfter(m(tf),"month")&&tl(m(tf).subtract(1,"month"))},[td,tf]),u(function(){T(G)},[G]);var tj=function(t){tA.current=0,!U||U&&q&&!(m(U).add(1,"d").isSame(q,"day")&&0===tn)?(V(m(t).startOf("day").toDate()),z(m(t).add(1,"d").startOf("day").toDate()),tr(0),to(0)):m(t).isBefore(m(U),"day")?(z(m(U).add(1,"d").startOf("day").toDate()),V(m(t).set("hour",parseInt(te,10)).toDate())):m(t).isAfter(m(U),"day")&&z(m(t).add(1,"d").startOf("day").toDate()),tC(null)},tT=function(t){if(!t){a=setTimeout(function(){tC(null)},400);return}a&&clearTimeout(a),m(U).add(1,"d").isSame(q,"day")&&0===tn?m(t).isAfter(m(U),"day")?tC("end"):m(t).isBefore(m(U),"day")?tC("start"):tC(null):tC("start")},tx=function(){var t;m(Q).isValid()?V(t=m(Q).set("hour",parseInt(te,10)).toDate()):W(t=U),ty(!1),K.current.blur(),tl(m(t).isSameOrAfter(m(tf),"month")?m(tf).subtract(1,"month"):m(t))},tB=function(){var t,e;m(Y).isValid()?z((e=t=m(Y).set("hour",parseInt(tn,10)).toDate(),0===tn?m(e).add(1,"days"):e)):Z(t=q),tg(!1),M.current.blur(),tp(t),Z()},tH=function(t,e){"Enter"===t.key&&e()};return o("div",{className:"date-picker",children:[o("div",{className:"date-picker__header",children:[n(h,{dataTest:"datepicker_start-date-input",className:l("mr5",{"date-picker-text-input--active":"start"===tS}),value:th?Q:m(U).format("ll"),disabled:!U,onChange:function(t){return W(t.target.value)},onFocus:function(){ty(!0),W(m(U).format("L"))},onBlur:tx,onKeyPress:function(t){return tH(t,tx)},ref:K}),n(v,{dataTest:"datepicker_start-hour-select-input",onChange:function(t){var e=t.target.value;tr(Number(e)),V(m(U).set("hour",Number(e)).toDate())},value:te,items:r(Array(24).keys()).map(function(t){return{label:D(t),value:t,disabled:m(U).isSame(q,"day")&&tn<=t}}),disabled:!U,short:!0}),n("div",{className:"pl5 pr5 date-picker__header--gray",children:"—"}),n(h,{dataTest:"datepicker_end-date-input",className:l("mr5",{"date-picker-text-input--active":"end"===tS}),value:tD?Y:m(tP(q)).format("ll"),disabled:!q,onChange:function(t){return Z(t.target.value)},onFocus:function(){tg(!0),Z(m(tP(Y)).format("L"))},onBlur:tB,onKeyPress:function(t){return tH(t,tB)},ref:M}),n(v,{dataTest:"datepicker_end-hour-select-input",onChange:function(t){var e,r=Number(t.target.value);to(r),e=0===tA.current&&0!==r?m(q).subtract(1,"days"):0!==tA.current&&0===r?m(q).add(1,"days"):q,tA.current=r,z(m(e).set("hour",r).toDate())},value:tn,items:r(Array(24).keys()).map(function(t){return{label:D(t+1),value:23===t?0:t+1,disabled:(m(U).isSame(q,"day")||m(U).isSame(m(q).subtract(1,"days"),"day")&&0===tn)&&t<te}}),disabled:!q,short:!0})]}),n("div",{className:"date-picker__previous-period",children:tu&&!g&&U&&q&&o(i,{children:[L.labels.previousPeriod,":"," ",n("span",{className:"date-picker__previous-period-interval",children:tw})]})}),o("div",{className:"date-picker__calendars",children:[n(b,{date:td,setDate:tl,allowNext:!tN,startDate:U,endDate:q,startPrevDate:tI,endPrevDate:tO,onClick:tj,onHover:tT,limitRange:k}),n(b,{date:tf,setDate:tp,allowPrev:!tN,startDate:U,endDate:q,startPrevDate:tI,endPrevDate:tO,onClick:tj,onHover:tT})]}),o("div",{className:"date-picker__footer j46",children:[g?n("div",{}):n("div",{className:"j4",children:n("div",{className:"mr5",children:n(y,{dataTest:"datepicker_compare",label:L.labels.compare,isSwitchOn:tu,onChange:function(){I(!tu),tc(function(t){return!t})}})})}),n("div",{children:o(i,{children:[n(p,{className:"plr15 mr5",onClick:function(){return w()},children:L.buttons.cancel}),n(p,{className:"plr20",type:"filled",disabled:!U||!q,onClick:function(){return C({start:U,end:q,startPrevDate:tI,endPrevDate:tO,compare:tu})},children:L.buttons.apply})]})})]})]})}

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

@@ -1,177 +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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
-const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
-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 Calendar = (props)=>{
-    const { date, setDate, startDate, endDate, allowPrev = true, allowNext = true, onClick, onHover, startPrevDate, endPrevDate, limitRange } = props;
-    const [days, setDays] = (0, _react.useState)({});
-    const title = (0, _react.useMemo)(()=>`${(0, _moment.default)(date).format("MMM")} ${(0, _moment.default)(date).format("YYYY")}`, [
-        date
-    ]);
-    (0, _react.useEffect)(()=>{
-        const result = {};
-        const day = (0, _moment.default)(date).startOf("month");
-        const daysInMonth = day.daysInMonth();
-        for(let d = 0; d < daysInMonth; d += 1){
-            let week = day.week();
-            if (day.month() === 11 && week === 1) week = 53;
-            if (day.month() === 0 && week === 53) week = 0;
-            if (!Object.prototype.hasOwnProperty.call(result, week)) {
-                result[week] = {};
-            }
-            result[week][day.weekday()] = {
-                date: day.toDate()
-            };
-            day.add(1, "d");
-        }
-        setDays(result);
-    }, [
-        date
-    ]);
-    const renderDay = (week, dayOfWeek)=>{
-        const day = days[week][dayOfWeek];
-        const isFutureDay = day && (0, _moment.default)(day.date).isAfter((0, _moment.default)(), "day");
-        const isPastDay = limitRange ? day && (0, _moment.default)(day.date).isBefore((0, _moment.default)().subtract(limitRange, "days"), "day") : null;
-        const isRangeEnd = day && ((0, _moment.default)(day.date).isSame(startDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endDate).subtract(1, "hour"), "day"));
-        const isRangeInside = day && startDate && endDate && (0, _moment.default)(day.date).isAfter(startDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endDate).subtract(1, "hour"), "day");
-        const isPrevRangeEnd = day && ((0, _moment.default)(day.date).isSame(startPrevDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endPrevDate).subtract(1, "day"), "day"));
-        const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _moment.default)(day.date).isAfter(startPrevDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endPrevDate).subtract(1, "day"), "day");
-        const classNames = (0, _classnames.default)("calendar__day", {
-            "calendar__day--clickable": day
-        }, {
-            "calendar__day--disabled": isFutureDay
-        }, {
-            "calendar__day--disabled": isPastDay
-        }, {
-            "calendar__day--range-end": isRangeEnd
-        }, {
-            "calendar__day--range-inside": isRangeInside
-        }, {
-            "calendar__day--prev-range-end": isPrevRangeEnd
-        }, {
-            "calendar__day--prev-range-inside": isPrevRangeInside
-        });
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: classNames,
-            onClick: day && !isFutureDay ? ()=>onClick(day.date) : null,
-            onMouseOver: day && !isFutureDay ? ()=>onHover(day.date) : null,
-            onMouseLeave: ()=>onHover(null),
-            children: day && day.date.getDate()
-        }, `${week}_${dayOfWeek}`);
-    };
-    const handlePrev = ()=>{
-        setDate((0, _moment.default)(date).subtract(1, "month").toDate());
-    };
-    const handleNext = ()=>{
-        setDate((0, _moment.default)(date).add(1, "month").toDate());
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: "calendar",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "calendar-header",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "calendar-header__prev",
-                        children: allowPrev && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            onClick: handlePrev,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {
-                                size: 16
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "calendar-header__title",
-                        children: title
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "calendar-header__next",
-                        children: allowNext && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            onClick: handleNext,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {
-                                size: 16
-                            })
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "calendar__week",
-                children: [
-                    ...Array(7).keys()
-                ].map((dayOfWeek)=>{
-                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "calendar__day calendar__day--title",
-                        children: (0, _moment.default)().weekday(dayOfWeek).format("dd").charAt(0)
-                    }, `day-of-week_${dayOfWeek}`);
-                })
-            }),
-            Object.keys(days).map((week, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "calendar__week",
-                    children: [
-                        ...Array(7).keys()
-                    ].map((dayOfWeek)=>renderDay(week, dayOfWeek))
-                }, `week_${index}`))
-        ]
-    });
-};
-const _default = Calendar;
-
-//# sourceMappingURL=Calendar.js.map
+function e(e,a){(null==a||a>e.length)&&(a=e.length);for(var r=0,t=Array(a);r<a;r++)t[r]=e[r];return t}function a(a){return function(a){if(Array.isArray(a))return e(a)}(a)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||r(a)||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(a,r){if(a){if("string"==typeof a)return e(a,r);var t=Object.prototype.toString.call(a).slice(8,-1);if("Object"===t&&a.constructor&&(t=a.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return e(a,r)}}import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useEffect as o,useMemo as d,useState as i}from"react";import c from"classnames";import l from"moment";import*as s from"react-feather";export default function(e){var u,f=e.date,y=e.setDate,m=e.startDate,h=e.endDate,v=e.allowPrev,_=e.allowNext,p=e.onClick,b=e.onHover,k=e.startPrevDate,A=e.endPrevDate,g=e.limitRange,w=(u=i({}),function(e){if(Array.isArray(e))return e}(u)||function(e,a){var r,t,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o=[],d=!0,i=!1;try{for(n=n.call(e);!(d=(r=n.next()).done)&&(o.push(r.value),o.length!==a);d=!0);}catch(e){i=!0,t=e}finally{try{d||null==n.return||n.return()}finally{if(i)throw t}}return o}}(u,2)||r(u,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),S=w[0],N=w[1],j=d(function(){return"".concat(l(f).format("MMM")," ").concat(l(f).format("YYYY"))},[f]);o(function(){for(var e={},a=l(f).startOf("month"),r=a.daysInMonth(),t=0;t<r;t+=1){var n=a.week();11===a.month()&&1===n&&(n=53),0===a.month()&&53===n&&(n=0),Object.prototype.hasOwnProperty.call(e,n)||(e[n]={}),e[n][a.weekday()]={date:a.toDate()},a.add(1,"d")}N(e)},[f]);var D=function(e,a){var r=S[e][a],n=r&&l(r.date).isAfter(l(),"day"),o=g?r&&l(r.date).isBefore(l().subtract(g,"days"),"day"):null,d=r&&(l(r.date).isSame(m,"day")||l(r.date).isSame(l(h).subtract(1,"hour"),"day")),i=r&&m&&h&&l(r.date).isAfter(m,"day")&&l(r.date).isBefore(l(h).subtract(1,"hour"),"day"),s=r&&(l(r.date).isSame(k,"day")||l(r.date).isSame(l(A).subtract(1,"day"),"day")),u=r&&k&&A&&l(r.date).isAfter(k,"day")&&l(r.date).isBefore(l(A).subtract(1,"day"),"day");return t("div",{className:c("calendar__day",{"calendar__day--clickable":r},{"calendar__day--disabled":n},{"calendar__day--disabled":o},{"calendar__day--range-end":d},{"calendar__day--range-inside":i},{"calendar__day--prev-range-end":s},{"calendar__day--prev-range-inside":u}),onClick:r&&!n?function(){return p(r.date)}:null,onMouseOver:r&&!n?function(){return b(r.date)}:null,onMouseLeave:function(){return b(null)},children:r&&r.date.getDate()},"".concat(e,"_").concat(a))};return n("div",{className:"calendar",children:[n("div",{className:"calendar-header",children:[t("div",{className:"calendar-header__prev",children:(void 0===v||v)&&t("div",{onClick:function(){y(l(f).subtract(1,"month").toDate())},children:t(s.ChevronLeft,{size:16})})}),t("div",{className:"calendar-header__title",children:j}),t("div",{className:"calendar-header__next",children:(void 0===_||_)&&t("div",{onClick:function(){y(l(f).add(1,"month").toDate())},children:t(s.ChevronRight,{size:16})})})]}),t("div",{className:"calendar__week",children:a(Array(7).keys()).map(function(e){return t("div",{className:"calendar__day calendar__day--title",children:l().weekday(e).format("dd").charAt(0)},"day-of-week_".concat(e))})}),Object.keys(S).map(function(e,r){return t("div",{className:"calendar__week",children:a(Array(7).keys()).map(function(a){return D(e,a)})},"week_".concat(r))})]})}