intelicoreact 1.1.15 → 1.1.16

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -52,32 +50,19 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
     return file.size > maxItemSizeBytes;
   };
 
-  function getUniqueExtensionsList(extList) {
-    // Split the extensions list into an array
-    var extArray = extList === null || extList === void 0 ? void 0 : extList.split(',').map(function (ext) {
-      return ext.trim().toUpperCase();
-    }); // Remove duplicates using a Set
-
-    var uniqueExts = (0, _toConsumableArray2.default)(new Set(extArray)); // Join the unique extensions into a string
-
-    var uniqueExtString = uniqueExts.join(', '); // Return the final message
-
-    return "Only ".concat(uniqueExtString, " are allowed");
-  }
-
   var checkExtension = function checkExtension(valueExtension) {
     return accept.includes(valueExtension);
   };
 
   var handle = {
     change: function change(e) {
-      var _e$target, _e$target$files;
+      var _name$match, _e$target, _e$target$files, _e$target2, _e$target2$files;
 
       var name = getFileName(e.target.value);
-      var valueExtension = name === null || name === void 0 ? void 0 : name.match(/[^\.]+$/)[0];
+      var valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
       var file = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$files = _e$target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
 
-      if (isFileSizeOutOfLimit(e.target.files[0])) {
+      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$files = _e$target2.files) === null || _e$target2$files === void 0 ? void 0 : _e$target2$files[0])) {
         onChange({
           id: id,
           name: name,
@@ -90,7 +75,8 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       } else if (!checkExtension(valueExtension)) {
         var _accept$replace;
 
-        var allowedExtensions = ((_accept$replace = accept.replace(/\./g, '')) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || 'JPG, PNG, PDF';
+        var allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\./g, '')) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || 'JPG, PNG, PDF';
+        var uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
         onChange({
           id: id,
           groupId: groupId,
@@ -98,7 +84,7 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
           valueExtension: valueExtension,
           e: e,
           file: file,
-          error: getUniqueExtensionsList(allowedExtensions)
+          error: "Only ".concat(uniqExts, " are allowed")
         });
       } else onChange({
         id: id,

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -41,6 +41,8 @@ var FileLoaderLocalGroup = function FileLoaderLocalGroup(_ref) {
       groupsArray = _ref$groupsArray === void 0 ? [] : _ref$groupsArray,
       isSingleGroup = _ref.isSingleGroup,
       onChange = _ref.onChange,
+      _ref$labelPrefix = _ref.labelPrefix,
+      labelPrefix = _ref$labelPrefix === void 0 ? DEFAULT_LABEL_PREFIX : _ref$labelPrefix,
       testId = _ref.testId;
 
   var _useState = (0, _react.useState)((0, _utils.clone)(groupsArray)),
@@ -139,20 +141,17 @@ var FileLoaderLocalGroup = function FileLoaderLocalGroup(_ref) {
         onChange(oldDataWithRemovedFile);
       }
     }
-  }; // console.log(groups);
+  };
 
   var renderLabel = function renderLabel(group) {
     var _group$accept;
 
-    var acceptExtensionsList = group === null || group === void 0 ? void 0 : (_group$accept = group.accept) === null || _group$accept === void 0 ? void 0 : _group$accept.split(',');
-    var concatedAcceptList = (acceptExtensionsList === null || acceptExtensionsList === void 0 ? void 0 : acceptExtensionsList.map(function (item, i) {
-      return item.replace('.', '').toUpperCase().concat("".concat(acceptExtensionsList.length - 1 !== i ? ',' : ''));
-    })) || '';
+    var uniqueExts = (0, _utils.getUniqueFileExtensions)(group === null || group === void 0 ? void 0 : (_group$accept = group.accept) === null || _group$accept === void 0 ? void 0 : _group$accept.replace(/\./g, ''));
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "file-loader-local__top-label"
-    }, DEFAULT_LABEL_PREFIX, " ", group.groupTitleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
+    }, labelPrefix, " ", group === null || group === void 0 ? void 0 : group.groupTitleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
       className: "file-loader-local__top-label-extension"
