intelicoreact 1.4.13 → 1.4.14

package/dist/Molecular/InputAddress/InputAddress.js

@@ -1,58 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Input"));
-
 var _Spinner = _interopRequireDefault(require("../../Atomic/Layout/Spinner/Spinner"));
-
 var _Hint = _interopRequireDefault(require("../../Atomic/UI/Hint/Hint"));
-
 var _useIsMobile = _interopRequireDefault(require("../../Functions/useIsMobile"));
-
 var _utils = require("../../Functions/utils");
-
 require("./InputAddress.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DEFAULT_HINT_MESSAGE = "Select the correct address from the list of suggestions (must contains house number and street name)";
-const RC = "input-address"; // ? Если равны - true
+const RC = "input-address";
 
+// ? Если равны - true
 const compareValues = (val1, val2) => {
   return typeof val1 === typeof val2 && ((0, _utils.getIsOnlyAnObject)(val1) ? (0, _utils.compare)(val1, val2) : val1 === val2);
 };
-
 const throttle = (fn, ms) => {
   let id = null;
   return function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     if (id) clearTimeout(id);
     id = setTimeout(() => {
       fn(...args);
     }, ms);
   };
-}; // Отдает true если value валидное НЕ нулевое число
-
+};
 
+// Отдает true если value валидное НЕ нулевое число
 const getIsValidNumber = value => Boolean(value) && typeof value === "number" && !Number.isNaN(value);
