intelicoreact 1.3.53 → 1.3.55

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -100,7 +100,10 @@ const Dropdown = _ref => {
       return result;
     }, 0);
   }, [options]);
-  if (isMobile) isSearchable = getTotalOptions() > (minItemsForShowMobileSearch || MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH);
+
+  if (isMobile) {
+    isSearchable = getTotalOptions() > (minItemsForShowMobileSearch || MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH);
+  }
 
   const moveOtherToEnd = options => {
     const otherIndex = options === null || options === void 0 ? void 0 : options.findIndex(option => (option === null || option === void 0 ? void 0 : option.value) === "other");
@@ -214,7 +217,7 @@ const Dropdown = _ref => {
 
     const prepare = text => text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
 
-    text = text.replace(/["&<>]/g, function (a) {
+    text = text.replace(/["&<>]/g, a => {
       return {
         '"': "&quot;",
         "&": "&amp;",
@@ -280,7 +283,9 @@ const Dropdown = _ref => {
     } = scrollReactionObj || {};
 
     if (callback && typeof callback === "function") {
-      if (isWithAnyScrolling) callback(e);else if (Math.round(e.target.clientHeight + e.target.scrollTop + scrollingInaccuracy) >= e.target.scrollHeight) callback(e);
+      if (isWithAnyScrolling) callback(e);else if (Math.round(e.target.clientHeight + e.target.scrollTop + scrollingInaccuracy) >= e.target.scrollHeight) {
+        callback(e);
+      }
     }
   }, [filteredOptions]);
 
@@ -338,7 +343,7 @@ const Dropdown = _ref => {
   };
 
   const setListContainerStyles = () => {
-    var _dropdownRef$current$, _dropdownListWrapperR, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _sw$getBoundingClient, _dropdownListWrapperR2, _dropdownListWrapperR3, _lh$getBoundingClient;
+    var _dropdownRef$current$, _dropdownListWrapperR, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _sw$getBoundingClient, _dropdownListWrapperR2, _dropdownListWrapperR3, _lh$getBoundingClient, _getComputedStyle$hei, _getComputedStyle3, _getComputedStyle3$he;
 
     const lc = getListContainer();
     if (!lc || !isOpen) return false;
@@ -351,7 +356,7 @@ const Dropdown = _ref => {
     } = (_dropdownRef$current$ = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current.getBoundingClientRect()) !== null && _dropdownRef$current$ !== void 0 ? _dropdownRef$current$ : {};
     const sw = lc.getElementsByClassName("dropdown__list")[0];
     const lh = dropdownListWrapperRef === null || dropdownListWrapperRef === void 0 ? void 0 : (_dropdownListWrapperR = dropdownListWrapperRef.current) === null || _dropdownListWrapperR === void 0 ? void 0 : _dropdownListWrapperR.getElementsByClassName("dropdown__list-header")[0];
-    const margin = parseInt((_getComputedStyle$mar = (_getComputedStyle = getComputedStyle(sw)) === null || _getComputedStyle === void 0 ? void 0 : (_getComputedStyle$mar2 = _getComputedStyle.marginTop) === null || _getComputedStyle$mar2 === void 0 ? void 0 : _getComputedStyle$mar2.replace("px", "")) !== null && _getComputedStyle$mar !== void 0 ? _getComputedStyle$mar : 0, 10);
+    const margin = parseInt((_getComputedStyle$mar = (_getComputedStyle = getComputedStyle(dropdownListWrapperRef === null || dropdownListWrapperRef === void 0 ? void 0 : dropdownListWrapperRef.current)) === null || _getComputedStyle === void 0 ? void 0 : (_getComputedStyle$mar2 = _getComputedStyle.marginTop) === null || _getComputedStyle$mar2 === void 0 ? void 0 : _getComputedStyle$mar2.replace("px", "")) !== null && _getComputedStyle$mar !== void 0 ? _getComputedStyle$mar : 0, 10);
     const maxHeight = initListHeight !== null && initListHeight !== void 0 ? initListHeight : parseInt((_getComputedStyle$max = (_getComputedStyle2 = getComputedStyle(sw)) === null || _getComputedStyle2 === void 0 ? void 0 : (_getComputedStyle2$ma = _getComputedStyle2.maxHeight) === null || _getComputedStyle2$ma === void 0 ? void 0 : _getComputedStyle2$ma.replace("px", "")) !== null && _getComputedStyle$max !== void 0 ? _getComputedStyle$max : 0, 10);
     if (initListHeight === null) setInitListHeight(maxHeight);
     const toTop = top - margin;
@@ -361,7 +366,7 @@ const Dropdown = _ref => {
     const listPos = toTop < toBottom || toBottom >= swHeight ? "bottom" : "top";
     lc.style.minWidth = "".concat(width, "px");
     lc.style.left = "".concat(left, "px");
-    lc.style.top = "".concat(listPos === "bottom" ? top + height : top - swHeight - 3 * margin, "px");
+    lc.style.top = "".concat(listPos === "bottom" ? top + height : top - margin * 3 - parseInt((_getComputedStyle$hei = (_getComputedStyle3 = getComputedStyle(dropdownListWrapperRef === null || dropdownListWrapperRef === void 0 ? void 0 : dropdownListWrapperRef.current)) === null || _getComputedStyle3 === void 0 ? void 0 : (_getComputedStyle3$he = _getComputedStyle3.height) === null || _getComputedStyle3$he === void 0 ? void 0 : _getComputedStyle3$he.replace("px", "")) !== null && _getComputedStyle$hei !== void 0 ? _getComputedStyle$hei : 0, 10), "px");
     sw.style.maxHeight = "".concat(maxSwHeight, "px");
   };
 
@@ -526,7 +531,7 @@ const Dropdown = _ref => {
   (0, _react.useEffect)(() => {
     document.addEventListener("click", handleClickOutside, true);
     return () => document.removeEventListener("click", handleClickOutside, true);
-  }, [value]);
+  }, []);
   (0, _react.useEffect)(() => {
     if (!isOpen) {
       setIsSearchChanged(false);
@@ -621,7 +626,7 @@ const Dropdown = _ref => {
   }, /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": "dropdown--".concat(testId || "", "--container"),
     className: "".concat(RC, "__trigger input__wrap ").concat(isOpen ? "input__wrap--focus" : "", " ").concat(!value ? "placeholder" : "", " ").concat(error ? "error" : ""),
-    onClick: toggleList,
+    onClick: () => setIsOpen(true),
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp,
     tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -52,6 +52,7 @@ const DropdownLiveSearch = _ref => {
     isNotValidateASCII = false,
     noOptionsText = "No options available",
     attributesOfNativeInput = {},
+    withMobileLogic,
     tabIndex
   } = _ref;
   const dropdownId = fieldKey || id;

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -220,9 +220,11 @@ const TagsDropdown = _ref => {
 
       const index = (_title$toLowerCase = title.toLowerCase()) === null || _title$toLowerCase === void 0 ? void 0 : _title$toLowerCase.indexOf(searchValue.toLowerCase());
       if (index === -1) return title;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title.substring(0, index), /*#__PURE__*/_react.default.createElement("span", {
-        className: "search-match"
-      }, title.substring(index, index + (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length))), title.substring(index + (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length)));
+      return /*#__PURE__*/_react.default.createElement("pre", {
+        className: "inherit-styles"
+      }, /*#__PURE__*/_react.default.createElement("span", null, title.substring(0, index)), /*#__PURE__*/_react.default.createElement("span", {
+        className: "search-match bg--yellow"
+      }, title.substring(index, index + (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length))), /*#__PURE__*/_react.default.createElement("span", null, title.substring(index + (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length))));
     };
 
     return /*#__PURE__*/_react.default.createElement("button", {

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -171,6 +171,12 @@
 
         color: #757f8c;
       }
+
+      pre.inherit-styles {
+        font: inherit!important;
+        margin: 0;
+        padding: 0;
+      }
     }
   }
 

package/package.json

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