intelicoreact 1.6.7 → 1.6.8

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputDateRange/InputDateRange.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport useIsMobile from \"../../../Functions/useIsMobile/useIsMobile\";\nimport Arrow from \"../../UI/Arrow/Arrow\";\n\nimport OpenedPart from \"./components/OpenedPart\";\nimport {\n  ALL_TIME_KEY,\n  CUSTOM_INTERVAL_KEY_TEXT,\n  INTERVALS,\n  MAIN_FORMAT,\n  MAIN_TIME_FORMAT,\n  getActualDateRange,\n  useClickOutside,\n  useToggle,\n} from \"./dependencies\";\n\nimport \"./InputDateRange.scss\";\n\nconst checkFormat = (date, format) => {\n  const momentObj = moment(date, format);\n  return momentObj.isValid() ? momentObj.format(format) : null;\n};\n\nconst InputDateRange = (props) => {\n  const {\n    txt,\n    id,\n    label,\n    subLabel,\n    className,\n    value,\n    onChange = () => {},\n    error,\n    disabled,\n    isHoverable,\n    isCompact = false,\n    hideArrows = false,\n    isOptionsRight,\n    isUseAbs,\n    testId = \"input-date-range\",\n    minDate = null,\n    maxDate = null,\n    minMaxDateParseFormat = \"MM/DD/YYYY\",\n    isDontLimitFuture,\n    isListTop,\n    isAltArrows,\n  } = props;\n\n  const { isMobile } = useIsMobile();\n\n  const formatedMinDate = checkFormat(minDate, minMaxDateParseFormat);\n  const formatedMaxDate = checkFormat(maxDate, minMaxDateParseFormat);\n\n  const momentMinDate = moment(formatedMinDate, minMaxDateParseFormat).startOf(\n    \"day\",\n  );\n  const momentMaxDate = moment(formatedMaxDate, minMaxDateParseFormat).startOf(\n    \"day\",\n  );\n\n  const actualValues = getActualDateRange(value);\n  const { isToggled, toggle, toggleOn, toggleOff } = useToggle(false);\n  const [current, setCurrent] = useState(actualValues?.intervalKey);\n  const [isCompare, setIsCompare] = useState(actualValues?.compare);\n\n  const dropdownContainers = document.getElementsByClassName(\n    \"dropdown__container\",\n  );\n  const ref =\n    !isUseAbs && !isMobile\n      ? useClickOutside(toggleOff, dropdownContainers)\n      : useRef(null);\n  const internalContainerRef = useRef(null);\n\n  const [dateRangeContainerId, setDateRangeContainerId] = useState(\n    Math.random().toString(16).slice(2),\n  );\n\n  const handleChange = (input) => {\n    const newValue = getActualDateRange(input);\n    const formatedValue = {\n      intervalKey: newValue.intervalKey,\n      start: newValue.start\n        ? moment(newValue.start).format(MAIN_FORMAT)\n        : newValue.start,\n      end: newValue.end\n        ? moment(newValue.end).format(MAIN_FORMAT)\n        : newValue.end,\n      ...(newValue.compare ? { compare: newValue.compare } : {}),\n      ...(newValue.startPrevDate\n        ? { startPrevDate: moment(newValue.startPrevDate).format(MAIN_FORMAT) }\n        : {}),\n      ...(newValue.endPrevDate\n        ? { endPrevDate: moment(newValue.endPrevDate).format(MAIN_FORMAT) }\n        : {}),\n    };\n\n    onChange(formatedValue);\n    return formatedValue;\n  };\n\n  const Range = () => {\n    const SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;\n    if (!actualValues.start && value.start) {\n      actualValues.start = value.start;\n      actualValues.end = value.end || \"\";\n    }\n    const { start, end } = actualValues;\n    if (!start || !end) return null;\n\n    const startTime = moment(start).format(MAIN_TIME_FORMAT);\n    const endTime = moment(end).format(MAIN_TIME_FORMAT);\n\n    const firstPart = `${moment(start).format(\"ll\")} ${startTime !== \"00:00\" ? `(${startTime})` : \"\"}`;\n    const secondPart = `${(endTime !== \"00:00\" ? moment(end) : moment(end).subtract(1, \"days\")).format(\"ll\")} ${\n      endTime !== \"00:00\" ? `(${endTime})` : \"\"\n    }`;\n\n    const getClasses = (base) =>\n      cn(\"date-range-input__range-text\", {\n        \"date-range-input__range-text_little\":\n          base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED,\n      });\n\n    return (\n      <>\n        <span className={getClasses(firstPart)}>\n          {firstPart}\n          {endTime === \"00:00\" &&\n          moment(end).isSame(moment(start).add(1, \"days\"), \"day\")\n            ? \"\"\n            : ` - `}\n        </span>\n        {endTime === \"00:00\" &&\n        moment(end).isSame(moment(start).add(1, \"days\"), \"day\") ? null : (\n          <span className={getClasses(secondPart)}>{secondPart}</span>\n        )}\n      </>\n    );\n  };\n\n  const slideInterval = (direction = \"forward\") => {\n    const { start, end } = actualValues;\n    const intervalHoursCount = moment(end).diff(start, \"hours\");\n    let newEnd;\n    let newStart;\n    const endHours = moment(end).hours();\n    const startHours = moment(start).hours();\n    if (direction === \"forward\") {\n      newStart = moment(end)\n        .add(endHours === 0 ? 0 : 1, \"day\")\n        .hours(startHours)\n        .toDate();\n      newEnd = moment(newStart).add(intervalHoursCount, \"hours\");\n    } else {\n      newEnd = moment(start)\n        .subtract(endHours === 0 ? 0 : 1, \"day\")\n        .hours(endHours)\n        .toDate();\n      newStart = moment(newEnd).subtract(intervalHoursCount, \"hours\");\n    }\n    const startPrevDate = moment(newStart)\n      .subtract(intervalHoursCount, \"hours\")\n      .subtract(1, \"seconds\");\n    const endPrevDate = moment(newEnd).subtract(1, \"seconds\");\n    handleChange({\n      ...value,\n      intervalKey: getActualDateRange({\n        start: newStart,\n        end: newEnd,\n      })?.intervalKey,\n      start: newStart,\n      end: newEnd,\n      startPrevDate,\n      endPrevDate,\n    });\n  };\n\n  const handleArrowClick = (type) => {\n    slideInterval(type === \"right\" ? \"forward\" : \"back\");\n    toggleOff();\n  };\n\n  const getParentNode = () => {\n    return (\n      document.querySelector(\"div#root\") ?? document.querySelector(\"div#app\")\n    );\n  };\n  const initDateRangeContainer = () => {\n    document.getElementById(dateRangeContainerId)?.remove();\n\n    const dateRangeContainer = document.createElement(\"div\");\n\n    dateRangeContainer.setAttribute(\"id\", dateRangeContainerId);\n    dateRangeContainer.classList.add(\"input-date-range__mobile-container\");\n\n    getParentNode()?.append(dateRangeContainer);\n  };\n\n  const getDateRangeContainer = () => {\n    return document.getElementById(dateRangeContainerId);\n  };\n\n  useLayoutEffect(() => {\n    initDateRangeContainer();\n    return () => {\n      getDateRangeContainer()?.remove();\n    };\n  }, []);\n\n  return (\n    <div\n      data-testid={testId}\n      ref={internalContainerRef}\n      className={cn(\"date-range-input\", className, {\n        \"date-range-input_compact\": isCompact,\n        \"date-range-input_hide-arrows\": hideArrows,\n        \"date-range-input_focused\": isToggled,\n        \"date-range-input_error\": error,\n        \"date-range-input_disabled\": disabled,\n      })}\n    >\n      <span className=\"date-range-input__label\">{label}</span>\n      <div\n        className=\"date-range-input__wraper\"\n        ref={ref}\n        onMouseEnter={isHoverable ? toggleOn : () => null}\n        onMouseLeave={isHoverable ? toggleOff : () => null}\n      >\n        <div\n          className={cn(\"date-range-input__absolut-wraper\", {\n            \"date-range-input__absolut-wraper_right-position\": isOptionsRight,\n          })}\n        >\n          <div className={cn(\"date-range-input__static-part\")}>\n            <button\n              id={id}\n              className={cn(\"date-range-input__toggle-button\")}\n              disabled={disabled}\n              onClick={!disabled && !isHoverable ? toggle : undefined}\n            >\n              <div className=\"date-range-input__interval-key\">\n                {subLabel && (\n                  <span className=\"date-range-input__label\">{subLabel}: </span>\n                )}\n                <span>\n                  {(txt?.labels && txt.labels[actualValues?.intervalKey]) ??\n                    (INTERVALS[actualValues?.intervalKey]?.label ||\n                      CUSTOM_INTERVAL_KEY_TEXT)}\n                </span>\n                {current !== ALL_TIME_KEY && <span>:</span>}\n              </div>\n              {!isCompact && (\n                <div className={cn(\"date-range-input__range\", {})}>\n                  <Range />\n                </div>\n              )}\n            </button>\n            {!isCompact && !hideArrows && (\n              <div className={cn(\"date-range-input__arrows-block\")}>\n                <Arrow\n                  testId={testId}\n                  type=\"left\"\n                  className=\"date-range-input__arrow\"\n                  onClick={() => handleArrowClick(\"left\")}\n                  disabled={\n                    disabled ||\n                    actualValues?.intervalKey === ALL_TIME_KEY ||\n                    (formatedMinDate &&\n                      moment(actualValues?.start)\n                        .subtract(\n                          moment(actualValues?.end).diff(\n                            actualValues?.start,\n                            \"hours\",\n                          ),\n                          \"hours\",\n                        )\n                        .isBefore(momentMinDate))\n                  }\n                  isAlt={isAltArrows}\n                />\n                <Arrow\n                  testId={testId}\n                  type=\"right\"\n                  className=\"date-range-input__arrow\"\n                  onClick={() => handleArrowClick(\"right\")}\n                  disabled={\n                    disabled ||\n                    actualValues?.intervalKey === ALL_TIME_KEY ||\n                    (!isDontLimitFuture &&\n                      (formatedMaxDate\n                        ? moment(actualValues?.end)\n                            .endOf(\"day\")\n                            .subtract(\n                              moment(actualValues?.end).diff(\n                                actualValues?.start,\n                                \"hours\",\n                              ),\n                              \"hours\",\n                            )\n                            .isAfter(momentMaxDate.startOf(\"day\"))\n                        : moment(actualValues?.end)\n                            .add(\n                              moment(actualValues?.end).diff(\n                                actualValues?.start,\n                                \"hours\",\n                              ),\n                              \"hours\",\n                            )\n                            .isAfter(moment().add(1, \"day\").startOf(\"day\"))))\n                  }\n                  isAlt={isAltArrows}\n                />\n              </div>\n            )}\n          </div>\n          {isToggled && !isUseAbs && (\n            <OpenedPart\n              {...props}\n              dateRangeContainerId={dateRangeContainerId}\n              mainId={id}\n              testId={testId}\n              ref={internalContainerRef}\n              actualValues={actualValues}\n              current={current}\n              setCurrent={setCurrent}\n              isCompare={isCompare}\n              setIsCompare={setIsCompare}\n              toggleOff={toggleOff}\n              onChange={handleChange}\n              minDate={formatedMinDate}\n              maxDate={formatedMaxDate}\n              momentMinDate={momentMinDate}\n              momentMaxDate={momentMaxDate}\n              isDontLimitFuture={isDontLimitFuture}\n              isListTop={isListTop}\n            />\n          )}\n        </div>\n      </div>\n      {error && <span className=\"date-range-input__error-block\">{error}</span>}\n    </div>\n  );\n};\n\nexport default React.memo(InputDateRange);\n"],"names":["checkFormat","date","format","momentObj","moment","isValid","InputDateRange","props","INTERVALS","txt","id","label","subLabel","className","value","onChange","error","disabled","isHoverable","isCompact","hideArrows","isOptionsRight","isUseAbs","testId","minDate","maxDate","minMaxDateParseFormat","isDontLimitFuture","isListTop","isAltArrows","isMobile","useIsMobile","formatedMinDate","formatedMaxDate","momentMinDate","startOf","momentMaxDate","actualValues","getActualDateRange","isToggled","toggle","toggleOn","toggleOff","useToggle","current","setCurrent","useState","intervalKey","isCompare","setIsCompare","compare","dropdownContainers","document","getElementsByClassName","ref","useClickOutside","useRef","internalContainerRef","dateRangeContainerId","setDateRangeContainerId","Math","random","toString","slice","handleChange","input","newValue","formatedValue","start","MAIN_FORMAT","end","startPrevDate","endPrevDate","Range","SYMBOLS_QUANTITY_IF_TIME_ADDED","startTime","MAIN_TIME_FORMAT","endTime","firstPart","secondPart","subtract","getClasses","base","cn","length","span","isSame","add","slideInterval","direction","intervalHoursCount","diff","newEnd","newStart","endHours","hours","startHours","toDate","handleArrowClick","type","getParentNode","querySelector","initDateRangeContainer","getElementById","remove","dateRangeContainer","createElement","setAttribute","classList","append","getDateRangeContainer","useLayoutEffect","div","data-testid","onMouseEnter","onMouseLeave","button","onClick","undefined","labels","CUSTOM_INTERVAL_KEY_TEXT","ALL_TIME_KEY","Arrow","isBefore","isAlt","endOf","isAfter","OpenedPart","mainId","React","memo"],"mappings":";;;;+BA6VA;;;eAAA;;;;+DA7VyD;mEAE1C;uEACI;oEAEK;8DACN;mEAEK;8BAUhB;QAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,cAAc,CAACC,MAAMC;IACzB,MAAMC,YAAYC,IAAAA,uBAAM,EAACH,MAAMC;IAC/B,OAAOC,UAAUE,OAAO,KAAKF,UAAUD,MAAM,CAACA,UAAU;AAC1D;AAEA,MAAMI,iBAAiB,CAACC;QAgOHC;IA/NnB,MAAM,EACJC,GAAG,EACHC,EAAE,EACFC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,WAAW,KAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,YAAY,KAAK,EACjBC,aAAa,KAAK,EAClBC,cAAc,EACdC,QAAQ,EACRC,SAAS,kBAAkB,EAC3BC,UAAU,IAAI,EACdC,UAAU,IAAI,EACdC,wBAAwB,YAAY,EACpCC,iBAAiB,EACjBC,SAAS,EACTC,WAAW,EACZ,GAAGtB;IAEJ,MAAM,EAAEuB,QAAQ,EAAE,GAAGC,IAAAA,oBAAW;IAEhC,MAAMC,kBAAkBhC,YAAYwB,SAASE;IAC7C,MAAMO,kBAAkBjC,YAAYyB,SAASC;IAE7C,MAAMQ,gBAAgB9B,IAAAA,uBAAM,EAAC4B,iBAAiBN,uBAAuBS,OAAO,CAC1E;IAEF,MAAMC,gBAAgBhC,IAAAA,uBAAM,EAAC6B,iBAAiBP,uBAAuBS,OAAO,CAC1E;IAGF,MAAME,eAAeC,IAAAA,gCAAkB,EAACxB;IACxC,MAAM,EAAEyB,SAAS,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,IAAAA,uBAAS,EAAC;IAC7D,MAAM,CAACC,SAASC,WAAW,GAAGC,IAAAA,eAAQ,EAACT,yBAAAA,mCAAAA,aAAcU,WAAW;IAChE,MAAM,CAACC,WAAWC,aAAa,GAAGH,IAAAA,eAAQ,EAACT,yBAAAA,mCAAAA,aAAca,OAAO;IAEhE,MAAMC,qBAAqBC,SAASC,sBAAsB,CACxD;IAEF,MAAMC,MACJ,CAAChC,YAAY,CAACQ,WACVyB,IAAAA,6BAAe,EAACb,WAAWS,sBAC3BK,IAAAA,aAAM,EAAC;IACb,MAAMC,uBAAuBD,IAAAA,aAAM,EAAC;IAEpC,MAAM,CAACE,sBAAsBC,wBAAwB,GAAGb,IAAAA,eAAQ,EAC9Dc,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC;IAGnC,MAAMC,eAAe,CAACC;QACpB,MAAMC,WAAW5B,IAAAA,gCAAkB,EAAC2B;QACpC,MAAME,gBAAgB;YACpBpB,aAAamB,SAASnB,WAAW;YACjCqB,OAAOF,SAASE,KAAK,GACjBhE,IAAAA,uBAAM,EAAC8D,SAASE,KAAK,EAAElE,MAAM,CAACmE,yBAAW,IACzCH,SAASE,KAAK;YAClBE,KAAKJ,SAASI,GAAG,GACblE,IAAAA,uBAAM,EAAC8D,SAASI,GAAG,EAAEpE,MAAM,CAACmE,yBAAW,IACvCH,SAASI,GAAG;WACZJ,SAAShB,OAAO,GAAG;YAAEA,SAASgB,SAAShB,OAAO;QAAC,IAAI,CAAC,GACpDgB,SAASK,aAAa,GACtB;YAAEA,eAAenE,IAAAA,uBAAM,EAAC8D,SAASK,aAAa,EAAErE,MAAM,CAACmE,yBAAW;QAAE,IACpE,CAAC,GACDH,SAASM,WAAW,GACpB;YAAEA,aAAapE,IAAAA,uBAAM,EAAC8D,SAASM,WAAW,EAAEtE,MAAM,CAACmE,yBAAW;QAAE,IAChE,CAAC;QAGPtD,SAASoD;QACT,OAAOA;IACT;IAEA,MAAMM,QAAQ;QACZ,MAAMC,iCAAiC;QACvC,IAAI,CAACrC,aAAa+B,KAAK,IAAItD,MAAMsD,KAAK,EAAE;YACtC/B,aAAa+B,KAAK,GAAGtD,MAAMsD,KAAK;YAChC/B,aAAaiC,GAAG,GAAGxD,MAAMwD,GAAG,IAAI;QAClC;QACA,MAAM,EAAEF,KAAK,EAAEE,GAAG,EAAE,GAAGjC;QACvB,IAAI,CAAC+B,SAAS,CAACE,KAAK,OAAO;QAE3B,MAAMK,YAAYvE,IAAAA,uBAAM,EAACgE,OAAOlE,MAAM,CAAC0E,8BAAgB;QACvD,MAAMC,UAAUzE,IAAAA,uBAAM,EAACkE,KAAKpE,MAAM,CAAC0E,8BAAgB;QAEnD,MAAME,YAAY,GAAG1E,IAAAA,uBAAM,EAACgE,OAAOlE,MAAM,CAAC,MAAM,CAAC,EAAEyE,cAAc,UAAU,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,IAAI;QAClG,MAAMI,aAAa,GAAG,AAACF,CAAAA,YAAY,UAAUzE,IAAAA,uBAAM,EAACkE,OAAOlE,IAAAA,uBAAM,EAACkE,KAAKU,QAAQ,CAAC,GAAG,OAAM,EAAG9E,MAAM,CAAC,MAAM,CAAC,EACxG2E,YAAY,UAAU,CAAC,CAAC,EAAEA,QAAQ,CAAC,CAAC,GAAG,IACvC;QAEF,MAAMI,aAAa,CAACC,OAClBC,IAAAA,mBAAE,EAAC,gCAAgC;gBACjC,uCACED,KAAKE,MAAM,GAAGV;YAClB;QAEF,qBACE;;8BACE,sBAACW;oBAAKxE,WAAWoE,WAAWH;;wBACzBA;wBACAD,YAAY,WACbzE,IAAAA,uBAAM,EAACkE,KAAKgB,MAAM,CAAClF,IAAAA,uBAAM,EAACgE,OAAOmB,GAAG,CAAC,GAAG,SAAS,SAC7C,KACA,CAAC,GAAG,CAAC;;;gBAEVV,YAAY,WACbzE,IAAAA,uBAAM,EAACkE,KAAKgB,MAAM,CAAClF,IAAAA,uBAAM,EAACgE,OAAOmB,GAAG,CAAC,GAAG,SAAS,SAAS,qBACxD,qBAACF;oBAAKxE,WAAWoE,WAAWF;8BAAcA;;;;IAIlD;IAEA,MAAMS,gBAAgB,CAACC,YAAY,SAAS;YA0B3BnD;QAzBf,MAAM,EAAE8B,KAAK,EAAEE,GAAG,EAAE,GAAGjC;QACvB,MAAMqD,qBAAqBtF,IAAAA,uBAAM,EAACkE,KAAKqB,IAAI,CAACvB,OAAO;QACnD,IAAIwB;QACJ,IAAIC;QACJ,MAAMC,WAAW1F,IAAAA,uBAAM,EAACkE,KAAKyB,KAAK;QAClC,MAAMC,aAAa5F,IAAAA,uBAAM,EAACgE,OAAO2B,KAAK;QACtC,IAAIN,cAAc,WAAW;YAC3BI,WAAWzF,IAAAA,uBAAM,EAACkE,KACfiB,GAAG,CAACO,aAAa,IAAI,IAAI,GAAG,OAC5BC,KAAK,CAACC,YACNC,MAAM;YACTL,SAASxF,IAAAA,uBAAM,EAACyF,UAAUN,GAAG,CAACG,oBAAoB;QACpD,OAAO;YACLE,SAASxF,IAAAA,uBAAM,EAACgE,OACbY,QAAQ,CAACc,aAAa,IAAI,IAAI,GAAG,OACjCC,KAAK,CAACD,UACNG,MAAM;YACTJ,WAAWzF,IAAAA,uBAAM,EAACwF,QAAQZ,QAAQ,CAACU,oBAAoB;QACzD;QACA,MAAMnB,gBAAgBnE,IAAAA,uBAAM,EAACyF,UAC1Bb,QAAQ,CAACU,oBAAoB,SAC7BV,QAAQ,CAAC,GAAG;QACf,MAAMR,cAAcpE,IAAAA,uBAAM,EAACwF,QAAQZ,QAAQ,CAAC,GAAG;QAC/ChB,aAAa,wCACRlD;YACHiC,WAAW,GAAET,sBAAAA,IAAAA,gCAAkB,EAAC;gBAC9B8B,OAAOyB;gBACPvB,KAAKsB;YACP,gBAHatD,0CAAAA,oBAGTS,WAAW;YACfqB,OAAOyB;YACPvB,KAAKsB;YACLrB;YACAC;;IAEJ;IAEA,MAAM0B,mBAAmB,CAACC;QACxBX,cAAcW,SAAS,UAAU,YAAY;QAC7CzD;IACF;IAEA,MAAM0D,gBAAgB;YAElBhD;QADF,OACEA,CAAAA,0BAAAA,SAASiD,aAAa,CAAC,yBAAvBjD,qCAAAA,0BAAsCA,SAASiD,aAAa,CAAC;IAEjE;IACA,MAAMC,yBAAyB;YAC7BlD,0BAOAgD;SAPAhD,2BAAAA,SAASmD,cAAc,CAAC7C,mCAAxBN,+CAAAA,yBAA+CoD,MAAM;QAErD,MAAMC,qBAAqBrD,SAASsD,aAAa,CAAC;QAElDD,mBAAmBE,YAAY,CAAC,MAAMjD;QACtC+C,mBAAmBG,SAAS,CAACrB,GAAG,CAAC;SAEjCa,iBAAAA,6BAAAA,qCAAAA,eAAiBS,MAAM,CAACJ;IAC1B;IAEA,MAAMK,wBAAwB;QAC5B,OAAO1D,SAASmD,cAAc,CAAC7C;IACjC;IAEAqD,IAAAA,sBAAe,EAAC;QACdT;QACA,OAAO;gBACLQ;aAAAA,yBAAAA,qCAAAA,6CAAAA,uBAAyBN,MAAM;QACjC;IACF,GAAG,EAAE;QAsCa/F;IApClB,qBACE,sBAACuG;QACCC,eAAa1F;QACb+B,KAAKG;QACL5C,WAAWsE,IAAAA,mBAAE,EAAC,oBAAoBtE,WAAW;YAC3C,4BAA4BM;YAC5B,gCAAgCC;YAChC,4BAA4BmB;YAC5B,0BAA0BvB;YAC1B,6BAA6BC;QAC/B;;0BAEA,qBAACoE;gBAAKxE,WAAU;0BAA2BF;;0BAC3C,qBAACqG;gBACCnG,WAAU;gBACVyC,KAAKA;gBACL4D,cAAchG,cAAcuB,WAAW,IAAM;gBAC7C0E,cAAcjG,cAAcwB,YAAY,IAAM;0BAE9C,cAAA,sBAACsE;oBACCnG,WAAWsE,IAAAA,mBAAE,EAAC,oCAAoC;wBAChD,mDAAmD9D;oBACrD;;sCAEA,sBAAC2F;4BAAInG,WAAWsE,IAAAA,mBAAE,EAAC;;8CACjB,sBAACiC;oCACC1G,IAAIA;oCACJG,WAAWsE,IAAAA,mBAAE,EAAC;oCACdlE,UAAUA;oCACVoG,SAAS,CAACpG,YAAY,CAACC,cAAcsB,SAAS8E;;sDAE9C,sBAACN;4CAAInG,WAAU;;gDACZD,0BACC,sBAACyE;oDAAKxE,WAAU;;wDAA2BD;wDAAS;;;8DAEtD,qBAACyE;8DACE,CAAC5E,OAAAA,CAAAA,gBAAAA,0BAAAA,IAAK8G,MAAM,KAAI9G,IAAI8G,MAAM,CAAClF,yBAAAA,mCAAAA,aAAcU,WAAW,CAAC,cAApDtC,kBAAAA,OACCD,EAAAA,sCAAAA,uBAAS,CAAC6B,yBAAAA,mCAAAA,aAAcU,WAAW,CAAC,cAApCvC,0DAAAA,oCAAsCG,KAAK,KAC1C6G,sCAAwB;;gDAE7B5E,YAAY6E,0BAAY,kBAAI,qBAACpC;8DAAK;;;;wCAEpC,CAAClE,2BACA,qBAAC6F;4CAAInG,WAAWsE,IAAAA,mBAAE,EAAC,2BAA2B,CAAC;sDAC7C,cAAA,qBAACV;;;;gCAIN,CAACtD,aAAa,CAACC,4BACd,sBAAC4F;oCAAInG,WAAWsE,IAAAA,mBAAE,EAAC;;sDACjB,qBAACuC,cAAK;4CACJnG,QAAQA;4CACR4E,MAAK;4CACLtF,WAAU;4CACVwG,SAAS,IAAMnB,iBAAiB;4CAChCjF,UACEA,YACAoB,CAAAA,yBAAAA,mCAAAA,aAAcU,WAAW,MAAK0E,0BAAY,IACzCzF,mBACC5B,IAAAA,uBAAM,EAACiC,yBAAAA,mCAAAA,aAAc+B,KAAK,EACvBY,QAAQ,CACP5E,IAAAA,uBAAM,EAACiC,yBAAAA,mCAAAA,aAAciC,GAAG,EAAEqB,IAAI,CAC5BtD,yBAAAA,mCAAAA,aAAc+B,KAAK,EACnB,UAEF,SAEDuD,QAAQ,CAACzF;4CAEhB0F,OAAO/F;;sDAET,qBAAC6F,cAAK;4CACJnG,QAAQA;4CACR4E,MAAK;4CACLtF,WAAU;4CACVwG,SAAS,IAAMnB,iBAAiB;4CAChCjF,UACEA,YACAoB,CAAAA,yBAAAA,mCAAAA,aAAcU,WAAW,MAAK0E,0BAAY,IACzC,CAAC9F,qBACCM,CAAAA,kBACG7B,IAAAA,uBAAM,EAACiC,yBAAAA,mCAAAA,aAAciC,GAAG,EACrBuD,KAAK,CAAC,OACN7C,QAAQ,CACP5E,IAAAA,uBAAM,EAACiC,yBAAAA,mCAAAA,aAAciC,GAAG,EAAEqB,IAAI,CAC5BtD,yBAAAA,mCAAAA,aAAc+B,KAAK,EACnB,UAEF,SAED0D,OAAO,CAAC1F,cAAcD,OAAO,CAAC,UACjC/B,IAAAA,uBAAM,EAACiC,yBAAAA,mCAAAA,aAAciC,GAAG,EACrBiB,GAAG,CACFnF,IAAAA,uBAAM,EAACiC,yBAAAA,mCAAAA,aAAciC,GAAG,EAAEqB,IAAI,CAC5BtD,yBAAAA,mCAAAA,aAAc+B,KAAK,EACnB,UAEF,SAED0D,OAAO,CAAC1H,IAAAA,uBAAM,IAAGmF,GAAG,CAAC,GAAG,OAAOpD,OAAO,CAAC,OAAM;4CAExDyF,OAAO/F;;;;;;wBAKdU,aAAa,CAACjB,0BACb,qBAACyG,mBAAU,0CACLxH;4BACJmD,sBAAsBA;4BACtBsE,QAAQtH;4BACRa,QAAQA;4BACR+B,KAAKG;4BACLpB,cAAcA;4BACdO,SAASA;4BACTC,YAAYA;4BACZG,WAAWA;4BACXC,cAAcA;4BACdP,WAAWA;4BACX3B,UAAUiD;4BACVxC,SAASQ;4BACTP,SAASQ;4BACTC,eAAeA;4BACfE,eAAeA;4BACfT,mBAAmBA;4BACnBC,WAAWA;;;;;YAKlBZ,uBAAS,qBAACqE;gBAAKxE,WAAU;0BAAiCG;;;;AAGjE;MAEA,yBAAeiH,cAAK,CAACC,IAAI,CAAC5H"}

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

