intelicoreact 2.0.18 → 2.0.20

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputCurrency.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputCurrency/InputCurrency.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport type { IInputCurrencyProps, IOnlyNumbersConfig } from './InputCurrency.interface';\n\nimport cn from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { filterNumeric } from '../../../Functions/fieldValueFormatters';\n\nimport './InputCurrency.scss';\n\nconst attrsOfNativeInputDefault = {} as IInputCurrencyProps['attributesOfNativeInput'];\nconst CN = 'input-currency';\n/**\n * Type-annotation обязателен: без него TS widens `type: 'float'` → `type: string`,\n * и при передаче в `filterNumeric(...: IBitDepthSettings)` ловим TS2345.\n */\nconst ONLY_NUMBERS_DEFAULT: IOnlyNumbersConfig = {\n  type: 'float',\n  decimalPlaces: 2,\n};\n\nconst InputCurrency: FC<IInputCurrencyProps> = ({\n  currencySymbol = '$',\n  testId = CN,\n  onChange,\n  className,\n  value,\n  disabled,\n  attributesOfNativeInput = attrsOfNativeInputDefault,\n  min = 0,\n  max,\n  error,\n  isNoCheckMinMax,\n  allowZero = false,\n  onlyNumbers = ONLY_NUMBERS_DEFAULT,\n}) => {\n  const [inputValue, setInputValue] = useState<string>(currencySymbol);\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const formatNumberWithCommas = (number: number | string): string => {\n    const parts = number.toString().split('.');\n    parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    return parts.join('.');\n  };\n\n  const formatCurrencyInput = (event: React.ChangeEvent<HTMLInputElement>): void => {\n    let newValue = event.target.value;\n    newValue = newValue.replace(currencySymbol, '');\n\n    // If user typed comma(',') replace it to dot('.') for float value typing\n    if (typeof newValue === 'string' && newValue.charAt(newValue.length - 1) === ',')\n      newValue = newValue.substring(0, newValue.length - 1).concat('.');\n\n    // Handle decimal input separately\n    const parts = newValue.split('.');\n    const integerPart = parts[0];\n    const decimalPart = parts[1];\n\n    // Filter and format the integer part\n    const preparedIntegerValue = filterNumeric(integerPart, { ...onlyNumbers, type: 'int' });\n    const parsedIntegerValue = Number.parseInt(preparedIntegerValue);\n\n    if (!Number.isNaN(parsedIntegerValue)) {\n      if (parsedIntegerValue === 0 && !decimalPart) {\n        if (allowZero) {\n          setInputValue(`${currencySymbol}0`);\n          onChange(0);\n        }\n        else {\n          setInputValue(currencySymbol);\n          onChange('');\n        }\n      }\n      else {\n        let formattedValue = formatNumberWithCommas(parsedIntegerValue);\n\n        // Add decimal part if exists\n        if (decimalPart !== undefined) {\n          const filteredDecimal = filterNumeric(decimalPart, { type: 'int' });\n          if (filteredDecimal) {\n            formattedValue += `.${filteredDecimal.slice(0, onlyNumbers.decimalPlaces)}`;\n          }\n          else if (decimalPart === '') {\n            formattedValue += '.';\n          }\n        }\n\n        setInputValue(`${currencySymbol}${formattedValue}`);\n        onChange(Number.parseFloat(formattedValue.replace(/,/g, '')));\n      }\n    }\n    else {\n      setInputValue(currencySymbol);\n      onChange('');\n    }\n  };\n\n  const onInputClick = (): void => {\n    if (!inputValue && inputRef.current) {\n      inputRef.current.selectionStart = inputRef.current.selectionEnd\n        = currencySymbol ? currencySymbol.length : 1;\n    }\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (event.key.match(/^[a-z0-9]$/i) && inputRef.current) {\n      setInputValue(inputValue.slice(0, inputRef.current.selectionStart || 0));\n    }\n  };\n\n  const checkMinMax = (event: React.FocusEvent<HTMLInputElement> | null, checkValue?: string | number): boolean => {\n    const clearValue = checkValue ?? filterNumeric(event?.target?.value || '', onlyNumbers);\n\n    if (!clearValue) return false;\n\n    const numericValue = typeof clearValue === 'string' ? Number.parseFloat(clearValue) : clearValue;\n\n    if (numericValue < min) {\n      setInputValue(`${currencySymbol}${formatNumberWithCommas(min)}`);\n      onChange(min);\n      return false;\n    }\n\n    if (max && numericValue > max) {\n      setInputValue(`${currencySymbol}${formatNumberWithCommas(max)}`);\n      onChange(max);\n      return false;\n    }\n\n    return true;\n  };\n\n  useEffect(() => {\n    if (value === 0 || value === '0') {\n      if (allowZero) {\n        setInputValue(`${currencySymbol}0`);\n        onChange(0);\n      }\n      else {\n        setInputValue(currencySymbol);\n        onChange('');\n      }\n    }\n    else if (value) {\n      setInputValue(`${currencySymbol}${formatNumberWithCommas(value)}`);\n    }\n    else {\n      setInputValue(currencySymbol);\n    }\n  }, [value, currencySymbol, allowZero]);\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn('input-currency-box', className, {\n        disabled,\n        'input-currency__error': error,\n        'input-currency__focused': isFocused,\n      })}\n    >\n      <input\n        className={CN}\n        type=\"text\"\n        ref={inputRef}\n        value={inputValue}\n        onChange={formatCurrencyInput}\n        onClick={onInputClick}\n        onKeyDown={onKeyDown}\n        {...attributesOfNativeInput}\n        onFocus={(e) => {\n          attributesOfNativeInput?.onFocus?.(e);\n          setIsFocused(true);\n        }}\n        onBlur={(e) => {\n          attributesOfNativeInput?.onBlur?.(e);\n          if (!isNoCheckMinMax) {\n            const currentValue = Number.parseFloat(\n              filterNumeric(inputValue.replace(currencySymbol, ''), onlyNumbers),\n            );\n            checkMinMax(null, currentValue);\n          }\n          setIsFocused(false);\n        }}\n      />\n    </div>\n  );\n};\n\nInputCurrency.displayName = 'InputCurrency';\n\nexport default InputCurrency;\n"],"mappings":";;;;;;AAWA,IAAM,4BAA4B,CAAC;AACnC,IAAM,KAAK;;;;;AAKX,IAAM,uBAA2C;CAC/C,MAAM;CACN,eAAe;AACjB;AAEA,IAAM,iBAA0C,EAC9C,iBAAiB,KACjB,SAAS,IACT,UACA,WACA,OACA,UACA,0BAA0B,2BAC1B,MAAM,GACN,KACA,OACA,iBACA,YAAY,OACZ,cAAc,2BACV;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAiB,cAAc;CACnE,MAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;CACzD,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,0BAA0B,WAAoC;EAClE,MAAM,QAAQ,OAAO,SAAS,CAAC,CAAC,MAAM,GAAG;EACzC,MAAM,KAAK,MAAM,EAAE,CAAC,QAAQ,yBAAyB,GAAG;EACxD,OAAO,MAAM,KAAK,GAAG;CACvB;CAEA,MAAM,uBAAuB,UAAqD;EAChF,IAAI,WAAW,MAAM,OAAO;EAC5B,WAAW,SAAS,QAAQ,gBAAgB,EAAE;EAG9C,IAAI,OAAO,aAAa,YAAY,SAAS,OAAO,SAAS,SAAS,CAAC,MAAM,KAC3E,WAAW,SAAS,UAAU,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,OAAO,GAAG;EAGlE,MAAM,QAAQ,SAAS,MAAM,GAAG;EAChC,MAAM,cAAc,MAAM;EAC1B,MAAM,cAAc,MAAM;EAG1B,MAAM,uBAAuB,cAAc,aAAa;GAAE,GAAG;GAAa,MAAM;EAAM,CAAC;EACvF,MAAM,qBAAqB,OAAO,SAAS,oBAAoB;EAE/D,IAAI,CAAC,OAAO,MAAM,kBAAkB,GAClC,IAAI,uBAAuB,KAAK,CAAC,aAC/B,IAAI,WAAW;GACb,cAAc,GAAG,eAAe,EAAE;GAClC,SAAS,CAAC;EACZ,OACK;GACH,cAAc,cAAc;GAC5B,SAAS,EAAE;EACb;OAEG;GACH,IAAI,iBAAiB,uBAAuB,kBAAkB;GAG9D,IAAI,gBAAgB,KAAA,GAAW;IAC7B,MAAM,kBAAkB,cAAc,aAAa,EAAE,MAAM,MAAM,CAAC;IAClE,IAAI,iBACF,kBAAkB,IAAI,gBAAgB,MAAM,GAAG,YAAY,aAAa;SAErE,IAAI,gBAAgB,IACvB,kBAAkB;GAEtB;GAEA,cAAc,GAAG,iBAAiB,gBAAgB;GAClD,SAAS,OAAO,WAAW,eAAe,QAAQ,MAAM,EAAE,CAAC,CAAC;EAC9D;OAEG;GACH,cAAc,cAAc;GAC5B,SAAS,EAAE;EACb;CACF;CAEA,MAAM,qBAA2B;EAC/B,IAAI,CAAC,cAAc,SAAS,SAC1B,SAAS,QAAQ,iBAAiB,SAAS,QAAQ,eAC/C,iBAAiB,eAAe,SAAS;CAEjD;CAEA,MAAM,aAAa,UAAuD;EACxE,IAAI,MAAM,IAAI,MAAM,aAAa,KAAK,SAAS,SAC7C,cAAc,WAAW,MAAM,GAAG,SAAS,QAAQ,kBAAkB,CAAC,CAAC;CAE3E;CAEA,MAAM,eAAe,OAAkD,eAA0C;EAC/G,MAAM,aAAa,cAAc,cAAc,OAAO,QAAQ,SAAS,IAAI,WAAW;EAEtF,IAAI,CAAC,YAAY,OAAO;EAExB,MAAM,eAAe,OAAO,eAAe,WAAW,OAAO,WAAW,UAAU,IAAI;EAEtF,IAAI,eAAe,KAAK;GACtB,cAAc,GAAG,iBAAiB,uBAAuB,GAAG,GAAG;GAC/D,SAAS,GAAG;GACZ,OAAO;EACT;EAEA,IAAI,OAAO,eAAe,KAAK;GAC7B,cAAc,GAAG,iBAAiB,uBAAuB,GAAG,GAAG;GAC/D,SAAS,GAAG;GACZ,OAAO;EACT;EAEA,OAAO;CACT;CAEA,gBAAgB;EACd,IAAI,UAAU,KAAK,UAAU,KAC3B,IAAI,WAAW;GACb,cAAc,GAAG,eAAe,EAAE;GAClC,SAAS,CAAC;EACZ,OACK;GACH,cAAc,cAAc;GAC5B,SAAS,EAAE;EACb;OAEG,IAAI,OACP,cAAc,GAAG,iBAAiB,uBAAuB,KAAK,GAAG;OAGjE,cAAc,cAAc;CAEhC,GAAG;EAAC;EAAO;EAAgB;CAAS,CAAC;CAErC,OACE,oBAAC,OAAD;EACE,eAAa;EACb,WAAW,GAAG,sBAAsB,WAAW;GAC7C;GACA,yBAAyB;GACzB,2BAA2B;EAC7B,CAAC;YAED,oBAAC,SAAD;GACE,WAAW;GACX,MAAK;GACL,KAAK;GACL,OAAO;GACP,UAAU;GACV,SAAS;GACE;GACX,GAAI;GACJ,UAAU,MAAM;IACd,yBAAyB,UAAU,CAAC;IACpC,aAAa,IAAI;GACnB;GACA,SAAS,MAAM;IACb,yBAAyB,SAAS,CAAC;IACnC,IAAI,CAAC,iBAAiB;KACpB,MAAM,eAAe,OAAO,WAC1B,cAAc,WAAW,QAAQ,gBAAgB,EAAE,GAAG,WAAW,CACnE;KACA,YAAY,MAAM,YAAY;IAChC;IACA,aAAa,KAAK;GACpB;EACD,CAAA;CACE,CAAA;AAET;AAEA,cAAc,cAAc"}

package/dist/es/Atomic/FormElements/InputCurrency/InputCurrency.styles.css

@@ -0,0 +1,13 @@
+.input-currency {
+  box-sizing: border-box;
+  height: 40px;
+  max-height: 40px;
+  padding: 0 16px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0.2px;
+  border: 1px solid #e1e8f1;
+  border-radius: 6px;
+  background: #f8fbff;
+}

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

@@ -0,0 +1,215 @@
+import '../../../styles/base.css';
+import useIsMobile from "../../../Functions/useIsMobile/useIsMobile.js";
+import Arrow from "../../UI/Arrow/Arrow.js";
+import { INTERVALS, MAIN_FORMAT, MAIN_TIME_FORMAT, getActualDateRange, useClickOutside, useToggle } from "./dependencies.js";
+import OpenedPart from "./components/OpenedPart.js";
+import './InputDateRange.styles.css';/* empty css                    */
+import cn from "classnames";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import moment from "moment-timezone";
+//#region src/Atomic/FormElements/InputDateRange/InputDateRange.tsx
+function checkFormat(date, format) {
+	const momentObj = moment(date, format);
+	return momentObj.isValid() ? momentObj.format(format) : null;
+}
+var InputDateRange = (props) => {
+	const { txt, id, label, subLabel, className, value, onChange, error, disabled, isHoverable, isCompact = false, hideArrows = false, isOptionsRight, isUseAbs, testId = "input-date-range", minDate, maxDate, 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 ref = useClickOutside(toggleOff, document.getElementsByClassName("dropdown__container"), !(!isUseAbs && !isMobile));
+	const internalContainerRef = useRef(null);
+	const [dateRangeContainerId] = 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 /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+			className: getClasses(firstPart),
+			children: [firstPart, endTime === "00:00" && moment(end).isSame(moment(start).add(1, "days"), "day") ? "" : ` - `]
+		}), endTime === "00:00" && moment(end).isSame(moment(start).add(1, "days"), "day") ? null : /* @__PURE__ */ jsx("span", {
+			className: getClasses(secondPart),
+			children: secondPart
+		})] });
+	};
+	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 /* @__PURE__ */ jsxs("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
+		}),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "date-range-input__label",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "date-range-input__wraper",
+				ref,
+				onMouseEnter: isHoverable ? toggleOn : () => null,
+				onMouseLeave: isHoverable ? toggleOff : () => null,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: cn("date-range-input__absolut-wraper", { "date-range-input__absolut-wraper_right-position": isOptionsRight }),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: cn("date-range-input__static-part"),
+						children: [/* @__PURE__ */ jsxs("button", {
+							type: "button",
+							id,
+							className: cn("date-range-input__toggle-button"),
+							disabled,
+							onClick: !disabled && !isHoverable ? toggle : void 0,
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "date-range-input__interval-key",
+								children: [
+									subLabel && /* @__PURE__ */ jsxs("span", {
+										className: "date-range-input__label",
+										children: [
+											subLabel,
+											":",
+											" "
+										]
+									}),
+									/* @__PURE__ */ jsx("span", { children: (txt?.labels && actualValues?.intervalKey && txt.labels[actualValues?.intervalKey]) ?? (actualValues?.intervalKey && INTERVALS[actualValues?.intervalKey] ? INTERVALS[actualValues?.intervalKey]?.label : "Custom Date") }),
+									current !== "allTime" && /* @__PURE__ */ jsx("span", { children: ":" })
+								]
+							}), !isCompact && /* @__PURE__ */ jsx("div", {
+								className: cn("date-range-input__range", {}),
+								children: /* @__PURE__ */ jsx(Range, {})
+							})]
+						}), !isCompact && !hideArrows && /* @__PURE__ */ jsxs("div", {
+							className: cn("date-range-input__arrows-block"),
+							children: [/* @__PURE__ */ jsx(Arrow, {
+								testId,
+								type: "left",
+								className: "date-range-input__arrow",
+								onClick: () => handleArrowClick("left"),
+								disabled: disabled || actualValues?.intervalKey === "allTime" || formatedMinDate && moment(actualValues?.start).subtract(moment(actualValues?.end).diff(actualValues?.start, "hours"), "hours").isBefore(momentMinDate),
+								isAlt: isAltArrows
+							}), /* @__PURE__ */ jsx(Arrow, {
+								testId,
+								type: "right",
+								className: "date-range-input__arrow",
+								onClick: () => handleArrowClick("right"),
+								disabled: disabled || actualValues?.intervalKey === "allTime" || !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
+							})]
+						})]
+					}), isToggled && !isUseAbs && /* @__PURE__ */ jsx(OpenedPart, {
+						...props,
+						dateRangeContainerId,
+						mainId: id,
+						testId,
+						actualValues,
+						current,
+						setCurrent,
+						isCompare,
+						setIsCompare,
+						toggleOff,
+						onChange: handleChange,
+						minDate: formatedMinDate,
+						maxDate: formatedMaxDate,
+						momentMinDate,
+						momentMaxDate,
+						isDontLimitFuture,
+						isListTop,
+						renderIntervals,
+						isDoNotPullOutListOfMainContainer
+					})]
+				})
+			}),
+			error && /* @__PURE__ */ jsx("span", {
+				className: "date-range-input__error-block",
+				children: error
+			})
+		]
+	});
+};
+var InputDateRange_default = React.memo(InputDateRange);
+//#endregion
+export { InputDateRange_default as default };
+
+//# sourceMappingURL=InputDateRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDateRange.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputDateRange/InputDateRange.tsx"],"sourcesContent":["import type { Moment } from 'moment-timezone';\nimport type { LegacyRef } from 'react';\n\nimport type { IInputDateRange, IInputDateRangeProps } from './InputDateRange.interface';\nimport cn from 'classnames';\nimport moment from 'moment-timezone';\n\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport useIsMobile from '../../../Functions/useIsMobile/useIsMobile';\n\nimport Arrow from '../../UI/Arrow/Arrow';\nimport OpenedPart from './components/OpenedPart';\n\nimport {\n  ALL_TIME_KEY,\n  CUSTOM_INTERVAL_KEY_TEXT,\n  getActualDateRange,\n  INTERVALS,\n  MAIN_FORMAT,\n  MAIN_TIME_FORMAT,\n  useClickOutside,\n  useToggle,\n} from './dependencies';\nimport './InputDateRange.scss';\n\nfunction checkFormat(date: Date | Moment | string | undefined, format: string): string | null {\n  const momentObj = moment(date, format);\n  return momentObj.isValid() ? momentObj.format(format) : null;\n}\n\nconst InputDateRange: React.FC<IInputDateRangeProps> = (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,\n    maxDate,\n    minMaxDateParseFormat = 'MM/DD/YYYY',\n    isDontLimitFuture,\n    isListTop,\n    isAltArrows,\n    renderIntervals,\n    isDoNotPullOutListOfMainContainer,\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 = useClickOutside(toggleOff, dropdownContainers, !(!isUseAbs && !isMobile));\n  const internalContainerRef = useRef(null);\n\n  const [dateRangeContainerId] = useState(\n    Math.random().toString(16).slice(2),\n  );\n\n  const handleChange = (input: IInputDateRange): IInputDateRange => {\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 = (): JSX.Element | null => {\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: string): string =>\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')\n          ? null\n          : (\n              <span className={getClasses(secondPart)}>{secondPart}</span>\n            )}\n      </>\n    );\n  };\n\n  const slideInterval = (direction = 'forward'): void => {\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    }\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: string): void => {\n    slideInterval(type === 'right' ? 'forward' : 'back');\n    toggleOff();\n  };\n\n  const getParentNode = (): Element | null => {\n    return (\n      document.querySelector('div#root') ?? document.querySelector('div#app')\n    );\n  };\n  const initDateRangeContainer = (): void => {\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 = (): HTMLElement | null => {\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 as LegacyRef<HTMLDivElement>}\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              type=\"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\">\n                    {subLabel}\n                    :\n                    {' '}\n                  </span>\n                )}\n                <span>\n                  {(txt?.labels && actualValues?.intervalKey && txt.labels[actualValues?.intervalKey])\n                    ?? (actualValues?.intervalKey && INTERVALS[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 as string}\n              testId={testId}\n              actualValues={actualValues}\n              current={current as string}\n              setCurrent={setCurrent}\n              isCompare={isCompare}\n              setIsCompare={setIsCompare}\n              toggleOff={toggleOff}\n              onChange={handleChange}\n              minDate={formatedMinDate as string}\n              maxDate={formatedMaxDate as string}\n              momentMinDate={momentMinDate}\n              momentMaxDate={momentMaxDate}\n              isDontLimitFuture={isDontLimitFuture}\n              isListTop={isListTop}\n              renderIntervals={renderIntervals}\n              isDoNotPullOutListOfMainContainer={isDoNotPullOutListOfMainContainer}\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"],"mappings":"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"}