intelicoreact 2.0.18 → 2.0.19

package/dist/es/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatepickerCalendar.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Datepicker/components/DatepickerCalendar.tsx"],"sourcesContent":["import type { DatepickerCalendarProps, DaysByWeek } from './DatepickerCalendar.props';\n\nimport cn from 'classnames';\nimport moment from 'moment';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport * as Icon from 'react-feather';\n\nconst DatepickerCalendar: React.FC<DatepickerCalendarProps> = ({\n  date,\n  setDate,\n  startDate,\n  endDate,\n  allowPrev = true,\n  allowNext = true,\n  onClick,\n  onHover,\n  startPrevDate,\n  endPrevDate,\n  limitRange,\n}) => {\n  const [days, setDays] = useState<DaysByWeek>({});\n\n  const title = useMemo(() => `${moment(date).format('MMM')} ${moment(date).format('YYYY')}`, [date]);\n\n  useEffect(() => {\n    const result: DaysByWeek = {};\n    const day = moment(date).startOf('month');\n    const daysInMonth = day.daysInMonth();\n    for (let d = 0; d < daysInMonth; d++) {\n      let week = day.week();\n      if (day.month() === 11 && week === 1) week = 53;\n      if (day.month() === 0 && week === 53) week = 0;\n      if (!result[week]) result[week] = {};\n      result[week][day.weekday()] = { date: day.toDate() };\n      day.add(1, 'd');\n    }\n    setDays(result);\n  }, [date]);\n\n  const renderDay = (week: string | number, dayOfWeek: number): React.ReactNode => {\n    const day = days[+week]?.[dayOfWeek];\n    const isFutureDay = day && moment(day.date).isAfter(moment(), 'day');\n    const isPastDay = limitRange\n      ? day\n      && moment(day.date).isBefore(moment().subtract(limitRange, 'days'), 'day')\n      : null;\n    const isRangeEnd\n      = day\n        && (moment(day.date).isSame(startDate, 'day')\n          || moment(day.date).isSame(moment(endDate).subtract(1, 'hour'), 'day'));\n    const isRangeInside\n      = day\n        && startDate\n        && endDate\n        && moment(day.date).isAfter(startDate, 'day')\n        && moment(day.date).isBefore(moment(endDate).subtract(1, 'hour'), 'day');\n    const isPrevRangeEnd\n      = day\n        && (moment(day.date).isSame(startPrevDate, 'day')\n          || moment(day.date).isSame(moment(endPrevDate).subtract(1, 'day'), 'day'));\n    const isPrevRangeInside\n      = day\n        && startPrevDate\n        && endPrevDate\n        && moment(day.date).isAfter(startPrevDate, 'day')\n        && moment(day.date).isBefore(moment(endPrevDate).subtract(1, 'day'), 'day');\n\n    const classNames = cn(\n      'calendar__day',\n      { 'calendar__day--clickable': day },\n      { 'calendar__day--disabled': isFutureDay || isPastDay },\n      { 'calendar__day--range-end': isRangeEnd },\n      { 'calendar__day--range-inside': isRangeInside },\n      { 'calendar__day--prev-range-end': isPrevRangeEnd },\n      { 'calendar__day--prev-range-inside': isPrevRangeInside },\n    );\n\n    return (\n      <div\n        key={`${week}_${dayOfWeek}`}\n        className={classNames}\n        onClick={day && !isFutureDay ? () => onClick(day.date) : undefined}\n        onMouseOver={day && !isFutureDay ? () => onHover(day.date) : undefined}\n        onMouseLeave={() => onHover(null)}\n      >\n        {day && day.date.getDate()}\n      </div>\n    );\n  };\n\n  const handlePrev = (): void => {\n    setDate(moment(date).subtract(1, 'month').toDate());\n  };\n\n  const handleNext = (): void => {\n    setDate(moment(date).add(1, 'month').toDate());\n  };\n\n  return (\n    <div className=\"calendar\">\n      <div className=\"calendar-header\">\n        <div className=\"calendar-header__prev\">\n          {allowPrev && (\n            <button type=\"button\" data-testid=\"datepicker-calendar-prev\" onClick={handlePrev} aria-label=\"Previous month\">\n              <Icon.ChevronLeft size={16} />\n            </button>\n          )}\n        </div>\n        <div className=\"calendar-header__title\">{title}</div>\n        <div className=\"calendar-header__next\">\n          {allowNext && (\n            <button type=\"button\" data-testid=\"datepicker-calendar-next\" onClick={handleNext} aria-label=\"Next month\">\n              <Icon.ChevronRight size={16} />\n            </button>\n          )}\n        </div>\n      </div>\n      <div className=\"calendar__week\">\n        {Array.from({ length: 7 }, (_, dayOfWeek) => (\n          <div\n            key={`day-of-week_${dayOfWeek}`}\n            className=\"calendar__day calendar__day--title\"\n          >\n            {moment().weekday(dayOfWeek).format('dd').charAt(0)}\n          </div>\n        ))}\n      </div>\n      {Object.keys(days).map((week, index) => (\n        <div key={`week_${index}`} className=\"calendar__week\">\n          {Array.from({ length: 7 }, (_, dayOfWeek) => renderDay(week, dayOfWeek))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default DatepickerCalendar;\n"],"mappings":"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"}

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

