intelicoreact 1.1.26 → 1.1.28

package/dist/Functions/locale/createTranslator.js

@@ -48,7 +48,8 @@ function createTranslator(_ref) {
       for (var key in values) {
         var _translatedText;
 
-        translatedText = (_translatedText = translatedText) === null || _translatedText === void 0 ? void 0 : _translatedText.replace("%".concat(key, "%"), values[key]);
+        var regex = new RegExp("%".concat(key, "%"), 'g');
+        translatedText = (_translatedText = translatedText) === null || _translatedText === void 0 ? void 0 : _translatedText.replace(regex, values[key]);
       }
     }
 

package/dist/Molecular/InputAddress/InputAddress.js

@@ -42,6 +42,8 @@ var InputAddress = function InputAddress(_ref) {
       throttle = _ref$throttle === void 0 ? 300 : _ref$throttle,
       _ref$loader = _ref.loader,
       loader = _ref$loader === void 0 ? '' : _ref$loader,
+      _ref$noItems = _ref.noItems,
+      noItems = _ref$noItems === void 0 ? '' : _ref$noItems,
       error = _ref.error,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? '' : _ref$value,
@@ -67,20 +69,25 @@ var InputAddress = function InputAddress(_ref) {
       listItems = _useState6[0],
       setListItems = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(null),
+  var _useState7 = (0, _react.useState)(false),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      hightlightedIndex = _useState8[0],
-      setHightlightedIndex = _useState8[1];
+      isLoading = _useState8[0],
+      setIsLoading = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(false),
+  var _useState9 = (0, _react.useState)(null),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isFocused = _useState10[0],
-      setIsFocused = _useState10[1];
+      hightlightedIndex = _useState10[0],
+      setHightlightedIndex = _useState10[1];
 
   var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isListVisible = _useState12[0],
-      setIsListVisible = _useState12[1];
+      isFocused = _useState12[0],
+      setIsFocused = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      isListVisible = _useState14[0],
+      setIsListVisible = _useState14[1];
 
   var setQueryAsItem = function setQueryAsItem(e, item) {
     if (e) e === null || e === void 0 ? void 0 : e.stopPropagation();
@@ -95,7 +102,10 @@ var InputAddress = function InputAddress(_ref) {
     throttleTimeout = setTimeout(function () {
       var _getListItems;
 
-      return (_getListItems = getListItems(query)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems);
+      setIsLoading(true);
+      (_getListItems = getListItems(query)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(function () {
+        return setIsLoading(false);
+      });
     }, throttle);
   };
 
@@ -247,10 +257,16 @@ var InputAddress = function InputAddress(_ref) {
       }, item);
     };
 
+    var renderNoItems = function renderNoItems() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "input-address__list--no-items"
+      }, noItems || 'No Items');
+    };
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-address__list",
       ref: listRef
-    }, !(listItems !== null && listItems !== void 0 && listItems.length) ? renderLoader() : listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem));
+    }, isLoading ? renderLoader() : listItems !== null && listItems !== void 0 && listItems.length ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems());
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -34,12 +34,21 @@
     border: 1px solid #E2E5EC;
     border-radius: 4px;
 
-    &--loader {
+    &--loader,
+    &--no-items {
       position: relative;
       padding: 4px 8px;
       box-sizing: border-box;
     }
 
+    &--loader {
+      opacity: 0.5;
+    }
+
+    &--no-items {
+      opacity: 0.8;
+    }
+
     &--item {
       position: relative;
       padding: 4px 8px;

package/package.json

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