intelicoreact 1.6.20 → 1.6.21

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -1,64 +1 @@
-import React from "react";
-
-import cn from "classnames";
-
-import {
-  formatToHex,
-  formatToOnlyASCIICodeText,
-} from "../../../Functions/fieldValueFormatters";
-import Input from "../Input/Input";
-
-import "./InputColor.scss";
-
-const InputColor = ({
-  value,
-  className,
-  symbolsLimit = 7,
-  onChange,
-  withHexFormat = {
-    withSharp: false,
-    isTurnOn: true,
-  },
-  initialHexOfColorBlock = "#9AA0B9",
-  testId = "",
-  withDelete = true,
-  ...args
-}) => {
-  const { withSharp, isTurnOn: isHex } = withHexFormat;
-  // HANDLES
-  const handle = {
-    change: (e) => {
-      let inputValue = e?.target ? e.target.value : e;
-      inputValue = formatToOnlyASCIICodeText(inputValue);
-      if (isHex) inputValue = formatToHex({ inputValue, withSharp: withSharp });
-      if (symbolsLimit && inputValue.length > Number(symbolsLimit))
-        inputValue = inputValue.substring(0, Number(symbolsLimit));
-
-      onChange?.(inputValue);
-    },
-  };
-
-  return (
-    <div className={cn("inputColor", className)}>
-      <div
-        className={cn("inputColor__color-block")}
-        style={{
-          backgroundColor:
-            value && value.length === 7 ? value : initialHexOfColorBlock,
-        }}
-      />
-      <Input
-        {...args}
-        value={value}
-        withDelete={withDelete}
-        onChange={handle.change}
-        symbolsLimit={symbolsLimit || 7}
-        testId={`inputColor--key-${testId}`}
-        className={cn("input inputColor__input")}
-        type="text"
-      />
-    </div>
-  );
-};
-
-export default InputColor;
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import r from"classnames";import{formatToHex as o,formatToOnlyASCIICodeText as n}from"../../../Functions/fieldValueFormatters";import i from"../Input/Input";import"./InputColor.scss";export default function(l){var a,c,s=l.value,u=l.className,p=l.symbolsLimit,b=void 0===p?7:p,m=l.onChange,f=l.withHexFormat,O=void 0===f?{withSharp:!1,isTurnOn:!0}:f,y=l.initialHexOfColorBlock,g=l.testId,h=l.withDelete,v=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(l,["value","className","symbolsLimit","onChange","withHexFormat","initialHexOfColorBlock","testId","withDelete"]),j=O.withSharp,d=O.isTurnOn;return e("div",{className:r("inputColor",u),children:[t("div",{className:r("inputColor__color-block"),style:{backgroundColor:s&&7===s.length?s:void 0===y?"#9AA0B9":y}}),t(i,(a=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach(function(e){var o;o=r[e],e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o})}return t}({},v),c=c={value:s,withDelete:void 0===h||h,onChange:function(t){var e=(null==t?void 0:t.target)?t.target.value:t;e=n(e),d&&(e=o({inputValue:e,withSharp:j})),b&&e.length>Number(b)&&(e=e.substring(0,Number(b))),null==m||m(e)},symbolsLimit:b||7,testId:"inputColor--key-".concat(void 0===g?"":g),className:r("input inputColor__input"),type:"text"},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(c)):(function(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r.push.apply(r,o)}return r})(Object(c)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(c,t))}),a))]})}

package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js

