intelicoreact 2.0.17 → 2.0.19

package/dist/es/Molecular/FormWithDependOn/partials/_utils.js

@@ -0,0 +1,33 @@
+import { getIsOnlyAnObject } from "../../../Functions/utils.js";
+//#region src/Molecular/FormWithDependOn/partials/_utils.js
+var getDependOnStarter = (props) => {
+	const { assign } = props;
+	return ({ newValue, fieldKey, propKey, field, form, additional }) => {
+		if (field.isDominantField) {
+			const dependFields = form.filter((f) => f.dependOn?.keys?.includes?.(fieldKey));
+			if (dependFields.length > 0) {
+				const { isNotResetErrors } = additional;
+				dependFields.forEach((dependField) => {
+					const execute = dependField.dependOn.callbacks?.[fieldKey] ?? dependField.dependOn.callback;
+					new Promise((resolve) => {
+						resolve(execute?.({
+							...field,
+							[propKey || "value"]: newValue,
+							...!isNotResetErrors ? { error: "" } : {}
+						}, dependField, form, {
+							...additional,
+							propKey
+						}));
+					}).then((changes) => {
+						if (getIsOnlyAnObject(changes)) assign(changes, dependField.key);
+						return changes;
+					}).catch(() => {});
+				});
+			}
+		}
+	};
+};
+//#endregion
+export { getDependOnStarter };
+
+//# sourceMappingURL=_utils.js.map

package/dist/es/Molecular/FormWithDependOn/partials/_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_utils.js","names":[],"sources":["../../../../../src/Molecular/FormWithDependOn/partials/_utils.js"],"sourcesContent":["import { getIsOnlyAnObject } from \"../../../Functions/utils\";\n\nexport const getDependOnStarter = (props) => {\n  const { assign } = props;\n\n  return ({ newValue, fieldKey, propKey, field, form, additional }) => {\n    if (field.isDominantField) {\n      const dependFields = form.filter((f) =>\n        f.dependOn?.keys?.includes?.(fieldKey),\n      );\n\n      if (dependFields.length > 0) {\n        const { isNotResetErrors } = additional;\n        dependFields.forEach((dependField) => {\n          // ! Для звисимого филда есть 2 способа назначить обработчик\n\n          // ?  - прописать в объекте dependOn callback, который будет вызываться для каждой зависимости,\n          // ?    а уже внутри самого колбэка разбираться, для какой имменно зависимости вызван обработчик\n\n          // ?  - прописать в объекте dependOn пропу callbacks, передать в нее объект в формате\n          // ?    { ... [ключ_доминирующего_поля]: соответствующий_коллбэк, ... }\n          // ?    таким образом для каждой зависимости будет вызван свой обработчик\n          const execute =\n            dependField.dependOn.callbacks?.[fieldKey] ??\n            dependField.dependOn.callback;\n\n          // ? Пытаемся получить объект изменений и если они приходят - назначаем.\n          // ? Выбранная конструкция позволяет обрабатывать обычные и асинхронные колбеки вразнобой,\n          // ? причем не ожидая выполнения предыдущих\n          new Promise((resolve) => {\n            resolve(\n              execute?.(\n                {\n                  ...field,\n                  [propKey || \"value\"]: newValue,\n                  ...(!isNotResetErrors ? { error: \"\" } : {}),\n                },\n                dependField,\n                form,\n                { ...additional, propKey },\n              ),\n            );\n          })\n            .then((changes) => {\n              if (getIsOnlyAnObject(changes)) assign(changes, dependField.key);\n              return changes;\n            })\n            .catch(() => {});\n        });\n      }\n    }\n  };\n};\n"],"mappings":";;AAEO,IAAM,sBAAsB,UAAU;CAC3C,MAAM,EAAE,WAAW;CAEnB,QAAQ,EAAE,UAAU,UAAU,SAAS,OAAO,MAAM,iBAAiB;EACnE,IAAI,MAAM,iBAAiB;GACzB,MAAM,eAAe,KAAK,QAAQ,MAChC,EAAE,UAAU,MAAM,WAAW,QAAQ,CACvC;GAEA,IAAI,aAAa,SAAS,GAAG;IAC3B,MAAM,EAAE,qBAAqB;IAC7B,aAAa,SAAS,gBAAgB;KASpC,MAAM,UACJ,YAAY,SAAS,YAAY,aACjC,YAAY,SAAS;KAKvB,IAAI,SAAS,YAAY;MACvB,QACE,UACE;OACE,GAAG;QACF,WAAW,UAAU;OACtB,GAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,IAAI,CAAC;MAC3C,GACA,aACA,MACA;OAAE,GAAG;OAAY;MAAQ,CAC3B,CACF;KACF,CAAC,CAAA,CACE,MAAM,YAAY;MACjB,IAAI,kBAAkB,OAAO,GAAG,OAAO,SAAS,YAAY,GAAG;MAC/D,OAAO;KACT,CAAC,CAAA,CACA,YAAY,CAAC,CAAC;IACnB,CAAC;GACH;EACF;CACF;AACF"}

package/dist/es/Molecular/InputAddress/InputAddress.js