-    }, "(", concatedAcceptList, "):"));
+    }, "(", uniqueExts, "):"));
   };
 
   var renderGroups = function renderGroups() {

package/dist/Functions/utils.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformUTCTimeToLocal = transformUTCTimeToLocal;
 exports.transformUTCHoursToLocal = transformUTCHoursToLocal;
 exports.downloadEmulation = downloadEmulation;
-exports.getCorrectTestId = exports.disableDefaultBehavior = exports.getOS = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.getCorrectTestId = exports.disableDefaultBehavior = exports.getOS = exports.getUniqueFileExtensions = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -419,6 +419,19 @@ var renderFileSize = function renderFileSize(bytes) {
   var i = Math.floor(Math.log(bytes) / Math.log(k));
   return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]);
 };
+
+exports.renderFileSize = renderFileSize;
+
+var getUniqueFileExtensions = function getUniqueFileExtensions(extListString) {
+  // Split the extensions list into an array
+  var extArray = extListString === null || extListString === void 0 ? void 0 : extListString.split(',').map(function (ext) {
+    return ext.trim().toUpperCase();
+  }); // Remove duplicates using a Set
+
+  var uniqueExts = (0, _toConsumableArray2.default)(new Set(extArray)); // Join the unique extensions into a string
+
+  return uniqueExts.join(', ');
+};
 /**
  * If the platform is one of the macOS platforms, return macOS. If the platform is one of the iOS
  * platforms, return iOS. If the platform is one of the Windows platforms, return Windows. If the user
@@ -427,7 +440,7 @@ var renderFileSize = function renderFileSize(bytes) {
  */
 
 