@@ -1,166 +1 @@
-function e(e, t) {
-    (null == t || t > e.length) && (t = e.length);
-    for(var r = 0, n = Array(t); r < t; r++)n[r] = e[r];
-    return n;
-}
-function t(e) {
-    for(var t = 1; t < arguments.length; t++){
-        var r = null != arguments[t] ? arguments[t] : {}, n = Object.keys(r);
-        "function" == typeof Object.getOwnPropertySymbols && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(e) {
-            return Object.getOwnPropertyDescriptor(r, e).enumerable;
-        }))), n.forEach(function(t) {
-            var n;
-            n = r[t], t in e ? Object.defineProperty(e, t, {
-                value: n,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[t] = n;
-        });
-    }
-    return e;
-}
-function r(e, t) {
-    return t = null != t ? t : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : (function(e, t) {
-        var r = Object.keys(e);
-        if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            r.push.apply(r, n);
-        }
-        return r;
-    })(Object(t)).forEach(function(r) {
-        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    }), e;
-}
-function n(t, r) {
-    return function(e) {
-        if (Array.isArray(e)) return e;
-    }(t) || function(e, t) {
-        var r, n, o = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != o) {
-            var u = [], c = !0, a = !1;
-            try {
-                for(o = o.call(e); !(c = (r = o.next()).done) && (u.push(r.value), !t || u.length !== t); c = !0);
-            } catch (e) {
-                a = !0, n = e;
-            } finally{
-                try {
-                    c || null == o.return || o.return();
-                } finally{
-                    if (a) throw n;
-                }
-            }
-            return u;
-        }
-    }(t, r) || function(t, r) {
-        if (t) {
-            if ("string" == typeof t) return e(t, r);
-            var n = Object.prototype.toString.call(t).slice(8, -1);
-            if ("Object" === n && t.constructor && (n = t.constructor.name), "Map" === n || "Set" === n) return Array.from(n);
-            if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(t, r);
-        }
-    }(t, 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.");
-    }();
-}
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "default", {
-    enumerable: !0,
-    get: function() {
-        return b;
-    }
-});
-var o, u = require("react/jsx-runtime"), c = (o = require("classnames")) && o.__esModule ? o : {
-    default: o
-}, a = function(e, t) {
-    if (e && e.__esModule) return e;
-    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
-        default: e
-    };
-    var r = l(t);
-    if (r && r.has(e)) return r.get(e);
-    var n = {
-        __proto__: null
-    }, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var u in e)if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) {
-        var c = o ? Object.getOwnPropertyDescriptor(e, u) : null;
-        c && (c.get || c.set) ? Object.defineProperty(n, u, c) : n[u] = e[u];
-    }
-    return n.default = e, r && r.set(e, n), n;
-}(require("react")), i = require("../../../Functions/fieldValueFormatters");
-function l(e) {
-    if ("function" != typeof WeakMap) return null;
-    var t = new WeakMap(), r = new WeakMap();
-    return (l = function(e) {
-        return e ? r : t;
-    })(e);
-}
-require("./InputCurrency.scss");
-var f = {}, s = 'input-currency', p = {
-    type: 'float',
-    decimalPlaces: 2
-}, y = function(e) {
-    var o = e.currencySymbol, l = void 0 === o ? '$' : o, y = e.testId, b = void 0 === y ? s : y, d = e.onChange, v = e.className, m = e.value, O = e.disabled, g = e.attributesOfNativeInput, j = void 0 === g ? f : g, h = e.min, P = void 0 === h ? 0 : h, w = e.max, N = e.error, S = e.isNoCheckMinMax, _ = e.allowZero, x = void 0 !== _ && _, M = e.onlyNumbers, k = void 0 === M ? p : M, I = n((0, a.useState)(l), 2), C = I[0], D = I[1], F = n((0, a.useState)(!1), 2), A = F[0], q = F[1], E = (0, a.useRef)(null), B = function(e) {
-        var t = e.toString().split('.');
-        return t[0] = t[0].replace(/\B(?=(\d{3})+(?!\d))/g, ','), t.join('.');
-    }, W = function(e, t) {
-        var r, n = null != t ? t : (0, i.filterNumeric)((null == e || null == (r = e.target) ? void 0 : r.value) || '', k);
-        if (!n) return !1;
-        var o = 'string' == typeof n ? Number.parseFloat(n) : n;
-        return o < P ? (D("".concat(l).concat(B(P))), d(P), !1) : !w || !(o > w) || (D("".concat(l).concat(B(w))), d(w), !1);
-    };
-    return (0, a.useEffect)(function() {
-        0 === m || '0' === m ? x ? (D("".concat(l, "0")), d(0)) : (D(l), d('')) : m ? D("".concat(l).concat(B(m))) : D(l);
-    }, [
-        m,
-        l,
-        x
-    ]), (0, u.jsx)("div", {
-        "data-testid": b,
-        className: (0, c.default)('input-currency-box', v, {
-            disabled: O,
-            'input-currency__error': N,
-            'input-currency__focused': A
-        }),
-        children: (0, u.jsx)("input", r(t({
-            className: s,
-            type: "text",
-            ref: E,
-            value: C,
-            onChange: function(e) {
-                var n = e.target.value, o = (n = n.replace(l, '')).split('.'), u = o[0], c = o[1], a = Number.parseInt((0, i.filterNumeric)(u, r(t({}, k), {
-                    type: 'int'
-                })));
-                if (Number.isNaN(a)) D(l), d('');
-                else if (0 !== a || c) {
-                    var f = B(a);
-                    if (void 0 !== c) {
-                        var s = (0, i.filterNumeric)(c, {
-                            type: 'int'
-                        });
-                        s ? f += ".".concat(s.slice(0, k.decimalPlaces)) : '' === c && (f += '.');
-                    }
-                    D("".concat(l).concat(f)), d(Number.parseFloat(f.replace(/,/g, '')));
-                } else x ? (D("".concat(l, "0")), d(0)) : (D(l), d(''));
-            },
-            onClick: function() {
-                !C && E.current && (E.current.selectionStart = E.current.selectionEnd = l ? l.length : 1);
-            },
-            onKeyDown: function(e) {
-                e.key.match(/^[a-z0-9]$/i) && E.current && D(C.slice(0, E.current.selectionStart || 0));
-            }
-        }, j), {
-            onFocus: function(e) {
-                var t;
-                null == j || null == (t = j.onFocus) || t.call(j, e), q(!0);
-            },
-            onBlur: function(e) {
-                var t;
-                null == j || null == (t = j.onBlur) || t.call(j, e), S || W(null, Number.parseFloat((0, i.filterNumeric)(C.replace(l, ''), k))), q(!1);
-            }
-        }))
-    });
-};
-y.displayName = 'InputCurrency';
-var b = y;
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}),e}function n(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var u=[],c=!0,a=!1;try{for(o=o.call(e);!(c=(r=o.next()).done)&&(u.push(r.value),!t||u.length!==t);c=!0);}catch(e){a=!0,n=e}finally{try{c||null==o.return||o.return()}finally{if(a)throw n}}return u}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,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.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return b}});var o,u=require("react/jsx-runtime"),c=(o=require("classnames"))&&o.__esModule?o:{default:o},a=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var c=o?Object.getOwnPropertyDescriptor(e,u):null;c&&(c.get||c.set)?Object.defineProperty(n,u,c):n[u]=e[u]}return n.default=e,r&&r.set(e,n),n}(require("react")),i=require("../../../Functions/fieldValueFormatters");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}require("./InputCurrency.scss");var f={},s="input-currency",p={type:"float",decimalPlaces:2},y=function(e){var o=e.currencySymbol,l=void 0===o?"$":o,y=e.testId,b=void 0===y?s:y,d=e.onChange,v=e.className,m=e.value,O=e.disabled,g=e.attributesOfNativeInput,j=void 0===g?f:g,h=e.min,P=void 0===h?0:h,w=e.max,N=e.error,S=e.isNoCheckMinMax,_=e.allowZero,x=void 0!==_&&_,M=e.onlyNumbers,k=void 0===M?p:M,I=n((0,a.useState)(l),2),C=I[0],D=I[1],F=n((0,a.useState)(!1),2),A=F[0],q=F[1],E=(0,a.useRef)(null),B=function(e){var t=e.toString().split(".");return t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),t.join(".")},W=function(e,t){var r,n=null!=t?t:(0,i.filterNumeric)((null==e||null==(r=e.target)?void 0:r.value)||"",k);if(!n)return!1;var o="string"==typeof n?Number.parseFloat(n):n;return o<P?(D("".concat(l).concat(B(P))),d(P),!1):!w||!(o>w)||(D("".concat(l).concat(B(w))),d(w),!1)};return(0,a.useEffect)(function(){0===m||"0"===m?x?(D("".concat(l,"0")),d(0)):(D(l),d("")):m?D("".concat(l).concat(B(m))):D(l)},[m,l,x]),(0,u.jsx)("div",{"data-testid":b,className:(0,c.default)("input-currency-box",v,{disabled:O,"input-currency__error":N,"input-currency__focused":A}),children:(0,u.jsx)("input",r(t({className:s,type:"text",ref:E,value:C,onChange:function(e){var n=e.target.value,o=(n=n.replace(l,"")).split("."),u=o[0],c=o[1],a=Number.parseInt((0,i.filterNumeric)(u,r(t({},k),{type:"int"})));if(Number.isNaN(a))D(l),d("");else if(0!==a||c){var f=B(a);if(void 0!==c){var s=(0,i.filterNumeric)(c,{type:"int"});s?f+=".".concat(s.slice(0,k.decimalPlaces)):""===c&&(f+=".")}D("".concat(l).concat(f)),d(Number.parseFloat(f.replace(/,/g,"")))}else x?(D("".concat(l,"0")),d(0)):(D(l),d(""))},onClick:function(){!C&&E.current&&(E.current.selectionStart=E.current.selectionEnd=l?l.length:1)},onKeyDown:function(e){e.key.match(/^[a-z0-9]$/i)&&E.current&&D(C.slice(0,E.current.selectionStart||0))}},j),{onFocus:function(e){var t;null==j||null==(t=j.onFocus)||t.call(j,e),q(!0)},onBlur:function(e){var t;null==j||null==(t=j.onBlur)||t.call(j,e),S||W(null,Number.parseFloat((0,i.filterNumeric)(C.replace(l,""),k))),q(!1)}}))})};y.displayName="InputCurrency";var b=y;

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