@@ -0,0 +1,472 @@
+import '../../../styles/base.css';
+import { formatToOnlyASCIICodeText } from "../../../Functions/fieldValueFormatters.js";
+import Input from "../Input/Input.js";
+import RadioInput from "../RadioInput/RadioInput.js";
+import DropdownLoader from "./components/DropdownLoader.js";
+import useDropdown from "./useDropdown.js";
+import './Dropdown.styles.css';/* empty css              */
+import cn from "classnames";
+import { useCallback, useEffect, useLayoutEffect, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronUp, Code, X } from "react-feather";
+import { createPortal } from "react-dom";
+//#region src/Atomic/FormElements/Dropdown/Dropdown.tsx
+var RC = "dropdown";
+function Dropdown({ label, options, value, error, disabled, onChange, placeholder, className, isSearchable: isSearchableProp, entity, scrollReactionObj, isListTop, isNotValidateASCII = false, testId = "dropdown", sortAlphabetical = true, fieldKey, id, noOptionsText = "No options available", isDoNotPullOutListOfMainContainer, withMobileLogic, withActions, minItemsForShowMobileSearch = 10, customTrigger, tabIndex, onActionConfirmClick, onActionCancelClick, isDefaultOpened, isDefaultOpenedMobile, footerContent, closeOnSelect = true, closeOnSelectMobile = true, withApplyLogic = false, cancelButtonRef, applyButtonRef }) {
+	const { dropdownId, isMobile, isOpen, setIsOpen, searchValue, setSearchValue, initListHeight, setInitListHeight, isSearchChanged, setIsSearchChanged, isSearchInputFocused, setIsSearchInputFocused, isScrollableList, setIsScrollableList, isFixedMaxHeight, setIsFixedMaxHeight, scrollTop, setScrollTop, scrollHeight, setScrollHeight, maxListContainerHeight, setMaxListContainerHeight, getListContainer, getListContainerWrapper, getParentNode, getPreparedOptionLabel, getSortedOptions, filteredGroups, filteredItems, filteredOptions, selectedLabel, postfixText, dropdownRef, dropdownListRef, dropdownListWrapperRef, dropdownFooterRef, searchInputRef, wrapperRef, isSearchable, valueToApply, valueToApplyRef, setValueToApply } = useDropdown({
+		id,
+		fieldKey,
+		value,
+		sortAlphabetical,
+		withMobileLogic,
+		options,
+		isSearchable: isSearchableProp,
+		minItemsForShowMobileSearch,
+		isDoNotPullOutListOfMainContainer
+	});
+	const onCancelClick = () => {
+		setIsOpen(false);
+		setValueToApply?.(null);
+		onActionCancelClick?.();
+	};
+	const onApplyClick = () => {
+		if (valueToApplyRef?.current !== null && valueToApplyRef?.current !== void 0) {
+			onChange?.(valueToApplyRef.current);
+			setTimeout(() => onActionConfirmClick?.(), 1);
+		}
+		onCancelClick?.();
+	};
+	const onChangeHandler = (item) => {
+		if (isMobile ? closeOnSelectMobile : closeOnSelect) setIsOpen(false);
+		if (withApplyLogic && applyButtonRef?.current) setValueToApply?.(item.value);
+		else onChange?.(item.value);
+	};
+	const onKeyDown = (e) => {
+		if (![9, 13].includes(e.keyCode)) return false;
+		onCancelClick();
+		return true;
+	};
+	const onKeyUp = (e) => {
+		if (![9, 13].includes(e.keyCode)) return false;
+		setIsOpen(true);
+		return true;
+	};
+	const onSearchHandler = (name) => {
+		let inputValue = name;
+		if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
+		setIsSearchChanged(true);
+		setSearchValue(inputValue);
+	};
+	const onWrapperClick = (e) => {
+		if (e.target === wrapperRef?.current) {
+			e.stopPropagation();
+			e.preventDefault();
+			onCancelClick();
+		}
+	};
+	const handleInputChange = (value) => {
+		onSearchHandler(value);
+	};
+	const handleClickOutside = (event) => {
+		if (!getListContainer()?.contains(event?.target) && dropdownRef?.current !== null && !dropdownRef?.current.contains(event?.target)) onCancelClick();
+	};
+	const doScrollCallback = useCallback((e) => {
+		const { callback, isWithAnyScrolling, scrollingInaccuracy = 0 } = scrollReactionObj || {};
+		const target = e?.target;
+		if (callback && typeof callback === "function") {
+			if (isWithAnyScrolling) callback(e);
+			else if (Math.round(target.clientHeight + target.scrollTop + scrollingInaccuracy) >= target.scrollHeight) callback(e);
+		}
+	}, [filteredOptions]);
+	const initListContainer = () => {
+		const dropdownList = document.createElement("div");
+		dropdownList.setAttribute("id", dropdownId);
+		dropdownList.classList.add("dropdown__container");
+		if (isMobile) dropdownList.addEventListener("click", (e) => {
+			const { id } = e?.target;
+			if (id === dropdownId) onCancelClick();
+		});
+		try {
+			getListContainer()?.remove();
+		} finally {
+			if (isMobile) {
+				try {
+					document.getElementById(`mlw-${dropdownId}`)?.remove();
+				} catch {}
+				const dropdownMobileListWrapper = document.createElement("div");
+				dropdownMobileListWrapper.classList.add("dropdown-mobile");
+				dropdownMobileListWrapper.setAttribute("id", `mlw-${dropdownId}`);
+				dropdownMobileListWrapper?.append(dropdownList);
+				getParentNode()?.append(dropdownMobileListWrapper);
+			} else getParentNode()?.append(dropdownList);
+		}
+	};
+	const setListContainerStyles = () => {
+		const lc = getListContainer();
+		if (!lc || !isOpen) return false;
+		const windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		const { width, height = 0, left, top = 0 } = dropdownRef?.current?.getBoundingClientRect() ?? {};
+		const sw = lc.getElementsByClassName("dropdown__list")[0];
+		const lh = (dropdownListWrapperRef?.current)?.getElementsByClassName("dropdown__list-header")[0];
+		const margin = Number.parseInt(getComputedStyle(dropdownListWrapperRef?.current)?.marginTop?.replace("px", "") ?? "0", 10);
+		const maxHeight = initListHeight ?? Number.parseInt(getComputedStyle(sw)?.maxHeight?.replace("px", "") ?? "0", 10);
+		if (initListHeight === null) setInitListHeight(maxHeight);
+		const toTop = top - margin;
+		const toBottom = windowHeight - top - height - margin * 2;
+		const swHeight = sw?.getBoundingClientRect()?.height;
+		const maxSwHeight = (isMobile ? (dropdownListWrapperRef?.current)?.getBoundingClientRect()?.height - lh?.getBoundingClientRect()?.height : toTop >= maxHeight || toBottom >= maxHeight ? maxHeight - 3 * margin : toTop > toBottom ? toTop - 3 * margin : toBottom - 4 * margin) - (dropdownFooterRef?.current?.getBoundingClientRect()?.height ?? 0);
+		const listPos = toTop < toBottom || toBottom >= swHeight ? "bottom" : "top";
+		lc.style.minWidth = `${width}px`;
+		lc.style.left = `${left}px`;
+		lc.style.top = `${listPos === "bottom" ? top + height : top - margin * 3 - Number.parseInt(getComputedStyle(dropdownListWrapperRef?.current)?.height?.replace("px", "") ?? "0", 10)}px`;
+		if (maxListContainerHeight !== maxSwHeight && !isMobile) setMaxListContainerHeight(maxSwHeight);
+		sw.style.maxHeight = `${maxSwHeight}px`;
+		return true;
+	};
+	const toggleList = (e) => {
+		e?.stopPropagation();
+		setIsOpen((isOpen) => {
+			return !isOpen;
+		});
+	};
+	const closeList = isOpen ? handleClickOutside : () => {};
+	const getDepends = (getDependsTrigger) => {
+		const newOnChange = (e) => {
+			if (e.value === "open_modal") onChange?.("open_modal");
+			else onChangeHandler(e);
+		};
+		const newOptions = [{
+			label: `New ${entity}`,
+			value: "open_modal",
+			className: "dropdown__list-item--modal"
+		}, ...filteredOptions ?? []];
+		return {
+			onChange: (changeItem) => {
+				return getDependsTrigger ? newOnChange(changeItem) : onChangeHandler(changeItem);
+			},
+			options: getDependsTrigger ? newOptions : options
+		};
+	};
+	const modalBtnTrigger = useMemo(() => entity && entity !== "" && typeof entity === "string", [entity]);
+	const depend = useMemo(() => getDepends(modalBtnTrigger), [modalBtnTrigger, filteredOptions]);
+	const getMarkupForElement = (item, _index, optTestId) => {
+		return /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"data-testid": `${testId}-${optTestId}-option`,
+			onMouseDown: () => depend.onChange(item),
+			className: cn(`${RC}__list-item`, {
+				[`${RC}__list-item_active`]: item.value === (valueToApply ?? value),
+				[`${RC}__list-item_disabled`]: item.disabled
+			}, item.className),
+			value: item?.value,
+			children: [
+				!isMobile && /* @__PURE__ */ jsx("span", {
+					className: cn(`${RC}__active-icon`, { [`${RC}__active-icon_active`]: item.value === value }),
+					children: /* @__PURE__ */ jsx(Check, {})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__list-item-label`, item.labelClassName || ""),
+					dangerouslySetInnerHTML: { __html: getPreparedOptionLabel(item.label, item.postfix, item.description) }
+				}),
+				item?.icon || "",
+				isMobile ? item?.customMobileIcon ?? /* @__PURE__ */ jsx(RadioInput, {
+					value: item.value,
+					checked: valueToApply ?? value
+				}) : ""
+			]
+		}, item.value?.toString()?.replace(/ /g, "_"));
+	};
+	const filteredOptionList = (filteredOption) => {
+		return (filteredOption.items?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}-group`, filteredOption.className),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: `${RC}-group__name`,
+				children: filteredOption.label
+			}), filteredOption.items?.map((el, index) => getMarkupForElement(el, index, (el?.testId || index)?.toString()))]
+		}, filteredOption.label?.toString()?.replace(/ /g, "_").concat(Date.now()?.toString())) : null;
+	};
+	const getListMarkUp = () => {
+		return /* @__PURE__ */ jsx("div", {
+			"data-testid": `${testId}-container-wrapper`,
+			className: cn(`${RC}__container-wrapper`),
+			ref: wrapperRef,
+			onClick: isMobile ? onWrapperClick : () => {},
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn(`${RC}__list-wrapper`, {
+					[`${RC}__list-wrapper--fixed-height`]: isFixedMaxHeight,
+					[`${RC}__list-wrapper--with-bottom-shadow`]: isScrollableList && isMobile && !footerContent,
+					[`${RC}__list-wrapper--with-bottom-shadow-hidden`]: scrollTop === scrollHeight && !footerContent
+				}),
+				ref: dropdownListWrapperRef,
+				children: [
+					isMobile && /* @__PURE__ */ jsxs("div", {
+						className: cn(`${RC}__list-header`, {
+							[`${RC}__list-header-with-shadow`]: isScrollableList && isMobile,
+							[`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0
+						}),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: cn(`${RC}__list-header-row`),
+							children: [/* @__PURE__ */ jsx("div", {
+								className: cn(`${RC}__list-label`),
+								children: label
+							}), /* @__PURE__ */ jsx("div", {
+								className: cn(`${RC}__list-close-icon`),
+								onClick: onCancelClick,
+								children: /* @__PURE__ */ jsx(X, { onClick: onCancelClick })
+							})]
+						}), isSearchable && /* @__PURE__ */ jsx("div", {
+							className: cn(`${RC}__list-header-row`),
+							children: /* @__PURE__ */ jsx(Input, {
+								ref: searchInputRef,
+								className: `${RC}__input`,
+								value: searchValue || "",
+								onChange: handleInputChange,
+								placeholder: placeholder || "Search",
+								withDelete: true,
+								onFocus: () => setIsSearchInputFocused(true),
+								onBlur: () => setIsSearchInputFocused(false)
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: cn(`${RC}__list`, {
+							[`${RC}__list-top`]: isListTop,
+							[`${RC}__list--with-footer`]: footerContent
+						}),
+						ref: dropdownListRef,
+						children: [
+							depend.options && getSortedOptions(depend.options)?.map((option, index) => {
+								if (option?.items?.length) if (!isSearchable || !isSearchChanged) return filteredOptionList(option);
+								else {
+									const items = option.items?.slice().filter((el) => el?.label?.toLowerCase().includes(searchValue?.toLowerCase() || "") || !el?.value || el?.value === "");
+									if (items?.length) return filteredOptionList({
+										...option,
+										items
+									});
+									return null;
+								}
+								else if (!isSearchable || !isSearchChanged || option?.label?.toLowerCase().includes(searchValue?.toLowerCase() || "") || !option?.value || option?.value === "") return getMarkupForElement(option, index, (option?.testId || index)?.toString());
+								return null;
+							}),
+							!filteredItems?.length && !filteredGroups?.length && /* @__PURE__ */ jsx("div", {
+								className: `${RC}__list-item ${RC}__list-item--no-options`,
+								children: noOptionsText
+							}),
+							disabled && isOpen && /* @__PURE__ */ jsx(DropdownLoader, {})
+						]
+					}),
+					footerContent && /* @__PURE__ */ jsx("div", {
+						ref: dropdownFooterRef,
+						className: cn(`${RC}__footer`, {
+							[`${RC}__footer-with-shadow`]: isMobile && isScrollableList,
+							[`${RC}__footer-with-shadow-hidden`]: scrollTop === scrollHeight
+						}),
+						children: footerContent
+					})
+				]
+			})
+		});
+	};
+	const renderListContainer = () => {
+		const lc = getListContainer();
+		if (!lc) return null;
+		return createPortal(getListMarkUp(), lc);
+	};
+	useEffect(() => {
+		document.addEventListener("click", handleClickOutside, true);
+		return () => {
+			getListContainer()?.remove();
+			getListContainerWrapper()?.remove();
+			document.removeEventListener("click", handleClickOutside, true);
+		};
+	}, []);
+	useEffect(() => {
+		if (!isDoNotPullOutListOfMainContainer || dropdownRef.current) {
+			initListContainer();
+			if (isDefaultOpened && !isMobile || isDefaultOpenedMobile) setIsOpen(true);
+		}
+	}, [isDoNotPullOutListOfMainContainer, dropdownRef.current]);
+	useLayoutEffect(() => {
+		if (!isMobile) {
+			window.addEventListener("resize", setListContainerStyles);
+			window.addEventListener("mousewheel", closeList);
+			window.addEventListener("scroll", closeList);
+			window.addEventListener("touchmove", closeList);
+		} else {
+			window.removeEventListener("resize", setListContainerStyles);
+			window.removeEventListener("mousewheel", closeList);
+			window.removeEventListener("scroll", closeList);
+			window.removeEventListener("touchmove", closeList);
+		}
+		getListContainer()?.addEventListener("click", closeList);
+		return () => {
+			window.removeEventListener("resize", setListContainerStyles);
+			window.removeEventListener("mousewheel", closeList);
+			window.removeEventListener("scroll", closeList);
+			window.removeEventListener("touchmove", closeList);
+			getListContainer()?.removeEventListener("click", closeList);
+		};
+	}, [getListContainer]);
+	useLayoutEffect(() => {
+		setListContainerStyles();
+	}, [
+		maxListContainerHeight,
+		isOpen,
+		searchValue,
+		isMobile,
+		isFixedMaxHeight,
+		options
+	]);
+	useEffect(() => {
+		const fn = isOpen ? "addEventListener" : "removeEventListener";
+		cancelButtonRef?.current?.[fn]("click", onCancelClick, true);
+		applyButtonRef?.current?.[fn]("click", onApplyClick, true);
+		if (!isOpen) {
+			setIsSearchChanged(false);
+			if (!isMobile) setMaxListContainerHeight(0);
+		}
+		if (scrollReactionObj && typeof scrollReactionObj === "object" && isOpen && dropdownListRef && dropdownListRef.current) dropdownListRef.current.addEventListener("scroll", doScrollCallback);
+		return () => {
+			if (scrollReactionObj && typeof scrollReactionObj === "object") removeEventListener("scroll", doScrollCallback);
+		};
+	}, [isOpen, dropdownListRef]);
+	useEffect(() => {
+		let timeout;
+		if (!searchValue && isSearchInputFocused && !isMobile) {
+			setSearchValue(selectedLabel);
+			timeout = setTimeout(() => searchInputRef.current.select(), 1);
+		}
+		if (!isSearchInputFocused && !isOpen) setSearchValue(null);
+		return () => {
+			clearTimeout(timeout);
+		};
+	}, [isSearchInputFocused]);
+	useEffect(() => {
+		if (isOpen && !isSearchInputFocused && searchInputRef?.current && !isMobile) searchInputRef.current?.focus();
+		if (isOpen) getListContainer()?.classList.add("dropdown__container--opened");
+		else {
+			searchInputRef.current?.blur();
+			getListContainer()?.classList.remove("dropdown__container--opened");
+		}
+		if (isOpen && isMobile) {
+			const selectedEl = dropdownListRef?.current?.querySelector(`button[value='${valueToApply ?? value}']`);
+			if (selectedEl) dropdownListRef?.current?.scrollTo(0, selectedEl?.getBoundingClientRect()?.y - dropdownListRef?.current?.getBoundingClientRect().y - 16);
+		}
+		if (!isOpen && isMobile) setSearchValue(null);
+	}, [isOpen]);
+	useEffect(() => {
+		const dropdownListEl = getListContainer()?.getElementsByClassName("dropdown__list")[0];
+		if (!isMobile && dropdownListEl) {
+			const handleWheel = (e) => {
+				const { scrollTop, scrollHeight, clientHeight } = dropdownListEl;
+				const isScrollingUp = e.deltaY < 0;
+				const isScrollingDown = e.deltaY > 0;
+				const isAtTop = scrollTop <= 0;
+				const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+				if (isScrollingUp && isAtTop || isScrollingDown && isAtBottom) e.preventDefault();
+			};
+			if (isOpen) dropdownListEl?.addEventListener("wheel", handleWheel, { passive: false });
+			else dropdownListEl?.removeEventListener("wheel", handleWheel);
+			return () => {
+				dropdownListEl?.removeEventListener("wheel", handleWheel);
+			};
+		}
+		return () => {};
+	}, [
+		isOpen,
+		isMobile,
+		getListContainer()
+	]);
+	useEffect(() => {
+		if (isOpen && isMobile && dropdownListRef?.current && !searchValue) {
+			setIsScrollableList(dropdownListRef?.current?.scrollHeight > dropdownListRef?.current?.clientHeight);
+			setIsFixedMaxHeight(isScrollableList || dropdownListRef?.current?.scrollHeight > dropdownListRef?.current?.clientHeight);
+		}
+	}, [
+		isOpen,
+		isMobile,
+		isScrollableList,
+		dropdownListRef?.current,
+		dropdownListRef?.current?.scrollHeight,
+		dropdownListRef?.current?.clientHeight
+	]);
+	useEffect(() => {
+		const setScrollTopValue = (e) => {
+			setScrollTop(Number.parseInt((e?.target)?.scrollTop?.toString(), 10));
+		};
+		if (isOpen && isMobile && dropdownListRef?.current) dropdownListRef?.current?.addEventListener("scroll", setScrollTopValue);
+		return () => {
+			if (dropdownListRef?.current !== null) (dropdownListRef?.current)?.removeEventListener("scroll", setScrollTopValue);
+		};
+	}, [
+		isOpen,
+		isMobile,
+		dropdownListRef?.current
+	]);
+	useEffect(() => {
+		if (dropdownListRef?.current) setScrollHeight(Number.parseInt((dropdownListRef?.current?.scrollHeight - dropdownListRef?.current?.clientHeight).toString(), 10));
+	}, [scrollTop, dropdownListRef?.current]);
+	if (!options) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, className, {
+			disabled,
+			[`${RC}-mobile`]: isMobile,
+			[`${RC}--focused`]: isOpen && !isMobile,
+			[`${RC}--with-custom-trigger`]: Boolean(customTrigger)
+		}),
+		ref: dropdownRef,
+		onKeyDown,
+		onKeyUp,
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				"data-testid": testId,
+				className: cn(`${RC}__trigger`, "input__wrap", {
+					[`${RC}__trigger--with-actions`]: withActions,
+					placeholder: value === null || value === void 0 || value === "",
+					error
+				}),
+				onClick: () => setIsOpen(true),
+				onKeyDown,
+				onKeyUp,
+				tabIndex,
+				children: customTrigger || /* @__PURE__ */ jsxs(Fragment, { children: [isSearchable && !isMobile ? /* @__PURE__ */ jsx("input", {
+					ref: searchInputRef,
+					className: `${RC}__input`,
+					value: String(isOpen ? searchValue ?? "" : selectedLabel ?? ""),
+					onChange: (e) => handleInputChange(e.target.value),
+					placeholder,
+					onFocus: () => setIsSearchInputFocused(true),
+					onBlur: () => setIsSearchInputFocused(false)
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+					className: "text",
+					children: selectedLabel || placeholder || ""
+				}), postfixText && /* @__PURE__ */ jsx("span", {
+					className: "dropdown__list-item-postfix",
+					children: postfixText
+				})] }), /* @__PURE__ */ jsx("span", {
+					className: cn(`${RC}__arrow`, { [`${RC}__arrow_active`]: isOpen }),
+					onClick: toggleList,
+					children: isMobile ? /* @__PURE__ */ jsx(Code, { className: "mobile-icon" }) : isOpen ? /* @__PURE__ */ jsx(ChevronUp, {}) : /* @__PURE__ */ jsx(ChevronDown, {})
+				})] })
+			}),
+			withActions && /* @__PURE__ */ jsxs("div", {
+				className: cn(`${RC}__actions`),
+				children: [/* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__actions-item`),
+					onClick: onActionConfirmClick,
+					children: /* @__PURE__ */ jsx(Check, {})
+				}), /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__actions-item`),
+					onClick: onActionCancelClick,
+					children: /* @__PURE__ */ jsx(X, {})
+				})]
+			}),
+			isOpen && renderListContainer()
+		]
+	});
+}
+//#endregion
+export { Dropdown as default };
+
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Dropdown/Dropdown.tsx"],"sourcesContent":["import type {\n  KeyboardEventHandler,\n  LegacyRef,\n  MouseEventHandler,\n  ReactNode,\n  ReactPortal,\n} from 'react';\n\nimport type { IDependOptions, IDropdownOption, IDropdownProps } from './Dropdown.interface';\nimport cn from 'classnames';\nimport React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Check, ChevronDown, ChevronUp, Code, X } from 'react-feather';\nimport { formatToOnlyASCIICodeText } from '../../../Functions/fieldValueFormatters';\nimport Input from '../Input/Input';\n\nimport RadioInput from '../RadioInput/RadioInput';\nimport DropdownLoader from './components/DropdownLoader';\nimport useDropdown from './useDropdown';\nimport './Dropdown.scss';\n\nconst RC = 'dropdown';\n\nexport const MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH = 10;\n\nfunction Dropdown<T extends string | number = string | number>({\n  label,\n  options,\n  value,\n  error,\n  disabled,\n  onChange,\n  placeholder,\n  className,\n  isSearchable: isSearchableProp,\n  entity,\n  scrollReactionObj,\n  isListTop,\n  isNotValidateASCII = false,\n  testId = 'dropdown',\n\n  sortAlphabetical = true,\n\n  fieldKey,\n  id,\n  noOptionsText = 'No options available',\n  isDoNotPullOutListOfMainContainer,\n\n  withMobileLogic,\n  withActions,\n  minItemsForShowMobileSearch = MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH,\n  customTrigger,\n  tabIndex,\n\n  onActionConfirmClick,\n  onActionCancelClick,\n\n  isDefaultOpened,\n  isDefaultOpenedMobile,\n\n  footerContent,\n\n  closeOnSelect = true,\n  closeOnSelectMobile = true,\n  withApplyLogic = false,\n  cancelButtonRef,\n  applyButtonRef,\n}: IDropdownProps): React.ReactElement | null {\n  const {\n    dropdownId,\n    isMobile,\n    isOpen,\n    setIsOpen,\n    searchValue,\n    setSearchValue,\n    initListHeight,\n    setInitListHeight,\n    isSearchChanged,\n    setIsSearchChanged,\n    isSearchInputFocused,\n    setIsSearchInputFocused,\n    isScrollableList,\n    setIsScrollableList,\n    isFixedMaxHeight,\n    setIsFixedMaxHeight,\n    scrollTop,\n    setScrollTop,\n    scrollHeight,\n    setScrollHeight,\n    maxListContainerHeight,\n    setMaxListContainerHeight,\n\n    getListContainer,\n    getListContainerWrapper,\n    getParentNode,\n    getPreparedOptionLabel,\n    getSortedOptions,\n\n    filteredGroups,\n    filteredItems,\n    filteredOptions,\n    selectedLabel,\n    postfixText,\n\n    dropdownRef,\n    dropdownListRef,\n    dropdownListWrapperRef,\n    dropdownFooterRef,\n    searchInputRef,\n    wrapperRef,\n\n    isSearchable,\n\n    valueToApply,\n    valueToApplyRef,\n    setValueToApply,\n  } = useDropdown({ id, fieldKey, value, sortAlphabetical, withMobileLogic, options, isSearchable: isSearchableProp, minItemsForShowMobileSearch, isDoNotPullOutListOfMainContainer });\n\n  /// HANDLERS <<<\n  const onCancelClick = (): void => {\n    setIsOpen(false);\n    setValueToApply?.(null);\n    onActionCancelClick?.();\n  }\n\n  const onApplyClick = (): void => {\n    if (valueToApplyRef?.current !== null && valueToApplyRef?.current !== undefined) {\n      onChange?.(valueToApplyRef.current);\n      setTimeout(() => onActionConfirmClick?.(), 1);\n    }\n    onCancelClick?.();\n  }\n\n  const onChangeHandler = (item: IDropdownOption): void => {\n    if (isMobile ? closeOnSelectMobile : closeOnSelect) {\n      setIsOpen(false);\n    }\n\n    if (withApplyLogic && applyButtonRef?.current) {\n      setValueToApply?.(item.value);\n    }\n    else {\n      onChange?.(item.value);\n    }\n  };\n  const onKeyDown: KeyboardEventHandler<Element> = (e): boolean => {\n    if (![9, 13].includes(e.keyCode)) return false;\n    onCancelClick();\n\n    return true;\n  };\n  const onKeyUp: KeyboardEventHandler<Element> = (e): boolean => {\n    if (![9, 13].includes(e.keyCode)) return false;\n    setIsOpen(true);\n\n    return true;\n  };\n  const onSearchHandler = (name: string): void => {\n    let inputValue = name;\n    if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);\n    setIsSearchChanged(true);\n    setSearchValue(inputValue);\n  };\n  const onWrapperClick: MouseEventHandler<Element> = (e): void => {\n    if (e.target === wrapperRef?.current) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      onCancelClick();\n    }\n  };\n  const handleInputChange = (value: string): void => {\n    onSearchHandler(value);\n  };\n  /// HANDLERS >>>\n\n  /// FUNCTIONS <<<\n\n  const handleClickOutside = (event: Event | MouseEvent): void => {\n    if (\n      !getListContainer()?.contains(event?.target as Node)\n      && dropdownRef?.current !== null\n      && !dropdownRef?.current.contains(event?.target as Node)\n    ) {\n      onCancelClick();\n    }\n  };\n  const doScrollCallback: EventListener = useCallback(\n    (e) => {\n      const {\n        callback,\n        isWithAnyScrolling,\n        scrollingInaccuracy = 0,\n      } = scrollReactionObj || {};\n\n      const target = e?.target as HTMLDivElement;\n\n      if (callback && typeof callback === 'function') {\n        if (isWithAnyScrolling) {\n          callback(e);\n        }\n        else if (\n          Math.round(\n            target.clientHeight + target.scrollTop + scrollingInaccuracy,\n          ) >= target.scrollHeight\n        ) {\n          callback(e);\n        }\n      }\n    },\n    [filteredOptions],\n  );\n  const initListContainer = (): void => {\n    const dropdownList = document.createElement('div');\n\n    dropdownList.setAttribute('id', dropdownId);\n    dropdownList.classList.add('dropdown__container');\n\n    if (isMobile) {\n      dropdownList.addEventListener('click', (e) => {\n        const { id } = e?.target as HTMLDivElement;\n        if (id === dropdownId) {\n          onCancelClick();\n        }\n      });\n    }\n\n    try {\n      getListContainer()?.remove();\n    }\n    finally {\n      if (isMobile) {\n        try {\n          document.getElementById(`mlw-${dropdownId}`)?.remove();\n        }\n        catch { }\n\n        const dropdownMobileListWrapper = document.createElement('div');\n        dropdownMobileListWrapper.classList.add('dropdown-mobile');\n        dropdownMobileListWrapper.setAttribute('id', `mlw-${dropdownId}`);\n        dropdownMobileListWrapper?.append(dropdownList);\n        getParentNode()?.append(dropdownMobileListWrapper);\n      }\n      else {\n        getParentNode()?.append(dropdownList);\n      }\n    }\n  };\n  const setListContainerStyles = (): boolean => {\n    const lc = getListContainer();\n\n    if (!lc || !isOpen) return false;\n\n    const windowHeight\n      = window.innerHeight\n        || document.documentElement.clientHeight\n        || document.body.clientHeight;\n\n    const { width, height = 0, left, top = 0 }\n      = dropdownRef?.current?.getBoundingClientRect() ?? {};\n\n    const sw = lc.getElementsByClassName('dropdown__list')[0] as HTMLElement;\n    const lh = (dropdownListWrapperRef?.current as HTMLElement)?.getElementsByClassName(\n      'dropdown__list-header',\n    )[0];\n    const margin = Number.parseInt(\n      getComputedStyle(dropdownListWrapperRef?.current as HTMLElement)?.marginTop?.replace(\n        'px',\n        '',\n      ) ?? '0',\n      10,\n    );\n    const maxHeight\n      = initListHeight\n        ?? Number.parseInt(getComputedStyle(sw)?.maxHeight?.replace('px', '') ?? '0', 10);\n\n    if (initListHeight === null) setInitListHeight(maxHeight);\n\n    const toTop = top - margin;\n    const toBottom = windowHeight - top - height - margin * 2;\n\n    const swHeight = sw?.getBoundingClientRect()?.height;\n    const maxSwHeight = (isMobile\n      ? (dropdownListWrapperRef?.current as HTMLElement)?.getBoundingClientRect()?.height\n      - lh?.getBoundingClientRect()?.height\n      : toTop >= maxHeight || toBottom >= maxHeight\n        ? maxHeight - 3 * margin\n        : toTop > toBottom\n          ? toTop - 3 * margin\n          : toBottom - 4 * margin) - (dropdownFooterRef?.current?.getBoundingClientRect()?.height ?? 0);\n\n    const listPos = toTop < toBottom || toBottom >= swHeight ? 'bottom' : 'top';\n\n    lc.style.minWidth = `${width}px`;\n    lc.style.left = `${left}px`;\n    lc.style.top = `${listPos === 'bottom' ? top + height : top - margin * 3 - Number.parseInt(getComputedStyle(dropdownListWrapperRef?.current as HTMLElement)?.height?.replace('px', '') ?? '0', 10)}px`;\n\n    if (maxListContainerHeight !== maxSwHeight && !isMobile) {\n      setMaxListContainerHeight(maxSwHeight);\n    }\n\n    sw.style.maxHeight = `${maxSwHeight}px`;\n\n    return true;\n  };\n  const toggleList: MouseEventHandler<Element> = (e): void => {\n    e?.stopPropagation();\n    setIsOpen((isOpen) => {\n      return !isOpen;\n    });\n  };\n  const closeList = isOpen ? handleClickOutside : () => { };\n\n  const getDepends = (getDependsTrigger: boolean | '' | undefined): IDependOptions => {\n    const newOnChange = (e: IDropdownOption): void => {\n      if (e.value === 'open_modal') {\n        onChange?.('open_modal' as T);\n      }\n      else {\n        onChangeHandler(e);\n      }\n    };\n\n    // add pseudo option\n    const newOptions: IDropdownOption[] = [\n      {\n        label: `New ${entity}`,\n        value: 'open_modal' as T,\n        className: 'dropdown__list-item--modal',\n      },\n      ...(filteredOptions as IDropdownOption[] ?? []),\n    ];\n\n    return {\n      onChange: (changeItem: IDropdownOption) => {\n        return getDependsTrigger\n          ? newOnChange(changeItem)\n          : onChangeHandler(changeItem);\n      },\n      options: getDependsTrigger ? newOptions : options,\n    };\n  };\n  /// FUNCTIONS >>>\n\n  const modalBtnTrigger = useMemo(() => entity && entity !== '' && typeof entity === 'string', [entity]);\n  const depend = useMemo(() => getDepends(modalBtnTrigger), [modalBtnTrigger, filteredOptions]);\n\n  /// RENDER <<<\n  const getMarkupForElement = (item: IDropdownOption, _index?: number, optTestId?: string): ReactNode => {\n    return (\n      <button\n        type=\"button\"\n        data-testid={`${testId}-${optTestId}-option`}\n        key={item.value?.toString()?.replace(/ /g, '_')}\n        onMouseDown={() => depend.onChange(item as IDropdownOption)}\n        className={cn(\n          `${RC}__list-item`,\n          {\n            [`${RC}__list-item_active`]: item.value === (valueToApply ?? value),\n            [`${RC}__list-item_disabled`]: item.disabled,\n          },\n          item.className,\n        )}\n        value={item?.value}\n      >\n        {!isMobile && (\n          <span\n            className={cn(`${RC}__active-icon`, {\n              [`${RC}__active-icon_active`]: item.value === value,\n            })}\n          >\n            <Check />\n          </span>\n        )}\n        <div\n          className={cn(`${RC}__list-item-label`, item.labelClassName || '')}\n          // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml\n          dangerouslySetInnerHTML={{\n            __html: getPreparedOptionLabel(\n              item.label,\n              item.postfix,\n              item.description,\n            ),\n          }}\n        />\n        {item?.icon || ''}\n        {isMobile\n          ? item?.customMobileIcon ?? (\n            <RadioInput value={item.value} checked={valueToApply ?? value} />\n          )\n          : ''}\n      </button>\n    );\n  };\n\n  const filteredOptionList = (filteredOption: IDropdownOption): ReactNode => {\n    return (filteredOption.items?.length ?? 0) > 0\n      ? (\n          <div\n            key={filteredOption.label\n              ?.toString()\n              ?.replace(/ /g, '_')\n              .concat(Date.now()?.toString())}\n            className={cn(`${RC}-group`, filteredOption.className)}\n          >\n            <div className={`${RC}-group__name`}>{filteredOption.label}</div>\n            {filteredOption.items?.map((el: IDropdownOption, index: number) =>\n              getMarkupForElement(el as IDropdownOption, index, (el?.testId || index)?.toString()),\n            )}\n          </div>\n        )\n      : null;\n  };\n\n  const getListMarkUp = (): ReactNode => {\n    return (\n      <div\n        data-testid={`${testId}-container-wrapper`}\n        className={cn(`${RC}__container-wrapper`)}\n        ref={wrapperRef as LegacyRef<HTMLDivElement>}\n        onClick={isMobile ? onWrapperClick : () => { }}\n      >\n        <div\n          className={cn(`${RC}__list-wrapper`, {\n            [`${RC}__list-wrapper--fixed-height`]: isFixedMaxHeight,\n            [`${RC}__list-wrapper--with-bottom-shadow`]:\n              isScrollableList && isMobile && !footerContent,\n            [`${RC}__list-wrapper--with-bottom-shadow-hidden`]:\n              scrollTop === scrollHeight && !footerContent,\n          })}\n          ref={dropdownListWrapperRef as LegacyRef<HTMLDivElement>}\n        >\n          {isMobile && (\n            <div\n              className={cn(`${RC}__list-header`, {\n                [`${RC}__list-header-with-shadow`]:\n                  isScrollableList && isMobile,\n                [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0,\n              })}\n            >\n              <div className={cn(`${RC}__list-header-row`)}>\n                <div className={cn(`${RC}__list-label`)}>{label}</div>\n                <div\n                  className={cn(`${RC}__list-close-icon`)}\n                  onClick={onCancelClick}\n                >\n                  <X onClick={onCancelClick} />\n                </div>\n              </div>\n              {isSearchable && (\n                <div className={cn(`${RC}__list-header-row`)}>\n                  <Input\n                    ref={searchInputRef}\n                    className={`${RC}__input`}\n                    value={searchValue || ''}\n                    onChange={handleInputChange}\n                    placeholder={placeholder || 'Search'}\n                    withDelete\n                    onFocus={() => setIsSearchInputFocused(true)}\n                    onBlur={() => setIsSearchInputFocused(false)}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n          <div\n            className={cn(`${RC}__list`, {\n              [`${RC}__list-top`]: isListTop,\n              [`${RC}__list--with-footer`]: footerContent,\n            })}\n            ref={dropdownListRef as LegacyRef<HTMLDivElement>}\n          >\n            {depend.options && getSortedOptions(depend.options)?.map((option, index) => {\n              if (option?.items?.length) {\n                if (!isSearchable || !isSearchChanged) {\n                  return filteredOptionList(option as IDropdownOption);\n                }\n                else {\n                  const items = option.items\n                    ?.slice()\n                    .filter(\n                      el =>\n                        el?.label\n                          ?.toLowerCase()\n                          .includes(searchValue?.toLowerCase() || '')\n                          || !el?.value\n                          || el?.value === '',\n                    );\n                  if (items?.length)\n                    return filteredOptionList({ ...option, items } as IDropdownOption);\n                  return null;\n                }\n              }\n              else if (\n                !isSearchable\n                || !isSearchChanged\n                || option?.label\n                  ?.toLowerCase()\n                  .includes(searchValue?.toLowerCase() || '')\n                  || !option?.value\n                  || option?.value === ''\n              ) {\n                return getMarkupForElement(option as IDropdownOption, index, (option?.testId || index)?.toString());\n              }\n              return null;\n            })}\n            {!filteredItems?.length && !filteredGroups?.length && (\n              <div className={`${RC}__list-item ${RC}__list-item--no-options`}>\n                {noOptionsText}\n              </div>\n            )}\n            {disabled && isOpen && <DropdownLoader />}\n          </div>\n          {footerContent && (\n            <div\n              ref={dropdownFooterRef as LegacyRef<HTMLDivElement>}\n              className={cn(`${RC}__footer`, {\n                [`${RC}__footer-with-shadow`]: isMobile && isScrollableList,\n                [`${RC}__footer-with-shadow-hidden`]:\n                  scrollTop === scrollHeight,\n              })}\n            >\n              {footerContent}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  };\n  const renderListContainer = (): ReactPortal | null => {\n    const lc = getListContainer();\n\n    if (!lc) return null;\n\n    return createPortal(getListMarkUp(), lc);\n  };\n  /// RENDER >>>\n\n  useEffect(() => {\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => {\n      getListContainer()?.remove();\n      getListContainerWrapper()?.remove();\n      document.removeEventListener('click', handleClickOutside, true);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!isDoNotPullOutListOfMainContainer || dropdownRef.current) {\n      initListContainer();\n      if ((isDefaultOpened && !isMobile) || isDefaultOpenedMobile) setIsOpen(true);\n    }\n  }, [isDoNotPullOutListOfMainContainer, dropdownRef.current]);\n\n  useLayoutEffect(() => {\n    if (!isMobile) {\n      window.addEventListener('resize', setListContainerStyles);\n      window.addEventListener('mousewheel', closeList);\n      window.addEventListener('scroll', closeList);\n      window.addEventListener('touchmove', closeList);\n    }\n    else {\n      window.removeEventListener('resize', setListContainerStyles);\n      window.removeEventListener('mousewheel', closeList);\n      window.removeEventListener('scroll', closeList);\n      window.removeEventListener('touchmove', closeList);\n    }\n\n    // eslint-disable-next-line react-web-api/no-leaked-event-listener\n    getListContainer()?.addEventListener('click', closeList);\n\n    return () => {\n      window.removeEventListener('resize', setListContainerStyles);\n      window.removeEventListener('mousewheel', closeList);\n      window.removeEventListener('scroll', closeList);\n      window.removeEventListener('touchmove', closeList);\n      getListContainer()?.removeEventListener('click', closeList);\n    };\n  }, [getListContainer]);\n\n  useLayoutEffect(() => {\n    setListContainerStyles();\n  }, [\n    maxListContainerHeight,\n    isOpen,\n    searchValue,\n    isMobile,\n    isFixedMaxHeight,\n    options,\n  ]);\n\n  useEffect(() => {\n    const fn = isOpen ? 'addEventListener' : 'removeEventListener';\n    cancelButtonRef?.current?.[fn]('click', onCancelClick, true);\n    applyButtonRef?.current?.[fn]('click', onApplyClick, true);\n\n    if (!isOpen) {\n      setIsSearchChanged(false);\n      if (!isMobile) setMaxListContainerHeight(0);\n    }\n\n    if (\n      scrollReactionObj\n      && typeof scrollReactionObj === 'object'\n      && isOpen\n      && dropdownListRef\n      && dropdownListRef.current\n    ) {\n      // eslint-disable-next-line react-web-api/no-leaked-event-listener\n      dropdownListRef.current.addEventListener('scroll', doScrollCallback);\n    }\n    return () => {\n      if (scrollReactionObj && typeof scrollReactionObj === 'object')\n        removeEventListener('scroll', doScrollCallback);\n    };\n  }, [isOpen, dropdownListRef]);\n\n  useEffect(() => {\n    let timeout: NodeJS.Timeout;\n\n    if (!searchValue && isSearchInputFocused && !isMobile) {\n      setSearchValue(selectedLabel as string);\n\n      timeout = setTimeout(() => (searchInputRef.current as HTMLInputElement).select(), 1);\n    }\n\n    if (!isSearchInputFocused && !isOpen) {\n      setSearchValue(null);\n    }\n\n    return () => {\n      clearTimeout(timeout);\n    }\n  }, [isSearchInputFocused]);\n\n  useEffect(() => {\n    if (isOpen && !isSearchInputFocused && searchInputRef?.current && !isMobile)\n      (searchInputRef.current as HTMLInputElement)?.focus();\n\n    if (isOpen) {\n      getListContainer()?.classList.add('dropdown__container--opened');\n    }\n    else {\n      (searchInputRef.current as HTMLInputElement)?.blur();\n      getListContainer()?.classList.remove('dropdown__container--opened');\n    }\n\n    if (isOpen && isMobile) {\n      // Scroll to selected Element\n      const selectedEl = dropdownListRef?.current?.querySelector(`button[value='${valueToApply ?? value}']`);\n      if (selectedEl) dropdownListRef?.current?.scrollTo(0, selectedEl?.getBoundingClientRect()?.y - dropdownListRef?.current?.getBoundingClientRect().y - 16);\n    }\n\n    if (!isOpen && isMobile) {\n      setSearchValue(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const dropdownListEl = getListContainer()?.getElementsByClassName('dropdown__list')[0] as HTMLElement;\n    if (!isMobile && dropdownListEl) {\n      const handleWheel = (e: WheelEvent): void => {\n        const { scrollTop, scrollHeight, clientHeight } = dropdownListEl;\n\n        const isScrollingUp = e.deltaY < 0;\n        const isScrollingDown = e.deltaY > 0;\n\n        const isAtTop = scrollTop <= 0;\n        const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;\n\n        if ((isScrollingUp && isAtTop) || (isScrollingDown && isAtBottom)) {\n          e.preventDefault();\n        }\n      };\n\n      if (isOpen) {\n        dropdownListEl?.addEventListener('wheel', handleWheel, { passive: false });\n      }\n      else {\n        dropdownListEl?.removeEventListener('wheel', handleWheel);\n      }\n\n      return () => {\n        dropdownListEl?.removeEventListener('wheel', handleWheel);\n      };\n    }\n\n    return () => { };\n  }, [isOpen, isMobile, getListContainer()]);\n\n  useEffect(() => {\n    if (isOpen && isMobile && dropdownListRef?.current && !searchValue) {\n      setIsScrollableList(\n        dropdownListRef?.current?.scrollHeight\n        > dropdownListRef?.current?.clientHeight,\n      );\n      setIsFixedMaxHeight(\n        isScrollableList\n        || dropdownListRef?.current?.scrollHeight\n        > dropdownListRef?.current?.clientHeight,\n      );\n    }\n  }, [\n    isOpen,\n    isMobile,\n    isScrollableList,\n    dropdownListRef?.current,\n    dropdownListRef?.current?.scrollHeight,\n    dropdownListRef?.current?.clientHeight,\n  ]);\n\n  useEffect(() => {\n    const setScrollTopValue: EventListener = (e): void => {\n      setScrollTop(Number.parseInt((e?.target as Element)?.scrollTop?.toString(), 10));\n    };\n\n    if (isOpen && isMobile && dropdownListRef?.current) {\n      // eslint-disable-next-line react-web-api/no-leaked-event-listener\n      dropdownListRef?.current?.addEventListener('scroll', setScrollTopValue);\n    }\n\n    return () => {\n      if (dropdownListRef?.current !== null) {\n        (dropdownListRef?.current)?.removeEventListener(\n          'scroll',\n          setScrollTopValue,\n        );\n      }\n    };\n  }, [isOpen, isMobile, dropdownListRef?.current]);\n\n  useEffect(() => {\n    if (dropdownListRef?.current) {\n      setScrollHeight(\n        Number.parseInt(\n          (dropdownListRef?.current?.scrollHeight\n            - dropdownListRef?.current?.clientHeight).toString(),\n          10,\n        ),\n      );\n    }\n  }, [scrollTop, dropdownListRef?.current]);\n\n  if (!options) return null;\n\n  return (\n    <div\n      className={cn(RC, className, {\n        disabled,\n        [`${RC}-mobile`]: isMobile,\n        [`${RC}--focused`]: isOpen && !isMobile,\n        [`${RC}--with-custom-trigger`]: Boolean(customTrigger),\n      })}\n      ref={dropdownRef as LegacyRef<HTMLDivElement>}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n    >\n      <button\n        type=\"button\"\n        data-testid={testId}\n        className={cn(`${RC}__trigger`, 'input__wrap', {\n          [`${RC}__trigger--with-actions`]: withActions,\n          placeholder: value === null || value === undefined || value === '',\n          error,\n        })}\n        onClick={() => setIsOpen(true)}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        tabIndex={tabIndex}\n      >\n        {customTrigger || (\n          <>\n            {isSearchable && !isMobile\n              ? (\n                  <input\n                    ref={searchInputRef as LegacyRef<HTMLInputElement>}\n                    className={`${RC}__input`}\n                    value={String(isOpen ? searchValue ?? '' : selectedLabel ?? '')}\n                    onChange={e => handleInputChange(e.target.value)}\n                    placeholder={placeholder}\n                    onFocus={() => setIsSearchInputFocused(true)}\n                    onBlur={() => setIsSearchInputFocused(false)}\n                  />\n                )\n              : (\n                  <>\n                    <span className=\"text\">{selectedLabel || placeholder || ''}</span>\n                    {postfixText && (\n                      <span className=\"dropdown__list-item-postfix\">\n                        {postfixText}\n                      </span>\n                    )}\n                  </>\n                )}\n            <span\n              className={cn(`${RC}__arrow`, {\n                [`${RC}__arrow_active`]: isOpen,\n              })}\n              onClick={toggleList}\n            >\n              {isMobile\n                ? (\n                    <Code className=\"mobile-icon\" />\n                  )\n                : isOpen\n                  ? (\n                      <ChevronUp />\n                    )\n                  : (\n                      <ChevronDown />\n                    )}\n            </span>\n          </>\n        )}\n      </button>\n      {withActions && (\n        <div className={cn(`${RC}__actions`)}>\n          <div\n            className={cn(`${RC}__actions-item`)}\n            onClick={onActionConfirmClick}\n          >\n            <Check />\n          </div>\n          <div\n            className={cn(`${RC}__actions-item`)}\n            onClick={onActionCancelClick}\n          >\n            <X />\n          </div>\n        </div>\n      )}\n      {isOpen && renderListContainer()}\n    </div>\n  );\n}\n\nexport default Dropdown;\n"],"mappings":"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"}