-
 const InputAddress = _ref => {
   let {
     label,
@@ -75,6 +60,7 @@ const InputAddress = _ref => {
     getListItems = () => {},
     clarifyAddressInfo,
     // ! Не делать дефолтного значения! Это и метод и флаг
+
     noValidate = false,
     renderSelectedItem,
     renderListItem,
@@ -105,70 +91,64 @@ const InputAddress = _ref => {
   const [isListVisible, setIsListVisible] = (0, _react.useState)(false);
   const isWrongAddress = (0, _react.useMemo)(() => {
     var _innerValue$street;
-
     if (noValidate) return false;
-    if (innerValue === "") return false; // eslint-disable-next-line no-prototype-builtins
-
-    if (!(innerValue !== null && innerValue !== void 0 && innerValue.hasOwnProperty("streetNumber")) || !(innerValue !== null && innerValue !== void 0 && innerValue.streetNumber)) return true; // eslint-disable-next-line no-prototype-builtins
+    if (innerValue === "") return false;
+    // eslint-disable-next-line no-prototype-builtins
+    if (!(innerValue !== null && innerValue !== void 0 && innerValue.hasOwnProperty("streetNumber")) || !(innerValue !== null && innerValue !== void 0 && innerValue.streetNumber)) return true;
 
+    // eslint-disable-next-line no-prototype-builtins
     if (!(innerValue !== null && innerValue !== void 0 && innerValue.hasOwnProperty("street")) || !(innerValue !== null && innerValue !== void 0 && (_innerValue$street = innerValue.street) !== null && _innerValue$street !== void 0 && _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 = (0, _react.useMemo)(() => innerValue => {
     var _getListItems;
-
     return (_getListItems = getListItems(innerValue)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(() => setIsListLoading(false));
-  }, [getListItems]); // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)
-  // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)
+  }, [getListItems]);
 
+  // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)
+  // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)
   const getAddressVariantsWithThrottling = (0, _react.useMemo)(() => {
     const execute = getIsValidNumber(additionalThrottleTimeForListingRequest) ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest) : getAddressVariants;
     return getIsValidNumber(throttleTime) ? throttle(execute, throttleTime) : execute;
-  }, [getAddressVariants, additionalThrottleTimeForListingRequest, throttleTime]); // ? Итоговый "получатель" списка вариантов адресов
+  }, [getAddressVariants, additionalThrottleTimeForListingRequest, throttleTime]);
 
+  // ? Итоговый "получатель" списка вариантов адресов
   const getAddressVariantsList = () => {
-    if (!(innerValue !== null && innerValue !== void 0 && innerValue.length)) return null; // ? Вообще с учетом надпись "Loading" в списке вариантов включается в этом месте (т.е. сразу при начале набора),
+    if (!(innerValue !== null && innerValue !== void 0 && innerValue.length)) return null;
+
+    // ? Вообще с учетом надпись "Loading" в списке вариантов включается в этом месте (т.е. сразу при начале набора),
     // ? то, наверное, можно было НЕ мутить с дополнительным тротлингом )).
     // ? Наверное, можно было увеличить время первичного тротлинга и, наверное, работало бы так же ))
     // ? НО, раз уже сделал )) оставлю, может будет в будущем полезно )
-
     setIsListLoading(true);
     getAddressVariantsWithThrottling(innerValue);
     return null;
   };
-
   const onClearClick = e => {
     var _inputRef$current;
-
     e.preventDefault();
     e.stopPropagation();
-
     if (!isMobile) {
       setIsListVisible(false);
     }
-
     setInnerValue("");
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     setTimeout(() => setIsFocused(true), 0);
   };
-
   const onOverlayClick = e => {
     if (e.target === (listOverlayRef === null || listOverlayRef === void 0 ? void 0 : listOverlayRef.current)) {
       e.stopPropagation();
@@ -178,27 +158,23 @@ const InputAddress = _ref => {
       onChange(typeof innerValue === "string" || !onChangeValueTransformer || typeof onChangeValueTransformer !== "function" ? innerValue : onChangeValueTransformer(innerValue));
     }
   };
-
   const onKeyDown = keyCode => {
     if (!isListVisible || !isKeyboardControlled) return false;
-
     if (keyCode === 13) {
       var _inputRef$current2;
-
       // Enter Controller
       setItemAsInnerValue(null, listItems[hightlightedIndex]);
       setHightlightedIndex(null);
-      inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
+      inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
     } else {
-      var _listRef$current, _listRef$current$getB, _listRef$current2, _newHightlightedEleme;
-
+      var _listRef$current, _listRef$current2, _newHightlightedEleme;
       let newHightlightedIndex = null;
       const listItemsElements = document.getElementsByClassName("input-address__list--item");
-      const listHeight = listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$getB = _listRef$current.getBoundingClientRect()) === null || _listRef$current$getB === void 0 ? void 0 : _listRef$current$getB.height;
-      const listScrollTop = (listRef === null || listRef === void 0 ? void 0 : (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollTop) || 0;
+      const listHeight = listRef === null || listRef === void 0 || (_listRef$current = listRef.current) === null || _listRef$current === void 0 || (_listRef$current = _listRef$current.getBoundingClientRect()) === null || _listRef$current === void 0 ? void 0 : _listRef$current.height;
+      const listScrollTop = (listRef === null || listRef === void 0 || (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollTop) || 0;
       const lastItemIndex = parseInt(listItems === null || listItems === void 0 ? void 0 : listItems.length, 10) - 1;
-      /** Arrows Controllers **/
 
+      /** Arrows Controllers **/
       if (keyCode === 40) {
         // Down Key Controller
         if (hightlightedIndex === null || hightlightedIndex === lastItemIndex) {
@@ -213,107 +189,95 @@ const InputAddress = _ref => {
         } else if (hightlightedIndex - 1 >= 0) {
           newHightlightedIndex = hightlightedIndex - 1;
         }
-      } // Scroll to Element
-
+      }
 
+      // Scroll to Element
       const newHightlightedElement = listItemsElements[newHightlightedIndex];
-      const newHightlightedElementHeight = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : (_newHightlightedEleme = newHightlightedElement.getBoundingClientRect()) === null || _newHightlightedEleme === void 0 ? void 0 : _newHightlightedEleme.height;
+      const newHightlightedElementHeight = newHightlightedElement === null || newHightlightedElement === void 0 || (_newHightlightedEleme = newHightlightedElement.getBoundingClientRect()) === null || _newHightlightedEleme === void 0 ? void 0 : _newHightlightedEleme.height;
       const newHightlightedElementTopInList = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : newHightlightedElement.offsetTop;
-
       if (newHightlightedElementTopInList + newHightlightedElementHeight > listScrollTop + listHeight) {
         if (Math.abs(newHightlightedElementTopInList + newHightlightedElementHeight - (listScrollTop + listHeight)) <= newHightlightedElementHeight) {
           var _listRef$current3;
-
-          listRef === null || listRef === void 0 ? void 0 : (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : _listRef$current3.scrollTo(0, listScrollTop + newHightlightedElementHeight);
+          listRef === null || listRef === void 0 || (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || _listRef$current3.scrollTo(0, listScrollTop + newHightlightedElementHeight);
         } else {
           var _listRef$current4;
-
-          listRef === null || listRef === void 0 ? void 0 : (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 ? void 0 : _listRef$current4.scrollTo(0, newHightlightedElementTopInList);
+          listRef === null || listRef === void 0 || (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 || _listRef$current4.scrollTo(0, newHightlightedElementTopInList);
         }
       } else if (newHightlightedElementTopInList < listScrollTop) {
         if (Math.abs(newHightlightedElementTopInList - listScrollTop) < newHightlightedElementHeight) {
           var _listRef$current5;
-
-          listRef === null || listRef === void 0 ? void 0 : (_listRef$current5 = listRef.current) === null || _listRef$current5 === void 0 ? void 0 : _listRef$current5.scrollTo(0, listScrollTop - newHightlightedElementHeight);
+          listRef === null || listRef === void 0 || (_listRef$current5 = listRef.current) === null || _listRef$current5 === void 0 || _listRef$current5.scrollTo(0, listScrollTop - newHightlightedElementHeight);
         } else {
           var _listRef$current6;
-
-          listRef === null || listRef === void 0 ? void 0 : (_listRef$current6 = listRef.current) === null || _listRef$current6 === void 0 ? void 0 : _listRef$current6.scrollTo(0, newHightlightedElementTopInList);
+          listRef === null || listRef === void 0 || (_listRef$current6 = listRef.current) === null || _listRef$current6 === void 0 || _listRef$current6.scrollTo(0, newHightlightedElementTopInList);
         }
       }
-
       if (!isMobile) setHightlightedIndex(newHightlightedIndex);
     }
   };
-
   const getHintMessage = () => {
     if (!renderHintMessage || typeof renderHintMessage !== "function") return DEFAULT_HINT_MESSAGE;
     return renderHintMessage(innerValue);
   };
-
   const getSelectedItemLabel = function () {
     var _value$street;
-
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : innerValue;
     if (!value) return "";
     if (typeof value === "string") return value;
     if (typeof renderSelectedItem === "function") renderSelectedItem(value);
-    const label = "".concat((value === null || value === void 0 ? void 0 : value.streetNumber) || "", " ").concat((value === null || value === void 0 ? void 0 : (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.fullName) || "").trim();
+    const label = "".concat((value === null || value === void 0 ? void 0 : value.streetNumber) || "", " ").concat((value === null || value === void 0 || (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _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 === null || item === void 0 ? void 0 : item.fullPrediction;
     return renderListItem(item);
   };
-
   const setListHeight = () => {
     if (listWrapperRef !== null && listWrapperRef !== void 0 && listWrapperRef.current && listHeaderRef !== null && listHeaderRef !== void 0 && listHeaderRef.current && listRef.current) {
-      var _listWrapperRef$curre, _listWrapperRef$curre2, _listHeaderRef$curren, _listHeaderRef$curren2;
-
-      const listWrapperHeight = listWrapperRef === null || listWrapperRef === void 0 ? void 0 : (_listWrapperRef$curre = listWrapperRef.current) === null || _listWrapperRef$curre === void 0 ? void 0 : (_listWrapperRef$curre2 = _listWrapperRef$curre.getBoundingClientRect()) === null || _listWrapperRef$curre2 === void 0 ? void 0 : _listWrapperRef$curre2.height;
+      var _listWrapperRef$curre, _listHeaderRef$curren;
+      const listWrapperHeight = listWrapperRef === null || listWrapperRef === void 0 || (_listWrapperRef$curre = listWrapperRef.current) === null || _listWrapperRef$curre === void 0 || (_listWrapperRef$curre = _listWrapperRef$curre.getBoundingClientRect()) === null || _listWrapperRef$curre === void 0 ? void 0 : _listWrapperRef$curre.height;
       const listWrapperStyles = getComputedStyle(listWrapperRef === null || listWrapperRef === void 0 ? void 0 : listWrapperRef.current);
-      const listHeaderHeight = listHeaderRef === null || listHeaderRef === void 0 ? void 0 : (_listHeaderRef$curren = listHeaderRef.current) === null || _listHeaderRef$curren === void 0 ? void 0 : (_listHeaderRef$curren2 = _listHeaderRef$curren.getBoundingClientRect()) === null || _listHeaderRef$curren2 === void 0 ? void 0 : _listHeaderRef$curren2.height;
+      const listHeaderHeight = listHeaderRef === null || listHeaderRef === void 0 || (_listHeaderRef$curren = listHeaderRef.current) === null || _listHeaderRef$curren === void 0 || (_listHeaderRef$curren = _listHeaderRef$curren.getBoundingClientRect()) === null || _listHeaderRef$curren === void 0 ? void 0 : _listHeaderRef$curren.height;
       const listHeight = listWrapperHeight - listHeaderHeight - parseInt(listWrapperStyles.paddingBottom, 10);
       listRef.current.style.maxHeight = "".concat(listHeight, "px");
     }
   };
-
   const resetListHeight = () => {
     if (listRef.current) {
       listRef.current.style.maxHeight = "initial";
     }
-  }; // ? Основной блок работы со значениями адреса
-  // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов
-
+  };
 
+  // ? Основной блок работы со значениями адреса
+  // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов
   (0, _react.useEffect)(() => {
     // ? Исключение инициализации - равны только при первом рендере компонента,
     // ? т.к. рефка и стейт инициализируются верхним value
     if (!compareValues(innerValue, previousValueRef.current)) {
-      const isObject = (0, _utils.getIsOnlyAnObject)(innerValue); // ? innerValue меняется либо от ручного ввода, либо от выбора из списка
+      const isObject = (0, _utils.getIsOnlyAnObject)(innerValue);
+
+      // ? innerValue меняется либо от ручного ввода, либо от выбора из списка
       // ? Полная информация или нет - напрямую зависит от ответа getListItems
+      const isFullInfo = isObject && "streetNumber" in innerValue && "street" in innerValue && "city" in innerValue && "state" in innerValue && "country" in innerValue && "zipCode" in innerValue;
 
-      const isFullInfo = isObject && "streetNumber" in innerValue && "street" in innerValue && "city" in innerValue && "state" in innerValue && "country" in innerValue && "zipCode" in innerValue; // ? Для старого эндпоинта возвращается список с полной информацией, поэтому на проектах ничего не поменяется,
+      // ? Для старого эндпоинта возвращается список с полной информацией, поэтому на проектах ничего не поменяется,
       // ? если не менять запросник (getListItems), все будет проходить по этой if-ке или по 3-й (для строчных значений)
-
       if (isFullInfo) {
         onChange(innerValue);
         setIsLoading(false);
-      } // ? Неполная информация может быть только в том случае, когда метод getListItems использует уже новый эндпоинт гугл-апи.
-      // ? Предполагается, что при этом в компонент будет прокинута ф-я "уточнятель" (clarifyAddressInfo)
-
+      }
 
+      // ? Неполная информация может быть только в том случае, когда метод getListItems использует уже новый эндпоинт гугл-апи.
+      // ? Предполагается, что при этом в компонент будет прокинута ф-я "уточнятель" (clarifyAddressInfo)
       if (isObject && !isFullInfo) {
         if (typeof clarifyAddressInfo === "function") {
           var _clarifyAddressInfo, _clarifyAddressInfo$t;
-
-          setIsLoading(true); // ? Предполагается, что clarifyAddressInfo - асинхронная ф-я, запросник уточнения опции
+          setIsLoading(true);
+          // ? Предполагается, что clarifyAddressInfo - асинхронная ф-я, запросник уточнения опции
           // ? Никаких await-ов НЕ нужно (тем более что в useEffect и нельзя для нового React),
           // ? промис "выплюнется в пустоту", но НЕ будет отчищен до резолва, а useEffect (и итерация рендера в целом) при этом будет закончен(а)
-
-          (_clarifyAddressInfo = clarifyAddressInfo(innerValue)) === null || _clarifyAddressInfo === void 0 ? void 0 : (_clarifyAddressInfo$t = _clarifyAddressInfo.then) === null || _clarifyAddressInfo$t === void 0 ? void 0 : _clarifyAddressInfo$t.call(_clarifyAddressInfo, res => {
+          (_clarifyAddressInfo = clarifyAddressInfo(innerValue)) === null || _clarifyAddressInfo === void 0 || (_clarifyAddressInfo$t = _clarifyAddressInfo.then) === null || _clarifyAddressInfo$t === void 0 || _clarifyAddressInfo$t.call(_clarifyAddressInfo, res => {
             if (res) setInnerValue(res);else {
               setInnerValue(previousValueRef.current);
               setTimeout(() => {
@@ -324,19 +288,20 @@ const InputAddress = _ref => {
             setIsLoading(false);
             return res;
           });
-        } // ! Если сверху поменяли эндпоинт и он выдает "облегченный листинг" (айтемы с неполной инфой),
+        }
+        // ! Если сверху поменяли эндпоинт и он выдает "облегченный листинг" (айтемы с неполной инфой),
         // ! и НЕ пробросили clarifyAddressInfo, то на этом кейсе велью инпута будет просто зануляться
         // ! (getSelectedItemLabel вернет пустую строку если вкинуть innerValue без всей инфы)
         else setInnerValue(getSelectedItemLabel(innerValue));
-      } // ? Кейс для строчных значений
-
+      }
 
+      // ? Кейс для строчных значений
       if (!isObject) {
         // ? Вызываем верхний onChange если innerValue есть или если нету, но это не после логики уточнения
-        if (innerValue || !isLoading) onChange(innerValue); // ? Если innerValue есть и еще не открыт листинг - открываем
-
-        if (innerValue && !isListVisible) setIsListVisible(true); // ? Если инпут сфокусирован и значение есть - запрашиваем список вариантов
-
+        if (innerValue || !isLoading) onChange(innerValue);
+        // ? Если innerValue есть и еще не открыт листинг - открываем
+        if (innerValue && !isListVisible) setIsListVisible(true);
+        // ? Если инпут сфокусирован и значение есть - запрашиваем список вариантов
         if (isFocused && Boolean(innerValue)) getAddressVariantsList();
       }
     }
@@ -352,7 +317,6 @@ const InputAddress = _ref => {
       setListItems([]);
       resetListHeight();
     }
-
     if (isMobile && isListVisible) {
       setTempInnerValue(innerValue);
       setListHeight();
@@ -360,11 +324,11 @@ const InputAddress = _ref => {
   }, [isListVisible]);
   (0, _react.useEffect)(() => {
     // ? учет изменения value сверху (верхние переназначения велью)
-    if (!compareValues(value, innerValue)) setInnerValue(value); // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации
+    if (!compareValues(value, innerValue)) setInnerValue(value);
 
+    // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации
     previousValueRef.current = value;
   }, [value]);
-
   const renderSearchableInput = () => {
     const inputValue = getSelectedItemLabel();
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -398,7 +362,6 @@ const InputAddress = _ref => {
       onClick: onClearClick
     })));
   };
-
   const renderInput = () => {
     const inputValue = getSelectedItemLabel(isListVisible ? tempInnerValue : innerValue);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -410,24 +373,20 @@ const InputAddress = _ref => {
       onChange: setInnerValue,
       onFocus: e => {
         var _e$target;
-
         setIsListVisible(true);
-        e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.blur();
+        e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 || _e$target.blur();
         setTimeout(() => {
           var _inputRef$current3;
-
-          return inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
+          return inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
         }, 200);
       }
     }));
   };
-
   const renderLoader = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-address__list--loader"
     }, loader || "Loading...");
   };
-
   const renderList = () => {
     const renderListItem = (item, i) => {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -438,7 +397,6 @@ const InputAddress = _ref => {
         onMouseDown: e => setItemAsInnerValue(e, item)
       }, getListItemLabel(item));
     };
-
     const renderListItemCustom = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: "input-address__list-item--custom",
@@ -446,13 +404,11 @@ const InputAddress = _ref => {
         onMouseDown: e => setItemAsInnerValue(e, getSelectedItemLabel())
       }, getSelectedItemLabel(), /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, null), /*#__PURE__*/_react.default.createElement("span", null, "Choose this only if your address is not listed below"));
     };
-
     const renderNoItems = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "input-address__list--no-items"
       }, isMobile && !(innerValue !== null && innerValue !== void 0 && innerValue.length) ? "Please begin entering your address" : noItemsMessage || "No Items");
     };
-
     const renderListDesktop = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "input-address__list-wrapper",
@@ -462,7 +418,6 @@ const InputAddress = _ref => {
         ref: listRef
       }, isListLoading ? renderLoader() : listItems !== null && listItems !== void 0 && listItems.length ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems()));
     };
-
     const renderListMobile = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "input-address__list-overlay",
@@ -493,10 +448,8 @@ const InputAddress = _ref => {
         ref: listRef
       }, isListLoading ? renderLoader() : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getSelectedItemLabel() && renderListItemCustom(), listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem), !(listItems !== null && listItems !== void 0 && listItems.length) && !getSelectedItemLabel() && renderNoItems()))));
     };