@@ -1,354 +1 @@
-import React, { useLayoutEffect, useRef, useState } from "react";
-
-import cn from "classnames";
-import moment from "moment-timezone";
-
-import useIsMobile from "../../../Functions/useIsMobile/useIsMobile";
-import Arrow from "../../UI/Arrow/Arrow";
-
-import OpenedPart from "./components/OpenedPart";
-import {
-  ALL_TIME_KEY,
-  CUSTOM_INTERVAL_KEY_TEXT,
-  INTERVALS,
-  MAIN_FORMAT,
-  MAIN_TIME_FORMAT,
-  getActualDateRange,
-  useClickOutside,
-  useToggle,
-} from "./dependencies";
-
-import "./InputDateRange.scss";
-
-const checkFormat = (date, format) => {
-  const momentObj = moment(date, format);
-  return momentObj.isValid() ? momentObj.format(format) : null;
-};
-
-const InputDateRange = (props) => {
-  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,
-    renderIntervals,
-    isDoNotPullOutListOfMainContainer,
-  } = props;
-
-  const { isMobile } = useIsMobile();
-
-  const formatedMinDate = checkFormat(minDate, minMaxDateParseFormat);
-  const formatedMaxDate = checkFormat(maxDate, minMaxDateParseFormat);
-
-  const momentMinDate = moment(formatedMinDate, minMaxDateParseFormat).startOf(
-    "day",
-  );
-  const momentMaxDate = moment(formatedMaxDate, minMaxDateParseFormat).startOf(
-    "day",
-  );
-
-  const actualValues = getActualDateRange(value);
-  const { isToggled, toggle, toggleOn, toggleOff } = useToggle(false);
-  const [current, setCurrent] = useState(actualValues?.intervalKey);
-  const [isCompare, setIsCompare] = useState(actualValues?.compare);
-
-  const dropdownContainers = document.getElementsByClassName(
-    "dropdown__container",
-  );
-  const ref =
-    !isUseAbs && !isMobile
-      ? useClickOutside(toggleOff, dropdownContainers)
-      : useRef(null);
-  const internalContainerRef = useRef(null);
-
-  const [dateRangeContainerId, setDateRangeContainerId] = useState(
-    Math.random().toString(16).slice(2),
-  );
-
-  const handleChange = (input) => {
-    const newValue = getActualDateRange(input);
-    const formatedValue = {
-      intervalKey: newValue.intervalKey,
-      start: newValue.start
-        ? moment(newValue.start).format(MAIN_FORMAT)
-        : newValue.start,
-      end: newValue.end
-        ? moment(newValue.end).format(MAIN_FORMAT)
-        : newValue.end,
-      ...(newValue.compare ? { compare: newValue.compare } : {}),
-      ...(newValue.startPrevDate
-        ? { startPrevDate: moment(newValue.startPrevDate).format(MAIN_FORMAT) }
-        : {}),
-      ...(newValue.endPrevDate
-        ? { endPrevDate: moment(newValue.endPrevDate).format(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 = moment(start).format(MAIN_TIME_FORMAT);
-    const endTime = moment(end).format(MAIN_TIME_FORMAT);
-
-    const firstPart = `${moment(start).format("ll")} ${startTime !== "00:00" ? `(${startTime})` : ""}`;
-    const secondPart = `${(endTime !== "00:00" ? moment(end) : moment(end).subtract(1, "days")).format("ll")} ${
-      endTime !== "00:00" ? `(${endTime})` : ""
-    }`;
-
-    const getClasses = (base) =>
-      cn("date-range-input__range-text", {
-        "date-range-input__range-text_little":
-          base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED,
-      });
-
-    return (
-      <>
-        <span className={getClasses(firstPart)}>
-          {firstPart}
-          {endTime === "00:00" &&
-          moment(end).isSame(moment(start).add(1, "days"), "day")
-            ? ""
-            : ` - `}
-        </span>
-        {endTime === "00:00" &&
-        moment(end).isSame(moment(start).add(1, "days"), "day") ? null : (
-          <span className={getClasses(secondPart)}>{secondPart}</span>
-        )}
-      </>
-    );
-  };
-
-  const slideInterval = (direction = "forward") => {
-    const { start, end } = actualValues;
-    const intervalHoursCount = moment(end).diff(start, "hours");
-    let newEnd;
-    let newStart;
-    const endHours = moment(end).hours();
-    const startHours = moment(start).hours();
-    if (direction === "forward") {
-      newStart = moment(end)
-        .add(endHours === 0 ? 0 : 1, "day")
-        .hours(startHours)
-        .toDate();
-      newEnd = moment(newStart).add(intervalHoursCount, "hours");
-    } else {
-      newEnd = moment(start)
-        .subtract(endHours === 0 ? 0 : 1, "day")
-        .hours(endHours)
-        .toDate();
-      newStart = moment(newEnd).subtract(intervalHoursCount, "hours");
-    }
-    const startPrevDate = moment(newStart)
-      .subtract(intervalHoursCount, "hours")
-      .subtract(1, "seconds");
-    const endPrevDate = moment(newEnd).subtract(1, "seconds");
-    handleChange({
-      ...value,
-      intervalKey: getActualDateRange({
-        start: newStart,
-        end: newEnd,
-      })?.intervalKey,
-      start: newStart,
-      end: newEnd,
-      startPrevDate,
-      endPrevDate,
-    });
-  };
-
-  const handleArrowClick = (type) => {
-    slideInterval(type === "right" ? "forward" : "back");
-    toggleOff();
-  };
-
-  const getParentNode = () => {
-    return (
-      document.querySelector("div#root") ?? document.querySelector("div#app")
-    );
-  };
-  const initDateRangeContainer = () => {
-    document.getElementById(dateRangeContainerId)?.remove();
-
-    const dateRangeContainer = document.createElement("div");
-
-    dateRangeContainer.setAttribute("id", dateRangeContainerId);
-    dateRangeContainer.classList.add("input-date-range__mobile-container");
-
-    getParentNode()?.append(dateRangeContainer);
-  };
-
-  const getDateRangeContainer = () => {
-    return document.getElementById(dateRangeContainerId);
-  };
-
-  useLayoutEffect(() => {
-    initDateRangeContainer();
-    return () => {
-      getDateRangeContainer()?.remove();
-    };
-  }, []);
-
-  return (
-    <div
-      data-testid={testId}
-      ref={internalContainerRef}
-      className={cn("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,
-      })}
-    >
-      <span className="date-range-input__label">{label}</span>
-      <div
-        className="date-range-input__wraper"
-        ref={ref}
-        onMouseEnter={isHoverable ? toggleOn : () => null}
-        onMouseLeave={isHoverable ? toggleOff : () => null}
-      >
-        <div
-          className={cn("date-range-input__absolut-wraper", {
-            "date-range-input__absolut-wraper_right-position": isOptionsRight,
-          })}
-        >
-          <div className={cn("date-range-input__static-part")}>
-            <button
-              id={id}
-              className={cn("date-range-input__toggle-button")}
-              disabled={disabled}
-              onClick={!disabled && !isHoverable ? toggle : undefined}
-            >
-              <div className="date-range-input__interval-key">
-                {subLabel && (
-                  <span className="date-range-input__label">{subLabel}: </span>
-                )}
-                <span>
-                  {(txt?.labels && txt.labels[actualValues?.intervalKey]) ??
-                    (INTERVALS[actualValues?.intervalKey]?.label ||
-                      CUSTOM_INTERVAL_KEY_TEXT)}
-                </span>
-                {current !== ALL_TIME_KEY && <span>:</span>}
-              </div>
-              {!isCompact && (
-                <div className={cn("date-range-input__range", {})}>
-                  <Range />
-                </div>
-              )}
-            </button>
-            {!isCompact && !hideArrows && (
-              <div className={cn("date-range-input__arrows-block")}>
-                <Arrow
-                  testId={testId}
-                  type="left"
-                  className="date-range-input__arrow"
-                  onClick={() => handleArrowClick("left")}
-                  disabled={
-                    disabled ||
-                    actualValues?.intervalKey === ALL_TIME_KEY ||
-                    (formatedMinDate &&
-                      moment(actualValues?.start)
-                        .subtract(
-                          moment(actualValues?.end).diff(
-                            actualValues?.start,
-                            "hours",
-                          ),
-                          "hours",
-                        )
-                        .isBefore(momentMinDate))
-                  }
-                  isAlt={isAltArrows}
-                />
-                <Arrow
-                  testId={testId}
-                  type="right"
-                  className="date-range-input__arrow"
-                  onClick={() => handleArrowClick("right")}
-                  disabled={
-                    disabled ||
-                    actualValues?.intervalKey === ALL_TIME_KEY ||
-                    (!isDontLimitFuture &&
-                      (formatedMaxDate
-                        ? moment(actualValues?.end)
-                            .endOf("day")
-                            .subtract(
-                              moment(actualValues?.end).diff(
-                                actualValues?.start,
-                                "hours",
-                              ),
-                              "hours",
-                            )
-                            .isAfter(momentMaxDate.startOf("day"))
-                        : moment(actualValues?.end)
-                            .add(
-                              moment(actualValues?.end).diff(
-                                actualValues?.start,
-                                "hours",
-                              ),
-                              "hours",
-                            )
-                            .isAfter(moment().add(1, "day").startOf("day"))))
-                  }
-                  isAlt={isAltArrows}
-                />
-              </div>
-            )}
-          </div>
-          {isToggled && !isUseAbs && (
-            <OpenedPart
-              {...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}
-              renderIntervals={renderIntervals}
-              isDoNotPullOutListOfMainContainer={isDoNotPullOutListOfMainContainer}
-            />
-          )}
-        </div>
-      </div>
-      {error && <span className="date-range-input__error-block">{error}</span>}
-    </div>
-  );
-};
-
-export default React.memo(InputDateRange);
+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 D,useToggle as w}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,N=t.txt,I=t.id,A=t.label,C=t.subLabel,M=t.className,S=t.value,x=t.onChange,k=void 0===x?function(){}:x,K=t.error,L=t.disabled,E=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=t.renderIntervals,Z=t.isDoNotPullOutListOfMainContainer,tt=f().isMobile,te=P(void 0===z?null:z,G),tr=P(void 0===H?null:H,G),tn=m(te,G).startOf("day"),ta=m(tr,G).startOf("day"),to=O(S),ti=w(!1),tl=ti.isToggled,ts=ti.toggle,td=ti.toggleOn,tu=ti.toggleOff,tc=n(u(null==to?void 0:to.intervalKey),2),tm=tc[0],tf=tc[1],tp=n(u(null==to?void 0:to.compare),2),tv=tp[0],tg=tp[1],tb=document.getElementsByClassName("dropdown__container"),ty=U||tt?d(null):D(tu,tb),th=d(null),t_=n(u(Math.random().toString(16).slice(2)),2),tO=t_[0];t_[1];var tD=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},tw=function(){var t,n,a,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"forward",i=to.start,l=to.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");tD(r(e({},S),{intervalKey:null==(t=O({start:a,end:n}))?void 0:t.intervalKey,start:a,end:n,startPrevDate:c,endPrevDate:f}))},tP=function(t){tw("right"===t?"forward":"back"),tu()},tj=function(){var t;return null!=(t=document.querySelector("div#root"))?t:document.querySelector("div#app")},tN=function(){null==(t=document.getElementById(tO))||t.remove();var t,e,r=document.createElement("div");r.setAttribute("id",tO),r.classList.add("input-date-range__mobile-container"),null==(e=tj())||e.append(r)};return s(function(){return tN(),function(){var t;null==(t=document.getElementById(tO))||t.remove()}},[]),o("div",{"data-testid":V,ref:th,className:c("date-range-input",M,{"date-range-input_compact":B,"date-range-input_hide-arrows":Y,"date-range-input_focused":tl,"date-range-input_error":K,"date-range-input_disabled":L}),children:[a("span",{className:"date-range-input__label",children:A}),a("div",{className:"date-range-input__wraper",ref:ty,onMouseEnter:E?td:function(){return null},onMouseLeave:E?tu: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:I,className:c("date-range-input__toggle-button"),disabled:L,onClick:L||E?void 0:ts,children:[o("div",{className:"date-range-input__interval-key",children:[C&&o("span",{className:"date-range-input__label",children:[C,": "]}),a("span",{children:null!=(j=(null==N?void 0:N.labels)&&N.labels[null==to?void 0:to.intervalKey])?j:(null==(l=y[null==to?void 0:to.intervalKey])?void 0:l.label)||b}),tm!==g&&a("span",{children:":"})]}),!B&&a("div",{className:c("date-range-input__range",{}),children:a(function(){!to.start&&S.start&&(to.start=S.start,to.end=S.end||"");var t=to.start,e=to.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 tP("left")},disabled:L||(null==to?void 0:to.intervalKey)===g||te&&m(null==to?void 0:to.start).subtract(m(null==to?void 0:to.end).diff(null==to?void 0:to.start,"hours"),"hours").isBefore(tn),isAlt:W}),a(p,{testId:V,type:"right",className:"date-range-input__arrow",onClick:function(){return tP("right")},disabled:L||(null==to?void 0:to.intervalKey)===g||!J&&(tr?m(null==to?void 0:to.end).endOf("day").subtract(m(null==to?void 0:to.end).diff(null==to?void 0:to.start,"hours"),"hours").isAfter(ta.startOf("day")):m(null==to?void 0:to.end).add(m(null==to?void 0:to.end).diff(null==to?void 0:to.start,"hours"),"hours").isAfter(m().add(1,"day").startOf("day"))),isAlt:W})]})]}),tl&&!U&&a(v,r(e({},t),{dateRangeContainerId:tO,mainId:I,testId:V,ref:th,actualValues:to,current:tm,setCurrent:tf,isCompare:tv,setIsCompare:tg,toggleOff:tu,onChange:tD,minDate:te,maxDate:tr,momentMinDate:tn,momentMaxDate:ta,isDontLimitFuture:J,isListTop:Q,renderIntervals:X,isDoNotPullOutListOfMainContainer:Z}))]})}),K&&a("span",{className:"date-range-input__error-block",children:K})]})});