@@ -0,0 +1,352 @@
+import '../../styles/base.css';
+import { compare, getIsOnlyAnObject } from "../../Functions/utils.js";
+import Spinner from "../../Atomic/Layout/Spinner/Spinner.js";
+import Input from "../../Atomic/FormElements/Input/Input.js";
+import useIsMobile from "../../Functions/useIsMobile/useIsMobile.js";
+import Hint from "../../Atomic/UI/Hint/Hint.js";
+import './InputAddress.styles.css';/* empty css                  */
+import cn from "classnames";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, X } from "react-feather";
+//#region src/Molecular/InputAddress/InputAddress.tsx
+var DEFAULT_HINT_MESSAGE = "Select the correct address from the list of suggestions (must contains house number and street name)";
+var RC = "input-address";
+function compareValues(val1, val2) {
+	return typeof val1 === typeof val2 && (getIsOnlyAnObject(val1) ? compare(val1, val2) : val1 === val2);
+}
+function throttle(fn, ms) {
+	let id = null;
+	return (...args) => {
+		if (id) clearTimeout(id);
+		id = setTimeout(() => {
+			fn(...args);
+		}, ms);
+	};
+}
+function getIsValidNumber(value) {
+	return Boolean(value) && typeof value === "number" && !Number.isNaN(value);
+}
+var InputAddress = ({ label, className = "", isClearable = true, isKeyboardControlled = true, fieldKey = "", testId = "", throttle: throttleTime = 500, additionalThrottleTimeForListingRequest = 0, loader = "", noItemsMessage = "", error, value = "", onChange, onChangeValueTransformer, disabled, isDisabled, getListItems, clarifyAddressInfo, noValidate = false, renderSelectedItem, renderListItem, renderHintMessage, attributesOfNativeInput }) => {
+	const { isMobile } = useIsMobile();
+	const inputRef = useRef(null);
+	const listRef = useRef(null);
+	const listOverlayRef = useRef(null);
+	const listWrapperRef = useRef(null);
+	const listHeaderRef = useRef(null);
+	const previousValueRef = useRef(value);
+	const [innerValue, setInnerValue] = useState(value);
+	const [tempInnerValue, setTempInnerValue] = useState(null);
+	const [listItems, setListItems] = useState([]);
+	const [isLoading, setIsLoading] = useState(false);
+	const [isListLoading, setIsListLoading] = useState(false);
+	const [hightlightedIndex, setHightlightedIndex] = useState(null);
+	const [isFocused, setIsFocused] = useState(false);
+	const [isListVisible, setIsListVisible] = useState(false);
+	const isWrongAddress = useMemo(() => {
+		if (noValidate) return false;
+		if (innerValue === "") return false;
+		if (typeof innerValue === "object" && !Object.hasOwn(innerValue, "streetNumber") || typeof innerValue !== "string" && !innerValue?.streetNumber) return true;
+		if (!innerValue?.hasOwnProperty("street") || typeof innerValue !== "string" && !innerValue?.street?.fullName) return true;
+		return false;
+	}, [innerValue]);
+	const setItemAsInnerValue = (e, item) => {
+		if (e instanceof Event) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+		setTimeout(() => {
+			setInnerValue(item);
+			if (isMobile) setIsListVisible(false);
+		}, 0);
+	};
+	const getAddressVariants = useMemo(() => (innerValue) => getListItems?.(innerValue)?.then(setListItems).finally(() => setIsListLoading(false)), [getListItems]);
+	const getAddressVariantsWithThrottling = useMemo(() => {
+		const execute = getIsValidNumber(additionalThrottleTimeForListingRequest) ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest) : getAddressVariants;
+		return getIsValidNumber(throttleTime) ? throttle(execute, throttleTime) : execute;
+	}, [
+		getAddressVariants,
+		additionalThrottleTimeForListingRequest,
+		throttleTime
+	]);
+	const getAddressVariantsList = () => {
+		if (!innerValue?.length) return null;
+		setIsListLoading(true);
+		getAddressVariantsWithThrottling(innerValue);
+		return null;
+	};
+	const onClearClick = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		if (!isMobile) setIsListVisible(false);
+		setInnerValue("");
+		inputRef?.current?.focus();
+		setTimeout(() => setIsFocused(true), 0);
+	};
+	const onOverlayClick = (e) => {
+		if (e.target === listOverlayRef?.current) {
+			e.stopPropagation();
+			e.preventDefault();
+			setIsListVisible(false);
+			if (tempInnerValue) setInnerValue(tempInnerValue);
+			onChange?.(typeof innerValue === "string" || !onChangeValueTransformer || typeof onChangeValueTransformer !== "function" ? innerValue : onChangeValueTransformer(innerValue));
+		}
+	};
+	const onKeyDown = (keyCode) => {
+		if (!isListVisible || !isKeyboardControlled) return false;
+		if (keyCode === 13) {
+			if (typeof hightlightedIndex === "number") setItemAsInnerValue(null, listItems[hightlightedIndex]);
+			setHightlightedIndex(null);
+			inputRef?.current?.blur();
+		} else {
+			let newHightlightedIndex = null;
+			const listItemsElements = document.getElementsByClassName("input-address__list--item");
+			const listHeight = listRef?.current?.getBoundingClientRect()?.height ?? 0;
+			const listScrollTop = listRef?.current?.scrollTop || 0;
+			const lastItemIndex = Number.parseInt(listItems?.length?.toString(), 10) - 1;
+			/** Arrows Controllers */
+			if (keyCode === 40) {
+				if (hightlightedIndex === null || hightlightedIndex === lastItemIndex) newHightlightedIndex = 0;
+				else if (hightlightedIndex + 1 < listItems?.length) newHightlightedIndex = hightlightedIndex + 1;
+			} else if (keyCode === 38) {
+				if (hightlightedIndex === null || hightlightedIndex === 0) newHightlightedIndex = lastItemIndex;
+				else if (hightlightedIndex - 1 >= 0) newHightlightedIndex = hightlightedIndex - 1;
+			}
+			const newHightlightedElement = typeof newHightlightedIndex === "number" ? listItemsElements[newHightlightedIndex] : null;
+			const newHightlightedElementHeight = newHightlightedElement?.getBoundingClientRect()?.height ?? 0;
+			const newHightlightedElementTopInList = newHightlightedElement ? newHightlightedElement?.offsetTop : 0;
+			if (newHightlightedElementTopInList + newHightlightedElementHeight > listScrollTop + listHeight) if (Math.abs(newHightlightedElementTopInList + newHightlightedElementHeight - (listScrollTop + listHeight)) <= newHightlightedElementHeight) listRef?.current?.scrollTo(0, listScrollTop + newHightlightedElementHeight);
+			else listRef?.current?.scrollTo(0, newHightlightedElementTopInList);
+			else if (newHightlightedElementTopInList < listScrollTop) if (Math.abs(newHightlightedElementTopInList - listScrollTop) < newHightlightedElementHeight) listRef?.current?.scrollTo(0, listScrollTop - newHightlightedElementHeight);
+			else listRef?.current?.scrollTo(0, newHightlightedElementTopInList);
+			if (!isMobile) setHightlightedIndex(newHightlightedIndex);
+		}
+		return true;
+	};
+	const getHintMessage = () => {
+		if (!renderHintMessage || typeof renderHintMessage !== "function") return DEFAULT_HINT_MESSAGE;
+		return renderHintMessage(innerValue);
+	};
+	const getSelectedItemLabel = (value = innerValue) => {
+		if (!value) return "";
+		if (typeof value === "string") return value;
+		if (typeof renderSelectedItem === "function") renderSelectedItem(value);
+		const label = `${value?.streetNumber || ""} ${value?.street?.fullName || ""}`.trim();
+		return !label && isLoading ? previousValueRef.current : label;
+	};
+	const getListItemLabel = (item) => {
+		if (typeof item === "string") return item;
+		if (!renderListItem || typeof renderListItem !== "function") return item?.fullPrediction;
+		return renderListItem(item);
+	};
+	const setListHeight = () => {
+		if (listWrapperRef?.current && listHeaderRef?.current && listRef.current) {
+			const listWrapperHeight = listWrapperRef?.current?.getBoundingClientRect()?.height;
+			const listWrapperStyles = getComputedStyle(listWrapperRef?.current);
+			const listHeight = listWrapperHeight - listHeaderRef?.current?.getBoundingClientRect()?.height - Number.parseInt(listWrapperStyles.paddingBottom, 10);
+			listRef.current.style.maxHeight = `${listHeight}px`;
+		}
+	};
+	const resetListHeight = () => {
+		if (listRef.current) listRef.current.style.maxHeight = `initial`;
+	};
+	useEffect(() => {
+		if (!compareValues(innerValue, previousValueRef.current)) {
+			const isObject = getIsOnlyAnObject(innerValue);
+			const isFullInfo = isObject && "streetNumber" in innerValue && "street" in innerValue && "city" in innerValue && "state" in innerValue && "country" in innerValue && "zipCode" in innerValue;
+			if (isFullInfo) {
+				onChange?.(innerValue);
+				setIsLoading(false);
+			}
+			if (isObject && !isFullInfo) if (typeof clarifyAddressInfo === "function") {
+				setIsLoading(true);
+				clarifyAddressInfo(innerValue)?.then?.((res) => {
+					if (res) setInnerValue(res);
+					else {
+						setInnerValue(previousValueRef.current);
+						setTimeout(() => {
+							inputRef.current?.focus();
+							inputRef.current?.setSelectionRange(previousValueRef.current.length, previousValueRef.current.length);
+						}, 0);
+					}
+					setIsLoading(false);
+					return res;
+				});
+			} else setInnerValue(getSelectedItemLabel(innerValue));
+			if (!isObject) {
+				if (innerValue || !isLoading) onChange?.(innerValue);
+				if (innerValue && !isListVisible) setIsListVisible(true);
+				if (isFocused && Boolean(innerValue)) getAddressVariantsList();
+			}
+		}
+	}, [innerValue]);
+	useEffect(() => {
+		if (!isFocused && !isMobile) {
+			setIsListVisible(false);
+			setHightlightedIndex(null);
+		}
+	}, [isFocused]);
+	useEffect(() => {
+		if (!isListVisible) {
+			setListItems([]);
+			resetListHeight();
+		}
+		if (isMobile && isListVisible) {
+			setTempInnerValue(innerValue);
+			setListHeight();
+		}
+	}, [isListVisible]);
+	useEffect(() => {
+		if (!compareValues(value, innerValue)) setInnerValue(value);
+		previousValueRef.current = value;
+	}, [value]);
+	const renderSearchableInput = () => {
+		const inputValue = getSelectedItemLabel();
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("input-address__input-wrapper"),
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					ref: inputRef,
+					testId: `inputAddress--input--key-${testId || fieldKey}`,
+					className: cn("input-address__input", className),
+					value: inputValue,
+					onChange: setInnerValue,
+					onFocus: () => {
+						setIsFocused(true);
+					},
+					onBlur: () => setIsFocused(false),
+					onKeyDown,
+					attributesOfNativeInput,
+					disabled: disabled || isDisabled
+				}),
+				isWrongAddress && /* @__PURE__ */ jsx("div", {
+					className: cn("input-address__alert", { "input-address__alert--visible": !isFocused }),
+					children: /* @__PURE__ */ jsx(Hint, {
+						side: "left",
+						hint: getHintMessage(),
+						icon: /* @__PURE__ */ jsx(AlertTriangle, {}),
+						handleOpenType: "hover"
+					})
+				}),
+				isClearable && (!isWrongAddress || isFocused) && !(disabled || isDisabled) && /* @__PURE__ */ jsx("div", {
+					className: cn("input-address__clear-query", { "input-address__clear-query--input-focused": isFocused }),
+					children: /* @__PURE__ */ jsx(X, { onClick: onClearClick })
+				})
+			]
+		});
+	};
+	const renderInput = () => {
+		const inputValue = getSelectedItemLabel(isListVisible && tempInnerValue ? tempInnerValue : innerValue);
+		return /* @__PURE__ */ jsx("div", {
+			className: cn("input-address__input-wrapper"),
+			children: /* @__PURE__ */ jsx(Input, {
+				testId: `inputAddress--input--key-${testId || fieldKey}`,
+				className: cn("input-address__input", className),
+				value: inputValue,
+				onChange: setInnerValue,
+				onFocus: (e) => {
+					setIsListVisible(true);
+					e?.target?.blur();
+					setTimeout(() => inputRef?.current?.focus(), 200);
+				},
+				disabled: disabled || isDisabled
+			})
+		});
+	};
+	const renderLoader = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: "input-address__list--loader",
+			children: loader || "Loading..."
+		});
+	};
+	const renderList = () => {
+		const renderListItem = (item, i) => {
+			return /* @__PURE__ */ jsx("div", {
+				className: cn("input-address__list--item", { "input-address__list--item-hightlighted": i === hightlightedIndex }),
+				onMouseDown: (e) => setItemAsInnerValue(e, item),
+				children: getListItemLabel(item)
+			}, `input-address__list-item${i}`);
+		};
+		const renderListItemCustom = () => {
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("input-address__list--item", "input-address__list--item-custom"),
+				onMouseDown: (e) => setItemAsInnerValue(e, getSelectedItemLabel()),
+				children: [
+					getSelectedItemLabel(),
+					/* @__PURE__ */ jsx(AlertTriangle, {}),
+					/* @__PURE__ */ jsx("span", { children: "Choose this only if your address is not listed below" })
+				]
+			}, "input-address__list-item--custom");
+		};
+		const renderNoItems = () => {
+			return /* @__PURE__ */ jsx("div", {
+				className: "input-address__list--no-items",
+				children: isMobile && !innerValue?.length ? "Please begin entering your address" : noItemsMessage || "No Items"
+			});
+		};
+		const renderListDesktop = () => {
+			return /* @__PURE__ */ jsx("div", {
+				className: "input-address__list-wrapper",
+				ref: listWrapperRef,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "input-address__list",
+					ref: listRef,
+					children: isListLoading ? renderLoader() : listItems?.length ? listItems?.map(renderListItem) : renderNoItems()
+				})
+			});
+		};
+		const renderListMobile = () => {
+			return /* @__PURE__ */ jsx("div", {
+				className: "input-address__list-overlay",
+				ref: listOverlayRef,
+				onClick: onOverlayClick,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "input-address__list-wrapper",
+					ref: listWrapperRef,
+					children: [isMobile && /* @__PURE__ */ jsxs("div", {
+						ref: listHeaderRef,
+						className: cn(`${RC}__list-header`, { [`${RC}__list-header-with-shadow`]: isMobile }),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: cn(`${RC}__list-header-row`),
+							children: [/* @__PURE__ */ jsx("div", {
+								className: cn(`${RC}__list-label`),
+								children: label || "Address"
+							}), /* @__PURE__ */ jsx("div", {
+								className: cn(`${RC}__list-close-icon`),
+								onClick: () => setIsListVisible(false),
+								children: /* @__PURE__ */ jsx(X, { onClick: () => setIsListVisible(false) })
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: cn(`${RC}__list-header-row`),
+							children: renderSearchableInput()
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "input-address__list",
+						ref: listRef,
+						children: isListLoading ? renderLoader() : /* @__PURE__ */ jsxs(Fragment, { children: [
+							getSelectedItemLabel() && renderListItemCustom(),
+							listItems?.map(renderListItem),
+							!listItems?.length && !getSelectedItemLabel() && renderNoItems()
+						] })
+					})]
+				})
+			});
+		};
+		return isMobile ? renderListMobile() : renderListDesktop();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("input-address", {
+			"input-address--error": error || isWrongAddress && !isFocused,
+			"input-address--disabled": disabled || isDisabled
+		}),
+		children: [
+			isLoading && /* @__PURE__ */ jsx(Spinner, { size: "small" }),
+			isMobile ? renderInput() : renderSearchableInput(),
+			isListVisible && renderList()
+		]
+	});
+};
+//#endregion
+export { InputAddress as default };
+
+//# sourceMappingURL=InputAddress.js.map

