intelicoreact 1.6.8 → 1.6.10

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

@@ -1,352 +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 _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
-const _Arrow = /*#__PURE__*/ _interop_require_default(require("../../UI/Arrow/Arrow"));
-const _OpenedPart = /*#__PURE__*/ _interop_require_default(require("./components/OpenedPart"));
-const _dependencies = require("./dependencies");
-require("./InputDateRange.scss");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-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;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const checkFormat = (date, format)=>{
-    const momentObj = (0, _momenttimezone.default)(date, format);
-    return momentObj.isValid() ? momentObj.format(format) : null;
-};
-const InputDateRange = (props)=>{
-    var _INTERVALS_actualValues_intervalKey;
-    const { txt, id, label, subLabel, className, value, onChange = ()=>{}, error, disabled, isHoverable, isCompact = false, hideArrows = false, isOptionsRight, isUseAbs, testId = "input-date-range", minDate = null, maxDate = null, minMaxDateParseFormat = "MM/DD/YYYY", isDontLimitFuture, isListTop, isAltArrows } = props;
-    const { isMobile } = (0, _useIsMobile.default)();
-    const formatedMinDate = checkFormat(minDate, minMaxDateParseFormat);
-    const formatedMaxDate = checkFormat(maxDate, minMaxDateParseFormat);
-    const momentMinDate = (0, _momenttimezone.default)(formatedMinDate, minMaxDateParseFormat).startOf("day");
-    const momentMaxDate = (0, _momenttimezone.default)(formatedMaxDate, minMaxDateParseFormat).startOf("day");
-    const actualValues = (0, _dependencies.getActualDateRange)(value);
-    const { isToggled, toggle, toggleOn, toggleOff } = (0, _dependencies.useToggle)(false);
-    const [current, setCurrent] = (0, _react.useState)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey);
-    const [isCompare, setIsCompare] = (0, _react.useState)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.compare);
-    const dropdownContainers = document.getElementsByClassName("dropdown__container");
-    const ref = !isUseAbs && !isMobile ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
-    const internalContainerRef = (0, _react.useRef)(null);
-    const [dateRangeContainerId, setDateRangeContainerId] = (0, _react.useState)(Math.random().toString(16).slice(2));
-    const handleChange = (input)=>{
-        const newValue = (0, _dependencies.getActualDateRange)(input);
-        const formatedValue = _object_spread({
-            intervalKey: newValue.intervalKey,
-            start: newValue.start ? (0, _momenttimezone.default)(newValue.start).format(_dependencies.MAIN_FORMAT) : newValue.start,
-            end: newValue.end ? (0, _momenttimezone.default)(newValue.end).format(_dependencies.MAIN_FORMAT) : newValue.end
-        }, newValue.compare ? {
-            compare: newValue.compare
-        } : {}, newValue.startPrevDate ? {
-            startPrevDate: (0, _momenttimezone.default)(newValue.startPrevDate).format(_dependencies.MAIN_FORMAT)
-        } : {}, newValue.endPrevDate ? {
-            endPrevDate: (0, _momenttimezone.default)(newValue.endPrevDate).format(_dependencies.MAIN_FORMAT)
-        } : {});
-        onChange(formatedValue);
-        return formatedValue;
-    };
-    const Range = ()=>{
-        const SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
-        if (!actualValues.start && value.start) {
-            actualValues.start = value.start;
-            actualValues.end = value.end || "";
-        }
-        const { start, end } = actualValues;
-        if (!start || !end) return null;
-        const startTime = (0, _momenttimezone.default)(start).format(_dependencies.MAIN_TIME_FORMAT);
-        const endTime = (0, _momenttimezone.default)(end).format(_dependencies.MAIN_TIME_FORMAT);
-        const firstPart = `${(0, _momenttimezone.default)(start).format("ll")} ${startTime !== "00:00" ? `(${startTime})` : ""}`;
-        const secondPart = `${(endTime !== "00:00" ? (0, _momenttimezone.default)(end) : (0, _momenttimezone.default)(end).subtract(1, "days")).format("ll")} ${endTime !== "00:00" ? `(${endTime})` : ""}`;
-        const getClasses = (base)=>(0, _classnames.default)("date-range-input__range-text", {
-                "date-range-input__range-text_little": base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
-            });
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                    className: getClasses(firstPart),
-                    children: [
-                        firstPart,
-                        endTime === "00:00" && (0, _momenttimezone.default)(end).isSame((0, _momenttimezone.default)(start).add(1, "days"), "day") ? "" : ` - `
-                    ]
-                }),
-                endTime === "00:00" && (0, _momenttimezone.default)(end).isSame((0, _momenttimezone.default)(start).add(1, "days"), "day") ? null : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: getClasses(secondPart),
-                    children: secondPart
-                })
-            ]
-        });
-    };
-    const slideInterval = (direction = "forward")=>{
-        var _getActualDateRange;
-        const { start, end } = actualValues;
-        const intervalHoursCount = (0, _momenttimezone.default)(end).diff(start, "hours");
-        let newEnd;
-        let newStart;
-        const endHours = (0, _momenttimezone.default)(end).hours();
-        const startHours = (0, _momenttimezone.default)(start).hours();
-        if (direction === "forward") {
-            newStart = (0, _momenttimezone.default)(end).add(endHours === 0 ? 0 : 1, "day").hours(startHours).toDate();
-            newEnd = (0, _momenttimezone.default)(newStart).add(intervalHoursCount, "hours");
-        } else {
-            newEnd = (0, _momenttimezone.default)(start).subtract(endHours === 0 ? 0 : 1, "day").hours(endHours).toDate();
-            newStart = (0, _momenttimezone.default)(newEnd).subtract(intervalHoursCount, "hours");
-        }
-        const startPrevDate = (0, _momenttimezone.default)(newStart).subtract(intervalHoursCount, "hours").subtract(1, "seconds");
-        const endPrevDate = (0, _momenttimezone.default)(newEnd).subtract(1, "seconds");
-        handleChange(_object_spread_props(_object_spread({}, value), {
-            intervalKey: (_getActualDateRange = (0, _dependencies.getActualDateRange)({
-                start: newStart,
-                end: newEnd
-            })) === null || _getActualDateRange === void 0 ? void 0 : _getActualDateRange.intervalKey,
-            start: newStart,
-            end: newEnd,
-            startPrevDate,
-            endPrevDate
-        }));
-    };
-    const handleArrowClick = (type)=>{
-        slideInterval(type === "right" ? "forward" : "back");
-        toggleOff();
-    };
-    const getParentNode = ()=>{
-        var _document_querySelector;
-        return (_document_querySelector = document.querySelector("div#root")) !== null && _document_querySelector !== void 0 ? _document_querySelector : document.querySelector("div#app");
-    };
-    const initDateRangeContainer = ()=>{
-        var _document_getElementById, _getParentNode;
-        (_document_getElementById = document.getElementById(dateRangeContainerId)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.remove();
-        const dateRangeContainer = document.createElement("div");
-        dateRangeContainer.setAttribute("id", dateRangeContainerId);
-        dateRangeContainer.classList.add("input-date-range__mobile-container");
-        (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(dateRangeContainer);
-    };
-    const getDateRangeContainer = ()=>{
-        return document.getElementById(dateRangeContainerId);
-    };
-    (0, _react.useLayoutEffect)(()=>{
-        initDateRangeContainer();
-        return ()=>{
-            var _getDateRangeContainer;
-            (_getDateRangeContainer = getDateRangeContainer()) === null || _getDateRangeContainer === void 0 ? void 0 : _getDateRangeContainer.remove();
-        };
-    }, []);
-    var _ref;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        ref: internalContainerRef,
-        className: (0, _classnames.default)("date-range-input", className, {
-            "date-range-input_compact": isCompact,
-            "date-range-input_hide-arrows": hideArrows,
-            "date-range-input_focused": isToggled,
-            "date-range-input_error": error,
-            "date-range-input_disabled": disabled
-        }),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "date-range-input__label",
-                children: label
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "date-range-input__wraper",
-                ref: ref,
-                onMouseEnter: isHoverable ? toggleOn : ()=>null,
-                onMouseLeave: isHoverable ? toggleOff : ()=>null,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: (0, _classnames.default)("date-range-input__absolut-wraper", {
-                        "date-range-input__absolut-wraper_right-position": isOptionsRight
-                    }),
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: (0, _classnames.default)("date-range-input__static-part"),
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
-                                    id: id,
-                                    className: (0, _classnames.default)("date-range-input__toggle-button"),
-                                    disabled: disabled,
-                                    onClick: !disabled && !isHoverable ? toggle : undefined,
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                            className: "date-range-input__interval-key",
-                                            children: [
-                                                subLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                                                    className: "date-range-input__label",
-                                                    children: [
-                                                        subLabel,
-                                                        ": "
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                                    children: (_ref = (txt === null || txt === void 0 ? void 0 : txt.labels) && txt.labels[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) !== null && _ref !== void 0 ? _ref : ((_INTERVALS_actualValues_intervalKey = _dependencies.INTERVALS[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) === null || _INTERVALS_actualValues_intervalKey === void 0 ? void 0 : _INTERVALS_actualValues_intervalKey.label) || _dependencies.CUSTOM_INTERVAL_KEY_TEXT
-                                                }),
-                                                current !== _dependencies.ALL_TIME_KEY && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                                    children: ":"
-                                                })
-                                            ]
-                                        }),
-                                        !isCompact && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)("date-range-input__range", {}),
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Range, {})
-                                        })
-                                    ]
-                                }),
-                                !isCompact && !hideArrows && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    className: (0, _classnames.default)("date-range-input__arrows-block"),
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
-                                            testId: testId,
-                                            type: "left",
-                                            className: "date-range-input__arrow",
-                                            onClick: ()=>handleArrowClick("left"),
-                                            disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || formatedMinDate && (0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start).subtract((0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isBefore(momentMinDate),
-                                            isAlt: isAltArrows
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
-                                            testId: testId,
-                                            type: "right",
-                                            className: "date-range-input__arrow",
-                                            onClick: ()=>handleArrowClick("right"),
-                                            disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? (0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf("day").subtract((0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter(momentMaxDate.startOf("day")) : (0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momenttimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, "hours"), "hours").isAfter((0, _momenttimezone.default)().add(1, "day").startOf("day"))),
-                                            isAlt: isAltArrows
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        isToggled && !isUseAbs && /*#__PURE__*/ (0, _jsxruntime.jsx)(_OpenedPart.default, _object_spread_props(_object_spread({}, props), {
-                            dateRangeContainerId: dateRangeContainerId,
-                            mainId: id,
-                            testId: testId,
-                            ref: internalContainerRef,
-                            actualValues: actualValues,
-                            current: current,
-                            setCurrent: setCurrent,
-                            isCompare: isCompare,
-                            setIsCompare: setIsCompare,
-                            toggleOff: toggleOff,
-                            onChange: handleChange,
-                            minDate: formatedMinDate,
-                            maxDate: formatedMaxDate,
-                            momentMinDate: momentMinDate,
-                            momentMaxDate: momentMaxDate,
-                            isDontLimitFuture: isDontLimitFuture,
-                            isListTop: isListTop
-                        }))
-                    ]
-                })
-            }),
-            error && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "date-range-input__error-block",
-                children: error
-            })
-        ]
-    });
-};
-const _default = /*#__PURE__*/ _react.default.memo(InputDateRange);
-
-//# sourceMappingURL=InputDateRange.js.map
+function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function e(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.forEach(function(e){var n;n=r[e],e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n})}return t}function r(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r.push.apply(r,n)}return r})(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}function n(e,r){return function(t){if(Array.isArray(t))return t}(e)||function(t,e){var r,n,a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var o=[],i=!0,l=!1;try{for(a=a.call(t);!(i=(r=a.next()).done)&&(o.push(r.value),!e||o.length!==e);i=!0);}catch(t){l=!0,n=t}finally{try{i||null==a.return||a.return()}finally{if(l)throw n}}return o}}(e,r)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(e,r)}}(e,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as a,jsxs as o,Fragment as i}from"react/jsx-runtime";import l,{useLayoutEffect as s,useRef as d,useState as u}from"react";import c from"classnames";import m from"moment-timezone";import f from"../../../Functions/useIsMobile/useIsMobile";import p from"../../UI/Arrow/Arrow";import v from"./components/OpenedPart";import{ALL_TIME_KEY as g,CUSTOM_INTERVAL_KEY_TEXT as b,INTERVALS as y,MAIN_FORMAT as h,MAIN_TIME_FORMAT as _,getActualDateRange as O,useClickOutside as w,useToggle as D}from"./dependencies";import"./InputDateRange.scss";var P=function(t,e){var r=m(t,e);return r.isValid()?r.format(e):null};export default l.memo(function(t){var l,j,A=t.txt,N=t.id,I=t.label,S=t.subLabel,x=t.className,C=t.value,M=t.onChange,k=void 0===M?function(){}:M,K=t.error,E=t.disabled,L=t.isHoverable,F=t.isCompact,B=void 0!==F&&F,T=t.hideArrows,Y=void 0!==T&&T,R=t.isOptionsRight,U=t.isUseAbs,q=t.testId,V=void 0===q?"input-date-range":q,z=t.minDate,H=t.maxDate,$=t.minMaxDateParseFormat,G=void 0===$?"MM/DD/YYYY":$,J=t.isDontLimitFuture,Q=t.isListTop,W=t.isAltArrows,X=f().isMobile,Z=P(void 0===z?null:z,G),tt=P(void 0===H?null:H,G),te=m(Z,G).startOf("day"),tr=m(tt,G).startOf("day"),tn=O(C),ta=D(!1),to=ta.isToggled,ti=ta.toggle,tl=ta.toggleOn,ts=ta.toggleOff,td=n(u(null==tn?void 0:tn.intervalKey),2),tu=td[0],tc=td[1],tm=n(u(null==tn?void 0:tn.compare),2),tf=tm[0],tp=tm[1],tv=document.getElementsByClassName("dropdown__container"),tg=U||X?d(null):w(ts,tv),tb=d(null),ty=n(u(Math.random().toString(16).slice(2)),2),th=ty[0];ty[1];var t_=function(t){var r=O(t),n=e({intervalKey:r.intervalKey,start:r.start?m(r.start).format(h):r.start,end:r.end?m(r.end).format(h):r.end},r.compare?{compare:r.compare}:{},r.startPrevDate?{startPrevDate:m(r.startPrevDate).format(h)}:{},r.endPrevDate?{endPrevDate:m(r.endPrevDate).format(h)}:{});return k(n),n},tO=function(){var t,n,a,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"forward",i=tn.start,l=tn.end,s=m(l).diff(i,"hours"),d=m(l).hours(),u=m(i).hours();"forward"===o?(a=m(l).add(+(0!==d),"day").hours(u).toDate(),n=m(a).add(s,"hours")):(n=m(i).subtract(+(0!==d),"day").hours(d).toDate(),a=m(n).subtract(s,"hours"));var c=m(a).subtract(s,"hours").subtract(1,"seconds"),f=m(n).subtract(1,"seconds");t_(r(e({},C),{intervalKey:null==(t=O({start:a,end:n}))?void 0:t.intervalKey,start:a,end:n,startPrevDate:c,endPrevDate:f}))},tw=function(t){tO("right"===t?"forward":"back"),ts()},tD=function(){var t;return null!=(t=document.querySelector("div#root"))?t:document.querySelector("div#app")},tP=function(){null==(t=document.getElementById(th))||t.remove();var t,e,r=document.createElement("div");r.setAttribute("id",th),r.classList.add("input-date-range__mobile-container"),null==(e=tD())||e.append(r)};return s(function(){return tP(),function(){var t;null==(t=document.getElementById(th))||t.remove()}},[]),o("div",{"data-testid":V,ref:tb,className:c("date-range-input",x,{"date-range-input_compact":B,"date-range-input_hide-arrows":Y,"date-range-input_focused":to,"date-range-input_error":K,"date-range-input_disabled":E}),children:[a("span",{className:"date-range-input__label",children:I}),a("div",{className:"date-range-input__wraper",ref:tg,onMouseEnter:L?tl:function(){return null},onMouseLeave:L?ts:function(){return null},children:o("div",{className:c("date-range-input__absolut-wraper",{"date-range-input__absolut-wraper_right-position":R}),children:[o("div",{className:c("date-range-input__static-part"),children:[o("button",{id:N,className:c("date-range-input__toggle-button"),disabled:E,onClick:E||L?void 0:ti,children:[o("div",{className:"date-range-input__interval-key",children:[S&&o("span",{className:"date-range-input__label",children:[S,": "]}),a("span",{children:null!=(j=(null==A?void 0:A.labels)&&A.labels[null==tn?void 0:tn.intervalKey])?j:(null==(l=y[null==tn?void 0:tn.intervalKey])?void 0:l.label)||b}),tu!==g&&a("span",{children:":"})]}),!B&&a("div",{className:c("date-range-input__range",{}),children:a(function(){!tn.start&&C.start&&(tn.start=C.start,tn.end=C.end||"");var t=tn.start,e=tn.end;if(!t||!e)return null;var r=m(t).format(_),n=m(e).format(_),l="".concat(m(t).format("ll")," ").concat("00:00"!==r?"(".concat(r,")"):""),s="".concat(("00:00"!==n?m(e):m(e).subtract(1,"days")).format("ll")," ").concat("00:00"!==n?"(".concat(n,")"):""),d=function(t){return c("date-range-input__range-text",{"date-range-input__range-text_little":t.length>13})};return o(i,{children:[o("span",{className:d(l),children:[l,"00:00"===n&&m(e).isSame(m(t).add(1,"days"),"day")?"":" - "]}),"00:00"===n&&m(e).isSame(m(t).add(1,"days"),"day")?null:a("span",{className:d(s),children:s})]})},{})})]}),!B&&!Y&&o("div",{className:c("date-range-input__arrows-block"),children:[a(p,{testId:V,type:"left",className:"date-range-input__arrow",onClick:function(){return tw("left")},disabled:E||(null==tn?void 0:tn.intervalKey)===g||Z&&m(null==tn?void 0:tn.start).subtract(m(null==tn?void 0:tn.end).diff(null==tn?void 0:tn.start,"hours"),"hours").isBefore(te),isAlt:W}),a(p,{testId:V,type:"right",className:"date-range-input__arrow",onClick:function(){return tw("right")},disabled:E||(null==tn?void 0:tn.intervalKey)===g||!J&&(tt?m(null==tn?void 0:tn.end).endOf("day").subtract(m(null==tn?void 0:tn.end).diff(null==tn?void 0:tn.start,"hours"),"hours").isAfter(tr.startOf("day")):m(null==tn?void 0:tn.end).add(m(null==tn?void 0:tn.end).diff(null==tn?void 0:tn.start,"hours"),"hours").isAfter(m().add(1,"day").startOf("day"))),isAlt:W})]})]}),to&&!U&&a(v,r(e({},t),{dateRangeContainerId:th,mainId:N,testId:V,ref:tb,actualValues:tn,current:tu,setCurrent:tc,isCompare:tf,setIsCompare:tp,toggleOff:ts,onChange:t_,minDate:Z,maxDate:tt,momentMinDate:te,momentMaxDate:tr,isDontLimitFuture:J,isListTop:Q}))]})}),K&&a("span",{className:"date-range-input__error-block",children:K})]})});

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

