intelicoreact 1.6.6 → 1.6.8

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":"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"}

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

@@ -20,6 +20,19 @@ 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
@@ -66,6 +79,72 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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',
@@ -74,16 +153,17 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    const { dateRange, ...restOfProps } = 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, {
-                ...restOfProps,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, _object_spread_props(_object_spread({}, restOfProps), {
                 value: value,
                 onChange: setValue
-            })
+            }))
         })
     });
 };
@@ -121,3 +201,5 @@ InputDateRangeTemplate.args = {
     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"}

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

@@ -14,11 +14,39 @@ 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);
@@ -36,7 +64,7 @@ const DateInput = (props, ref)=>{
         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, {
+    return isFocused ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
         ref: ref,
         testId: testId,
         className: (0, _classnames.default)(className, `${RC}-interactive`),
@@ -44,9 +72,8 @@ const DateInput = (props, ref)=>{
         disabled: disabled,
         onChange: (value)=>onChange(handleDateInputOnChange(value)),
         onBlur: onBlur,
-        onKeyUp: onKeyUp,
-        ..._mobileKeyboardTypesPresets.NUMERIC_KEYBOARD
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        onKeyUp: onKeyUp
+    }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(className, `${RC}-emulation`, {
             [`${RC}-emulation_disabled`]: disabled
         }),
@@ -58,3 +85,5 @@ const DateInput = (props, ref)=>{
     });
 };
 const _default = /*#__PURE__*/ _react.default.forwardRef(DateInput);
+
+//# sourceMappingURL=DateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/DateInput.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport { NUMERIC_KEYBOARD } from \"../../../../Functions/presets/mobileKeyboardTypesPresets\";\nimport TextInput from \"../../Input/Input\";\n\nconst handleDateInputOnChange = (value) => {\n  const replace = (val) => val?.replace(/[^0-9\\/]/g, \"\");\n\n  const input = replace(value);\n  const lastSymbol = input ? input.slice(-1) : \"\";\n  const previousValue = input ? input.slice(0, input.length - 1) : \"\";\n\n  if (value.length > 10 || lastSymbol === \"/\") return previousValue;\n  return previousValue.length === 2 || previousValue.length === 5\n    ? previousValue + \"/\" + lastSymbol\n    : input;\n};\n\nconst DateInput = (props, ref) => {\n  const {\n    RC,\n    className,\n    testId,\n    isFocused,\n    disabled,\n    value,\n    valueParseFormat = \"MM/DD/YYYY\",\n    date,\n    prepareDate,\n    onChange,\n    onFocus,\n    onBlur,\n    onKeyUp,\n  } = props;\n  const preparedDate = (() => {\n    const prepareDateDefault = (date) => moment(date).format(\"MM/DD/YYYY\");\n\n    const output = prepareDate?.(date) ?? prepareDateDefault(date);\n    return (output?.toString?.().toLowerCase() || \"\") !== \"invalid date\"\n      ? output\n      : \"\";\n  })();\n\n  return isFocused ? (\n    <TextInput\n      ref={ref}\n      testId={testId}\n      className={cn(className, `${RC}-interactive`)}\n      value={value}\n      disabled={disabled}\n      onChange={(value) => onChange(handleDateInputOnChange(value))}\n      onBlur={onBlur}\n      onKeyUp={onKeyUp}\n      {...NUMERIC_KEYBOARD}\n    />\n  ) : (\n    <div\n      className={cn(className, `${RC}-emulation`, {\n        [`${RC}-emulation_disabled`]: disabled,\n      })}\n      onClick={disabled ? null : () => onFocus()}\n    >\n      <span className={cn(\"\")}>{preparedDate}</span>\n    </div>\n  );\n};\n\nexport default React.forwardRef(DateInput);\n"],"names":["handleDateInputOnChange","value","replace","val","input","lastSymbol","slice","previousValue","length","DateInput","props","ref","RC","className","testId","isFocused","disabled","valueParseFormat","date","prepareDate","onChange","onFocus","onBlur","onKeyUp","preparedDate","output","prepareDateDefault","moment","format","toString","toLowerCase","TextInput","cn","NUMERIC_KEYBOARD","div","onClick","span","React","forwardRef"],"mappings":";;;;+BAsEA;;;eAAA;;;;8DAtEkB;mEAEH;uEACI;4CAEc;8DACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtB,MAAMA,0BAA0B,CAACC;IAC/B,MAAMC,UAAU,CAACC,MAAQA,gBAAAA,0BAAAA,IAAKD,OAAO,CAAC,aAAa;IAEnD,MAAME,QAAQF,QAAQD;IACtB,MAAMI,aAAaD,QAAQA,MAAME,KAAK,CAAC,CAAC,KAAK;IAC7C,MAAMC,gBAAgBH,QAAQA,MAAME,KAAK,CAAC,GAAGF,MAAMI,MAAM,GAAG,KAAK;IAEjE,IAAIP,MAAMO,MAAM,GAAG,MAAMH,eAAe,KAAK,OAAOE;IACpD,OAAOA,cAAcC,MAAM,KAAK,KAAKD,cAAcC,MAAM,KAAK,IAC1DD,gBAAgB,MAAMF,aACtBD;AACN;AAEA,MAAMK,YAAY,CAACC,OAAOC;IACxB,MAAM,EACJC,EAAE,EACFC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRf,KAAK,EACLgB,mBAAmB,YAAY,EAC/BC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,OAAO,EACR,GAAGb;IACJ,MAAMc,eAAe,AAAC,CAAA;YAIZC;QAHR,MAAMC,qBAAqB,CAACR,OAASS,IAAAA,uBAAM,EAACT,MAAMU,MAAM,CAAC;YAE1CT;QAAf,MAAMM,SAASN,CAAAA,eAAAA,wBAAAA,kCAAAA,YAAcD,mBAAdC,0BAAAA,eAAuBO,mBAAmBR;QACzD,OAAO,AAACO,CAAAA,CAAAA,mBAAAA,8BAAAA,mBAAAA,OAAQI,QAAQ,cAAhBJ,uCAAAA,sBAAAA,QAAqBK,WAAW,OAAM,EAAC,MAAO,iBAClDL,SACA;IACN,CAAA;IAEA,OAAOV,0BACL,qBAACgB,cAAS;QACRpB,KAAKA;QACLG,QAAQA;QACRD,WAAWmB,IAAAA,mBAAE,EAACnB,WAAW,GAAGD,GAAG,YAAY,CAAC;QAC5CX,OAAOA;QACPe,UAAUA;QACVI,UAAU,CAACnB,QAAUmB,SAASpB,wBAAwBC;QACtDqB,QAAQA;QACRC,SAASA;OACLU,4CAAgB,mBAGtB,qBAACC;QACCrB,WAAWmB,IAAAA,mBAAE,EAACnB,WAAW,GAAGD,GAAG,UAAU,CAAC,EAAE;YAC1C,CAAC,GAAGA,GAAG,mBAAmB,CAAC,CAAC,EAAEI;QAChC;QACAmB,SAASnB,WAAW,OAAO,IAAMK;kBAEjC,cAAA,qBAACe;YAAKvB,WAAWmB,IAAAA,mBAAE,EAAC;sBAAMR;;;AAGhC;MAEA,yBAAea,cAAK,CAACC,UAAU,CAAC7B"}

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