-
     return isMobile ? renderListMobile() : renderListDesktop();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("input-address", {
       "input-address--error": error || isWrongAddress && !isFocused
@@ -505,6 +458,4 @@ const InputAddress = _ref => {
     size: "small"
   }), isMobile ? renderInput() : renderSearchableInput(), isListVisible && renderList());
 };
-
-var _default = InputAddress;
-exports.default = _default;
+var _default = exports.default = InputAddress;

package/dist/Molecular/InputPassword/InputPassword.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Input"));
-
 var _utils = require("../../Functions/utils");
-
 require("./InputPassword.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const InputPassword = _ref => {
   let {
     field = {},
@@ -36,9 +25,8 @@ const InputPassword = _ref => {
   const handle = {
     changeView: () => {
       var _inputWrapper$current;
-
-      const input = inputWrapper === null || inputWrapper === void 0 ? void 0 : (_inputWrapper$current = inputWrapper.current) === null || _inputWrapper$current === void 0 ? void 0 : _inputWrapper$current.querySelector("input");
-      input === null || input === void 0 ? void 0 : input.focus();
+      const input = inputWrapper === null || inputWrapper === void 0 || (_inputWrapper$current = inputWrapper.current) === null || _inputWrapper$current === void 0 ? void 0 : _inputWrapper$current.querySelector("input");
+      input === null || input === void 0 || input.focus();
       (0, _utils.setCarretToEnd)(input);
       setSP(!showPassword);
     }
@@ -63,6 +51,4 @@ const InputPassword = _ref => {
     className: "password-icon"
   })));
 };