@@ -0,0 +1,205 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputDateRangeTemplate: function() {
+        return InputDateRangeTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _InputDateRange = /*#__PURE__*/ _interop_require_default(require("./InputDateRange"));
+require("../../../../../scss/main.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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/InputDateRange',
+    component: _InputDateRange.default,
+    argTypes: {
+    }
+};
+const Template = (args)=>{
+    const { dateRange } = args, restOfProps = _object_without_properties(args, [
+        "dateRange"
+    ]);
+    const [value, setValue] = (0, _react.useState)(dateRange);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "mb20",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, _object_spread_props(_object_spread({}, restOfProps), {
+                value: value,
+                onChange: setValue
+            }))
+        })
+    });
+};
+const InputDateRangeTemplate = Template.bind({});
+InputDateRangeTemplate.args = {
+    txt: {},
+    buttonsTypes: {
+        // apply: 'ellipse-apply',
+        cancel: 'bark-outline'
+    },
+    label: 'Date Range',
+    subLabel: 'Created',
+    // dateRange: {intervalKey: 'today'},
+    dateRange: {
+        intervalKey: 'allTime'
+    },
+    id: 'anyToggleButtonId',
+    className: 'anyExternalContainerClassName',
+    error: false,
+    disabled: false,
+    isHoverable: false,
+    minMaxDateParseFormat: 'DD/MM/YYYY',
+    minDate: '01/11/2023',
+    // maxDate: '30/11/2023',
+    // isDontLimitFuture: true,
+    // short: true,
+    isCompact: false,
+    // isFocused: true,
+    isIntervalsHidden: false,
+    isCompareHidden: true,
+    hideArrows: false,
+    isOptionsRight: false,
+    isShortWeekNames: false,
+    isListTop: false,
+    isAltArrows: false,
+    withMobileLogic: true
+};
+
+//# sourceMappingURL=InputDateRange.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport moment from 'moment-timezone';\n\nimport InputDateRange from './InputDateRange';\nimport Table from '../../UI/Table/Table';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/InputDateRange',\n  component: InputDateRange,\n  argTypes: {\n    // status: {\n    //   control: {\n    //     type: 'select',\n    //     options: ['admin', 'user']\n    //   }\n    // }\n  },\n};\n\nconst Template = args => {\n  const {dateRange, ...restOfProps} = args;\n  const [value, setValue] = useState(dateRange);\n\n  return (\n    <div>\n      <div className=\"mb20\">\n        <InputDateRange {...restOfProps} value={value} onChange={setValue} />\n        {/* <InputDateRange {...restOfProps} value={value} onChange={setValue} /> */}\n      </div>\n    </div>\n  );\n};\n\nexport const InputDateRangeTemplate = Template.bind({});\n\nInputDateRangeTemplate.args = {\n  txt: {},\n  buttonsTypes: {\n    // apply: 'ellipse-apply',\n    cancel: 'bark-outline',\n  },\n  label: 'Date Range',\n  subLabel: 'Created',\n  // dateRange: {intervalKey: 'today'},\n  dateRange: {intervalKey: 'allTime'},\n  id: 'anyToggleButtonId',\n  className: 'anyExternalContainerClassName',\n  error: false,\n  disabled: false,\n  isHoverable: false,\n  minMaxDateParseFormat: 'DD/MM/YYYY',\n  minDate: '01/11/2023',\n  // maxDate: '30/11/2023',\n  // isDontLimitFuture: true,\n  // short: true,\n  isCompact: false,\n  // isFocused: true,\n  isIntervalsHidden: false,\n  isCompareHidden: true,\n  hideArrows: false,\n  isOptionsRight: false,\n  isShortWeekNames: false,\n  isListTop: false,\n  isAltArrows: false,\n  withMobileLogic: true,\n  // limitRange,\n  // isUseAbs,\n  // absTooltip\n};\n"],"names":["InputDateRangeTemplate","global","lng","title","component","InputDateRange","argTypes","Template","args","dateRange","restOfProps","value","setValue","useState","div","className","onChange","bind","txt","buttonsTypes","cancel","label","subLabel","intervalKey","id","error","disabled","isHoverable","minMaxDateParseFormat","minDate","isCompact","isIntervalsHidden","isCompareHidden","hideArrows","isOptionsRight","isShortWeekNames","isListTop","isAltArrows","withMobileLogic"],"mappings":";;;;;;;;;;;IAqCaA,sBAAsB;eAAtBA;;IA3Bb,OAWE;eAXF;;;;+DAV8B;uEAGH;QAGpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,uBAAc;IACzBC,UAAU;IAOV;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,SAAS,EAAiB,GAAGD,MAAfE,yCAAeF;QAA7BC;;IACP,MAAM,CAACE,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACJ;IAEnC,qBACE,qBAACK;kBACC,cAAA,qBAACA;YAAIC,WAAU;sBACb,cAAA,qBAACV,uBAAc,0CAAKK;gBAAaC,OAAOA;gBAAOK,UAAUJ;;;;AAKjE;AAEO,MAAMZ,yBAAyBO,SAASU,IAAI,CAAC,CAAC;AAErDjB,uBAAuBQ,IAAI,GAAG;IAC5BU,KAAK,CAAC;IACNC,cAAc;QACZ,0BAA0B;QAC1BC,QAAQ;IACV;IACAC,OAAO;IACPC,UAAU;IACV,qCAAqC;IACrCb,WAAW;QAACc,aAAa;IAAS;IAClCC,IAAI;IACJT,WAAW;IACXU,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,uBAAuB;IACvBC,SAAS;IACT,yBAAyB;IACzB,2BAA2B;IAC3B,eAAe;IACfC,WAAW;IACX,mBAAmB;IACnBC,mBAAmB;IACnBC,iBAAiB;IACjBC,YAAY;IACZC,gBAAgB;IAChBC,kBAAkB;IAClBC,WAAW;IACXC,aAAa;IACbC,iBAAiB;AAInB"}