intelicoreact 1.1.36 → 1.1.38

package/dist/Molecular/InputAddress/InputAddress.js

@@ -74,23 +74,34 @@ var InputAddress = function InputAddress(_ref) {
       isLoading = _useState8[0],
       setIsLoading = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(null),
+  var _useState9 = (0, _react.useState)(false),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      hightlightedIndex = _useState10[0],
-      setHightlightedIndex = _useState10[1];
+      internalError = _useState10[0],
+      setInternalError = _useState10[1];
 
   var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isFocused = _useState12[0],
-      setIsFocused = _useState12[1];
+      isSelectedFromList = _useState12[0],
+      setIsSelectedFromList = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(false),
+  var _useState13 = (0, _react.useState)(null),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      isListVisible = _useState14[0],
-      setIsListVisible = _useState14[1];
+      hightlightedIndex = _useState14[0],
+      setHightlightedIndex = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      isFocused = _useState16[0],
+      setIsFocused = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      isListVisible = _useState18[0],
+      setIsListVisible = _useState18[1];
 
   var setQueryAsItem = function setQueryAsItem(e, item) {
     if (e) e === null || e === void 0 ? void 0 : e.stopPropagation();
+    setIsSelectedFromList(true);
     setTimeout(function () {
       return setQuery(item);
     }, 1);
@@ -188,13 +199,34 @@ var InputAddress = function InputAddress(_ref) {
     }
   };
 
+  var onChangeInternal = function onChangeInternal(value) {
+    setQuery(value);
+    setIsSelectedFromList(false);
+  };
+
+  var onFocus = function onFocus() {
+    setIsFocused(true);
+    setInternalError(false);
+  };
+
+  var onBlur = function onBlur() {
+    if (typeof query === 'string' && !isSelectedFromList) {
+      setQuery('');
+      setInternalError(true);
+    }
+
+    setTimeout(function () {
+      return setIsFocused(false);
+    }, 50);
+  };
+
   (0, _react.useEffect)(function () {
     if (isFocused && query !== '') {
       setIsListVisible(true);
       getData();
     }
 
-    onChange(query);
+    if (typeof query !== "string") onChange(query);
   }, [query]);
   (0, _react.useEffect)(function () {
     if (!isFocused) {
@@ -213,22 +245,19 @@ var InputAddress = function InputAddress(_ref) {
   }, [value]);
 
   var renderInput = function renderInput() {
+    var _query$street;
+
+    var value = typeof query === "string" ? query : "".concat((query === null || query === void 0 ? void 0 : query.streetNumber) || '', " ").concat((query === null || query === void 0 ? void 0 : (_query$street = query.street) === null || _query$street === void 0 ? void 0 : _query$street.fullName) || '');
     return /*#__PURE__*/_react.default.createElement("div", {
       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),
-      value: query,
-      onChange: setQuery,
-      onFocus: function onFocus() {
-        return setIsFocused(true);
-      },
-      onBlur: function onBlur() {
-        return setTimeout(function () {
-          return setIsFocused(false);
-        }, 50);
-      },
+      value: value,
+      onChange: onChangeInternal,
+      onFocus: onFocus,
+      onBlur: onBlur,
       onKeyDown: onKeyDown
     }), isClearable && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('input-address__clear-query', {
@@ -247,6 +276,7 @@ var InputAddress = function InputAddress(_ref) {
 
   var renderList = function renderList() {
     var renderListItem = function renderListItem(item, i) {
+      var fullPrediction = item.fullPrediction;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)('input-address__list--item', {
           'input-address__list--item-hightlighted': i === hightlightedIndex
@@ -254,7 +284,7 @@ var InputAddress = function InputAddress(_ref) {
         onMouseDown: function onMouseDown(e) {
           return setQueryAsItem(e, item);
         }
-      }, item);
+      }, fullPrediction);
     };
 
     var renderNoItems = function renderNoItems() {
@@ -271,7 +301,7 @@ var InputAddress = function InputAddress(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('input-address', {
-      'input-address--error': error
+      'input-address--error': error || internalError
     })
   }, renderInput(), isListVisible && renderList());
 };

package/package.json

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