-
-var _default = InputPassword;
-exports.default = _default;
+var _default = exports.default = InputPassword;

package/dist/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "Button", {
     return _Button.default;
   }
 });
-
 var _Button = _interopRequireDefault(require("./Atomic/UI/Button/Button"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.4.13",
+  "version": "1.4.14",
   "description": "",
   "main": "dist/index.js",
   "files": [

package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultPhoneIcon = exports.DefaultEmalIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-/* eslint-disable react/no-unknown-property */
-var DefaultEmalIcon = function DefaultEmalIcon() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask0_18590_7794",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M2.66659 2.66675H13.3333C14.0666 2.66675 14.6666 3.26675 14.6666 4.00008V12.0001C14.6666 12.7334 14.0666 13.3334 13.3333 13.3334H2.66659C1.93325 13.3334 1.33325 12.7334 1.33325 12.0001V4.00008C1.33325 3.26675 1.93325 2.66675 2.66659 2.66675Z",
-    stroke: "black",
-    strokeWidth: "1.07",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M14.6666 4L7.99992 8.66667L1.33325 4",
-    stroke: "black",
-    width: "1.07",
-    linecap: "round",
-    linejoin: "round"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask0_18590_7794)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    width: "16",
-    height: "16",
-    fill: "#1F7499"
-  })));
-};
-
-exports.DefaultEmalIcon = DefaultEmalIcon;
-
-var DefaultPhoneIcon = function DefaultPhoneIcon() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask0_18590_7803",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M11.3333 1.33325H4.66659C3.93021 1.33325 3.33325 1.93021 3.33325 2.66659V13.3333C3.33325 14.0696 3.93021 14.6666 4.66659 14.6666H11.3333C12.0696 14.6666 12.6666 14.0696 12.6666 13.3333V2.66659C12.6666 1.93021 12.0696 1.33325 11.3333 1.33325Z",
-    stroke: "black",
-    strokeWidth: "1.07",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M8 12H8.0075",
-    stroke: "black",
-    width: "1.07",
-    linecap: "round",
-    linejoin: "round"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask0_18590_7803)"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    width: "16",
-    height: "16",
-    fill: "#1F7499"
-  })));
-};
-
-exports.DefaultPhoneIcon = DefaultPhoneIcon;