@@ -1,89 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
-const _mobileKeyboardTypesPresets = require("../../../../Functions/presets/mobileKeyboardTypesPresets");
-const _Input = /*#__PURE__*/ _interop_require_default(require("../../Input/Input"));
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-const handleDateInputOnChange = (value)=>{
-    const replace = (val)=>val === null || val === void 0 ? void 0 : val.replace(/[^0-9\/]/g, "");
-    const input = replace(value);
-    const lastSymbol = input ? input.slice(-1) : "";
-    const previousValue = input ? input.slice(0, input.length - 1) : "";
-    if (value.length > 10 || lastSymbol === "/") return previousValue;
-    return previousValue.length === 2 || previousValue.length === 5 ? previousValue + "/" + lastSymbol : input;
-};
-const DateInput = (props, ref)=>{
-    const { RC, className, testId, isFocused, disabled, value, valueParseFormat = "MM/DD/YYYY", date, prepareDate, onChange, onFocus, onBlur, onKeyUp } = props;
-    const preparedDate = (()=>{
-        var _output_toString;
-        const prepareDateDefault = (date)=>(0, _momenttimezone.default)(date).format("MM/DD/YYYY");
-        var _prepareDate;
-        const output = (_prepareDate = prepareDate === null || prepareDate === void 0 ? void 0 : prepareDate(date)) !== null && _prepareDate !== void 0 ? _prepareDate : prepareDateDefault(date);
-        return ((output === null || output === void 0 ? void 0 : (_output_toString = output.toString) === null || _output_toString === void 0 ? void 0 : _output_toString.call(output).toLowerCase()) || "") !== "invalid date" ? output : "";
-    })();
-    return isFocused ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
-        ref: ref,
-        testId: testId,
-        className: (0, _classnames.default)(className, `${RC}-interactive`),
-        value: value,
-        disabled: disabled,
-        onChange: (value)=>onChange(handleDateInputOnChange(value)),
-        onBlur: onBlur,
-        onKeyUp: onKeyUp
-    }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(className, `${RC}-emulation`, {
-            [`${RC}-emulation_disabled`]: disabled
-        }),
-        onClick: disabled ? null : ()=>onFocus(),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            className: (0, _classnames.default)(""),
-            children: preparedDate
-        })
-    });
-};
-const _default = /*#__PURE__*/ _react.default.forwardRef(DateInput);
-
-//# sourceMappingURL=DateInput.js.map
+function e(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}import{jsx as n}from"react/jsx-runtime";import t from"react";import r from"classnames";import o from"moment-timezone";import{NUMERIC_KEYBOARD as a}from"../../../../Functions/presets/mobileKeyboardTypesPresets";import l from"../../Input/Input";var i=function(e){var n=null==e?void 0:e.replace(/[^0-9\/]/g,""),t=n?n.slice(-1):"",r=n?n.slice(0,n.length-1):"";return e.length>10||"/"===t?r:2===r.length||5===r.length?r+"/"+t:n};export default t.forwardRef(function(t,c){var u,s,m,f=t.RC,p=t.className,d=t.testId,b=t.isFocused,v=t.disabled,g=t.value,y=(t.valueParseFormat,t.date),h=t.prepareDate,O=t.onChange,j=t.onFocus,w=t.onBlur,P=t.onKeyUp,C="invalid date"!==((null==(m=null!=(s=null==h?void 0:h(y))?s:o(y).format("MM/DD/YYYY"))||null==(u=m.toString)?void 0:u.call(m).toLowerCase())||"")?m:"";return b?n(l,function(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(t){e(n,t,r[t])})}return n}({ref:c,testId:d,className:r(p,"".concat(f,"-interactive")),value:g,disabled:v,onChange:function(e){return O(i(e))},onBlur:w,onKeyUp:P},a)):n("div",{className:r(p,"".concat(f,"-emulation"),e({},"".concat(f,"-emulation_disabled"),v)),onClick:v?null:function(){return j()},children:n("span",{className:r(""),children:C})})});