@@ -655,3 +655,5 @@ const Datepicker = (props)=>{
     return withMobileLogic ? renderMobile() : render();
 };
 const _default = Datepicker;
+
+//# sourceMappingURL=Datepicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/Datepicker.js"],"sourcesContent":["// eslint-disable-next-line no-unused-vars\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport Btn from \"../../../UI/Button/Button\";\nimport SelectInput from \"../../Dropdown/Dropdown\";\nimport Calendar from \"../../RangeCalendar/RangeCalendar\";\nimport Switcher from \"../../Switcher/Switcher\";\nimport {\n  MAIN_FORMAT,\n  MAIN_TIME_FORMAT,\n  getActualDateRange,\n  getIsDateValid,\n} from \"../dependencies\";\n\nimport DateInput from \"./DateInput\";\n\nconst outsideScope = {\n  handleHoverTimerId: null,\n};\n\nconst DATE_INPUT_FORMAT = \"MM/DD/YYYY\";\n\nconst padTime = (time) => {\n  return `${time.toString().padStart(2, \"0\")}:00`;\n};\n\nconst Datepicker = (props) => {\n  const {\n    txt,\n    className,\n    buttonsTypes = {},\n    values = {},\n    onChange,\n    onChangeMobile,\n    onChangeCompare,\n    onCancel,\n    getSelectedMode,\n    onChangeInterval,\n    isCompareHidden,\n    limitRange,\n    handleItemClick,\n    setActiveInterval,\n    isShortWeekNames,\n    minDate,\n    maxDate,\n    momentMinDate,\n    momentMaxDate,\n    isDontLimitFuture,\n    testId,\n    mainId,\n    withMobileLogic,\n  } = props;\n  const { start = null, end = null, compare = false } = values;\n\n  const startDateInputRef = useRef(null);\n  const endDateInputRef = useRef(null);\n\n  const [startDate, setStartDate] = useState(\n    getIsDateValid(start) ? moment(start) : \"\",\n  );\n  const [endDate, setEndDate] = useState(\n    getIsDateValid(end) ? moment(end) : \"\",\n  );\n  const dateInterval = getSelectedMode({ start: startDate, end: endDate });\n\n  const [startDateInput, setStartDateInput] = useState(null);\n  const [endDateInput, setEndDateInput] = useState(null);\n  const [isStartFocused, setIsStartFocused] = useState(false);\n  const [isEndFocused, setIsEndFocused] = useState(false);\n\n  const [startHour, setStartHour] = useState(start ? moment(start).hour() : 0);\n  const [endHour, setEndHour] = useState(end ? moment(end).hour() : 0);\n\n  // eslint-disable-next-line no-unused-vars\n  const [isCompare, setIsCompare] = useState(compare);\n\n  const [date1, setDate1] = useState(\n    start ? moment(start) : moment().subtract(1, \"month\"),\n  );\n  const [date2, setDate2] = useState(end ? moment(end) : moment());\n\n  const [hoverStatus, setHoverStatus] = useState(null);\n\n  // ********************\n  // Constants\n  // ********************\n\n  const isNearby = useMemo(\n    () => moment(date2).subtract(1, \"month\").isSame(moment(date1), \"month\"),\n    [date1, date2],\n  );\n\n  const isPreviousPeriodShowed = useMemo(\n    () => isCompare && !isCompareHidden && startDate && endDate,\n    [startDate, endDate, isCompare],\n  );\n\n  const prevEndHour = useRef(endHour);\n\n  const startPrevDate = useMemo(() => {\n    if (isPreviousPeriodShowed) {\n      const intervalHoursCount = moment(endDate).diff(startDate, \"hours\");\n      return moment(startDate).subtract(intervalHoursCount, \"hours\").toDate();\n    } else return null;\n  }, [startDate, endDate, isCompare]);\n\n  const endPrevDate = useMemo(() => {\n    if (isPreviousPeriodShowed) {\n      return startDate;\n    } else return null;\n  }, [startDate, endDate, isCompare]);\n\n  const title = useMemo(() => {\n    if (isCompare && !isCompareHidden && startDate && endDate) {\n      return `${moment(startPrevDate).format(\"ll\")} (${moment(startPrevDate).format(MAIN_TIME_FORMAT)}) - ${moment(\n        endPrevDate,\n      ).format(\"ll\")} (${moment(endPrevDate).format(MAIN_TIME_FORMAT)})`;\n    } else return \"\";\n  }, [startDate, endDate, isCompare]);\n\n  // ********************\n  // Methods\n  // ********************\n\n  const subtractDay = (date) =>\n    endHour === 0 ? moment(date).subtract(1, \"days\") : moment(date);\n  const addDay = (date) =>\n    endHour === 0 ? moment(date).add(1, \"days\") : moment(date);\n\n  const getCorrectedDateForDateInput = (key, date) => {\n    if (key === \"startDateInput\") return moment(date);\n    // return moment(date).subtract(1, 'm');\n    return subtractDay(moment(date));\n  };\n\n  const setInterval = () => {\n    setActiveInterval(\n      getActualDateRange({ start: startDate, end: endDate }).intervalKey,\n    );\n  };\n\n  // ********************\n  // Handlers\n  // ********************\n\n  const handleClick = (date) => {\n    prevEndHour.current = 0;\n    if (\n      !startDate ||\n      (startDate &&\n        endDate &&\n        !(\n          moment(startDate).add(1, \"d\").isSame(endDate, \"day\") && endHour === 0\n        ))\n    ) {\n      setStartDate(moment(date).startOf(\"day\"));\n      setEndDate(moment(date).add(1, \"d\").startOf(\"day\"));\n      setStartHour(0);\n      setEndHour(0);\n    } else if (moment(date).isBefore(moment(startDate), \"day\")) {\n      setEndDate(moment(startDate).add(1, \"d\").startOf(\"day\"));\n      setStartDate(moment(date).set(\"hour\", parseInt(startHour, 10)));\n    } else if (moment(date).isAfter(moment(startDate), \"day\")) {\n      setEndDate(moment(date).add(1, \"d\").startOf(\"day\"));\n    }\n    setHoverStatus(null);\n  };\n\n  const handleHover = (date) => {\n    if (outsideScope.handleHoverTimerId)\n      clearTimeout(outsideScope.handleHoverTimerId);\n    if (!date) {\n      outsideScope.handleHoverTimerId = setTimeout(() => {\n        setHoverStatus(null);\n      }, 400);\n      return;\n    }\n    if (moment(startDate).add(1, \"d\").isSame(endDate, \"day\") && endHour === 0) {\n      if (moment(date).isAfter(moment(startDate), \"day\")) setHoverStatus(\"end\");\n      else if (moment(date).isBefore(moment(startDate), \"day\"))\n        setHoverStatus(\"start\");\n      else setHoverStatus(null);\n    } else {\n      setHoverStatus(\"start\");\n    }\n  };\n\n  const handleChangeStartHour = (val) => {\n    setStartHour(Number(val));\n    setStartDate(moment(startDate || moment()).set(\"hour\", Number(val)));\n  };\n\n  const handleChangeEndHour = (val) => {\n    const newHour = Number(val);\n    setEndHour(newHour);\n    let newEndDate = moment();\n\n    if (endDate) {\n      if (prevEndHour.current === 0 && newHour !== 0) {\n        newEndDate = moment(endDate).subtract(1, \"days\");\n      } else if (prevEndHour.current !== 0 && newHour === 0) {\n        newEndDate = moment(endDate).add(1, \"days\");\n      }\n    }\n\n    prevEndHour.current = newHour;\n    setEndDate(moment(newEndDate).set(\"hour\", newHour));\n  };\n\n  // const doBlur = (type, e) => {\n  //   const executor = type === 'start' ? setIsStartFocused : setIsEndFocused;\n  //   e.target.blur();\n  //   executor(false);\n  // };\n\n  // const handleStartDateBlur = e => {\n  //   let newDate;\n\n  //   if (!moment(startDateInput).isValid()) {\n  //     newDate = moment(startDate);\n  //   } else {\n  //     if (minDate && moment(startDateInput).isBefore(minDate)) newDate = momentMinDate;\n  //     else if (!isDontLimitFuture) {\n  //       const edge = maxDate ? momentMaxDate : moment().add(1, 'day').startOf('day');\n  //       if (moment(startDateInput).isAfter(edge)) newDate = edge;\n  //       else newDate = moment(startDateInput);\n  //     } else newDate = moment(startDateInput);\n  //   }\n\n  //   setStartDateInput(newDate.format(format));\n  //   setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());\n\n  //   doBlur('start', e);\n  //   setDate1(\n  //     moment(newDate).isSameOrAfter(moment(date2), 'month') ? moment(date2).subtract(1, 'month') : moment(newDate),\n  //   );\n  // };\n\n  // const handleEndDateBlur = e => {\n  //   let newDate;\n\n  //   if (!moment(endDateInput).isValid()) {\n  //     newDate = moment(endDate);\n  //   } else {\n  //     if (minDate && moment(endDateInput).isBefore(minDate)) newDate = momentMinDate;\n  //     else if (!isDontLimitFuture) {\n  //       const edge = maxDate ? momentMaxDate : moment().endOf('day');\n  //       if (moment(endDateInput).isAfter(edge)) newDate = maxDate ? edge : edge.startOf('day');\n  //       else newDate = moment(startDateInput);\n  //     } else newDate = moment(startDateInput);\n  //   }\n\n  //   setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));\n  //   setEndDateInput(newDate.format(format));\n\n  //   doBlur('end', e);\n  //   setDate2(newDate);\n  // };\n\n  const handleDateInputFocus = (key, e) => {\n    const changeFlag =\n      key === \"startDateInput\" ? setIsStartFocused : setIsEndFocused;\n    const set = key === \"startDateInput\" ? setStartDateInput : setEndDateInput;\n    const date = key === \"startDateInput\" ? startDate : endDate;\n\n    changeFlag(true);\n    set(date ? getCorrectedDateForDateInput(key, date).format(\"L\") : \"\");\n    setTimeout(() => {\n      const defaultTarget =\n        key === \"startDateInput\"\n          ? startDateInputRef.current\n          : endDateInputRef.current;\n      const target = e?.target ?? defaultTarget;\n      target.select();\n\n      //? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа\n      // setTimeout(() => {\n      //   target.select();\n      // }, 0);\n    }, 0);\n  };\n\n  const doBlur = (type, e) => {\n    const executor =\n      type === \"startDateInput\" ? setIsStartFocused : setIsEndFocused;\n\n    e.target.blur();\n    executor(false);\n  };\n\n  const processOverflow = (newDateAsString, valueForRollback, key) => {\n    const newDateAsMomentObj = moment(newDateAsString, DATE_INPUT_FORMAT);\n\n    // console.log('processOverflow - newDateAsString - ', newDateAsString);\n    // console.log('processOverflow - valueForRollback - ', valueForRollback);\n    // console.log('----------');\n    // console.log('processOverflow - minDate - ', minDate);\n    // console.log('processOverflow - maxDate - ', maxDate);\n    // console.log('----------');\n    // console.log('processOverflow - momentMinDate - ', momentMinDate);\n    // console.log('processOverflow - momentMaxDate - ', momentMaxDate);\n    // console.log('----------');\n    // console.log('processOverflow - newDateAsMomentObj - ', newDateAsMomentObj);\n    // console.log('*********');\n\n    //? Если значение не валидно...\n    if (!newDateAsMomentObj.isValid()) {\n      //? ... то откатываем к дате до набора руками\n      return valueForRollback;\n    } else {\n      const beforeOfFuture = moment().endOf(\"day\");\n      const hour = key === \"startDateInput\" ? startHour : endHour;\n\n      let output;\n\n      //? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную\n      if (minDate && newDateAsMomentObj.isBefore(momentMinDate))\n        output = momentMinDate;\n      //? Если есть максимальная дата и введенная больше максимальной, то ставим максимальную\n      else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate))\n        output = momentMaxDate;\n      //? Если нет установки не ограничивать дату по будущему...\n      else if (\n        !isDontLimitFuture &&\n        newDateAsMomentObj.isAfter(beforeOfFuture)\n      ) {\n        output = beforeOfFuture.startOf(\"day\");\n      } else output = newDateAsMomentObj;\n\n      // if (key === 'startDateInput') {\n      //   console.log('endDate - ', endDate.format('YYYY-MM-DDTHH:mm'));\n      //   console.log('endDate.subtract(1, d) - ', endDate.subtract(1, 'd').format('YYYY-MM-DDTHH:mm'));\n      //   if (output.isAfter(endDate.subtract(1, 'd'))) output = endDate.subtract(1, 'd');\n      // }\n\n      if (key === \"endDateInput\") {\n        // console.log('startDate - ', startDate.format('YYYY-MM-DDTHH:mm'));\n        // if (output.isBefore(startDate)) output = startDate.add(1, 'd');\n        output = addDay(output);\n      }\n\n      // console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));\n      // console.log('************');\n\n      return output.set(\"hour\", parseInt(hour, 10));\n    }\n  };\n\n  const handleDateInputBlur = (key, e) => {\n    const reserveValue =\n      key === \"startDateInput\" ? startDateInput : endDateInput;\n    const valueForRollback = key === \"startDateInput\" ? startDate : endDate;\n\n    const execute = key === \"startDateInput\" ? setStartDate : setEndDate;\n    const executeForCalendar = key === \"startDateInput\" ? setDate1 : setDate2;\n    const prepareValueForCalendar = (newDate) => {\n      if (key === \"endDateInput\") return newDate;\n      return moment(newDate).isSameOrAfter(moment(date2), \"month\")\n        ? moment(date2).subtract(1, \"month\")\n        : moment(newDate);\n    };\n\n    const newDateValue = e?.target?.value ?? reserveValue;\n    const processedNewDate = processOverflow(\n      newDateValue,\n      valueForRollback,\n      key,\n    );\n    execute(processedNewDate);\n    executeForCalendar(prepareValueForCalendar(processedNewDate));\n    doBlur(key, e);\n  };\n\n  const handleKeyPressed = (code, e, type) => {\n    if (code === 13) handleDateInputBlur(type, e);\n    if (code === 27) doBlur(type, e);\n  };\n\n  // ********************\n  // Render Functions\n  // ********************\n\n  const getStartHourItems = () =>\n    [...Array(24).keys()].map((hour) => ({\n      label: padTime(hour),\n      value: hour,\n      disabled: moment(startDate).isSame(endDate, \"day\") && endHour <= hour,\n    }));\n  const getEndHourItems = () =>\n    [...Array(24).keys()].map((hour) => ({\n      label: padTime(hour + 1),\n      value: hour === 23 ? 0 : hour + 1,\n      disabled:\n        (moment(startDate).isSame(endDate, \"day\") ||\n          (moment(startDate).isSame(\n            moment(endDate).subtract(1, \"days\"),\n            \"day\",\n          ) &&\n            endHour === 0)) &&\n        hour < startHour,\n    }));\n\n  const renderButtons = () => (\n    <>\n      <Btn\n        className=\"date-picker__button\"\n        onClick={() => onCancel()}\n        variant={buttonsTypes?.cancel}\n      >\n        {txt?.buttons?.cancel || \"Cancel\"}\n      </Btn>\n      <Btn\n        className=\"date-picker__button\"\n        variant={buttonsTypes?.apply}\n        disabled={!startDate || !endDate}\n        onClick={() =>\n          onChange({\n            start: moment(startDate).format(MAIN_FORMAT),\n            end: moment(endDate).format(MAIN_FORMAT),\n            startPrevDate: moment(startPrevDate).format(MAIN_FORMAT),\n            endPrevDate: moment(endPrevDate).format(MAIN_FORMAT),\n            compare: isCompare,\n          })\n        }\n      >\n        {txt?.buttons?.apply || \"apply\"}\n      </Btn>\n    </>\n  );\n\n  const renderPreviousPeriod = () => (\n    <>\n      {txt?.labels?.previousPeriod || \"\"}:{\" \"}\n      <span className=\"date-picker__previous-period-interval\">{title}</span>\n    </>\n  );\n\n  // ********************\n  // useEffects\n  // ********************\n\n  useEffect(() => {\n    if (moment(startDate).isSameOrAfter(endDate)) {\n      setStartDate(moment(endDate).subtract(1, \"d\"));\n      setDate1(moment(endDate).subtract(1, \"d\"));\n    }\n  }, [startDate]);\n\n  useEffect(() => {\n    if (moment(endDate).isSameOrBefore(startDate)) {\n      setEndDate(moment(startDate).add(1, \"d\"));\n      setDate2(moment(startDate).add(1, \"d\"));\n    }\n  }, [endDate]);\n\n  useEffect(() => {\n    if (moment(startDate).isBefore(moment(endDate), \"month\")) {\n      setDate1(moment(startDate));\n      setDate2(moment(endDate));\n    }\n    setInterval();\n  }, [startDate, endDate]);\n\n  useEffect(() => {\n    if (\n      moment(date1).isSameOrAfter(moment(date2), \"month\") &&\n      !withMobileLogic\n    ) {\n      setDate1(moment(date2).subtract(1, \"month\"));\n    }\n  }, [date1, date2]);\n\n  useEffect(() => {\n    onChangeInterval(dateInterval);\n  }, [dateInterval]);\n\n  useEffect(() => {\n    if (typeof onChangeMobile === \"function\") {\n      onChangeMobile({\n        start: moment(startDate).format(MAIN_FORMAT),\n        end: moment(endDate).format(MAIN_FORMAT),\n        startPrevDate: moment(startPrevDate).format(MAIN_FORMAT),\n        endPrevDate: moment(endPrevDate).format(MAIN_FORMAT),\n        compare: isCompare,\n      });\n    }\n  }, [startDate, endDate, startPrevDate, endPrevDate, isCompare]);\n\n  const renderRowStart = () => {\n    return (\n      <div className=\"date-picker__date-row\">\n        <DateInput\n          ref={startDateInputRef}\n          testId={`datepicker-${testId}_start-date-input`}\n          RC=\"date-picker__date-input\"\n          className={cn(\"date-picker__date-input\")}\n          isFocused={isStartFocused}\n          value={startDateInput}\n          date={getCorrectedDateForDateInput(\"startDateInput\", startDate)}\n          disabled={!startDate}\n          onChange={setStartDateInput}\n          onFocus={(e) => handleDateInputFocus(\"startDateInput\", e)}\n          onBlur={(e) => handleDateInputBlur(\"startDateInput\", e)}\n          onKeyUp={(code, e) => handleKeyPressed(code, e, \"startDateInput\")}\n        />\n        <SelectInput\n          testId={testId}\n          id={`datepicker-id-${mainId}_start-hour-select-input`}\n          dataTest=\"datepicker_start-hour-select-input\"\n          className={cn(\"date-picker__hour-select-input\")}\n          onChange={(value) => handleChangeStartHour(value)}\n          value={startHour}\n          options={getStartHourItems()}\n          disabled={!startDate}\n          isDoNotPullOutListOfMainContainer\n          short\n          withMobileLogic={withMobileLogic}\n        />\n      </div>\n    );\n  };\n  const renderRowEnd = () => {\n    return (\n      <div className=\"date-picker__date-row\">\n        <DateInput\n          ref={endDateInputRef}\n          testId={`datepicker-${testId}_start-date-input`}\n          RC=\"date-picker__date-input\"\n          className={cn(\"date-picker__date-input\")}\n          isFocused={isEndFocused}\n          value={endDateInput}\n          date={getCorrectedDateForDateInput(\"endDateInput\", endDate)}\n          disabled={!endDate}\n          onChange={setEndDateInput}\n          onFocus={(e) => handleDateInputFocus(\"endDateInput\", e)}\n          onBlur={(e) => handleDateInputBlur(\"endDateInput\", e)}\n          onKeyUp={(code, e) => handleKeyPressed(code, e, \"endDateInput\")}\n        />\n        <SelectInput\n          testId={testId}\n          id={`datepicker-id-${mainId}_end-hour-select-input`}\n          dataTest=\"datepicker_end-hour-select-input\"\n          className={cn(\"date-picker__hour-select-input\")}\n          onChange={(value) => handleChangeEndHour(value)}\n          value={endHour}\n          options={getEndHourItems()}\n          disabled={!endDate}\n          isDoNotPullOutListOfMainContainer\n          short\n          withMobileLogic={withMobileLogic}\n        />\n      </div>\n    );\n  };\n\n  const renderCalendarStart = () => {\n    return (\n      <Calendar\n        testId={testId}\n        className=\"date-picker__calendar\"\n        date={date1}\n        setDate={setDate1}\n        allowNext={\n          withMobileLogic\n            ? !moment(date1)\n                .startOf(\"month\")\n                .isSameOrAfter(moment().startOf(\"day\"), \"months\")\n            : !isNearby\n        }\n        startDate={startDate}\n        endDate={endDate}\n        startPrevDate={startPrevDate}\n        endPrevDate={endPrevDate}\n        onClick={handleClick}\n        onHover={handleHover}\n        limitRange={limitRange}\n        isShortWeekNames={isShortWeekNames}\n        minDate={minDate}\n        maxDate={maxDate}\n        momentMinDate={momentMinDate}\n        momentMaxDate={momentMaxDate}\n      />\n    );\n  };\n  const renderCalendarEnd = () => {\n    return (\n      <Calendar\n        className=\"date-picker__calendar\"\n        date={date2}\n        setDate={setDate2}\n        allowPrev={!isNearby}\n        startDate={startDate}\n        endDate={endDate}\n        startPrevDate={startPrevDate}\n        endPrevDate={endPrevDate}\n        onClick={handleClick}\n        onHover={handleHover}\n        isShortWeekNames={isShortWeekNames}\n        minDate={minDate}\n        maxDate={maxDate}\n        momentMinDate={momentMinDate}\n        momentMaxDate={momentMaxDate}\n        isDontLimitFuture={isDontLimitFuture}\n      />\n    );\n  };\n\n  const render = () => {\n    return (\n      <div className={cn(\"date-picker\", className)}>\n        <div className=\"date-picker__header\">\n          <div className=\"date-picker__inputs-block\">\n            {renderRowStart()}\n            <div className=\"date-picker__inputs-separator date-picker__header--gray\">\n              —\n            </div>\n            {renderRowEnd()}\n          </div>\n          {isCompare && !isCompareHidden && startDate && endDate && (\n            <div className=\"date-picker__previous-period\">\n              {renderPreviousPeriod()}\n            </div>\n          )}\n        </div>\n\n        <div className=\"date-picker__calendars\">\n          <div className=\"date-picker__calendars-wrapper\">\n            {renderCalendarStart()}\n            {renderCalendarEnd()}\n          </div>\n        </div>\n        <div\n          className={cn(\"date-picker__footer\", {\n            \"date-picker__footer_once-element\": isCompareHidden,\n          })}\n        >\n          {!isCompareHidden ? (\n            <div className=\"date-picker__compare-block\">\n              <div className=\"mr5\">\n                <Switcher\n                  dataTest=\"datepicker_compare\"\n                  label={txt?.labels?.compare || \"Compare\"}\n                  isSwitchOn={isCompare}\n                  onChange={() => {\n                    onChangeCompare(!isCompare);\n                    setIsCompare((state) => !state);\n                  }}\n                />\n              </div>\n            </div>\n          ) : (\n            <div />\n          )}\n          <div className=\"date-picker__buttons-block\">{renderButtons()}</div>\n        </div>\n      </div>\n    );\n  };\n  const renderMobile = () => {\n    return (\n      <div className={cn(\"date-picker\", className)}>\n        <div className=\"date-picker__header\">\n          <div className=\"date-picker__inputs-block\">\n            {renderRowStart()}\n            <div className=\"date-picker__inputs-separator date-picker__header--gray\">\n              —\n            </div>\n            {renderRowEnd()}\n          </div>\n          {isCompare && !isCompareHidden && startDate && endDate && (\n            <div className=\"date-picker__previous-period\">\n              {renderPreviousPeriod()}\n            </div>\n          )}\n        </div>\n\n        <div className=\"date-picker__calendars\">\n          <div className=\"date-picker__calendars-wrapper\">\n            {renderCalendarStart()}\n          </div>\n        </div>\n      </div>\n    );\n  };\n  return withMobileLogic ? renderMobile() : render();\n};\n\nexport default Datepicker;\n"],"names":["outsideScope","handleHoverTimerId","DATE_INPUT_FORMAT","padTime","time","toString","padStart","Datepicker","props","txt","className","buttonsTypes","values","onChange","onChangeMobile","onChangeCompare","onCancel","getSelectedMode","onChangeInterval","isCompareHidden","limitRange","handleItemClick","setActiveInterval","isShortWeekNames","minDate","maxDate","momentMinDate","momentMaxDate","isDontLimitFuture","testId","mainId","withMobileLogic","start","end","compare","startDateInputRef","useRef","endDateInputRef","startDate","setStartDate","useState","getIsDateValid","moment","endDate","setEndDate","dateInterval","startDateInput","setStartDateInput","endDateInput","setEndDateInput","isStartFocused","setIsStartFocused","isEndFocused","setIsEndFocused","startHour","setStartHour","hour","endHour","setEndHour","isCompare","setIsCompare","date1","setDate1","subtract","date2","setDate2","hoverStatus","setHoverStatus","isNearby","useMemo","isSame","isPreviousPeriodShowed","prevEndHour","startPrevDate","intervalHoursCount","diff","toDate","endPrevDate","title","format","MAIN_TIME_FORMAT","subtractDay","date","addDay","add","getCorrectedDateForDateInput","key","setInterval","getActualDateRange","intervalKey","handleClick","current","startOf","isBefore","set","parseInt","isAfter","handleHover","clearTimeout","setTimeout","handleChangeStartHour","val","Number","handleChangeEndHour","newHour","newEndDate","handleDateInputFocus","e","changeFlag","defaultTarget","target","select","doBlur","type","executor","blur","processOverflow","newDateAsString","valueForRollback","newDateAsMomentObj","isValid","beforeOfFuture","endOf","output","handleDateInputBlur","reserveValue","execute","executeForCalendar","prepareValueForCalendar","newDate","isSameOrAfter","newDateValue","value","processedNewDate","handleKeyPressed","code","getStartHourItems","Array","keys","map","label","disabled","getEndHourItems","renderButtons","Btn","onClick","variant","cancel","buttons","apply","MAIN_FORMAT","renderPreviousPeriod","labels","previousPeriod","span","useEffect","isSameOrBefore","renderRowStart","div","DateInput","ref","RC","cn","isFocused","onFocus","onBlur","onKeyUp","SelectInput","id","dataTest","options","isDoNotPullOutListOfMainContainer","short","renderRowEnd","renderCalendarStart","Calendar","setDate","allowNext","onHover","renderCalendarEnd","allowPrev","render","Switcher","isSwitchOn","state","renderMobile"],"mappings":"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"}

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

