intelicoreact 1.3.22 → 1.3.24

package/dist/Molecular/InputAddress/InputAddress.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactFeather = require("react-feather");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../Functions/utils");
-var _useIsMobile = _interopRequireDefault(require("../../Functions/useIsMobile"));
+var _reactFeather = require("react-feather");
 var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Input"));
-var _Hint = _interopRequireDefault(require("../../Atomic/UI/Hint/Hint"));
 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(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 DEFAULT_HINT_MESSAGE = "Select the correct address from the list of suggestions (must contains house number and street name)";
 const RC = "input-address";
 
 // ? Если равны - true
@@ -37,23 +37,23 @@ const throttle = (fn, ms) => {
 };
 
 // Отдает true если value валидное НЕ нулевое число
-const getIsValidNumber = value => !!value && typeof value === 'number' && !Number.isNaN(value);
+const getIsValidNumber = value => Boolean(value) && typeof value === "number" && !Number.isNaN(value);
 const InputAddress = _ref => {
   let {
     label,
-    className = '',
+    className = "",
     isClearable = true,
     isKeyboardControlled = true,
-    fieldKey = '',
-    testId = '',
+    fieldKey = "",
+    testId = "",
     throttle: throttleTime = 500,
     // ms
     additionalThrottleTimeForListingRequest = 0,
     // ms
-    loader = '',
-    noItemsMessage = '',
+    loader = "",
+    noItemsMessage = "",
     error,
-    value = '',
+    value = "",
     onChange = () => {},
     onChangeValueTransformer,
     disabled,
@@ -92,12 +92,12 @@ const InputAddress = _ref => {
   const isWrongAddress = (0, _react.useMemo)(() => {
     var _innerValue$street;
     if (noValidate) return false;
-    if (innerValue === '') 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;
+    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;
+    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) => {
@@ -136,6 +136,7 @@ const InputAddress = _ref => {
     // ? НО, раз уже сделал )) оставлю, может будет в будущем полезно )
     setIsListLoading(true);
     getAddressVariantsWithThrottling(innerValue);
+    return null;
   };
   const onClearClick = e => {
     var _inputRef$current;
@@ -144,7 +145,7 @@ const InputAddress = _ref => {
     if (!isMobile) {
       setIsListVisible(false);
     }
-    setInnerValue('');
+    setInnerValue("");
     inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     setTimeout(() => setIsFocused(true), 0);
   };
@@ -154,7 +155,7 @@ const InputAddress = _ref => {
       e.preventDefault();
       setIsListVisible(false);
       setInnerValue(tempInnerValue);
-      onChange(typeof innerValue === 'string' || !onChangeValueTransformer || typeof onChangeValueTransformer !== 'function' ? innerValue : onChangeValueTransformer(innerValue));
+      onChange(typeof innerValue === "string" || !onChangeValueTransformer || typeof onChangeValueTransformer !== "function" ? innerValue : onChangeValueTransformer(innerValue));
     }
   };
   const onKeyDown = keyCode => {
@@ -168,10 +169,10 @@ const InputAddress = _ref => {
     } else {
       var _listRef$current, _listRef$current2, _newHightlightedEleme;
       let newHightlightedIndex = null;
-      const listItemsElements = document.getElementsByClassName('input-address__list--item');
+      const listItemsElements = document.getElementsByClassName("input-address__list--item");
       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) - 1;
+      const lastItemIndex = parseInt(listItems === null || listItems === void 0 ? void 0 : listItems.length, 10) - 1;
 
       /** Arrows Controllers **/
       if (keyCode === 40) {
@@ -215,21 +216,21 @@ const InputAddress = _ref => {
     }
   };
   const getHintMessage = () => {
-    if (!renderHintMessage || typeof renderHintMessage !== 'function') return DEFAULT_HINT_MESSAGE;
+    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 || (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.fullName) || '').trim();
+    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 || (_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;
+    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 = () => {
@@ -238,7 +239,7 @@ const InputAddress = _ref => {
       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 || (_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);
+      const listHeight = listWrapperHeight - listHeaderHeight - parseInt(listWrapperStyles.paddingBottom, 10);
       listRef.current.style.maxHeight = "".concat(listHeight, "px");
     }
   };
@@ -258,7 +259,7 @@ const InputAddress = _ref => {
 
       // ? 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-й (для строчных значений)
@@ -270,7 +271,7 @@ const InputAddress = _ref => {
       // ? Неполная информация может быть только в том случае, когда метод getListItems использует уже новый эндпоинт гугл-апи.
       // ? Предполагается, что при этом в компонент будет прокинута ф-я "уточнятель" (clarifyAddressInfo)
       if (isObject && !isFullInfo) {
-        if (typeof clarifyAddressInfo === 'function') {
+        if (typeof clarifyAddressInfo === "function") {
           var _clarifyAddressInfo, _clarifyAddressInfo$t;
           setIsLoading(true);
           // ? Предполагается, что clarifyAddressInfo - асинхронная ф-я, запросник уточнения опции
@@ -301,7 +302,7 @@ const InputAddress = _ref => {
         // ? Если innerValue есть и еще не открыт листинг - открываем
         if (innerValue && !isListVisible) setIsListVisible(true);
         // ? Если инпут сфокусирован и значение есть - запрашиваем список вариантов
-        if (isFocused && !!innerValue) getAddressVariantsList();
+        if (isFocused && Boolean(innerValue)) getAddressVariantsList();
       }
     }
   }, [innerValue]);
@@ -331,11 +332,11 @@ const InputAddress = _ref => {
   const renderSearchableInput = () => {
     const inputValue = getSelectedItemLabel();
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('input-address__input-wrapper')
+      className: (0, _classnames.default)("input-address__input-wrapper")
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
       ref: inputRef,
       testId: "inputAddress--input--key-".concat(testId || fieldKey),
-      className: (0, _classnames.default)('input-address__input', className),
+      className: (0, _classnames.default)("input-address__input", className),
       value: inputValue,
       onChange: setInnerValue,
       onFocus: e => {
@@ -345,8 +346,8 @@ const InputAddress = _ref => {
       onKeyDown: onKeyDown,
       attributesOfNativeInput: attributesOfNativeInput
     }), isWrongAddress && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('input-address__alert', {
-        'input-address__alert--visible': !isFocused
+      className: (0, _classnames.default)("input-address__alert", {
+        "input-address__alert--visible": !isFocused
       })
     }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
       side: "left",
@@ -354,8 +355,8 @@ const InputAddress = _ref => {
       icon: /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, null),
       handleOpenType: "hover"
     })), isClearable && (!isWrongAddress || isFocused) && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('input-address__clear-query', {
-        'input-address__clear-query--input-focused': isFocused
+      className: (0, _classnames.default)("input-address__clear-query", {
+        "input-address__clear-query--input-focused": isFocused
       })
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
       onClick: onClearClick
@@ -364,10 +365,10 @@ const InputAddress = _ref => {
   const renderInput = () => {
     const inputValue = getSelectedItemLabel(isListVisible ? tempInnerValue : innerValue);
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('input-address__input-wrapper')
+      className: (0, _classnames.default)("input-address__input-wrapper")
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
       testId: "inputAddress--input--key-".concat(testId || fieldKey),
-      className: (0, _classnames.default)('input-address__input', className),
+      className: (0, _classnames.default)("input-address__input", className),
       value: inputValue,
       onChange: setInnerValue,
       onFocus: e => {
@@ -384,14 +385,14 @@ const InputAddress = _ref => {
   const renderLoader = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-address__list--loader"
-    }, loader || 'Loading...');
+    }, loader || "Loading...");
   };
   const renderList = () => {
     const renderListItem = (item, i) => {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: "input-address__list-item".concat(i),
-        className: (0, _classnames.default)('input-address__list--item', {
-          'input-address__list--item-hightlighted': i === hightlightedIndex
+        className: (0, _classnames.default)("input-address__list--item", {
+          "input-address__list--item-hightlighted": i === hightlightedIndex
         }),
         onMouseDown: e => setItemAsInnerValue(e, item)
       }, getListItemLabel(item));
@@ -399,14 +400,14 @@ const InputAddress = _ref => {
     const renderListItemCustom = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: "input-address__list-item--custom",
-        className: (0, _classnames.default)('input-address__list--item', 'input-address__list--item-custom'),
+        className: (0, _classnames.default)("input-address__list--item", "input-address__list--item-custom"),
         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');
+      }, isMobile && !(innerValue !== null && innerValue !== void 0 && innerValue.length) ? "Please begin entering your address" : noItemsMessage || "No Items");
     };
     const renderListDesktop = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -435,7 +436,7 @@ const InputAddress = _ref => {
         className: (0, _classnames.default)("".concat(RC, "__list-header-row"))
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)("".concat(RC, "__list-label"))
-      }, label || 'Address'), /*#__PURE__*/_react.default.createElement("div", {
+      }, label || "Address"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)("".concat(RC, "__list-close-icon")),
         onClick: () => setIsListVisible(false)
       }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
@@ -450,8 +451,8 @@ const InputAddress = _ref => {
     return isMobile ? renderListMobile() : renderListDesktop();
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('input-address', {
-      'input-address--error': error || isWrongAddress && !isFocused
+    className: (0, _classnames.default)("input-address", {
+      "input-address--error": error || isWrongAddress && !isFocused
     })
   }, isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"