package/dist/es/Molecular/InputAddress/InputAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputAddress.js","names":[],"sources":["../../../../src/Molecular/InputAddress/InputAddress.tsx"],"sourcesContent":["/* eslint-disable react-web-api/no-leaked-timeout */\nimport type { IInputAddressProps, IInputAddressValue } from './InputAddress.interface';\n\nimport cn from 'classnames';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { AlertTriangle, X } from 'react-feather';\nimport Input from '../../Atomic/FormElements/Input/Input';\nimport Spinner from '../../Atomic/Layout/Spinner/Spinner';\nimport Hint from '../../Atomic/UI/Hint/Hint';\nimport useIsMobile from '../../Functions/useIsMobile/useIsMobile';\n\nimport { compare, getIsOnlyAnObject } from '../../Functions/utils';\nimport './InputAddress.scss';\n\nconst DEFAULT_HINT_MESSAGE\n  = 'Select the correct address from the list of suggestions (must contains house number and street name)';\n\nconst RC = 'input-address';\n\n// ? Если равны - true\nfunction compareValues(val1: string | IInputAddressValue, val2: string | IInputAddressValue): boolean {\n  return (\n    typeof val1 === typeof val2\n    && (getIsOnlyAnObject(val1) ? compare(val1, val2) : val1 === val2)\n  );\n}\n\nfunction throttle(fn: (...args: any[]) => void, ms: number) {\n  let id: ReturnType<typeof setTimeout> | null = null;\n  return (...args: any[]) => {\n    if (id) clearTimeout(id);\n\n    id = setTimeout(() => {\n      fn(...args);\n    }, ms);\n  };\n}\n\n// Отдает true если value валидное НЕ нулевое число\nfunction getIsValidNumber(value: any): value is number {\n  return Boolean(value) && typeof value === 'number' && !Number.isNaN(value)\n}\n\nconst InputAddress: React.FC<IInputAddressProps> = ({\n  label,\n  className = '',\n  isClearable = true,\n  isKeyboardControlled = true,\n  fieldKey = '',\n  testId = '',\n  throttle: throttleTime = 500, // ms\n  additionalThrottleTimeForListingRequest = 0, // ms\n  loader = '',\n  noItemsMessage = '',\n  error,\n  value = '',\n  onChange,\n  onChangeValueTransformer,\n  disabled,\n  isDisabled,\n\n  getListItems,\n  clarifyAddressInfo, // ! Не делать дефолтного значения! Это и метод и флаг\n\n  noValidate = false,\n\n  renderSelectedItem,\n  renderListItem,\n  renderHintMessage,\n\n  attributesOfNativeInput,\n}) => {\n  const { isMobile } = useIsMobile();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const listOverlayRef = useRef<HTMLDivElement>(null);\n  const listWrapperRef = useRef<HTMLDivElement>(null);\n  const listHeaderRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  const [innerValue, setInnerValue] = useState<string | IInputAddressValue>(value);\n\n  const [tempInnerValue, setTempInnerValue] = useState <string | IInputAddressValue | null>(null);\n\n  const [listItems, setListItems] = useState<any[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isListLoading, setIsListLoading] = useState(false);\n\n  const [hightlightedIndex, setHightlightedIndex] = useState<number | null>(null);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isListVisible, setIsListVisible] = useState(false);\n\n  const isWrongAddress = useMemo(() => {\n    if (noValidate) return false;\n\n    if (innerValue === '') return false;\n\n    if (\n      (typeof innerValue === 'object' && !Object.hasOwn(innerValue, 'streetNumber'))\n      || (typeof innerValue !== 'string' && !innerValue?.streetNumber)\n    ) {\n      return true;\n    }\n\n    // eslint-disable-next-line no-prototype-builtins\n    if (!innerValue?.hasOwnProperty('street') || (typeof innerValue !== 'string' && !innerValue?.street?.fullName))\n      return true;\n\n    return false;\n  }, [innerValue]);\n\n  const setItemAsInnerValue = (e: any, item: any): void => {\n    if (e instanceof Event) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    setTimeout(() => {\n      setInnerValue(item);\n\n      if (isMobile) {\n        setIsListVisible(false);\n      }\n    }, 0);\n  };\n\n  // ? Базовый метод получения списка вариантов адреса\n  const getAddressVariants = useMemo(\n    () => (innerValue: string | IInputAddressValue) =>\n      getListItems?.(innerValue)\n        ?.then(setListItems)\n        .finally(() => setIsListLoading(false)),\n    [getListItems],\n  );\n\n  // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)\n  // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)\n  const getAddressVariantsWithThrottling = useMemo(() => {\n    const execute = getIsValidNumber(additionalThrottleTimeForListingRequest)\n      ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest)\n      : getAddressVariants;\n\n    return getIsValidNumber(throttleTime)\n      ? throttle(execute, throttleTime)\n      : execute;\n  }, [\n    getAddressVariants,\n    additionalThrottleTimeForListingRequest,\n    throttleTime,\n  ]);\n\n  // ? Итоговый \"получатель\" списка вариантов адресов\n  const getAddressVariantsList = (): null => {\n    if (!innerValue?.length) return null;\n\n    // ? Вообще с учетом надпись \"Loading\" в списке вариантов включается в этом месте (т.е. сразу при начале набора),\n    // ? то, наверное, можно было НЕ мутить с дополнительным тротлингом )).\n    // ? Наверное, можно было увеличить время первичного тротлинга и, наверное, работало бы так же ))\n    // ? НО, раз уже сделал )) оставлю, может будет в будущем полезно )\n    setIsListLoading(true);\n    getAddressVariantsWithThrottling(innerValue);\n\n    return null;\n  };\n\n  const onClearClick: React.MouseEventHandler<SVGElement> = (e): void => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!isMobile) {\n      setIsListVisible(false);\n    }\n\n    setInnerValue('');\n\n    inputRef?.current?.focus();\n    setTimeout(() => setIsFocused(true), 0);\n  };\n\n  const onOverlayClick: React.MouseEventHandler<HTMLDivElement> = (e): void => {\n    if (e.target === listOverlayRef?.current) {\n      e.stopPropagation();\n      e.preventDefault();\n      setIsListVisible(false);\n      if (tempInnerValue) setInnerValue(tempInnerValue);\n      onChange?.(\n        typeof innerValue === 'string'\n        || !onChangeValueTransformer\n        || typeof onChangeValueTransformer !== 'function'\n          ? innerValue\n          : onChangeValueTransformer(innerValue),\n      );\n    }\n  };\n\n  const onKeyDown = (keyCode: number | string): boolean => {\n    if (!isListVisible || !isKeyboardControlled) return false;\n\n    if (keyCode === 13) {\n      // Enter Controller\n      if (typeof hightlightedIndex === 'number') setItemAsInnerValue(null, listItems[hightlightedIndex]);\n      setHightlightedIndex(null);\n      inputRef?.current?.blur();\n    }\n    else {\n      let newHightlightedIndex: number | null = null;\n      const listItemsElements = document.getElementsByClassName('input-address__list--item');\n\n      const listHeight = listRef?.current?.getBoundingClientRect()?.height ?? 0;\n      const listScrollTop = listRef?.current?.scrollTop || 0;\n      const lastItemIndex = Number.parseInt(listItems?.length?.toString(), 10) - 1;\n\n      /** Arrows Controllers */\n      if (keyCode === 40) {\n        // Down Key Controller\n        if (hightlightedIndex === null || hightlightedIndex === lastItemIndex) {\n          newHightlightedIndex = 0;\n        }\n        else if (hightlightedIndex + 1 < listItems?.length) {\n          newHightlightedIndex = hightlightedIndex + 1;\n        }\n      }\n      else if (keyCode === 38) {\n        // Up Key Controller\n        if (hightlightedIndex === null || hightlightedIndex === 0) {\n          newHightlightedIndex = lastItemIndex;\n        }\n        else if (hightlightedIndex - 1 >= 0) {\n          newHightlightedIndex = hightlightedIndex - 1;\n        }\n      }\n\n      // Scroll to Element\n      const newHightlightedElement = typeof newHightlightedIndex === 'number' ? listItemsElements[newHightlightedIndex] as HTMLElement : null;\n      const newHightlightedElementHeight\n        = newHightlightedElement?.getBoundingClientRect()?.height ?? 0;\n\n      const newHightlightedElementTopInList = newHightlightedElement ? newHightlightedElement?.offsetTop : 0;\n\n      if (\n        newHightlightedElementTopInList + newHightlightedElementHeight\n        > listScrollTop + listHeight\n      ) {\n        if (\n          Math.abs(\n            newHightlightedElementTopInList\n            + newHightlightedElementHeight\n            - (listScrollTop + listHeight),\n          ) <= newHightlightedElementHeight\n        ) {\n          listRef?.current?.scrollTo(\n            0,\n            listScrollTop + newHightlightedElementHeight,\n          );\n        }\n        else {\n          listRef?.current?.scrollTo(0, newHightlightedElementTopInList);\n        }\n      }\n      else if (newHightlightedElementTopInList < listScrollTop) {\n        if (Math.abs(newHightlightedElementTopInList - listScrollTop) < newHightlightedElementHeight) {\n          listRef?.current?.scrollTo(0, listScrollTop - newHightlightedElementHeight);\n        }\n        else {\n          listRef?.current?.scrollTo(0, newHightlightedElementTopInList);\n        }\n      }\n\n      if (!isMobile) setHightlightedIndex(newHightlightedIndex);\n    }\n\n    return true;\n  };\n\n  const getHintMessage = (): string => {\n    if (!renderHintMessage || typeof renderHintMessage !== 'function')\n      return DEFAULT_HINT_MESSAGE;\n\n    return renderHintMessage(innerValue);\n  };\n\n  const getSelectedItemLabel = (value = innerValue): string => {\n    if (!value) return '';\n    if (typeof value === 'string') return value;\n    if (typeof renderSelectedItem === 'function') renderSelectedItem(value);\n\n    const label\n      = `${value?.streetNumber || ''} ${value?.street?.fullName || ''}`.trim();\n    return !label && isLoading ? previousValueRef.current as string : label;\n  };\n\n  const getListItemLabel = (item: string | IInputAddressValue): string | React.ReactNode => {\n    if (typeof item === 'string') return item;\n\n    if (!renderListItem || typeof renderListItem !== 'function')\n      return item?.fullPrediction;\n\n    return renderListItem(item);\n  };\n\n  const setListHeight = (): void => {\n    if (listWrapperRef?.current && listHeaderRef?.current && listRef.current) {\n      const listWrapperHeight\n        = listWrapperRef?.current?.getBoundingClientRect()?.height;\n      const listWrapperStyles = getComputedStyle(listWrapperRef?.current);\n\n      const listHeaderHeight\n        = listHeaderRef?.current?.getBoundingClientRect()?.height;\n\n      const listHeight\n        = listWrapperHeight\n          - listHeaderHeight\n          - Number.parseInt(listWrapperStyles.paddingBottom, 10);\n\n      listRef.current.style.maxHeight = `${listHeight}px`;\n    }\n  };\n\n  const resetListHeight = (): void => {\n    if (listRef.current) {\n      listRef.current.style.maxHeight = `initial`;\n    }\n  };\n\n  // ? Основной блок работы со значениями адреса\n  // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов\n  useEffect(() => {\n    // ? Исключение инициализации - равны только при первом рендере компонента,\n    // ? т.к. рефка и стейт инициализируются верхним value\n    if (!compareValues(innerValue, previousValueRef.current)) {\n      const isObject = getIsOnlyAnObject(innerValue);\n\n      // ? innerValue меняется либо от ручного ввода, либо от выбора из списка\n      // ? Полная информация или нет - напрямую зависит от ответа getListItems\n      const isFullInfo\n        = isObject\n          && 'streetNumber' in (innerValue as IInputAddressValue)\n          && 'street' in (innerValue as IInputAddressValue)\n          && 'city' in (innerValue as IInputAddressValue)\n          && 'state' in (innerValue as IInputAddressValue)\n          && 'country' in (innerValue as IInputAddressValue)\n          && 'zipCode' in (innerValue as IInputAddressValue);\n\n      // ? Для старого эндпоинта возвращается список с полной информацией, поэтому на проектах ничего не поменяется,\n      // ? если не менять запросник (getListItems), все будет проходить по этой if-ке или по 3-й (для строчных значений)\n      if (isFullInfo) {\n        onChange?.(innerValue);\n        setIsLoading(false);\n      }\n\n      // ? Неполная информация может быть только в том случае, когда метод getListItems использует уже новый эндпоинт гугл-апи.\n      // ? Предполагается, что при этом в компонент будет прокинута ф-я \"уточнятель\" (clarifyAddressInfo)\n      if (isObject && !isFullInfo) {\n        if (typeof clarifyAddressInfo === 'function') {\n          setIsLoading(true);\n          // ? Предполагается, что clarifyAddressInfo - асинхронная ф-я, запросник уточнения опции\n          // ? Никаких await-ов НЕ нужно (тем более что в useEffect и нельзя для нового React),\n          // ? промис \"выплюнется в пустоту\", но НЕ будет отчищен до резолва, а useEffect (и итерация рендера в целом) при этом будет закончен(а)\n          clarifyAddressInfo(innerValue as IInputAddressValue)?.then?.((res) => {\n            if (res) {\n              setInnerValue(res);\n            }\n            else {\n              setInnerValue(previousValueRef.current);\n              setTimeout(() => {\n                inputRef.current?.focus();\n                inputRef.current?.setSelectionRange(\n                  previousValueRef.current.length,\n                  previousValueRef.current.length,\n                );\n              }, 0);\n            }\n\n            setIsLoading(false);\n            return res;\n          });\n        }\n        // ! Если сверху поменяли эндпоинт и он выдает \"облегченный листинг\" (айтемы с неполной инфой),\n        // ! и НЕ пробросили clarifyAddressInfo, то на этом кейсе велью инпута будет просто зануляться\n        // ! (getSelectedItemLabel вернет пустую строку если вкинуть innerValue без всей инфы)\n        else {\n          setInnerValue(getSelectedItemLabel(innerValue));\n        }\n      }\n\n      // ? Кейс для строчных значений\n      if (!isObject) {\n        // ? Вызываем верхний onChange если innerValue есть или если нету, но это не после логики уточнения\n        if (innerValue || !isLoading) onChange?.(innerValue);\n        // ? Если innerValue есть и еще не открыт листинг - открываем\n        if (innerValue && !isListVisible) setIsListVisible(true);\n        // ? Если инпут сфокусирован и значение есть - запрашиваем список вариантов\n        if (isFocused && Boolean(innerValue)) getAddressVariantsList();\n      }\n    }\n  }, [innerValue]);\n\n  useEffect(() => {\n    if (!isFocused && !isMobile) {\n      setIsListVisible(false);\n      setHightlightedIndex(null);\n    }\n  }, [isFocused]);\n\n  useEffect(() => {\n    if (!isListVisible) {\n      setListItems([]);\n      resetListHeight();\n    }\n\n    if (isMobile && isListVisible) {\n      setTempInnerValue(innerValue);\n      setListHeight();\n    }\n  }, [isListVisible]);\n\n  useEffect(() => {\n    // ? учет изменения value сверху (верхние переназначения велью)\n    if (!compareValues(value, innerValue)) setInnerValue(value);\n\n    // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации\n    previousValueRef.current = value;\n  }, [value]);\n\n  const renderSearchableInput = (): JSX.Element => {\n    const inputValue = getSelectedItemLabel();\n\n    return (\n      <div className={cn('input-address__input-wrapper')}>\n        <Input\n          ref={inputRef}\n          testId={`inputAddress--input--key-${testId || fieldKey}`}\n          className={cn('input-address__input', className)}\n          value={inputValue as string}\n          onChange={setInnerValue}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={onKeyDown}\n          attributesOfNativeInput={attributesOfNativeInput}\n          disabled={disabled || isDisabled}\n        />\n        {isWrongAddress && (\n          <div\n            className={cn('input-address__alert', {\n              'input-address__alert--visible': !isFocused,\n            })}\n          >\n            <Hint\n              side=\"left\"\n              hint={getHintMessage()}\n              icon={<AlertTriangle />}\n              handleOpenType=\"hover\"\n            />\n          </div>\n        )}\n        {isClearable && (!isWrongAddress || isFocused) && !(disabled || isDisabled) && (\n          <div\n            className={cn('input-address__clear-query', {\n              'input-address__clear-query--input-focused': isFocused,\n            })}\n          >\n            <X onClick={onClearClick} />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const renderInput = (): JSX.Element => {\n    const inputValue = getSelectedItemLabel(\n      isListVisible && tempInnerValue ? tempInnerValue : innerValue,\n    );\n\n    return (\n      <div className={cn('input-address__input-wrapper')}>\n        <Input\n          testId={`inputAddress--input--key-${testId || fieldKey}`}\n          className={cn('input-address__input', className)}\n          value={inputValue as string}\n          onChange={setInnerValue}\n          onFocus={(e) => {\n            setIsListVisible(true);\n            e?.target?.blur();\n            setTimeout(() => inputRef?.current?.focus(), 200);\n          }}\n          disabled={disabled || isDisabled}\n        />\n      </div>\n    );\n  };\n\n  const renderLoader = (): JSX.Element => {\n    return (\n      <div className=\"input-address__list--loader\">\n        {loader || 'Loading...'}\n      </div>\n    );\n  };\n\n  const renderList = (): JSX.Element => {\n    const renderListItem = (item: IInputAddressValue, i: number): JSX.Element => {\n      return (\n        <div\n          key={`input-address__list-item${i}`}\n          className={cn('input-address__list--item', {\n            'input-address__list--item-hightlighted': i === hightlightedIndex,\n          })}\n          onMouseDown={e => setItemAsInnerValue(e, item)}\n        >\n          {getListItemLabel(item)}\n        </div>\n      );\n    };\n    const renderListItemCustom = (): JSX.Element => {\n      return (\n        <div\n          key=\"input-address__list-item--custom\"\n          className={cn(\n            'input-address__list--item',\n            'input-address__list--item-custom',\n          )}\n          onMouseDown={e => setItemAsInnerValue(e, getSelectedItemLabel())}\n        >\n          {getSelectedItemLabel()}\n          <AlertTriangle />\n          <span>Choose this only if your address is not listed below</span>\n        </div>\n      );\n    };\n    const renderNoItems = (): JSX.Element => {\n      return (\n        <div className=\"input-address__list--no-items\">\n          {isMobile && !innerValue?.length\n            ? 'Please begin entering your address'\n            : noItemsMessage || 'No Items'}\n        </div>\n      );\n    };\n\n    const renderListDesktop = (): JSX.Element => {\n      return (\n        <div className=\"input-address__list-wrapper\" ref={listWrapperRef}>\n          <div className=\"input-address__list\" ref={listRef}>\n            {isListLoading\n              ? renderLoader()\n              : listItems?.length\n                ? listItems?.map(renderListItem)\n                : renderNoItems()}\n          </div>\n        </div>\n      );\n    };\n    const renderListMobile = (): JSX.Element => {\n      return (\n        <div\n          className=\"input-address__list-overlay\"\n          ref={listOverlayRef}\n          onClick={onOverlayClick}\n        >\n          <div className=\"input-address__list-wrapper\" ref={listWrapperRef}>\n            {isMobile && (\n              <div\n                ref={listHeaderRef}\n                className={cn(`${RC}__list-header`, {\n                  [`${RC}__list-header-with-shadow`]: isMobile,\n                })}\n              >\n                <div className={cn(`${RC}__list-header-row`)}>\n                  <div className={cn(`${RC}__list-label`)}>\n                    {label || 'Address'}\n                  </div>\n                  <div\n                    className={cn(`${RC}__list-close-icon`)}\n                    onClick={() => setIsListVisible(false)}\n                  >\n                    <X onClick={() => setIsListVisible(false)} />\n                  </div>\n                </div>\n                <div className={cn(`${RC}__list-header-row`)}>\n                  {renderSearchableInput()}\n                </div>\n              </div>\n            )}\n            <div className=\"input-address__list\" ref={listRef}>\n              {isListLoading\n                ? (\n                    renderLoader()\n                  )\n                : (\n                    <>\n                      {getSelectedItemLabel() && renderListItemCustom()}\n                      {listItems?.map(renderListItem)}\n                      {!listItems?.length\n                        && !getSelectedItemLabel()\n                        && renderNoItems()}\n                    </>\n                  )}\n            </div>\n          </div>\n        </div>\n      );\n    };\n\n    return isMobile ? renderListMobile() : renderListDesktop();\n  };\n\n  return (\n    <div\n      className={cn('input-address', {\n        'input-address--error': error || (isWrongAddress && !isFocused),\n        'input-address--disabled': disabled || isDisabled,\n      })}\n    >\n      {isLoading && <Spinner size=\"small\" />}\n      {isMobile ? renderInput() : renderSearchableInput()}\n      {isListVisible && renderList()}\n    </div>\n  );\n}\n\nexport default InputAddress;\n"],"mappings":"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"}