@@ -21,6 +21,19 @@ const _dependencies = require("../dependencies");
 const _Datepicker = /*#__PURE__*/ _interop_require_default(require("./Datepicker"));
 const _SelectItem = /*#__PURE__*/ _interop_require_default(require("./SelectItem"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+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
@@ -67,6 +80,21 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 const classNames = require("classnames");
 const OpenedPart = (props, ref)=>{
     const { dateRangeContainerId, txt, buttonsTypes, actualValues, onChange = ()=>{}, isHoverable, short, isCompact = false, isIntervalsHidden = false, isCompareHidden = false, limitRange, isOptionsRight, current, setCurrent, isCompare, setIsCompare, toggleOff, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, isListTop, mainId, testId, withMobileLogic } = props;
@@ -120,10 +148,9 @@ const OpenedPart = (props, ref)=>{
             values: actualValues,
             onChangeMobile: setMobileChange,
             onChange: (data)=>{
-                onChange({
-                    intervalKey: current,
-                    ...data
-                });
+                onChange(_object_spread({
+                    intervalKey: current
+                }, data));
                 toggleOff();
             },
             getSelectedMode: getSelectedMode,
@@ -180,10 +207,9 @@ const OpenedPart = (props, ref)=>{
             onlyTitle: true,
             confirmBtnLabel: "Apply",
             onConfirm: ()=>{
-                onChange({
-                    intervalKey: current,
-                    ...mobileChange
-                });
+                onChange(_object_spread({
+                    intervalKey: current
+                }, mobileChange));
                 setMobileChange({});
                 toggleOff();
             },
@@ -227,3 +253,5 @@ const OpenedPart = (props, ref)=>{
     return withMobileLogic && isMobile ? renderDateRangeMobileContainer() : renderOpenedPart();
 };
 const _default = /*#__PURE__*/ _react.default.forwardRef(OpenedPart);
+
+//# sourceMappingURL=OpenedPart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/OpenedPart.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport moment from \"moment-timezone\";\nimport { createPortal } from \"react-dom\";\n\nimport useIsMobile from \"../../../../Functions/useIsMobile/useIsMobile\";\nimport { useResize } from \"../../../../Functions/useResize\";\nimport { capitalized } from \"../../../../Functions/utils\";\nimport Modal from \"../../../UI/Modal/Modal\";\nimport Dropdown from \"../../Dropdown/Dropdown\";\nimport {\n  CUSTOM_INTERVAL_KEY_TEXT,\n  CUSTOM_INTERVAL_KEY as customKey,\n  INTERVALS as intervals,\n} from \"../dependencies\";\n\nimport Datepicker from \"./Datepicker\";\nimport SelectItem from \"./SelectItem\";\n\nimport cn from \"classnames\";\n\nconst classNames = require(\"classnames\");\n\nconst OpenedPart = (props, ref) => {\n  const {\n    dateRangeContainerId,\n    txt,\n    buttonsTypes,\n    actualValues,\n    onChange = () => {},\n    isHoverable,\n    short,\n    isCompact = false,\n    isIntervalsHidden = false,\n    isCompareHidden = false,\n    limitRange,\n    isOptionsRight,\n    current,\n    setCurrent,\n    isCompare,\n    setIsCompare,\n    toggleOff,\n    isShortWeekNames,\n    minDate,\n    maxDate,\n    momentMinDate,\n    momentMaxDate,\n    isDontLimitFuture,\n    isListTop,\n    mainId,\n    testId,\n    withMobileLogic,\n  } = props;\n  const { isMobile } = useIsMobile();\n\n  const boxRef = useRef();\n  const { elemPosition } = useResize(boxRef);\n  const [mobileChange, setMobileChange] = useState({});\n\n  const openedPartClass = classNames(\n    \"date-range-input__opened-part\",\n    \"opened-part\",\n    { [`opened-part--${elemPosition}`]: elemPosition },\n    { \"opened-part--top\": isListTop },\n  );\n  const openedPartWrapperClass = classNames(\"opened-part__wrapper\", {\n    \"opened-part__wrapper_right-position-once-element\":\n      isOptionsRight && (isCompact || isIntervalsHidden),\n  });\n\n  const items = isCompact\n    ? [...Object.keys(intervals)]\n    : [...Object.keys(intervals), customKey];\n\n  const [activeInterval, setActiveInterval] = useState(\n    actualValues.intervalKey,\n  );\n\n  const handleItemClick = (item) => {\n    if (item !== customKey) {\n      onChange({\n        intervalKey: item,\n        compare: isCompare,\n      });\n      setTimeout(() => toggleOff(), 0);\n    }\n    setCurrent(item);\n  };\n\n  const getSelectedMode = (newValues) => {\n    const { start, end } = newValues;\n    if (moment(start).get(\"hour\") !== 0 || moment(end).get(\"hour\") !== 0) {\n      return customKey;\n    }\n    for (const [key, interval] of Object.entries(intervals)) {\n      if (\n        moment(start).isSame(interval.start()) &&\n        moment(end).isSame(interval.end())\n      ) {\n        return key;\n      }\n    }\n    return customKey;\n  };\n\n  const renderDatepicker = () => {\n    return (\n      <Datepicker\n        mainId={mainId}\n        testId={testId}\n        className={cn(\"opened-part__date-picker\")}\n        buttonsTypes={buttonsTypes}\n        values={actualValues}\n        onChangeMobile={setMobileChange}\n        onChange={(data) => {\n          onChange({\n            intervalKey: current,\n            ...data,\n          });\n          toggleOff();\n        }}\n        getSelectedMode={getSelectedMode}\n        onChangeInterval={(val) => setCurrent(val)}\n        onChangeCompare={(data) => setIsCompare(data)}\n        onCancel={toggleOff}\n        isCompareHidden={isCompareHidden}\n        limitRange={limitRange}\n        setActiveInterval={setActiveInterval}\n        isShortWeekNames={isShortWeekNames}\n        minDate={minDate}\n        maxDate={maxDate}\n        momentMinDate={momentMinDate}\n        momentMaxDate={momentMaxDate}\n        isDontLimitFuture={isDontLimitFuture}\n        withMobileLogic={withMobileLogic && isMobile}\n      />\n    );\n  };\n\n  const renderOpenedPart = () => {\n    return (\n      <div className={openedPartClass} ref={boxRef}>\n        <div className={openedPartWrapperClass}>\n          {!isIntervalsHidden && (\n            <div className={cn(\"opened-part__intervals-list\")}>\n              {items.map((item, index) => {\n                if (intervals[item]?.isHidden) return null;\n                return (\n                  <SelectItem\n                    testId={testId}\n                    key={index}\n                    item={item}\n                    label={\n                      (txt?.labels && txt?.labels[item]) ||\n                      intervals[item]?.label ||\n                      (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item)\n                    }\n                    isActive={activeInterval === item}\n                    onItemClick={() => handleItemClick(item.value || item)}\n                    disabled={\n                      item === customKey ||\n                      (minDate &&\n                        intervals[item]?.start?.()?.isBefore?.(momentMinDate))\n                    }\n                  />\n                );\n              })}\n            </div>\n          )}\n          {!isCompact && renderDatepicker()}\n        </div>\n      </div>\n    );\n  };\n\n  const renderMobileOpenedPart = () => {\n    return (\n      <Modal\n        zIndex={101}\n        variant=\"title\"\n        className=\"modal-fin date-picker-modal\"\n        isOpen\n        title=\"Select Interval\"\n        onlyTitle\n        confirmBtnLabel=\"Apply\"\n        onConfirm={() => {\n          onChange({\n            intervalKey: current,\n            ...mobileChange,\n          });\n          setMobileChange({});\n          toggleOff();\n        }}\n        closeModal={() => {\n          setMobileChange({});\n          toggleOff();\n        }}\n        onDecline={() => {\n          setMobileChange({});\n          toggleOff();\n        }}\n        withMobileLogic={withMobileLogic}\n      >\n        <Dropdown\n          label=\"Select Interval\"\n          value={activeInterval}\n          className=\"dropdown-fin\"\n          onChange={(v) => handleItemClick(v)}\n          options={items\n            ?.filter((item) => !item?.isHidden)\n            ?.map((item) => {\n              return {\n                label: capitalized(\n                  (txt?.labels && txt?.labels[item]) ||\n                    intervals[item]?.label ||\n                    (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item),\n                ),\n                value: item,\n              };\n            })}\n          withMobileLogic={withMobileLogic}\n          sortAlphabetical={false}\n        />\n        {renderDatepicker()}\n      </Modal>\n    );\n  };\n\n  const getDateRangeContainer = () => {\n    return document.getElementById(dateRangeContainerId);\n  };\n  const renderDateRangeMobileContainer = () => {\n    const dateRangeContainer = getDateRangeContainer();\n\n    if (!dateRangeContainer) return null;\n\n    return createPortal(renderMobileOpenedPart(), dateRangeContainer);\n  };\n\n  return withMobileLogic && isMobile\n    ? renderDateRangeMobileContainer()\n    : renderOpenedPart();\n};\nexport default React.forwardRef(OpenedPart);\n"],"names":["classNames","require","OpenedPart","props","ref","dateRangeContainerId","txt","buttonsTypes","actualValues","onChange","isHoverable","short","isCompact","isIntervalsHidden","isCompareHidden","limitRange","isOptionsRight","current","setCurrent","isCompare","setIsCompare","toggleOff","isShortWeekNames","minDate","maxDate","momentMinDate","momentMaxDate","isDontLimitFuture","isListTop","mainId","testId","withMobileLogic","isMobile","useIsMobile","boxRef","useRef","elemPosition","useResize","mobileChange","setMobileChange","useState","openedPartClass","openedPartWrapperClass","items","Object","keys","intervals","customKey","activeInterval","setActiveInterval","intervalKey","handleItemClick","item","compare","setTimeout","getSelectedMode","newValues","start","end","moment","get","key","interval","entries","isSame","renderDatepicker","Datepicker","className","cn","values","onChangeMobile","data","onChangeInterval","val","onChangeCompare","onCancel","renderOpenedPart","div","map","index","isHidden","SelectItem","label","labels","CUSTOM_INTERVAL_KEY_TEXT","isActive","onItemClick","value","disabled","isBefore","renderMobileOpenedPart","Modal","zIndex","variant","isOpen","title","onlyTitle","confirmBtnLabel","onConfirm","closeModal","onDecline","Dropdown","v","options","filter","capitalized","sortAlphabetical","getDateRangeContainer","document","getElementById","renderDateRangeMobileContainer","dateRangeContainer","createPortal","React","forwardRef"],"mappings":"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"}

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

@@ -34,3 +34,5 @@ const SelectItem = ({ item, label, isActive, onItemClick, onMouseEnter, disabled
         ]
     });
 const _default = SelectItem;
+
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/InputDateRange/components/SelectItem.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport { Check2 } from \"../../../../Molecular/CustomIcons\";\n\nconst SelectItem = ({\n  item,\n  label,\n  isActive,\n  onItemClick,\n  onMouseEnter,\n  disabled,\n  testId = \"select-item\",\n}) => (\n  <div\n    className={cn(\"opened-part__intervals-item\", {\n      \"opened-part__intervals-item_active\": isActive,\n      \"opened-part__intervals-item_disabled\": disabled,\n    })}\n    onClick={onItemClick}\n    onMouseEnter={onMouseEnter}\n    data-item={item}\n    data-testid={testId}\n  >\n    {isActive && (\n      <Check2 className={cn(\"opened-part__intervals-item-icon-active\")} />\n    )}\n    {label}\n  </div>\n);\nexport default SelectItem;\n"],"names":["SelectItem","item","label","isActive","onItemClick","onMouseEnter","disabled","testId","div","className","cn","onClick","data-item","data-testid","Check2"],"mappings":";;;;+BA+BA;;;eAAA;;;;8DA/BkB;mEAEH;6BAEQ;;;;;;AAEvB,MAAMA,aAAa,CAAC,EAClBC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,YAAY,EACZC,QAAQ,EACRC,SAAS,aAAa,EACvB,iBACC,sBAACC;QACCC,WAAWC,IAAAA,mBAAE,EAAC,+BAA+B;YAC3C,sCAAsCP;YACtC,wCAAwCG;QAC1C;QACAK,SAASP;QACTC,cAAcA;QACdO,aAAWX;QACXY,eAAaN;;YAEZJ,0BACC,qBAACW,mBAAM;gBAACL,WAAWC,IAAAA,mBAAE,EAAC;;YAEvBR;;;MAGL,WAAeF"}

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

@@ -45,6 +45,19 @@ _export(exports, {
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+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
@@ -91,6 +104,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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 getIsDateValid = (date)=>(0, _momenttimezone.default)(date).isValid();
 const useClickOutside = (hideComponent, additionalComponent)=>{
     const ref = (0, _react.useRef)(null);
@@ -249,11 +301,11 @@ const getActualDateRange = (inputDateRange)=>{
         return actualValues;
     };
     const interval = getActualIntervalKey();
-    return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? {
-        intervalKey: interval,
-        ...getIntervalDate(interval)
-    } : {
-        ...inputDateRange,
+    return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? _object_spread({
         intervalKey: interval
-    };
+    }, getIntervalDate(interval)) : _object_spread_props(_object_spread({}, inputDateRange), {
+        intervalKey: interval
+    });
 };
+
+//# sourceMappingURL=dependencies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputDateRange/dependencies.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport moment from \"moment-timezone\";\n\nexport const getIsDateValid = (date) => moment(date).isValid();\n\nexport const useClickOutside = (hideComponent, additionalComponent) => {\n  const ref = useRef(null);\n\n  const checkCondition = (target) => {\n    if (additionalComponent && additionalComponent?.length) {\n      return (\n        !ref.current?.contains(target) &&\n        !Array.from(additionalComponent)?.some((item) => item?.contains(target))\n      );\n    } else {\n      return !ref.current?.contains(target);\n    }\n  };\n\n  const handleClickOutside = useCallback(\n    ({ target }) => {\n      if (checkCondition(target)) hideComponent();\n    },\n    [hideComponent],\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside, true);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside, true);\n    };\n  }, []);\n\n  return ref;\n};\n\nexport const useToggle = (initialState) => {\n  const [isToggled, setToggle] = useState(Boolean(initialState));\n  const toggle = useCallback(() => setToggle((isOn) => !isOn), []);\n  const toggleOn = useCallback(() => setToggle(true), []);\n  const toggleOff = useCallback(() => setToggle(false), []);\n\n  return {\n    isToggled,\n    toggle,\n    toggleOn,\n    toggleOff,\n  };\n};\n\nexport const INTERVALS = {\n  today: {\n    label: \"today\",\n    start: () => moment().startOf(\"day\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  yesterday: {\n    label: \"yesterday\",\n    start: () => moment().subtract(1, \"day\").startOf(\"day\"),\n    end: () => moment().startOf(\"day\"),\n  },\n  thisWeek: {\n    label: \"This Week\",\n    start: () => moment().startOf(\"week\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  lastWeek: {\n    label: \"Last Week\",\n    start: () => moment().subtract(1, \"week\").startOf(\"week\"),\n    end: () => moment().startOf(\"week\"),\n  },\n  last7Days: {\n    label: \"Last 7 Days\",\n    start: () => moment().subtract(6, \"day\").startOf(\"day\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  last14Days: {\n    label: \"Last 14 Days\",\n    start: () => moment().subtract(13, \"day\").startOf(\"day\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  last30Days: {\n    label: \"Last 30 Days\",\n    start: () => moment().subtract(29, \"day\").startOf(\"day\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  thisMonth: {\n    label: \"This Month\",\n    start: () => moment().startOf(\"month\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  lastMonth: {\n    label: \"Last Month\",\n    start: () => moment().subtract(1, \"month\").startOf(\"month\"),\n    end: () => moment().startOf(\"month\"),\n  },\n  last6Months: {\n    label: \"Last 6 Months\",\n    start: () => moment().subtract(6, \"month\").startOf(\"month\"),\n    end: () => moment().startOf(\"month\"),\n  },\n  sixMonths: {\n    label: \"6 Months\",\n    isHidden: true,\n    start: () => moment().subtract(6, \"month\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  thisYear: {\n    label: \"This Year\",\n    start: () => moment().startOf(\"year\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  year: {\n    label: \"Year\",\n    isHidden: true,\n    start: () => moment().subtract(1, \"year\"),\n    end: () => moment().add(1, \"day\").startOf(\"day\"),\n  },\n  lastYear: {\n    label: \"Last Year\",\n    start: () => moment().subtract(1, \"year\").startOf(\"year\"),\n    end: () => moment().startOf(\"year\"),\n  },\n  allTime: {\n    label: \"All Time\",\n    start: () => moment(\"2022-01-01T00:00:00\"),\n    end: () => moment(),\n    // start: () => null,\n    // end: () => null,\n  },\n};\nexport const ALL_TIME_KEY = \"allTime\";\nexport const CUSTOM_INTERVAL_KEY = \"customDate\";\nexport const CUSTOM_INTERVAL_KEY_TEXT = \"Custom Date\";\nexport const MAIN_FORMAT = \"YYYY-MM-DDTHH:mm\";\nexport const MAIN_DATE_FORMAT = \"YYYY-MM-DD\";\nexport const MAIN_TIME_FORMAT = \"HH:mm\";\n\nexport const getActualDateRange = (inputDateRange) => {\n  const getActualIntervalKey = () => {\n    if (\n      inputDateRange.intervalKey &&\n      Object.keys(INTERVALS).includes(inputDateRange.intervalKey)\n    ) {\n      return inputDateRange.intervalKey;\n    } else if (inputDateRange.start && inputDateRange.end) {\n      for (const [key, interval] of Object.entries(INTERVALS)) {\n        if (\n          moment(inputDateRange.start).isSame(interval.start()) &&\n          moment(inputDateRange.end).isSame(interval.end())\n        ) {\n          return key;\n        }\n      }\n      return CUSTOM_INTERVAL_KEY;\n    }\n    return ALL_TIME_KEY;\n  };\n\n  const getIntervalDate = (intervalKey) => {\n    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY)\n      return {\n        start: null,\n        end: null,\n        compare: inputDateRange.compare,\n        startPrevDate: null,\n        endPrevDate: null,\n      };\n\n    const actualValues = {\n      start: INTERVALS[intervalKey]?.start()?.format(MAIN_FORMAT),\n      end: INTERVALS[intervalKey]?.end()?.format(MAIN_FORMAT),\n      compare: inputDateRange.compare,\n    };\n\n    if (actualValues.compare) {\n      const intervalHoursCount = moment(actualValues.end).diff(\n        actualValues.start,\n        \"hours\",\n      );\n      actualValues.startPrevDate = moment(actualValues.start)\n        .subtract(intervalHoursCount, \"hours\")\n        .toDate();\n      actualValues.endPrevDate = actualValues.start;\n    }\n    return actualValues;\n  };\n\n  const interval = getActualIntervalKey();\n\n  return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY\n    ? { intervalKey: interval, ...getIntervalDate(interval) }\n    : { ...inputDateRange, intervalKey: interval };\n};\n"],"names":["ALL_TIME_KEY","CUSTOM_INTERVAL_KEY","CUSTOM_INTERVAL_KEY_TEXT","INTERVALS","MAIN_DATE_FORMAT","MAIN_FORMAT","MAIN_TIME_FORMAT","getActualDateRange","getIsDateValid","useClickOutside","useToggle","date","moment","isValid","hideComponent","additionalComponent","ref","useRef","checkCondition","target","length","Array","current","contains","from","some","item","handleClickOutside","useCallback","useEffect","document","addEventListener","removeEventListener","initialState","isToggled","setToggle","useState","Boolean","toggle","isOn","toggleOn","toggleOff","today","label","start","startOf","end","add","yesterday","subtract","thisWeek","lastWeek","last7Days","last14Days","last30Days","thisMonth","lastMonth","last6Months","sixMonths","isHidden","thisYear","year","lastYear","allTime","inputDateRange","getActualIntervalKey","intervalKey","Object","keys","includes","key","interval","entries","isSame","getIntervalDate","compare","startPrevDate","endPrevDate","actualValues","format","intervalHoursCount","diff","toDate"],"mappings":"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"}