-exports.renderFileSize = renderFileSize;
+exports.getUniqueFileExtensions = getUniqueFileExtensions;
 
 var getOS = function getOS() {
   var _window$navigator, _window$navigator$use;

package/dist/Molecular/InputAddress/InputAddress.js

@@ -32,6 +32,8 @@ var InputAddress = function InputAddress(_ref) {
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$isClearable = _ref.isClearable,
       isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
+      _ref$isKeyboardContro = _ref.isKeyboardControlled,
+      isKeyboardControlled = _ref$isKeyboardContro === void 0 ? true : _ref$isKeyboardContro,
       _ref$fieldKey = _ref.fieldKey,
       fieldKey = _ref$fieldKey === void 0 ? '' : _ref$fieldKey,
       _ref$testId = _ref.testId,
@@ -48,6 +50,7 @@ var InputAddress = function InputAddress(_ref) {
       _ref$getListItems = _ref.getListItems,
       getListItems = _ref$getListItems === void 0 ? function () {} : _ref$getListItems;
   var inputRef = (0, _react.useRef)(null);
+  var listRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -108,47 +111,71 @@ var InputAddress = function InputAddress(_ref) {
   };
 
   var onKeyDown = function onKeyDown(keyCode) {
-    if (!isListVisible) return false;
-
-    if (keyCode === 40) {
-      if (hightlightedIndex === null) {
-        setHightlightedIndex(0);
-        return;
-      } else if (hightlightedIndex + 1 < (listItems === null || listItems === void 0 ? void 0 : listItems.length)) {
-        setHightlightedIndex(function (i) {
-          return i + 1;
-        });
-        return;
-      } else if (hightlightedIndex === (listItems === null || listItems === void 0 ? void 0 : listItems.length) - 1) {
-        setHightlightedIndex(0);
-        return;
-      }
-    }
-
-    if (keyCode === 38) {
-      if (hightlightedIndex === null) {
-        setHightlightedIndex((listItems === null || listItems === void 0 ? void 0 : listItems.length) - 1);
-        return;
-      } else if (hightlightedIndex - 1 >= 0) {
-        setHightlightedIndex(function (i) {
-          return i - 1;
-        });
-        return;
-      } else if (hightlightedIndex === 0) {
-        setHightlightedIndex((listItems === null || listItems === void 0 ? void 0 : listItems.length) - 1);
-        return;
-      }
-    }
+    if (!isListVisible || !isKeyboardControlled) return false;
 
     if (keyCode === 13) {
       var _inputRef$current2;
 
+      // Enter Controller
       setQueryAsItem(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();
-    } //up 38
-    //down 40
+    } else {
+      var _listRef$current, _listRef$current$getB, _listRef$current2, _listRef$current2$get, _listRef$current3, _newHightlightedEleme;
+
+      var prevHightlightedIndex = hightlightedIndex;
+      var newHightlightedIndex = null;
+      var listItemsElements = document.getElementsByClassName('input-address__list--item');
+      var listTop = 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.top;
+      var listHeight = listRef === null || listRef === void 0 ? void 0 : (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : (_listRef$current2$get = _listRef$current2.getBoundingClientRect()) === null || _listRef$current2$get === void 0 ? void 0 : _listRef$current2$get.height;
+      var listScrollTop = (listRef === null || listRef === void 0 ? void 0 : (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : _listRef$current3.scrollTop) || 0;
+      /** Arrows Controllers **/
+
+      if (keyCode === 40) {
+        // Down Key Controller
+        if (hightlightedIndex === null || hightlightedIndex === (listItems === null || listItems === void 0 ? void 0 : listItems.length) - 1) {
+          newHightlightedIndex = 0;
+        } else if (hightlightedIndex + 1 < (listItems === null || listItems === void 0 ? void 0 : listItems.length)) {
+          newHightlightedIndex = hightlightedIndex + 1;
+        }
+      } else if (keyCode === 38) {
+        // Up Key Controller
+        if (hightlightedIndex === null || hightlightedIndex === 0) {
+          newHightlightedIndex = (listItems === null || listItems === void 0 ? void 0 : listItems.length) - 1;
+        } else if (hightlightedIndex - 1 >= 0) {
+          newHightlightedIndex = hightlightedIndex - 1;
+        }
+      } // Scroll to Element
+
+
+      var newHightlightedElement = listItemsElements[newHightlightedIndex];
+      var newHightlightedElementHeight = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : (_newHightlightedEleme = newHightlightedElement.getBoundingClientRect()) === null || _newHightlightedEleme === void 0 ? void 0 : _newHightlightedEleme.height;
+      var 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$current4;
+
+          listRef === null || listRef === void 0 ? void 0 : (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 ? void 0 : _listRef$current4.scrollTo(0, listScrollTop + newHightlightedElementHeight);
+        } else {
+          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, newHightlightedElementTopInList);
+        }
+      } else if (newHightlightedElementTopInList < listScrollTop) {
+        if (Math.abs(newHightlightedElementTopInList - listScrollTop) < newHightlightedElementHeight) {
+          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, listScrollTop - newHightlightedElementHeight);
+        } else {
+          var _listRef$current7;
+
+          listRef === null || listRef === void 0 ? void 0 : (_listRef$current7 = listRef.current) === null || _listRef$current7 === void 0 ? void 0 : _listRef$current7.scrollTo(0, newHightlightedElementTopInList);
+        }
+      }
+
+      setHightlightedIndex(newHightlightedIndex);
+    }
   };
 
   (0, _react.useEffect)(function () {
@@ -221,7 +248,8 @@ var InputAddress = function InputAddress(_ref) {
     };
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-address__list"
+      className: "input-address__list",
+      ref: listRef
     }, !(listItems !== null && listItems !== void 0 && listItems.length) ? renderLoader() : listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem));
   };
 

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -26,7 +26,7 @@
     position: absolute;
     margin-top: 8px;
     width: 100%;
-    max-height: 40px;
+    max-height: 100px;
     overflow-y: auto;
     z-index: 999;
 

package/package.json

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